/*
 #A6AE61 - Green
 #EC8617 - Orange
 #7E6C5E - Brown
 #0B102D - Blackish
*/

/* Reset some defaults */
ul,ol { list-style:none }
h1,h2,h3,h4,h5,h6,pre,code,kbd { font-size:12px; }
dl,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,blockquote,fieldset,input { margin:0; padding:0 }
a img,:link img,:visited img,abbr { border:0 }
address,abbr { font-style:normal }

* {
	margin:0;
	padding:0;
}

body { margin: 0 auto; width: 100%; }
body, p, div { font-family: arial, helvetica, sans-serif; font-size: 12px }
p { margin: 10px 0 }

div#main { width: 1000px; margin-left: auto; margin-right: auto }

div#topnav { width: 1000px; background-image: url('/img/topnav_gradient.gif'); background-repeat: repeat-x;
				color: #fff; padding: 10px 0 1px 0; text-align: center; margin: 0 auto; font-size: 16px }

div#topnav_search { margin-right: 150px; margin-bottom: 9px }
div#topnav_links { margin-top: 5px; font-size: 14px; color: #fff }
ul.nav_links { margin-bottom: 1px }
ul.nav_links li { display: inline; list-style-type: none; margin-left: 20px }
ul.nav_links li.active {}
ul.nav_links li a { color: #fff; text-decoration: none; padding: 3px 8px 2px 8px }
ul.nav_links li a.active { color: #333; background: #eee }
ul.nav_links li a:hover { background: #eee; color: #333 }


div#topnav input { font-size: 16px; padding: 3px }

div#topsection { background-image: url('/img/topsection_gradient.gif'); background-repeat: repeat-x; height: 335px; width: 1000px; margin: 0 auto }
div#topsection_left { width: 700px; float: left }
div#topsection_right { width: 290px; float: left; margin-left: 10px }
div#middlesection { width: 1000px; margin: 10px auto; clear: both }
div#footersection { width: 980px; margin: 20px auto; clear: both; background: #7E6C5E; padding: 10px }

div#logo { width: 100%; margin: 10px auto 0 auto; width: 950px; text-align: center }

a { text-decoration:none; color: #003390 }
a:hover { text-decoration: underline }
img { border-width: 0 }

h1 { font-size: 18px; font-weight: normal; padding: 5px 0 }
h2 { font-size: 16px; color: #666; font-weight: normal }

div.heading_block1 { margin: 10px }
div.heading_block2 { border-left: 10px solid #587395; background: #eee; padding: 10px }

table.averages { border-collapse: collapse; border: 1px solid #999 }
table.averages th { font-weight: bold; text-align:center; padding: 2px 5px; border: 1px solid #999; background: #eee }
table.averages td { padding: 2px 5px; border: 1px solid #999 }

ul#area_nav { margin: 0 0 10px 0; padding: 4px 0; background-color: #eee; list-style-type: none }
ul#area_nav li { display: inline; padding: 2px 5px 2px 5px; margin-right: 5px }
ul#area_nav li.active { border: 1px solid #666; background: #666 }
ul#area_nav li.active a { color: #fff; text-decoration: none; font-weight: bold }

div.rating { position: relative; height: 17px; margin: 5px 0 }
/*div.rating div.star { background: transparent url(/img/star/default.png) no-repeat scroll left top; left: 0px; position: absolute; top: 0pt; width: 17px; height: 17px; background-color: #ccc }*/
div.rating div.star { background: transparent url(/img/star/default.png) no-repeat scroll left top; float: left; width: 17px; height: 17px; background-color: #ccc }
div.rating div.user { background-color: yellow }
div.rating div.average { background-color: red }

div.paging { float: right; width: 380px; margin: 5px 5px 8px 5px; font-size: 11px; text-align: right }
div.paging a { text-decoration: none; padding: 0 1px }
div.paging strong a { color: #fff; background-color: #333; padding-left: 3px; padding-right: 3px }
div.paging a:hover { text-decoration: underline }

ul#sub_nav { margin: 0; list-style-type: none; background-color: #eee; padding: 5px 10px 5px 10px }
ul#sub_nav li { display: inline; padding: 2px 5px 2px 5px; margin: 0 5px }
ul#sub_nav li a { text-decoration: none }
ul#sub_nav li a:hover { text-decoration: underline }
ul#sub_nav li.active { border: 1px solid #666; background: #666 }
ul#sub_nav li.active a { color: #fff; text-decoration: none; font-weight: bold }

table.data { border-collapse: collapse; border-bottom: 1px solid #999; width: 100% }
table.data tr.odd { background: #eee }
table.data th { padding: 3px; text-align: left; background: #7E6C5E; color: #fff; font-weight: bold; border-bottom: 1px solid #999 }
table.data td { padding: 3px; text-align:left }
table.data td.value { text-align:right }

#crumb { margin: 0; background: #eee; padding: 5px }
#crumb a { font-weight: bold }

#crumb ul {} 
#crumb ul li { display: inline; padding-right: 5px }

table.forecast { border: 1px solid #ccc; border-collapse: collapse }
table.forecast th { background-color: #336699; padding: 3px; color: #fff }
table.forecast td { padding: 10px 10px; text-align: center }
table.forecast td.odd { background-color: #eee }

.box h2 { background: #999; color: #fff; padding: 2px 5px; text-transform: uppercase; font-size: 12px; margin: 0 0 5px 0; font-weight: bold }
.box .content { border: 1px solid #eee; font-size: 11px; padding: 5px }