/* CSS Document */
body { font-family:Arial, Helvetica, sans-serif; font-size:12px; }
/*main divs*/
#header {height:100px; width:800px; background-color:#99CC00;}
#content {height:320px; border:#333 2px solid; height:340px; overflow:hidden; 
background-color:#F7FBEA;}
div#extra{border-bottom:#333 2px solid;}
div#navigation{border-bottom:#333 2px solid;}
div#extra, div#navigation{height:107px; background-color:#333;}
/*core elements*/
a:link, a:visited  {color:#99CC00;text-decoration: none; font-size:14px;}
a:hover {text-decoration: underline;}
.topnav ul { padding:0; margin:0; }
.topnav li {list-style-type: none; display:inline;padding-left:10px;}
.topnav a:link, .topnav a:visited	{color:#fff; font-size:16px; }
.topnav a:hover, #current_extras a:hover{ text-decoration:underline; }
#left_nav {float:left; width:600px; height:30px;}
#current_extras a:link, #current_extras a:active, #current_extras a:visited	{color:#000; font-size:12px; padding: 4px 0 4px 8px; font-weight:400;}
.wireframemenu{
border: 1px solid #C0C0C0;
background-color: white;
border-bottom-width: 0;
width: 200px;
margin-left:20px;
}

* html .wireframemenu{ /*IE only rule. Original menu width minus all left/right paddings */
width: 194px;
}

.wireframemenu ul{
padding: 0;
margin: 0;
list-style-type: none;
z-index:99;
}

.wireframemenu a{
font: bold 13px Verdana;
padding: 4px 3px;
display: block;
width: 100%; /*Define width for IE6's sake*/
color: #595959;
text-decoration: none;
border-bottom: 1px solid #C0C0C0;
}

.wireframemenu a:visited{
color: #595959;
}

html>body .wireframemenu a{ /*Non IE rule*/
width: auto;
}

.wireframemenu a:hover{
background-color: #E6FF97;
color: black;
text-decoration:none;
}

.wireframemenu li#active a{
color: #E6FF97;
background-color: #99CC00;
text-decoration:none;
}

.wireframemenu li#active a:hover{
color: #E6FF97;
background-color: #99CC00;
text-decoration:none;
}

#footer { background-color:#99CC00; color:#fff; padding: 5px 0 5px 0;}
#content .rightCol { float:right; width:365px; height:320px; overflow:auto; padding:20px 20px 0 20px; margin:0; }
#content .rightCol4 { float:right; width:380px; height:350px; overflow:hidden; padding:0; margin-top:-10px; }

#content .leftCol { margin:0;  float:left; width:385px;  height:340px; overflow: hidden;  }
#content .rightCol2 { float:right; width:540px; height:320px; overflow:hidden; margin:0; padding-top:20px; }
#content .rightCol3 { float:right; width:540px; height:320px; overflow:auto; margin:0; }
#content .leftCol2 { float:left; width:240px;  height:320px; overflow: hidden;}
.welcomeBox {background-color:#FFCC66; border:#FFCC00 thick solid; padding:10px; width:300px; position:relative; top:25px; left:25px;}
.messageBox {background-color:#FFCC66; border:#FFCC00 2px solid; padding:2px; width:200px; }

#content h3 {font-size:14px; margin-top:20px; margin-left:20px;}

#extras_iframe {position:absolute; top:120px;}

.welcomeBox2,  .welcomeBox3 {
background-color:#E3F3C2; border:#FFCC00 medium solid; padding:10px; width:400px; padding:10px;
 margin: 10px;}
 .welcomeBox3 {
 width:300px;}
#warning {border:1px #333333 solid; padding:10px 10px 10px 40px; margin:10px; background: url(../../images/icons/exclamation.png) 20px 50% no-repeat #F1FDC4;}
#welcome {margin-top:20px; margin-left:20px; width:200px;}
.flag0 {background:  url(../../images/icons/cancel.png) no-repeat;width:20px; height:20px;}
.flag1 {background:  url(../../images/icons/accept.png) no-repeat;width:20px; height:20px;}

#photos { width:430px; height:225px; overflow:auto; border:#E6E6E6 thin solid; margin-left:30px; padding:0;}