/* ---------- STRUCTURE ---------- */
* {margin: 0; padding: 0;}
body{color: #000; background: #EDEBDE url("../images/page-bg.jpg") repeat-x; font-family: verdana,helvetica,clean,sans-serif; font-size:13px;font-size-adjust:none; font-style:normal; font-variant:normal; font-weight:normal;	line-height:1.231; }
#container{margin: auto; width: 800px;}
#doc{width: 800px;}
#hd{width: 800px; height: 93px; background: url("../images/header-bg.jpg") no-repeat left top;}
#bd{width: 800px; background: url("../images/body-bg.jpg") repeat-y;}
#sidebar{width:230px; background-color: #EEE; border: 1px solid #DDD; margin: 10px 30px 0 5px; float: right;}
#main{width:495px; float:left;}
#crumbs {font-size: 85%; margin: 0 0 10px 0;}
#ft{width: 800px; height: 100px; padding-top: 30px; background: url("../images/footer-bg.jpg") no-repeat; text-align: center; font-size: 85%; }

/* ---------- TYPOGRAPHY ---------- */
h1,h2,h3{font-family: arial;}
h1{color: #3C5749; margin: 5px 0 10px 0; font-weight: normal; font-size: 160%;}
h2{font-size:120%; margin: 20px 0 4px;}
h3{ font-size: 100%; color:#3C5749; font-family: verdana;}
h4{font-size:100%; border-bottom: 1px solid #DDD;}
h5{color: #777; font-size: 85%;}
h6{font-size:100%; padding-top:5px; margin:10px 0 5px;}
#main .content{padding: 5px 0 0 35px;}
#main p, #main dl{ margin: 5px 5px 10px 0; line-height: 150%; font-size: 85%; }
#main p a, .moreLink a, #main li a, #crumbs a{ text-decoration: none; border-bottom: 1px dotted blue;}
#main p a:hover, .moreLink a:hover, #main li a:hover, #crumbs a:hover{ text-decoration: underline; border: none; }
#main a:visited{ color: blue; }
#main h2 a{text-decoration:none;}
#sidebar .content{padding: 10px; font-size: 85%;}
#ft p{ color: #999; }
#ft a{ text-decoration: underline; color: #999; }

/* ---------- NAV ---------- */
#nav{float: right; margin-right: 40px; height: 68px; overflow: hidden;}
#nav ul{font-family: verdana,arial,'Trebuchet MS'; font-size:100%; font-weight: bold;text-align: center;  }
#nav li {float: left; width: 75px; list-style-type: none; margin:45px 0 0 0; padding: 3px; line-height:150%; }
#nav a{text-decoration: none; color: white;}
#nav .navActive{background-color: white; border: 1px solid #435E51; border-bottom: none; margin-top: 43px;}
#nav .navActive a{color: #555;}
#nav li:hover, #nav li.sfhover {background-color:#435E51;}
#nav .navActive:hover, #nav .navActive.sfhover {background-color:white;}

/* ---------- LISTS  ---------- */
#main ul{margin: 2px 0 10px 30px; font-size: 11px;}
#main li{line-height: 150%;}
#main dt{font-weight:bold; margin-top: 20px;}
.news{list-style: none; font-size: 90%;}
.news li{margin-bottom: 5px; padding: 3px 3px 3px 20px; background: url("../images/bullet-news.gif") no-repeat; }
.news li:hover{background-color: #DDD;}
.news li a{text-decoration:none; color: #333;}
.news li a:hover{border-bottom: 1px dotted #DDD;}

.sidenav{list-style-type: none; font-size: 120%; margin-bottom: 15px; line-height:100%;}
.sidenav li{border-bottom:0px solid #DDD; display:inline;}
.sidenav li a{text-decoration: none; color: #555; font-size:90%; display:block; padding: 7px 0;}
.sidenav li a:hover{background-color: #DDD; border-bottom:none; border-right: 5px solid #CCC; color: black;}
.sidenav .indent{font-size: 90%;}

/* ---------- IMAGES  ---------- */
img{border: none;}
/*#main img{padding: 5px; border: 1px solid #DDD;}*/

/* ---------- FORMS  ---------- */
#contact table{font-family: verdana; color: #666;}
#contact table td{text-align:right; padding-right: 5px;}
.textBox, .textArea{width: 300px; padding: 3px 0; border: 2px solid #ccc;}
.textBox:focus, .textArea:focus{border: 2px solid #4D685A; background-color: #eee;}
.submitButton{ margin: 5px; padding: 2px; background-color: #618372; color: white; font-weight:bold; font-size: 100%; cursor: pointer;
	           border-left: 3px solid #69A185; border-top: 3px solid #69A185; border-right: 3px solid #354F42; border-bottom: 3px solid #354F42; }

/* ---------- SLIDESHOW  ---------- */
#slideshow{width: 730px; height: 200px; background-color: #365043; margin: auto;}
#slideshow ul {list-style-type: none;}

/* ---------- CLASSES ---------- */
#charts{clear: both; page-break-before: always;}
.calcBox{border: 1px solid #CCC; background-color: #eee; padding: 5px;}
.clearBoth{ clear: both; }
.clearLeft{clear:left;}
.code{padding: 5px; border: 1px solid #999; background-color: #EEE; font-family: courier;}
.column{float:left; margin-right: 20px;}
.date{font-weight: bold; color: #5E8270;border-bottom: 1px solid #DDD;}
.fakeLink{color: blue; cursor: pointer;}
.floatRight{float: right; padding: 5px; width: 100px;}
.grayBox{border: 1px solid #ddd; background-color: #eee; padding: 5px;}
.hide{ display: none; }
.highlight{ font-weight: bold; background-color: #FCFE6C; border-bottom: 1px solid #B8BF4A;}
.imgLink {border: none;}
.imgLeft{float: left; margin: 3px; margin-right:10px;}
.imgRight{ float: right; margin-left: 10px; }
.quote{color: #444; margin-bottom: 20px;font-family: georgia; background-color:#eee; border-top: 2px solid #ddd; border-bottom: 2px solid #ddd; font-size: 110%; line-height: 150%; padding: 5px 10px; }
.quoteBy{margin-top: 10px; display: block; text-align:right; font-style: normal; font-weight: bold;}
.moreLink{padding: 3px 3px 3px 20px; background: url("../images/bullet-info.gif") no-repeat; font-size: 85%; clear:left;}
.new{font-weight: bold; text-decoration: underline; color: red; cursor: pointer;}
.options{ border: 1px solid #CCC; background-color: #EEE; padding: 5px; }
.small{font-size:90%;}