﻿*   {margin:0; padding:0;}
body    {font-family:Arial, Sans-Serif; font-size:0.75em; color:Black;}

img {border:0;}
a   {outline:none;}
.clear  {clear:both;}


#wrapper    {margin:0 auto 0 auto; width:960px;}
#header     {height:110px;}
#logo       {float:left; width:690px; margin:32px 0 0 2px;}
#contact    {float:left; width:230px; margin:57px 0 0 30px; text-align:right;}

#content    {padding:20px 0 0 0; min-height:550px; height:auto !important; height:550px;}
#content h1 {color:#669900; font-size:1.5em; font-weight:normal; padding:0 0 0.4em 0;}
#content h2 {color:#000000; font-size:1.3em; font-weight:bold; padding:0 0 0.2em 0;}
#content p  {padding:0 0 1.3em 0; line-height:1.5em;}
#content ul  {padding:0 0 1.3em 0; line-height:1.4em;}
#content ol  {padding:0 0 1.3em 0; line-height:1.4em;}
#content li  {margin:0 0 0.4em 15px;}

#content a  {color:#669900;}
#content a:hover    {color:#669900; text-decoration:none;}

#footer {clear:both; padding:0 0 20px 0; font-size:0.9em;}
#footer-top {background:url('images/footer_grad.gif') repeat-x left bottom #CCCCCC; height:30px;}
#footer-top ul  { list-style-type:none; padding:5px 20px 0 20px;}
#footer-top li  { display:inline;   }
#footer-top a   {color:#333333; text-decoration:none;}
#footer-top a:hover {text-decoration:underline;}

#footer-base    {background:#94B74C; padding-top:10px; padding-left:5px;}
#footer-base ul  { list-style-type:square; color:#ffffff; padding:0 10px 0 15px; margin:0 0 0 15px;}

#footer-base li  {}
#footer-base a   {color:#ffffff; text-decoration:none;}
#footer-base a:hover { text-decoration:underline;}
.footer-title       {color:Black; padding:0 0 10px 0; margin-left:-14px; font-weight:bold; list-style-type:none;}
#footer-base div    {min-height:200px; height:auto !important; height:200px; float:left; width:128px; border-right:dotted 1px #ffffff; padding-right:5px;}
#footer-base div.end    {float:left; width:134px; border-right:none;}
#footer-base .clear {float:none; border-right:none; min-height:0; height:auto !important; height:auto;}

#topnav #nav-home a				{background-position:0px top; width:73px;}
#topnav #nav-home a:hover		{background-position:0px -66px;}
#topnav #nav-b1 a		{background-position:-73px top; width:127px;}
#topnav #nav-b1 a:hover	{background-position:-73px -66px;}
#topnav #nav-b2 a		{background-position:-200px top; width:127px;}
#topnav #nav-b2 a:hover	{background-position:-200px -66px;}
#topnav #nav-b3 a		{background-position:-327px top; width:127px;}
#topnav #nav-b3 a:hover	{background-position:-327px -66px;}
#topnav #nav-b4 a		{background-position:-454px top; width:127px;}
#topnav #nav-b4 a:hover	{background-position:-454px -66px;}
#topnav #nav-b5 a		{background-position:-581px top; width:127px;}
#topnav #nav-b5 a:hover	{background-position:-581px -66px;}
#topnav #nav-b6 a		{background-position:-708px top; width:127px;}
#topnav #nav-b6 a:hover	{background-position:-708px -66px;}
#topnav #nav-b7 a		{background-position:-835px top; width:125px;}
#topnav #nav-b7 a:hover	{background-position:-835px -66px;}

#topnav #nav-home-on a		{background-position:0px -66px; width:73px;}
#topnav #nav-b1-on a	{background-position:-73px -66px; width:127px;}
#topnav #nav-b2-on a	{background-position:-200px -66px; width:127px;}
#topnav #nav-b3-on a	{background-position:-327px -66px; width:127px;}
#topnav #nav-b4-on a	{background-position:-454px -66px; width:127px;}
#topnav #nav-b5-on a	{background-position:-581px -66px; width:127px;}
#topnav #nav-b6-on a	{background-position:-708px -66px; width:127px;}
#topnav #nav-b7-on a	{background-position:-835px -66px; width:125px;}

#topnav             {height:65px;}
#topnav ul          {list-style-type:none;}
/*  div#topnav ul:after {content:"."; clear:both; display:block; height:0; visibility: hidden;} */
#topnav li   {float:left;}
#topnav li a {color:#039; display:block; text-decoration:none; padding-top:65px; overflow:hidden;  height:0; background:url('images/mainnav.jpg') no-repeat;}

#subnav {float:left; width:200px; margin:0 20px 0 0;}
#subnav ul  {list-style-type:none;}
#subnav li  {margin:0;}
#subnav li a {display:block; padding:4px 4px 4px 15px; border-bottom:1px dotted #ffffff; text-decoration:none; background:#F5F3E8 url(images/subnav_off.png) repeat-x bottom left;}
#subnav li a:hover {display:block; background:#669900 url(images/subnav_on.png) repeat-x bottom left; color:#ffffff; text-decoration:none;}
#subnav li a.on {display:block; padding:4px 4px 4px 15px; border-bottom:1px dotted #ffffff; text-decoration:none; background:#669900 url(images/subnav_on.png) repeat-x bottom left; color:#ffffff;}

#page   {float:left; width:620px; margin-bottom:20px;}

/* CASCADING MENU STYLES */

#topnav .activeMenuItem a
{background-color:#ffffff;}
#topnav .activeMenuItem ul a
{background-color:transparent;}

#topnav ul li ul{
        width:137px;
         background-image:url('images/dropdown_grad.jpg');
         background-position:top;
         background-repeat:repeat-x;
         background-color:#EDEDED;
         border: 1px solid #CCCCCC;
         position:absolute;
         padding:0;
         margin:0;
	z-index:100;
	display:none;
}
#topnav ul li ul li
{border:0px; font-size:11px; float:none; background:none; }

#topnav ul li ul li a
{color:#000000; height:auto;  padding:5px 0 5px 0; background-image:none; margin:0 5px 0 5px; border:0px; border-bottom:1px dotted #51626f;}
#topnav ul li ul li a:hover
{color:#669900;}
#topnav ul li ul li.last a
{border-bottom:0px; padding-bottom:15px;}

/* Home */
#home-intro     {border-bottom:4px solid #669900;}
#home-img   {float:left; width:310px;}
#home-text   {float:left; width:570px; margin:0 0 0 30px;}

#panels {clear:both; margin:15px 0 10px 0;}
#content #panels ul {list-style-type:none; padding:0 0 0 6px; line-height:normal;}
#content #panels li  {display:inline; padding:0; margin:0;}
.home-col1   {float:left; width:200px; margin-right:10px;}
.home-col2   {float:left; width:300px; margin-right:10px;}
#home-text .home-col1 li, #home-text .home-col2 li    {margin-bottom:0;}
#home-text .ul-title   {padding-bottom:0;}

.contact-col1   {float:left; width:250px; margin-right:10px;}
.contact-col2   {float:left; width:350px; margin-right:10px;}

.align-right { float:right; margin: 0 0 15px 15px; }
.align-left { float:left; margin: 0 15px 15px 0; }
.align-center {text-align:center;}


.col-right   {width:200px; float:left;}
.col-left   {width:200px; float:left;}


.icon { vertical-align:middle;}

.dottedline {border-bottom:dotted 1px #cccccc; height:5px; margin:0 0 20px 0;}

#bbc p {padding:0 0 0 15px;}

table   { vertical-align:top; text-align:left; border-left:1px solid #cccccc; margin-bottom:20px;}
th  {background:#669900; padding:5px 8px 5px 8px; color:#ffffff; border-right:1px solid #cccccc; border-bottom:1px solid #cccccc;}
td  {padding:5px 8px 5px 8px; border-right:1px solid #cccccc; border-bottom:1px solid #cccccc;}

.skip-link  {float:right;}
.contact-link   {float:left;}

#author {font-size:0.9em; padding:5px 0 0 20px;}
#author a   {color:#333333; text-decoration:none;}
#author a:hover {text-decoration:underline;}

#content .quote  {color:#666666; font-size:1.5em; font-weight:normal; line-height:1.2em; padding:0.4em 0 0.8em 0;}
