body {background : #339933; }

#wrapper { 
width : 100%; 
font-family : "Trebuchet MS"; 
font-size : 1.1em; 
color : #333399; 
} 
#header {  
float : right; 
clear : right; 
margin-top : 1%; 
background : #339933; 
} 
#header img {margin:0% 0% 0% 1%}
.tag { 
width : 604px; 
float : left; 
clear : both; 
font-size : 80%; 
text-align : center; 
padding-top : 1%; 
font-weight : bolder; 
display : none; 
} 
#left { 
width : 160px; 
float : left; 
clear : left; 
text-align : left; 
background:#fff;
margin-top : 1%; 
} 
.mailbox table { 
border : none; 
float : left; 
clear : left; 
width : 155px; 
margin-left : 2%; 
} 
.mailbox td { 
background-color : #336699; 
font-weight : bold; 
font-size : 70%; 
color : #ffffff; 
text-align : left; 
} 
.mailbox input { 
width : 98%; 
} 
.mailbox input.but { 
width : 100px; 
} 
#leftmenbar { 
width : 100%; 
margin : 5% 0% 5% 0%; 
background-color : #ffffff; 
} 
#left a { 
width : 92%; 
float : left; 
clear : both; 
margin : 0% 0% 2% 2%; 
padding : 0% 2% 0% 2%; 
font-size : 85%; 
} 
.menuhead { 
width : 92%; 
float : left; 
clear : left; 
background-color : #339933; 
font-size : 90%; 
font-weight : bold; 
color : #ffffff; 
text-align : center; 
margin : 0% 0% 2% 2%; 
padding : 0% 2% 0% 2%;
} 
.menuwho { 
width : 92%; 
float : left; 
clear : left; 
background-color : #999933; 
font-size : 90%; 
font-weight : bold; 
color : #ffffff; 
text-align : center; 
margin : 0% 2% 2% 2%; 
padding : 0% 2% 0% 2%;
} 
.menuwhat { 
width : 92%; 
float : left; 
clear : left; 
background-color : #993333; 
font-size : 90%; 
font-weight : bold; 
color : #ffffff; 
text-align : center; 
margin : 0% 2% 2% 2%; 
padding : 0% 2% 0% 2%;
} 
.menuwhy { 
width : 92%; 
float : left; 
clear : left; 
background-color : #ff9900; 
font-size : 90%; 
font-weight : bold; 
color : #ffffff; 
text-align : center; 
margin : 0% 2% 2% 2%; 
padding : 0% 2% 0% 2%;
} 
.imglink {margin : 0% 0% -2% -2%; 
padding : 0% -2% 0% -2%;} 
#news { 
width : 98%; 
background : #339933; 
font-weight : bold; 
text-align : center; 
color : #fff; 
border : 2px solid #000099; 
} 
#news hr { 
width : 100%; 
clear : both; 
color : #000099; 
height : 2px; 
} 
#news a { 
color : #fff; 
} 
.newshead { 
display:block;
width : 100%; 
background-color : #000099; 
font-weight : bold; 
color : #ffffff; 
text-align : center; 
font-size : 110%; 
} 
#homenav { 
margin-top : 2px; 
} 
#homenav a { 
text-decoration : none; 
display : block; 
background : #339933; 
color : #fff; 
} 
#whonav a { 
text-decoration : none; 
display : block; 
background : #999933; 
color : #fff; 
} 
#whonav a:link { 
color : #fff; 
} 
#whonav a:visited { 
color : #fff; 
} 
#whatnav a { 
text-decoration : none; 
display : block; 
background : #993333; 
color : #fff; 
} 
#whatnav a:link { 
color : #fff; 
} 
#whatnav a:visited { 
color : #fff; 
} 
#whynav a { 
text-decoration : none; 
display : block; 
background : #ff9900; 
color : #fff; 
} 
#whynav a:link { 
color : #fff; 
} 
#whynav a:visited { 
color : #fff; 
} 

#awards b { 
font-family : Verdana, Arial; 
font-size : 100%; 
color : #ffffff; 
} 
#awards hr { 
width : 100%; 
clear : both; 
color : #fff; 
} 
#topnav { 

float : left; 
clear : both; 
text-align : center; 
font-weight : bolder; 
margin : 1%; width:100%;
} 
.tnav { 

 
float : left; 
padding: 0% 2% 0% 2%; 
text-align : left; 
 
} 
#topnav a {color:#fff}
#date { 
float : right; 
text-align : right; 
font-size : 85%; 
margin-right : 5px; 
} 
#content { 
float : right; 
font-size : 90%; 
margin-top : 2%; 
background : #fff; 
border:solid 3px #333399;
} 
#topbox { 
width : 100%; 
float : left; 
margin : 1%; 
height : 250px; 
font-size : 120%; 
text-align : center; 
background-color : #ffffff; 
} 
#content-main { 
width : 98%; 
background: #fff; 
padding : 1% 0% 1% 1%; 
} 
content-main p { 
float : left; 
} 
#content-main b { 
font-size : 105%; 
} 
div.right { 
float : right; 
clear : right; 
margin : 2% 1% 0% 1%; 
text-align : center; 
background : #fff; 
} 
div.right a { 
font-size : 100%; 
font-weight : bold; 
color : #339933; 
width : 100%; 
float : left; 
clear : both; 
padding : 2%; 
} 
div.left { 
float : left; 
clear : left; 
text-align : left; border-right : 2px solid #339933; 
} 
.white { 
background-color : #ffffff; 
width : 98%; 
float : left; 
clear : both; 
margin-bottom : 2%; 
padding : 2%; 

} 

#trail_content_main { 
width : 58%; 
float : left; 
font-size : 90%; 
padding-top : 10%; 
} 
#trail_content_main p { 
margin : 1%; 
} 
#trail_content_right { 
margin-top : 10%; 
float : right; 
width : 35%; 
border-left : 2px solid #cccccc; 
text-align : left; 
color : #336699; 
height : 900px; 
overflow : auto; 
} 
#marq { 
width : 98%; 
margin : 10% 0% 1% 0%; 
background-color : #336699; 
font-size : 90%; 
font-family : Arial; 
text-align : center; color:#fff;
border : 2px solid #336699;padding:1% 1% 4% 1%; 
} 
#marq a { 
font-size : 100%; 
color : #ffffff; 
text-decoration : underline; 
} 
.marq-top { 
background-color : #ffffff; 
font-family : Arial; 
color : #336699; 
font-weight : bold; 
font-size : 125%; 
text-align : center; 
width : 100%; 
} 

#bottom { 
width : 100%; 
clear : both; text-align:left;font-family:trebuchet MS; color:#333399;
font-size : 78%; 
} 
#bottom a:link { 
font-size : 100%; 
color : #fff; 
} 
.copy { 
text-align : left; 
float : left; 
clear : left; 
font-weight : bold; 
margin-right : 2px; 
} 
.wid { 
text-align : right; 
clear : right; 
font-weight : bold; 
} 
.phot { 
font-weight : normal; 
margin-left : 8%; 
} 
a:link { 
font-size : 100%; 
font-weight : bold; 
text-decoration : none; 
color : #339933; 
} 
a:hover { 
font-size : 100%; 
color : #339933; 
font-weight : bold; 
text-decoration : underline; 
} 
a:visited { 
font-size : 100%; 
color : #339933; 
font-weight : bold; 
text-decoration : none; 
} 
a:visited:hover { 
font-size : 100%; 
color : #339933; 
font-weight : bold; 
text-decoration : underline; 
} 

#hide_r { 
float : right; 
} 
#hide_r img { 
border : none; 
} 
#hide_l { 
float : left; 
} 
#hide_l img { 
border : none; 
} 
#factleft { 
width : 50%; 
float : left; 
clear : left; 
font-family : "Arial rounded MT bold", Arial; 
color : #333399; 
} 
factright { 
width : 50%; 
float : right; 
clear : right; 
} 
#quiz table { 
width : 90%; 
} 
#quiz td { 
border : 1px solid #ff9900; 
font-family : "Comic Sans MS"; 
font-weight : normal; 
font-size : 90%; 
color : #333399; 
} 
.wider { 
width : 90%; 
} 
h1 { 
font-size : 130%; 
} 
h2 { 
font-size : 140%; 
} 
.heading { 
background : #fff; 
width : 100%; 
clear : right; 
font-weight : bold; 
color : #339933; 
text-align : center; 
font-size : 160%; 
margin-bottom : 1%; 
} 
hr { 
color : #cccccc; 
} 
.screen_hide { 
display : none; 
} 
td.quiz_quest { 
background-color : #ff9900; 
color : #ffffff; 
} 
.hiddenPic { 
display : none; 
} 

.image_r {float:right; clear:right;text-align:center; background-color:#FFFFFF; font-family:Arial; font-weight:bold;font-style:italic}

.image_l {width:40%;float:left; clear:left;text-align:center; background-color:#FFFFFF; font-family:Arial; font-weight:bold;font-style:italic}