body {font: 9px arial, sans-serif; background-color: #C3E3F2;}
* {margin:6px 0 0 0; padding:0px;}
div#mainwrapper {width:770px; margin-left:auto; margin-right:auto; background-color:#FCFAF3; /* this b/g color is visible below the center col content div  */}

div#header {width:770px; height:52px;  background-color:#ffffff;   text-align:center; line-height:52px; color: #AE1609;font-family: verdana, sans-serif;  font-size: 24px; border-bottom:1px solid #C3DBDF;}
div#header  img {margin:5px 0px 0 45px;}

div#contentarea {float:left; width:770px; background-color:#FCFAF3; }
div#contentarea2 {float:left; width:770px; background-color:#FCFAF3; margin-bottom:8px;}


div#column1 {float:left; width:123px; margin-left:-612px; margin-top:10px; padding:0  0 0  0px; background: url(graphics/b_left.jpg) repeat-y #fff; font-size:12px; font-family: arial, verdana, sans-serif; }

div#column2 {float:left; width:467px; margin-left:124px;  padding:0  8px 8px  12px;  margin-top:8px;  border-left:1px solid #317082;  border-right:1px solid #317082;  display:inline;background-color:#ffffff;}
div#column2 h1{font-size: 26px; line-height:32px;font-variant:small-caps; margin-top:2px; font-family:'comic sans MS', verdana, sans-serif; color:#D60808;padding:5px 0 8px 0; }
div#column2 h2{font-size:22px; line-height: 26px;font-variant:small-caps; margin-top:.2px; font-family:'comic sans MS', verdana, sans-serif; color:#333;padding:5px 0 5px 0; }
div#column2 p {font-family: arial, verdana, sans-serif;  font-size:18px; line-height: 24px; margin-top:0; margin-bottom:10px;padding:5px 0 5px 0; }

div#column3 { float:left; width:152px; margin:0; padding:0  0 0  4px; background: url(graphics/col_right.jpg) repeat-y #fff; }
div#column3  img {margin:5px 0px 0 15px;}

/*footer styles  background: url(graphics/ballonWelcome21601776sm2.gif) top right no-repeat #fff;  */
div#footer {width:100%;  /* makes the div fill its container - usually body */ margin:0px 0px 0px 0px;
               float:left; /* float:left ensures the footer background displays correctly - below the container divs, not the header */
 	padding:5px 0 5px 0; /* pushes the links away from top and bottom of the div */
	font: 9px arial, sans-serif;  color: #C3E3F2;
	text-align:center; /* centers the ul elements in the div */
	background-color:#317082;
	border-top:1px solid #578B9A; border-bottom:2px solid #578B9A; margin-top:10px;}
div#footer a, a:visited { font: 11px arial, sans-serif; line-height: 18px; text-decoration:none; color: #ffffff; } 
div#footer a:hover { font: 11px arial, sans-serif; line-height: 18px; text-decoration:underline; color: #ffffff; }
				
.clearfix:after {
    content: ".";              /* the period is placed on the page as the last thing before the div closes */
    display: block;          /* inline elements don't respond to the clear property */ 
    height: 0;                  /* ensure the period is not visible */
    clear: both;               /* make the container clear the period */
    visibility: hidden;    /* further ensures the period is not visible */
}

.clearfix {display: inline-block;}   /* a fix for IE Mac */

/* next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* end of "no-extra-markup" clearing method */

/*Navigation styles*/
ul li {border:0; margin:10px 1px 12px 14px; padding:0; list-style-type:none; font-size:12px; font-family: arial, verdana, sans-serif;  text-decoration:none; color:#D60808; }

div#column1 ul li  a{margin:10px 1px 12px 0px;  font-size:13px; font-family: arial, verdana, sans-serif;  text-decoration:none; color:#307082;font-variant: small-caps;background-color:#fff;}
div#column1 ul li ul li  a{font-size:12px; font-family: arial, verdana, sans-serif;  text-decoration:none; color:#307082;font-variant: normal;background-color:#fff;}
div#column1 ul li  {margin:10px 1px 12px 14px; font-size:13px; font-family: arial, verdana, sans-serif;  text-decoration:none; color:#cc0000;font-variant: normal;font-weight: bold;}
div#column1 ul li ul li {margin:10px 1px 12px 7px; font-size:12px; font-family: arial, verdana, sans-serif;  text-decoration:none; color:#D60808;font-variant: normal;font-weight: bold;}
div#column1 a { text-decoration:none; color: #D60808;}
div#column1 a:hover { text-decoration:underline; color: #D60808;}

div#column2 ul {border:0; margin:0px 1px 4px 14px; padding:0; list-style-type:square;padding:4px;color: #000000; font-family: arial, verdana, sans-serif; font-size:18px; line-height: 24px; font-weight: normal;  }
div#column2 ul li {border:0; margin:0px 1px 12px 14px; padding:0; list-style-type:circle;color: #000000; font-family: arial, verdana, sans-serif; font-size:18px; line-height: 24px; font-weight: normal;  }

div#footnote  ul {border:0; margin:0px 1px 12px 14px; padding:0; list-style-type:none;list-style-position:inside;padding:6px;color: #666666; font-family: arial, verdana, sans-serif; font-size:12px; line-height: 20px; font-weight: normal; font-style:italic; }
div#footnote ul  li {padding-left:6px; font-variant: normal; border:0; margin:0px 1px 6px 14px; padding:0; list-style-type:none;list-style-position:inside;color: #666666; font-family: arial, verdana, sans-serif; font-size:11px; line-height: 11px; font-weight: normal; font-style:italic;}
div#footnote p {border:0; margin:0px 1px 12px 14px; padding:0; list-style-type:none;color: #333333; font-family: arial, verdana, sans-serif; font-size:12px; line-height: 13px; font-weight: normal; font-style:italic; }


h1 {font-family: charcoal, times, serif; font-variant: small-caps; font-size: 16px; line-height:24px; color: #AE1609;}
h2 {font-family: charcoal, times, serif; font-variant: small-caps; font-size: 14px; line-height:18px; color: #AE5B54;}

/* floating elements */
.picright {float: right; padding-left: 5px; padding-top: 0px;  color: #666666; font-family: verdana, sans-serif;font-size: 9px;}
.picleft {float: left;  padding-right: 8px; padding-left: 2px; color: #666666; font-family: verdana, sans-serif;font-size: 9px;}

p {padding:4px;color: #000000; font-family: 'trebuchet ms', helvetica, arial, sans-serif;font-size: 14px;}
p  a, a:visited{color: #241D61; font-family: 'trebuchet ms', helvetica, arial, sans-serif;font-size: 14px; text-decoration:none; font-weight: bold;}
p  a:hover {color: #241D61; font-family: 'trebuchet ms', helvetica, arial, sans-serif;font-size: 14px; text-decoration:underline;font-weight: bold; }


div#column3 h3 {text-align:left; font-size:12px; font-family: arial, verdana, sans-serif; color:#333; padding-top:10px; border-top: 2px dotted #C3DBDF;}
div#column3 h4 {text-align:left; font-size:9px;  font-family: arial, verdana, sans-serif; color:#333; margin-bottom:5px;}
div#column3  a, a:visited {text-decoration:none; color:#307082; text-decoration:underline;}
div#column3 a:hover {color: #D60808; text-decoration: none;}

/*slideNavigation styles*/
div#slideNavigation {width:100%;  /* makes the div fill its container - usually body */ margin:20px 0px 0px 0px;
height:44px;
 	padding:0px 0px; /* pushes the links away from top and bottom of the div */
	font-size:16px;  color:#999; /* sets the font size of all links */
                line-height:44px;  /* setting line-height of text equal to element height vertically aligns single text line*/
	text-align:center; /* centers the ul elements in the div */
	background-color:#fff; /* sets the background color of the div */
}

div#slideNavigation a  {text-decoration:none; color:#666;line-height:44px; font: 16px arial, sans-serif;  }
div#slideNavigation  a:hover  {text-decoration:underline; color:#666;line-height:44px; font: 16px arial, sans-serif;  }