html
{
height: 100%;
}
body
{
/* font-family:Arial, Verdana, Helvetica, sans-serif; */
font-family: arial, times, Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
font-size:12px;
margin:0 auto;
padding: 0;
}
/* ----- Clear Formatting ----- */
.clear:after {
content: "."; display: block; height: 0; clear: both; visibility: hidden;
}
.clear0 { clear: both;}
.clear1 { height: 1px; clear: both; overflow: hidden; }
.clear3 { height: 3px; clear: both; overflow: hidden;}
.clear5 { height: 5px; clear: both; overflow: hidden;}
.clear10 { height: 10px; clear: both; overflow: hidden;}
.clear20 { height: 20px; clear: both; overflow: hidden;}
.clear40 { height: 40px; clear: both; overflow: hidden;}
.clear50 { height: 50px; clear: both; overflow: hidden;}
#keywords {text-align:center; width:890px; padding:0; margin:auto; font-size:11px; padding-top:10px; color:#48b9fc; text-transform:uppercase; text-align:justify; font-size:9px;}
#keywords .div {color:#ffffff;}
#keywords a {text-align:center; padding-top:10px; color:#ffffff; text-decoration:none;}
#keywords a:hover{color:#000000;}
#keywords-intro {text-align:center; width:760px; padding:0; margin:auto; font-size:11px; padding-top:10px; color:#48b9fc; text-transform:uppercase; text-align:justify; font-size:9px;}
#keywords-intro .div {color:#ffffff;}
#keywords-intro a {text-align:center; padding-top:10px; color:#ffffff; text-decoration:none;}
#keywords-intro a:hover{color:#000000;}
#wrapper {width:980px; margin-left: auto; margin-right: auto; margin-top:5px; padding:0; }
#header {width:978px; background: #000000; border:1px solid #cccccc; border-bottom:0px;}
#header img {float:left; margin:0; padding:0;}
#header .animation {float:left; margin:15px 0px 0px 165px;}
#content {width:978px; border-left:1px solid #cccccc; border-right:1px solid #cccccc; border-bottom:1px solid #cccccc; background:url(../images/nav/content_bg.jpg); background-repeat:repeat-y; }
#col-menu {width:235px; float:left; padding:20px 0 0 0; margin:0;}
#col-center {width:443px; float:left; padding:0 50px 0px 50px; color:#939393;}
#col-center h2 { font-size:15px; line-height:20px; color:#8ab7df; margin:0; padding:10px 0 10px 0; }
#col-center h3 {font-size:15px; line-height:18px; margin:0;padding:10px 0 10px 0; color:#8ab7df; }
#col-center h3 a {color:#8ab7df; text-decoration:none}
#col-center p {font-size:12px; line-height:19px; margin:0; padding:10px 0 10px 0;}
#col-center ul {font-size:1em; line-height:1.3em; margin:20px; padding:0;}
#col-right {width:190px; float:left; }
#col-center-rest {width:443px; float:left; padding:0 50px 0px 50px; margin:0; color:#939393;}
#col-center-rest h2 { font-size:15px; line-height:20px; color:#fd2f1a; margin:0; padding:10px 0 10px 0;}
#col-center-rest h3 {font-size:15px; line-height:18px; margin:0;padding:10px 0 10px 0; color:#8ab7df; }
#col-center-rest h3 a {color:#8ab7df; text-decoration:none}
#col-center-rest p {font-size:12px; line-height:19px; margin:0; padding:10px 0 10px 0;}
#col-right-rest {width:190px; float:left; }
ul {line-height:20px;}
/********************************************** MENUS ******************************************/
#vertical-menu {
width: 235px; padding: 0 0 1em 0; margin-bottom: 1em; font-size:0.9em;
font-family: arial, times, Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
background-color: transparent; color: #999999;
}
#vertical-menu ul {
text-transform:uppercase; list-style: none; margin: 0; padding: 0; border: none; font-size:1.2em; }
#vertical-menu li { margin: 2px 0 2px 0; }
#vertical-menu li a {display: block; padding: 5px 5px 3px 1.5em; background-color: transparent; line-height:23px;
color: #000000; text-decoration: none; width: 100%; }
/* If you give the block an explicit width of 100%, then IE/Windows plays along. But doing this creates problems with IE5/Mac and Netscape/Mozilla. So I used the child selector">" to redefine the width to auto. Since IE/Windows doesn't understand child selectors, it ignores the rule. IE5/Mac, Opera and Netscape/Mozilla follow the rule */
html>body #vertical-menu li a {width: auto;}
#vertical-menu li a:hover {color: #000000; /* background-image:url("../images/nav/menu_dot.gif"); background-repeat:no-repeat; background-position:top right; */ background:#99ccff;}
#vertical-menu li.active {color: #000000; background:#99ccff; background-image:url("../images/nav/menutab_bg.gif"); background-repeat:no-repeat; background-position:top right;}
/*************footer **********/
#testimonials {margin:20px 0 0 0; padding:0;}
#testimonials ul { margin-left: 0; padding-left: 0; display: inline; line-height:20px;}
#testimonials ul li { margin:5px; padding:0px; list-style: none;
display: inline; }
#testimonials li a { color:#006699; text-decoration:none; padding:5px;}
#testimonials li a:hover {background:#5898d1; color:white; text-decoration:none; padding:5px;}
#footer {width:100%; }
#footer a {color:#999999; text-decoration:none;}
#footer a:hover {color:#cccccc; text-decoration:underline;}
/* #footer .message-rest {height:40px; color:#FFFFFF;background:#c6482b; width:205px; float:left; text-transform:uppercase; font-size:1.3em; padding:7px 10px 10px 10px; font-weight:bold; border-right:1px solid #cccccc; border-left:1px solid #cccccc; border-top:1px solid #ccccccc; }
#footer .associations-rest {height:37px; font-size:1.3em; color:#666666; background: #ffffff; width:720px; float:right; padding:10px; text-transform:uppercase; border-right:1px solid #cccccc; }
#footer .associations-rest img {margin:0 20px 0 20px; }
*/
#footer .message {width:235px; float:left; text-transform:uppercase; font-size:1.4em; border-right:1px solid #cccccc; border-left:1px solid #cccccc; border-top:1px solid #ccccccc;}
#footer .associations {height:62px; font-size:1.3em; color:#666666; background: #ffffff; width:722px; float:right; padding:20px 10px 0px 10px; text-transform:uppercase; border-right:1px solid #cccccc; line-height:42px; float:left;}
#footer .associations img {margin:0 20px 0 20px; float:left;}
#footer .associations-rest { height:64px; font-size:1.1em; color:#666666; background: #ffffff; width:732px; float:right; padding:18px 0px 0px 10px; text-transform:uppercase; border-right:1px solid #cccccc; line-height:42px; float:left; }
#footer .associations-rest img {margin:0 30px 0 0; float:left; }
#footer .copyright {color:#999999; width:100%; float:right; text-transform:uppercase; font-size:1em; line-height:3em; text-align:center; border-top:1px solid #cccccc;}
#flash-movie {margin:10px 0 20px 0; padding:0px;}
#callout {width:140px; background:#fd2f1a; color:#E6E6E6; padding:20px; float:right; margin:10px -20px 20px 15px; font-size:1.1em; font-weight:bold; font-size:1.1em; line-height:1.5em;}
.important {color:#fd2f1a;}