/* Defaults */
* {list-style-type: none; margin: 0; padding: 0; text-decoration: none;}
html, body {height: 100%;}
body {margin: 0 auto; text-align: center; font-family: Tahoma, Verdana, Arial; color: #333333; background: #FFF url(../images/layout/bckgrd.png) repeat-x top left;}

h1 {color: #999999; font-weight: normal; font-size: 2.0em; margin-bottom: 30px;}
h2	{font-weight: normal; font-size: 1.2em; color: #666666; margin: 25px 0 10px 0;}
h3 {font-size: 0.9em; margin: 20px 0 10px 0;}
p {font-size: 0.9em; line-height: 1.75em; margin: 15px 0;}
a {color: #005AC3;}
a:visited {color: #005682;}
sup {font-size: 0.7em;}

input[type="text"], textarea {font-family: Tahoma, Verdana, Arial; font-size: 0.8em; border: 1px solid #CCCCCC; padding: 5px; color: #666666; margin: 0;}
textarea {line-height: 1.5em;}

/* Page Layout */
#container {background: url(../images/layout/header.png) repeat-x top left; width: 1000px; min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -150px; position: relative;}
#left, #right {margin-top: 225px;}
#bottom, #footer, #push {height: 150px;}
#bottom, #push {clear: both;}

#left {background: url(../images/layout/vertnav_top.png) no-repeat top left; float: left; width: 275px; padding-top: 30px; margin-top: 250px;}
#left h3 {background: url(../images/layout/vertnav_header.png) repeat-y top left; width: 180px; padding: 0 0 20px 40px; margin: 0; color: #666; text-align: left;}
#left ul {background: url(../images/layout/vertnav_bottom.png) no-repeat bottom left; padding-bottom: 40px; width: 275px; text-align: left;}
#left ul li {background-image: url(../images/layout/vertnav.png); display: block; width: 180px; padding: 7px 0 0 40px; height: 23px; font-size: 12px;}

#right {float: right; width: 725px; background: url(../images/layout/right_bckgrd.png) no-repeat center; text-align: left;}
#right ul#links li {font-size: 0.9em;}
#right ul.list {margin: 15px 0 0 0;}
#right ul.list li {font-size: 0.9em; list-style-type: square; line-height: 1.5em; margin: 0 0 0 15px;}
#right ol {margin: 15px 0 0 0;}
#right ol li {list-style-type: decimal; margin: 0 0 0 25px; line-height: 1.5em; font-size: 0.9em;}
#right img.photo, #feature img.photo, #homepage img.photo {border: 1px solid #CCCCCC; padding: 10px; margin: 10px; background-color: #FFFFFF;}
#right table span {font-size: 0.9em;}
#right table td, #right table th {padding: 0 0 5px 0;}
#right table th {font-weight: bold; border-bottom: 1px dashed #CCCCCC;}
#right table {width: 100%;}

#bottom {background: url(../images/layout/bottom.gif) repeat-x; width: 100%; position: relative;}

#footer {background-image: url(../images/layout/footer.gif); width: 800px; height: 150px; margin: 0 auto;}
#footer ul {padding: 33px 0 0 48px; text-indent: -9999px;}
#footer ul li {width: 148px; height: 53px; float: left;}
#footer ul li a {display: block; width: 148px; height: 53px; float: left;}
#footer ul li#home {background-image: url(../images/subnav/home.gif);}
#footer ul li#top {background-image: url(../images/subnav/top.gif);}
#footer ul li#print {background-image: url(../images/subnav/print.gif);}
#footer ul li#question {background-image: url(../images/subnav/question.gif);}
#footer ul li#tradex {background-image: url(../images/subnav/tradex.gif);}
#footer p {color: #FFFFFF; font-size: 0.7em; margin: 75px 0 0 0;}

ul#nav {position: absolute; top: 159px; left: 225px; z-index: 2; border-top: 1px solid #CCC;}
ul#nav li {margin-right: 2px; height: 30px; width: 150px;}
ul#nav li, ul#nav li a {float: left; font-size: 11px; text-align: left; font-weight: bold;}
ul#nav li a {display: block; background: url(../images/layout/nav.png) no-repeat 0 0; cursor: default; padding: 7px 10px 0 10px; height: 23px; color: #333; width: 130px;}

ul#nav li:hover a {background-position: 0 -30px; width: 130px;}
ul#nav li ul {display: none;}
ul#nav li:hover ul {display: block; position: absolute; z-index: 1; border: 1px solid #CCC; border-top: none; background-color: #f3f3f3; top: 29px; padding: 20px 10px 10px 10px; margin-top: -1px; width: 128px;}
ul#nav li:hover ul li, ul#nav li:hover ul li a {width: 128px;}
ul#nav li ul li a {background-image: none; text-indent: 0; cursor: pointer; font-size: 12px; font-weight: normal; padding: 0; line-height: 15px; color: #005AC3; border-bottom: 1px dashed #CCC;}
ul#nav li ul li:hover a {color: #005682;}

/* Homepage */
#homepage {padding: 250px 50px 75px 50px;}
#homepage p {color: #666666; font-size: 1.1em; line-height: 2em;}
#homepage h1 {padding-top: 20px;}

#l ul li, #r ul li {border: none; padding: 10px 25px;}
#l h2, #r h2 {border-bottom: 1px dashed #CCCCCC; text-align: center; font-size: 1.25em; padding: 0 0 10px 0;}
#l, #r {width: 340px;}
#l {float: left; clear: right; margin: 0 10px 0 0;}
#r {float: right; margin: 0 0 0 10px;}

/* Miscellaneous */
p#update {font-size: 0.75em; padding-top: 10px;}
#right img.chart {margin-left: 0;}