/* GLOBALS */
/* These elements can appear on each page and are therefore considered Global. Things such as headings, paragraphs and links are here. */
* {margin: 0; padding: 0;}
body {background: #FFF; margin: 0 auto; width: 1000px;}
a {font-weight: bold; text-decoration: none; color: #ED8234;}
em {font-style: italic; font-weight: bold;}
h1 {text-transform: capitalize; font: bold 24px Verdana, Arial, Helvetica, sans-serif; color: #333;}
h2 {text-transform: capitalize; font: bold 20px Verdana, Arial, Helvetica, sans-serif; color: #333;}
h3 {text-transform: capitalize; font: bold 16px Verdana, Arial, Helvetica, sans-serif; color: #333;}
h4 {text-transform: capitalize; font: bold 14px Verdana, Arial, Helvetica, sans-serif; color: #333;}
#main-content h1,#main-content h2,#main-content h3 {width: 100%; float: left;}
p {font: 14px/22px Verdana, Arial, Helvetica, sans-serif; color: #333; margin-bottom: 10px;}
#main-content img, #sub-content img {border: 1px solid #000; margin: 0 5px 5px 0; float: left;}
img {border: none;}
img[alt] {font: 12px Verdana, Arial, Helvetica, sans-serif; color: #555;}
sup {font: 9px Verdana, Arial, Helvetica, sans-serif;}

/* HEADER */
/* This section has the Header elements. Most stuff here will not need to be changed/ edited later */
#header {width: 998px; float: left; background: #FEF7CD; border-left: 1px solid #577569; border-right: 1px solid #577569;}
#header img {padding: 5px; float: left;}
#header ul {list-style: none; width:330px; float: left; margin: 10px 0; font: 12px Verdana, Arial, Helvetica, sans-serif; color: #333;}
#header ul span {font-weight: bold;}

/* LEFT SIDE COLUMN */
/* This section holds the address and contact info for the NSC, links to sponsors and a link to the new video. Probably won't edit stuff here either. */
#left-column {width: 199px; padding: 5px; float: left;}
#left-column .vcard {font: 12px/18px Verdana, Arial, Helvetica, sans-serif; color:#333; margin-bottom: 15px;}
#left-column .tel {font-weight: bold;}
#left-column h3 {margin: 10px 0; text-align: center; width: 100%;}
#left-column li img {width: 150px; padding: 3px; border: 1px solid #333;}
#left-column .donateLink {padding: 3px; border: 1px dashed #557569; margin: 15px 0; text-align: center;}
#uwImage {text-align: center; margin: 0 auto; width: 115px;}
.slideshow {list-style: none; margin: 10px 0;}
/* CONTAINER */
/* This box holds all of the main page content and navigation. DO NOT EDIT THIS!!! */
#wrapper {border-left: 1px solid #557569; border-right: 1px solid #577569; background: #FEF7CD; float: left;}
#container {width: 768px; height: 500px; padding: 10px; border-top: 1px solid #577569; border-left: 1px solid #577569; border-bottom: 1px solid #577569; float: left; background: #FFF; overflow: scroll;}
#container a:hover {text-decoration: underline;}

/* NAVIGATION */
/* It is very important that this is not edited. If you need to chagne the text of a link or if you add a page, edit the navigation page, not this. */
#navigation {width: 789px; float: left; font: 12px Verdana, Arial, Helvetica, sans-serif; background: url(../images/backgrounds/nsc-nav-bar_02.jpg) repeat-x; margin-bottom: -2px; z-index: 1000;}
#navigation ul {list-style: none; margin: 0 auto;}
#navigation li {position: relative; float: left;}
#navigation li ul {display: none;}
#navigation li a:hover {text-decoration: none;}
#navigation li > ul {top: auto; left: auto;}
#navigation li:hover ul {display: block; position: absolute; background: #FFF; border: 1px solid #577569; width: 150px; top: 25px; left:0; z-index: 100; padding: 5px;}
#navigation li:hover ul li {margin: 5px 0; clear: both;}

/* MAIN CONTENT AREA */
/* This is housed within the container div and all main page content will go here. Again this is structure so no touching!!! */
#main-content {width: 53%; float: left;}
#main-content img {width: 45%;}
#main-content .staff-pic {width: 125px;}
#main-content h1 {margin-bottom: 10px;}
#main-content h2 {margin-bottom: 5px;}
#main-content h3 {padding-bottom: 5px; border-bottom: 1px dotted #577569; margin-bottom: 4px;}
#main-content h4 {margin-bottom: 3px;}
#main-content .list, #main-content .directions {margin: 10px; font: 14px Verdana, Arial, Helvetica, sans-serif; color: #555; list-style: disc inside;}
#main-content .list li, #main-content .directions li {margin: 7px 0;}
#main-content ul {margin: 15px; font: 14px Verdana, Arial, Helvetica, sans-serif; list-style: none;}
#main-content li {margin: 5px 0;}
#sub-content {width: 44%; float: right; border: 3px solid #577569; padding: 5px; background: #FEF7CD;}
#sub-content h2 {font: bold 16px Verdana, Arial, Helvetica, sans-serif; color: #333; margin-bottom: 10px;}
#sub-content p {font: 12px/18px Verdana, Arial, Helvetica, sans-serif; color: #555;}
#sub-content h3 {font: bold 14px Verdana, Arial, Helvetica, sans-serif; color: #577569; margin: 10px 0 3px 0;}
#sub-content .address {font: bold 11px Verdana, Arial, Helvetica, sans-serif; list-style: none;}
#sub-content .hours {font: 10px Verdana, Arial, Helvetica, sans-serif; list-style: none;}
#sub-content .hours span {font-weight: bold;}
#sub-content ul {list-style: square inside; margin: 5px; font: 10px/16px Verdana, Arial, Helvetica, sans-serif;}
#sub-content img {max-height: 125px; height: 125px;}
#sub-content li {margin: 7px 0;}
.comments span {font-style: italic;}
#spon_main, #spon_minor, #patrons, #friends, #community {padding-bottom: 5px; margin-bottom: 10px; border-bottom: 1px solid #333; float: left; width: 100%;}
#spon_main img, #spon_minor img {width: 225px;}
#spon_minor h3 {width: 100%; float: left; margin: 10px 0;}
#spon_main p, #spon_minor p {width: 100%; float: left; margin: 5px 0; font: bold 14px Verdana, Arial, Helvetica, sans-serif;}
#patrons ul, #friends ul {float: left;}

/* TABLES */
/* General settings for data tables such as eligabilty, etc. Changeable elements are labeled. */
.value_table {width: 100%; border: 1px solid #577569; margin: 10px 0;}
.value_table caption {font: bold 12px Verdana, Arial, Helvetica, sans-serif; color: #577569; text-align: left; text-indent: 15px;}
.value_table th {padding: 3px; background: #FEF7CD; border-bottom: 2px solid #577569; font: 12px Verdana, Arial, Helvetica, sans-serif; color: #577569;}
.value_table .odd {background: #EFEFEF;}
.value_table td {padding: 3px; font: 10px Verdana, Arial, Helvetica, sans-serif; color: #444;}

/*SITE MAP*/
#site-map {margin: 0; padding: 0;}
#site-map li {margin: 0;}
#site-map li ul li a {color: #577569;}
.treeview, .treeview ul {list-style: none;}     
.treeview li {padding: 4px 0 3px 20px;}  
.treeview li { background: url(../images/treeview/tv-item.gif) 0 0 no-repeat; } 
.treeview .collapsable { background-image: url(../images/treeview/tv-collapsable.gif); } 
.treeview .expandable { background-image: url(../images/treeview/tv-expandable.gif); } 
.treeview .last { background-image: url(../images/treeview/tv-item-last.gif); } 
.treeview .lastCollapsable { background-image: url(../images/treeview/tv-collapsable-last.gif); } 
.treeview .lastExpandable { background-image: url(../images/treeview/tv-expandable-last.gif); }

/* FOOTER */
#footer {width: 775px; float: right; padding: 5px 5px 15px 5px;}
#sub-nav {float: left; font: 10px Verdana, Arial, Helvetica, sans-serif; list-style: none; width: 400px;}
#sub-nav li {float: left; margin: 0 10px;}
#footer .vcard {float: right; width: 180px; font: 10px Verdana, Arial, Helvetica, sans-serif; color:#333;}