/* CSS Document */

html, #container

{
width:100%; 
height: 100%; 
margin: 0; 
padding: 0; 
overflow:auto;
}

body
{ 
width:100%;    
margin: 0; 
padding: 0;
color: #333333;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
background-color:#cccccc;
background-image:url(gradient1.jpg);
background-position:top;
background-repeat:repeat-x;
}

#bigbody
{
width:920px;
height:auto;
border-style:solid;
border-width:1px;
border-color:#333333;
background-color:#FFFFFF;
}

#headcol
{
width:920px;
height:65px;
background-color:#FFFFFF;
}
#headleft
{
width:450px;
height:65px;
position:relative;
float:left;
}
#headright
{
width:450px;
height:65px;
position:relative;
float:right;
}
#buttons
{
width:920px;
height:42px;
background:url(buttonbg.jpg) repeat;
}
#buttons a:link
{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#ffffff;
font-weight:bold;
text-decoration:none;
margin-bottom:5px;
}
#buttons a:visited
{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#ffffff;
font-weight:bold;
text-decoration:none;
padding-bottom:5px;
}
#buttons a:hover
{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#003366;
font-weight:bold;
text-decoration:none;
padding-bottom:5px;
}
#buttons a:active
{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#ffffff;
font-weight:bold;
text-decoration:none;
padding-bottom:5px;
}




#bod
{
width:920px;
height:auto;
background-color:#ffffff;
}

#footer
{
width:920px;
height:auto;
background-color:#FFFFFF;
color: #999999;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
}


#leftcol
{
width:180px;
height:320px;
position:relative;
float:left;
background-color:#FFFFFF;
}

#leftcolcontent
{
width:160px;
height:auto;
position:relative;
float:left;
padding-left:10px;
padding-right:10px;
background-color:#FFFFFF;
}
#leftcolcontent a:link
{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#666666;
font-weight:bold;
padding-bottom:5px;
}
#leftcolcontent a:visited
{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#666666;
font-weight:bold;
padding-bottom:5px;
}
#leftcolcontent a:hover
{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#0E4C9F;
font-weight:bold;
padding-bottom:5px;
text-decoration:underline;
}
#leftcolcontent a:active
{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#666666;
font-weight:bold;
padding-bottom:5px;
}

#leftcolcontent ul, li
{ 
margin-top:8px;
}

#rightcol
{
width:180px;
height:320px;
position:relative;
float:right;
background-color:#FFFFFF;
}

#centercol{
width:518px;
height:auto;
position:relative;
float:left;
background-color:#FFFFFF;
border-left:solid;
border-right:solid;
border-width:1px;
border-color:#333333;
padding-left:20px;
padding-right:20px;
color:#666666;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
}

#centercol h1
{
color:#333333;
font-family:Arial, Helvetica, sans-serif;
font-size:18px;

}

#centercol h2
{
color:#000099;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
padding-bottom:-3px;
padding-top:-3px;
}

#prods
{
color:#000099;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
}

#prods a:link
{
color:#000099;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
}
#prods a:visited
{
color:#000099;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
}
#prods a:hover
{
color:#666666;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
text-decoration:underline;
}
#prods a:active
{
color:#000099;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
}

#centercol a:link
{
color:#000099;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
}
#centercol a:visited
{
color:#000099;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
}
#centercol a:hover
{
color:#666666;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
text-decoration:underline;
}
#centercol a:active
{
color:#000099;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
}