body{font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; background:#efefef;  margin:0; text-align:center;}
.header-container{filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#788651', endColorstr='#566137'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#788651), to(#566137)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #788651,  #566137); /* for firefox 3.6+ */
width:100%; margin:0px;}
.header{position:relative; width:1014px; margin:0 auto; padding:5px; text-align:left; line-height:36px;}
.header a:link, .header a:active, .header a:hover, .header a:visited{color:#fff; text-decoration:none; font-weight:bold; font-size:24px;}
.iflogo{color:#fff; text-decoration:none; font-weight:bold; font-size:24px;}
.toplinks{position:relative; display:inline; margin-left:55px; margin-top:5px; font-size:12px; font-weight:bold;}
.toplinks a:link, .toplinks a:active, .toplinks a:visited{color:#ccc; text-decoration:none; font-size:12px; margin-right:20px;}		
.toplinks a:hover{color:#fff; text-decoration:none; font-size:12px; margin-right:20px;}
.page-container{width:100%; margin:0px;}
.subhead{position:relative; width:1014px; margin:0 auto; padding:10px 5px 5px 5px; text-align:left; }
.login{position:relative; float:right; margin-right:10px; font-size:12px; text-align:left;}
.frog{position:absolute; bottom:0px; right:150px;}
/*
 * ===================
 * Frogs Eye's Classes
 * ===================
 */

#rEye{position: absolute; top: 9px; left: 840px; z-index:50; display:none;}		
#rDot{position: absolute; top: 26px; left: 857px; z-index:51; display:none;}		
#lEye{position: absolute; top: 9px; left: 776px; z-index:50; display:none;}		
#lDot{position: absolute; top: 26px; left: 793px; z-index:51; display:none;}
.search{position:relative; float:left; width:200px;}
.pagetitle{position:relative; float:left; margin-left:10px; text-align:left;}
h1{font-size: 15px; font-weight: bold; color: #000099; margin-bottom:0px; margin-top:10px;}
.content{position:relative; width:1014px; background:#fff; margin:0 auto; padding:5px;}
.content-left{position:relative; float:left; width:150px; margin-right:15px;}
.content-right{position:relative; float:left; width:839px; font-size:12px; text-align:left; margin-left:10px;}
.content-right-home{position:relative; float:left; width:839px; font-size:12px; text-align:left; margin-left:85px;}
.contenttoplinks{position:relative; line-height:32px; color:#5B663E; width:100%; border-bottom:#efefef 1px solid; font-size:14px; border-bottom: solid 1px black; margin-bottom:5px;}
.contenttoplinks a:link, .contenttoplinks a:active, .contenttoplinks a:visited{color:#5B663E; text-decoration:none; font-weight:bold;}
.contenttoplinks a:hover{color:#5B663E; text-decoration:none; font-weight:bold;}
/*dropdown css*/
#nav, .menu{margin:0; padding:0;list-style:none;}     
/* make the LI display inline */  
/* it's position relative so that position absolute */  
/* can be used in submenu */  
#nav li, .menu li {float:left; display:block; background:#FFFFFF;; position:relative; z-index:500; margin:0 1px;}  
/* this is the parent menu */  
#nav li a, .menu li a {display:block; padding:0 40px 0 0; font-weight:700; text-decoration:none; color:#5B663E; text-align:center;}  
#nav li a:hover, .menu li a:hover {color:#5B663E;}  
/* you can make a different style for default selected value */  
#nav a.selected, .menu a.selected {color:#5B663E;}  
/* submenu, it's hidden by default */  
#nav ul, .menu ul {position:absolute; left:0; display:none; margin:0 0 0 -1px; width:185px; padding:0;}  
#nav ul li, .menu ul li {float:left; width:185px; border-top:1px solid #ffffff; display:block; line-height:20px;}
/* display block will make the link fill the whole area of LI */  
#nav ul a, .menu ul a {display:block; padding: 3px 5px; color:#5B663E; text-align:left;} 
#nav ul a:hover, .menu ul a:hover {text-decoration:underline;}  
/* fix ie6 small issue */  
/* we should always avoid using hack like this */  
/* should put it into separate file : ) */  
*html #nav ul { margin:0 0 0 -2px;}  
/*end dropdown css*/

.footer{width:100%; font-size:12px; text-align:center;}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

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

/*
 *========================
 	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;}

.content-right a{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 */