/* Global *?

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */
body {height: 100%; width: 100%; background: #333333; margin: 0 auto; padding: 0; text-align: center; font-family: Arial, Helvetica, sans-serif;}

.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

h1,h2,h3,h4,h5 {font-family: Georgia, Palatino, Times New Roman, serif; margin:10px 20px; padding: 0;}
h1 {font-size: 20px; color: #333333; font-weight: bold; margin-top: 20px;}
h3 {font-size: 14px; color: #ffffff; font-weight: normal; text-align: center; margin: 10px 20px 0 20px; font-style: italic;}
h2 {font-size: 16px; color:#88b970; font-weight: normal;}
h4 {font-size: 14px; color: #333333; font-weight: normal; text-align: left; margin: 5px 0 5px 0; font-style: italic;}
h5 {font-size: 14px; color: #333333; font-weight: bold; text-align: left; margin: 15px 20px 5px 20px; font-style: italic;}

a {color: #e09428; font-weight: bold; text-decoration: none;}
a:hover {color: white; background: #e09428;}

/* Content */

.toplogo {height: 110px; width: 950px; margin: 0 auto; position: relative; background: white; text-align: left;}
#toplogoright {min-height: 110px; width: 254px; background: #333333; margin: 0; padding: 0; float: right; display: block; min-width: 254px; height: expression( this.scrollHeight < 110 ? "110px" : "1%" ); clear: none;}

#wrapper {height: auto; width: 990px; margin: 0 auto; background-image: url(../images/orange_background.gif); font-size: 13px; line-height: 19px; color: #222222; position: relative;}

.nav {height: 40px; width: 696px; background: #666666; margin: 0 20px; padding: 0 0 1px 0; color: white; position: relative; float: left;}
.nav ul {margin:0; padding:0; display:inline-block; float: left;}
.nav li {float: left; text-align: center; height:40px; display: block;}
.nav ul,li {text-align: left; color: white; list-style-type: none; line-height: 12px;}
.nav a {display: block; font-weight: normal; text-decoration: none; padding: 8px 8px 6px 8px; width: 99px; border-right: 1px solid #aaaaaa; height:40px;}
.nav ul li a:hover {background: #333333;}
.nav ul li a.selected {background: #333333;}
.nav_top {font-weight: bold; font-size: 12px; margin-top:10px; color: white; text-align: center; font-family: Georgia, Palatino, Times New Roman, serif;}
.nav_bottom {font-size: 10px; color: #cccccc; text-align: center;}

.content {width: 696px; min-height: 650px; height: expression( this.scrollHeight < 650 ? "650px" : "1%" ); background-color: #ffffff; margin:0 20px; padding: 0 0 40px 0; text-align: left; position: relative; float: left;}
.content p {margin: 0 20px 10px 20px; padding: 0;}
.content ul {font-size: 13px; color: #333333;}
.content ul li {list-style-type: square; color: #333333; margin: 5px 10px 5px 10px;}
.content ol {font-size: 13px; color: #333333; margin: 10px 0 10px 22px; padding:0;}
.content ol li {margin:5px 0px 10px 25px; padding: 0 0 0 20px; color: #333333; list-style: decimal;}

#quote {width: 200px; height:auto; float: right; margin: 10px 20px; background: #ededed url(../images/quote.png) no-repeat top left; border: 1px dashed #aaaaaa; }
#quote p {margin: 10px; font-family: Georgia, Palatino, Times New Roman, serif; font-size: 15px; line-height: 25px; color: #777777; font-style: italic;}
#attribute {color: #999999; float: right; margin: 0 10px 10px 10px;}

.rightcolumn {width: 230px; margin:20px 20px 0 0; position: relative; float: right;}
.rightcolumn p {margin: 0 0 10px 0; padding: 0; text-align: left; color: #ffffff; font-size: 12px;}
.rightcolumn a {color: white; font-weight: bold;}
.rightcolumn a:hover {color: #e09428; background: #ffffff;}
.rightcolumn ul {margin: 5px 0 5px 10px; padding: 5px;}
.rightcolumn ul li {list-style-type: square; margin:0; padding: 5px;}

#footer {width: 696px; height: 50px; background: #666666; position: relative; margin: 0 20px; float: left; clear: both;}
#footer p {margin: 0; font-size: 12px; padding: 0; font-style: normal; text-align: center; color: white;}

.bottombar {width:950px; height: 50px; background: #666666; position: relative; margin: 0 auto 30px auto;}
.bottombar p {margin:0; padding:8px 20px; color: white; font-size: 10px; line-height: 15px;  float: left; clear: both; width: 656px; display: block;}
#bottombarright {height: 50px; width: 254px; background: #333333; margin: 0; padding: 0; float: right; clear: none; }
