body { 
font-family : tahoma, verdana, arial, sans-serif; 
font-size : 80%; 
margin : 0; 
padding : 10px; 
background-color : #CCFFCC; 
} 
#pagecontainer { 
margin-bottom : 15px; 
padding : 4px; 
border : 1px solid #336699; 
} 
#leaderboardcontainer { 
padding : 5px; 
background-color : #ffffff; 
border-bottom : 1px solid #336699; 
} 
#leaderboard { 
text-align : center; 
height : 90px; 
} 
#searchfieldcontainer { 
right : 20px; 
position : absolute; 
top : 18px; 
} 
#searchfieldcontainer #button { 
font-size : 0.8em; 
} 
#searchfieldcontainer #query { 
font-size : 0.8em; 
} 
#searchfieldcontainer #options { 
font-size : 0.8em; 
} 
#breadcrumb { 
position : absolute; 
top : 190px; 
left : 176px; 
background-color : white; 
margin : 0; 
padding : 0; 
} 
#contentcolumn { 
margin-left : 156px; 
margin-right : 175px; 
margin-top : 5px; 
padding : 30px 10px 10px 10px; 
border-right : 1px solid #336699; 
border-left : 1px solid #336699; 
min-height : 650px; 
height : auto !important ; 
height : 650px; 
} 
#mainnavi ul { 
list-style : none; 
margin-left : 0.5em; 
padding-left : 0; 
margin-top : 0.2em; 
margin-bottom : 0.2em; 
} 
#mainnavi ul li { 
line-height : 1.5em; 
font-weight : bold; 
font-size : 1em; 
} 
#mainnavi ul ul { 
margin-left : 1.2em; 
padding-left : 0; 
list-style : square; 
color : #c0c0c0; 
} 
#mainnavi ul ul li { 
line-height : 1.6em; 
margin-left : 0; 
padding-left : 0.3em; 
font-weight : normal; 
font-size : 0.83333em; 
} 
#leftcolumn { 
position : absolute; 
left : 15px; 
top : 190px; 
width : 153px; 
margin : 0; 
padding : 0; 
background-color : #ffffff; 
} 
#leftcolumnsponsor { 
text-align : center; 
padding-top : 5px; 
padding-bottom : 5px; 
margin-bottom : 1em; 
} 
.leftcolumnlanguage { 
padding-top : 0; 
margin-top : 0.3em; 
padding-bottom : 0; 
margin-bottom : 0.3em; 
padding-left : 0; 
margin-left : 2em; 
list-style : square; 
color : #c0c0c0; 
line-height : 1.4em; 
font-weight : normal; 
font-size : 0.83333em; 
} 
#rightcolumn { 
right : 19px; 
position : absolute; 
top : 223px; 
} 
.rightcolumnitemcontent { 
margin-top : 2px; 
} 
#headersection { 
color : #ffffff; 
padding : 3px; 
background-color : #ffffff; 
} 
#headersection h1 { 
font-size : 2em; 
color : #336699; 
padding-left : 3px; 
} 
#headersectionbar { 
height : 18px; 
background-color : #336699; 
color : #ffffff; 
font-family : arial; 
font-weight : bold; 
padding : 2px 0 0 5px; 
font-size : 0.85em; 
} 
#headersectionbar h2 { 
padding : 0; 
margin : 0; 
color : white; 
} 
#pagefooter { 
text-align : center; 
padding : 0.5em 0 0.5em 0; 
border-top : 1px solid #336699; 
margin-top : 5px; 
} 
#foundingfooter { 
text-align : center; 
color : #a0a0a0; 
} 
#foundingfooter a { 
color : #a0a0a0; 
} 
.codebox { 
border : 2px dotted gray; 
padding : 0 1em; 
background-color : #fcfbc4; 
margin-bottom : 1em; 
} 
.examplebox { 
border : 2px dotted gray; 
padding : 1em; 
margin-bottom : 1em; 
} 
.codebox strong { 
color : #cc0000; 
} 
.examplelinklist { 
border : 0; 
margin-left : 0; 
padding-left : 1.6em; 
} 
.examplelinklist li { 
list-style-image : url('/site/gfx/icon.example.gif'); 
} 
a#headersectionlogo:link { 
color : #336699; 
text-decoration : none; 
} 
a#headersectionlogo:visited { 
color : #336699; 
text-decoration : none; 
} 
a#headersectionlogo:hover { 
color : #336699; 
text-decoration : none; 
} 
a#headersectionlogo:active { 
color : #336699; 
text-decoration : none; 
} 
a.mainmenulink:link { 
color : #0000c0; 
text-decoration : none; 
} 
a.mainmenulink:visited { 
color : #0000c0; 
text-decoration : none; 
} 
a.mainmenulink:hover { 
color : #a82030; 
text-decoration : none; 
} 
a.mainmenulink:active { 
color : #0000c0; 
text-decoration : none; 
} 
a.mainmenulinkselected:link { 
color : #ff0000; 
text-decoration : none; 
} 
a.mainmenulinkselected:visited { 
color : #ff0000; 
text-decoration : none; 
} 
a.mainmenulinkselected:hover { 
color : #ff0000; 
text-decoration : none; 
} 
a.mainmenulinkselected:active { 
color : #ff0000; 
text-decoration : none; 
} 
a.marked1:link { 
color : #0000c0; 
padding-left : 1.7em; 
height : 2em; 
height : 2em; 
background-image : url('/site/gfx/arrow.green.gif'); 
background-repeat : no-repeat; 
} 
a.marked1:visited { 
color : #0000c0; 
padding-left : 1.7em; 
height : 2em; 
height : 2em; 
background-image : url('/site/gfx/arrow.green.gif'); 
background-repeat : no-repeat; 
} 
a.marked1:hover { 
color : #a82030; 
padding-left : 1.7em; 
height : 2em; 
height : 2em; 
background-image : url('/site/gfx/arrow.green.gif'); 
background-repeat : no-repeat; 
} 
a.marked1:active { 
color : #a82030; 
padding-left : 1.7em; 
height : 2em; 
height : 2em; 
background-image : url('/site/gfx/arrow.green.gif'); 
background-repeat : no-repeat; 
} 
h1 a:link { 
color : #000000; 
text-decoration : none; 
} 
h1 a:visited { 
color : #000000; 
text-decoration : none; 
} 
h1 a:hover { 
color : #000000; 
text-decoration : none; 
} 
h1 a:active { 
color : #000000; 
text-decoration : none; 
background-color : #fcfbc4; 
} 
a:link { 
color : #0000c0; 
} 
a:visited { 
color : #0000c0; 
} 
a:hover { 
color : #a82030; 
} 
a:active { 
color : #a82030; 
background-color : #fcfbc4; 
} 
a img { 
border : none; 
} 
h1 { 
font-size : 145%; 
line-height : 130%; 
color : #000; 
font-weight : bold; 
font-style : normal; 
padding : 0 0 0 0; 
margin : 5px 0 5px 0; 
} 
h2 { 
font-size : 110%; 
color : #000000; 
font-weight : bold; 
font-style : normal; 
padding : 0 0 0 0; 
margin : 1em 0 5px 0; 
} 
h3 { 
font-size : 100%; 
color : #000000; 
font-weight : bold; 
font-style : normal; 
padding : 0 0 0 0; 
margin : 0 0 5px 0; 
} 
h4 { 
font-size : 90%; 
color : #000000; 
font-weight : bold; 
font-style : normal; 
padding : 0 0 0 0; 
margin : 0 0 0 0; 
} 
p { 
margin-top : 0; 
padding-top : 0; 
} 
table { 
margin-bottom : 1em; 
} 
dt { 
font-weight : bold; 
} 
.nodisp { 
display : none; 
} 
.dnone { 
display : none; 
} 
code { 
font-size : 1.2em; 
} 
.toc li { 
margin-bottom : 0.5em; 
list-style-type : square; 
} 
.naviprevnext { 
border : 1px solid silver; 
padding : 1em; 
background-color : #f8f8f8; 
} 
.naviprevnext h2 { 
margin-top : 0; 
padding-top : 0; 
} 
.leftcolumnbox { 
border : 1px solid #336699; 
margin-bottom : 1em; 
background-color : #f8f8f8; 
} 
.leftcolumnbox h2 { 
background : #336699; 
padding : 2px; 
margin : 0; 
color : #ffffff; 
font-size : 0.85em; 
} 
#newslettertextbox { 
width : 94%; 
font-size : 0.85em; 
} 
#newslettertextbutton1 { 
font-size : 0.8em; 
width : 45%; 
} 
#newslettertextbutton2 { 
font-size : 0.8em; 
width : 55%; 
} 
#learnhtml { 
border-bottom : 1px solid silver; 
margin-bottom : 1em; 
min-height : 180px; 
height : auto !important ; 
height : 180px; 
} 
#learncss { 
min-height : 180px; 
height : auto !important ; 
height : 180px; 
} 
.learnboximage { 
float : left; 
margin-right : 1em; 
} 
.learnboxtext { 
padding-top : 2em; 
} 
.learnboxlinkcontainer { 
height : 3.5em; 
line-height : 1.3em; 
} 
.learnboxlinkimage { 
float : left; 
width : 22px; 
height : 20px; 
background-image : url('/site/gfx/arrow.green.gif'); 
background-repeat : no-repeat; 
} 
.sectionbox { 
border : 1px solid silver; 
padding : 1em; 
background-color : #f8f8f8; 
margin-bottom : 1em; 
} 
.sectionbox h2 { 
margin-top : 0; 
padding-top : 0; 
} 
.sectionbox2 { 
border : 1px solid #ffffff; 
padding : 1em; 
background-color : #ffffff; 
margin-bottom : 1em; 
} 
.sectionbox2 h2 { 
margin-top : 0; 
padding-top : 0; 
} 
#socialBookmarks { 
float : right; 
margin-top : 5px; 
}