a img {
border : none;
}
a:link img {
border : none;
}

pre {
white-space: -moz-pre-wrap; /* Mozilla, supported since 1999 */
white-space: -pre-wrap; /* Opera 4 – 6 */
white-space: -o-pre-wrap; /* Opera 7 */
white-space: pre-wrap; /* CSS3 – Text module (Candidate Recommendation) http://www.w3.org/TR/css3-text/#white-space */
word-wrap: break-word; /* IE 5.5+ */
white-space: -khtml-pre-wrap; /* Safari, not working –  maybe on Konqueror khtml */
color : #ffffff;
width: 99%;
font-size: 14px;
}

html
{
width : 100%;
background-color: #000000;
color: #ffffff;
}

html#one
{
background-image: url(smoke-background-page-one.jpg);
background-position: top left;
background-repeat: no-repeat;
}

html#two
{
background-image: url(smoke-background-page-two.jpg);
background-position: top center;
background-repeat: no-repeat;
}

html#three
{
background-image: url(smoke-background-page-three.jpg);
background-position: top center;
background-repeat: no-repeat;
}

html#four
{
background-image: url(fireworks-background-page-four.jpg);
background-position: top center;
background-repeat: no-repeat;
}

html#five
{
background-image: url(fireworks-background-page-five.jpg);
background-position: top center;
background-repeat: no-repeat;
}

html#six
{
background-image: url(fireworks-background-page-six.jpg);
background-position: top center;
background-repeat: no-repeat;
}

body {
margin-top: 5px;
margin-left: auto;
margin-right: auto;
margin-bottom: 5px;
text-align: center;
width: 840px;
max-width: 840px;
color: #ffffff;
}

#wrapper {
width : 840px;
margin-top: 0px;
margin-bottom: 0px;
margin-left : auto;
margin-right : auto;
text-align : center;
}

span
{
margin: 0;
padding: 0;
}

.highlight
{
color: green;
font-weight: bold;
margin: 0;
padding: 0;
}

/* Menu Items */

body#pageone a#itemone,
body#pagetwo a#itemtwo,
body#pagethree a#itemthree,
body#pagefour a#itemfour,
body#pagefive a#itemfive,
body#pagesix a#itemsix
{
background: #000000; /* the active button's background colour*/
background-image: url(active-glossy-tab.jpg);
repeat: repeat-x;
color:black;
}

#menucase
{
display: block;
clear: both;
width: 840px;
border: 0;
background-color: transparent;
text-align: center;
}

#menu
{
display: block;
clear: both;
width: 100%;
padding: 0;
margin-left: auto;
margin-right: auto;
text-align: center;
}

div.menuitem {
display : inline;
text-align:center;
padding: 0;
}

a.ment {
display: inline;
float : left;
width : 140px;
padding: 0;
background: #000000; /* the active button's background colour*/
background-image: url(inactive-glossy-tab.jpg);
repeat: repeat-x;
text-decoration: none;
color : white;
font-weight : bold;
text-align : center;
}

a:hover.ment {
background: #000000; /* the active button's background colour*/
background-image: url(active-glossy-tab.jpg);
repeat: repeat-x;
color:black;
}


a:active.ment {
color : black;
}

/* End of menu items */

#content
{
display: block;
clear: both;
padding-top: 40px;
text-align: left;
text-size: 8px;

}

#htmlcode
{
display: inline;
clear: left;
float: left;
width: 390px;
margin-left: 0px;
margin-right: auto;
padding: 10px;
border: 1px solid #000000;
background: #000000;
color: #ffffff;
}


#csscode
{
display: inline;
clear: right;
float: right;
width: 390px;
margin-left: auto;
margin-right: 0px;
padding: 10px;
border: 1px solid #000000;
background: #000000;
color: #ffffff;
}