html { min-height: 100%; margin-bottom: 1px; }
body { background-color: #00355C ; font: 12px Arial,Tahoma ; color: black ; width: 100% ; margin: 0px ; }
img { border: 0px; }

ul, li{ margin: 0 ; padding: 0 ; }
ul{ margin: 10px 0 10px 15px ; }
ul li{ padding: 0 0 5px 0px ; list-style-image: url(imgs/bullet.gif) ; }
ol{ padding: 0 0 5px 20px ; line-height:20px; }

h1,h2,h3{ margin: 10px 0 10px 0 ; }
h1{ font-size: 20px ; }
h2{ font-size: 18px ; }
h3{ font-size: 12px ; }
sup{ font-size: 65% ; vertical-align: super ; line-height: 0 ; }
a{ color: #005079 ; }
a:hover{ color: #00355C ; }
a.more{ color: #e60021 ; display: block ; clear: both ; text-align: right ; text-decoration: none ; font-weight: bold ; }

.chart_list{ border-collapse: collapse ; border-spacing: 0px ; border-top: 1px solid #aaa ; }
.chart_list td, .chart_list th{ padding: 6px ; border-bottom: 1px solid #aaa ; }
.chart_list th{ font-weight: bold ; text-align: left ; background-color: #eee ; }

/******** layout ********/
#layout{ width: 1000px ; background: url(imgs/column_colors.gif) #ccd7e0 repeat-y ; margin: 8px auto 0px auto ; }
#header{ height: 100px ; background: url(imgs/header_corners.gif) white 0px 0px no-repeat ; position: relative ; }
#homelogo{ width: 238px ; height: 60px ; background-image: url(imgs/header_logo.gif) ; background-repeat: no-repeat ; top: 34px ; left : 17px ; position: absolute ; }
#quicklinks{ height: 30px ; width: 120px ; position: absolute ; top: 72px ; right: 14px ; text-align: right ; }
#quicklinks a{  }
#nav, #nav ul, #nav li{  margin: 0 ; padding: 0 ; list-style-type:none ; }
#nav{ float: left ; width: 201px ; padding: 35px 0px 0px 0px ; margin-bottom: 35px ; border-bottom: 1px solid #7d9ab3 ; }
#nav ul{ margin: 0 ; padding: 0 ; list-style-type: none ; }
#nav li{ background-image: none ; list-style-image: none ; padding: 0 ; margin: 0 ; border-top: 1px solid #7d9ab3 ; border-bottom: 1px solid #e9e9e9 ; }
#nav li a{ font-weight: bold ; text-decoration: none ; display: block ; color: #00355C ; padding: 10px 18px 10px 18px ; width: 165px ; text-transform: uppercase ; background: url(imgs/nav_arrow.gif) 8px 14px no-repeat ; }
#nav li a:hover,#nav li a.current{ background-color: #e9e9e9 ; }
#nav li li{ border: 0px transparent ; }
#nav li li a{ padding: 4px 10px 4px 31px ; width: 159px ; margin: 0 ; text-transform: none ; background-image: none ; }
#content{ float: right ; width: 799px ; background-color: white ; }
#page{ padding: 10px 35px 35px 35px; }
#footer{ clear: both ; }
#footer_content{ margin-left: 201px ; color: white ; font-size: 11px ; font-weight: bold ;  padding: 11px 8px 11px 8px ; background: #005079 url(imgs/footer_corner.gif) bottom right no-repeat ; }
#footer_content a{ text-decoration: underline ; color: white ; }
#footer_content a:hover{ text-decoration: none ; }
#footer_content .separator{ padding: 0 8px 0 8px ; }

/******** home page ********/
#home{ background-color: #E1E1E1 ; }
#home h1, #home h2, #home h3{ margin-top: 0 ; }
#home .top{ padding: 16px 20px 20px 20px ; background-color: #e1e1e1 ; width: 759px ; overflow: hidden ; }
#home .top .feature1{ width: 370px ; padding-right: 10px ; float: left ; border-right: 1px solid black ; }
#home .top .feature2{ float: right ; color: #005079 ; width: 360px ; }
#home .bottom{ clear: both ; background-color: white ; }
#home .bottom td{ vertical-align: top ; }
#home .bottom .feature1 , #home .bottom .feature2{ width: 155px ; padding: 10px 10px 10px 33px ; }
#home .bottom .feature1{ background: #f6f6f6 url(imgs/home_calculator.gif) 5px 10px no-repeat ; }
#home .bottom .feature2{ background: #f2f5f7 url(imgs/home_whitepapers.gif) 5px 10px no-repeat ; }
#home .bottom .about{ background-color: #ebeff3 ; padding: 10px ; }
#home .bottom .about p{ margin-top: 0px ; }

