body{font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; background:#ffffff url(/images/container-bg.gif) left top repeat-x;  margin:0;}

/*
 * ===================
 * Header classes
 * ===================
 */
#container{position:relative; width:1024px;}

#pagesite{position:relative; width:100%; background:url(/images/ifrog_hdr.jpg) left top no-repeat; margin:0;}

#name{position:relative; float:left; margin:0 10px; font-size:1.5em; font-weight:bold; width:275px; height:40px;}

#name a:link, #name a:active, #name a:visited, #name a:hover{color:#FFFFFF; text-decoration:none;}

#toplinks{position:relative; float:left; margin-left:55px; margin-top:5px; font-size:.6875em; font-weight:bold;}

#toplinks a:link, #toplinks a:active, #toplinks a:visited{color:#CCCCCC; text-decoration:none;}

#toplinks a:hover{color:#FFFFFF; text-decoration:none;}

#login{position:absolute; top: 30px; left: 810px; font-size:12px;}

#pagetitle{position: absolute; top: 48px; left: 250px; width:500px; text-align:left;}

h1{font-size: 15px; font-weight: bold; color: #000099;}

/*
 * ===================
 * Frogs Eye's Classes
 * ===================
 */

#rEye{position: absolute; top: 37px; left: 760px; z-index:50;}

#rDot{position: absolute; top: 54px; left: 777px; z-index:51;}

#lEye{position: absolute; top: 37px; left: 696px; z-index:50;}

#lDot{position: absolute; top: 54px; left: 713px; z-index:51;}

/*
========================
	navigation classes
========================
*/

#main-nav{position:relative; float:left; margin:5px 10px 10px 8px; width:149px; clear:left; background:#CFCFCF; text-align:left;}

#navlist {padding: 0 0 0 0; margin-left: 0; width: 149px; background: url(/images/ifrog_nav_bg.jpg) no-repeat top left; z-index: 200; overflow: hidden;}

#navlist li {list-style: none; margin: 0 0 0 0; padding: 0 0 0 0; text-align: left; border-bottom: 1px solid #C7C3C7;}

#navlist li a.hdr, #navlist li span.hdr {display: block; padding: 5px 3px 5px 10px; font-size:14px; font-weight: bold; text-decoration: none; color: #5B6639;}

#navlist li a.hdr:visited {color: #5B6639;}

#navlist li a.hdr:active {color: #000099;}
	
#navlist li a.hdr:hover {color:#000099;}

#navlist li form {margin: 0; padding: 0;}

#navlist li ul{margin-left:5px; padding-left:5px;}

li.sublist {list-style: none; margin: 0; padding: 0; text-align: left;}

li.sublist input.text {font-size: 10px/13p Verdana, sans-serif; width: 80px; padding: 1px; margin: 0 0 0 20px;}

li.sublist input.submit {font: 10px/13px Verdana, sans-serif; width: 30px; padding: 1px; margin: 0;}

li.sublist a.subhdr {display: block; padding: 3px 3px 3px 20px; font-size:11px; font-weight: normal; text-decoration: none; color: #000000;}

li.sublist a.subhdr:visited {color: #000000;}

li.sublist a.subhdr:active {color: #000099; background: #DDD8DD;}
	
li.sublist a.subhdr:hover {color: #009; background: #DDD8DD;}

/*
 *========================
 	Page content classes and footer
  ========================
 */

#pagecontent{position:relative; float:right; margin-top:60px; margin-right:10px; width:839px; font-size:.75em; text-align:left; line-height:20px;}

h2{font-size:1.25em; font-weight:bold; color:#000000;}

#footer{position:relative; clear:both; width=100%; text-align:center; padding:10px 0;}

#copyright{clear:both; position:relative; float:left;}

#popout{postion:relative; background:#e4e7dc url(/images/ifrog_pop_foot.gif) bottom right no-repeat; border:#CCCCCC 1px solid; padding:5px 5px 36px 5px;}

.pophdr{color:#000099; font-weight:bold;}

.pop{font-size:11px;}

a:link, a:active, a:visited, a:hover{color:#000099; text-decoration:underline;}


.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */