/*Top Nav Blue #6666ff*/


body,html { background-color: #999999; margin:0; padding:0; font-family: Century Gothic; font-size:14px;}

h1 { color:#000099; font-size:16px; font-weight:bold;}
h2 { color:#000099; font-size:14px; font-weight:bold; padding-bottom:0px;}

#wrapper { width:900px; background-color:white; margin:auto;}

#header {height:300px; width:900px}

#topnav { background-image: url('/images/design/topnav.jpg'); height:56px;}
#topnav ul { list-style:none; padding:0px; margin:0px;}
#topnav ul li { list-style:none; padding:0px; margin:0px; float:left; }
#topnav ul a { padding:0px 35.5px; display: block; line-height:48px; vertical-align:middle; font-size:18px; font-weight:bold; color:white; text-decoration:none;}
#topnav ul a:hover { background-color:#8484b1; color:#000099 }
#topnav ul a.selected { background-color:#ababe5; color:#000099}
#topnav ul a:active { background-color:#c0c0e5; color:#000099}

#maincontent { background-color:white; min-height:500px; width:900px;}
#pagecontent { float:left; width:840px; padding:30px;}

#maincontent #hometopleft {width:580px; float:left; margin-bottom:40px;}
#maincontent #hometopright {width:200px; float:right; padding:15px; text-align:center; border:1px solid #6666ff; background-color:#f5f5f5; margin: 0px 10px 20px 0px;}
#maincontent #homecol1 { padding:0px 10px 10px 0px;float:left;
                          width:550px; height:360px; margin-right:15px;}
#maincontent #homecol2 { padding:90px 10px 0px 40px;float:right;background-image:url('/images/design/notepad.jpg'); background-repeat:no-repeat;
                          width:190px; height:280px; color:#000099;font-style:italic;}
#maincontent #homecol2 div  {color:#000099; font-size:14px; font-style:italic;}

#maincontent table { border-collapse: collapse; width:830px; table-layout:auto;}
#maincontent th { border: 1px solid #6666ff; padding:10px; background-color:#f5f5f5; text-align:left;}
#maincontent td { border: 1px solid #6666ff; padding:10px; vertical-align:top;}

/*
#maincontent #prodcol1 { padding:15px;float:left; width:220px;}
#maincontent #prodcol2 { padding:15px;float:left; width:350px;border-left:1px solid #6666ff;}
#maincontent #prodcol3 { padding:15px;float:left; width:150px;border-left:1px solid #6666ff;}
#maincontent #prodcol2 div  {color:#000099; font-size:14px; font-style:italic;}*/


#footer {background-color:#6666ff; width:900px; height:70px;}
.footertext {width:875px; padding:15px; color:White; font-size:16px; text-align:right}
#footer a {color:White;}
#footer a.selected {color:White;}
#footer a:hover {color:#000099;}
#footerbase {width:900px; background-color:#999999; height:50px;}


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

.clearfix 
{
   display: inline-block;
} 

/* Hides from IE Mac \*/
* html .clearfix 
{
    height: 1%;
}
.clearfix 
{
   display:block;
}
/* End Hack */