/*  *****************************************************************
	Stylesheet for JSHS Website
	Updated: 01/08/2008
/*	*****************************************************************/
html { width: 100%; height: 101%; margin-bottom: 1px; background-color: #c1dbe8; }
body { width: 100%; height: 100%; text-align: center; padding: 4px; margin: 0; background: #c1dbe8 url("../images/body-gradient-background.jpg") repeat-x 0 0px; }
#wrap-container { width: 900px; margin-left: auto; margin-right: auto; border: 2px #EEE; text-align: left;  }

/* Top Links (above Header) */
ul#toplinks-left, ul#toplinks-right { list-style-type: none; padding: 0; margin: 0; height: 26px; }
ul#toplinks-left li, ul#toplinks-right li { display: inline; padding: 0 3px 2px; }
ul#toplinks-left li a, ul#toplinks-right li a { font-size: .8em; font-family: Verdana, Arial, Helvetica, sans-serif; color: #FFF; }
ul#toplinks-left li a:hover, ul#toplinks-right li a:hover {font-weight: bold; }
ul#toplinks-left { float: left; }
ul#toplinks-right { float: right; }

/* Header */
div#header { clear: both; margin-bottom: 15px; position:relative;}
div#header p#website-title { padding: 35px 10px 10px 500px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #FFF; font-weight: bold; font-size: 1.15em; }
img#logo { position: absolute; top: 15px; left: 15px; }

/* Page Content */
div#content { width: 690px; margin-right: 10px; margin-bottom: 10px; float: right; border: 2px solid #000; background: #FFF; display: inline; }
h1 { font-size: 1.45em; margin: 5px 10px 0; padding: 0; border-bottom: 2px dotted #001a55;}
h2 { font-size: 1.05em; margin: 10px; padding: 0; font-family: Verdana, Arial, Helvetica, sans-serif; }
#content p { margin: 15px 10px; }
#content ul, ol { margin-right: 10px; }
#content ol { margin-left: 30px; }

/* Utility and Breadcrumbs */
ul#utility-links { padding: 0; margin: 8px 10px; float: right; list-style-type: none; }
ul#utility-links li { display: inline; padding-left: 5px; font-size: .70em; color: #AAA; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: right;}

ul#breadcrumb { padding: 0; margin: 0 10px 10px; list-style-type: none; }
ul#breadcrumb li { display: inline; padding-left: 10px; font-size: .65em; font-family: Verdana, Arial, Helvetica, sans-serif; background: url("../images/arrow.gif") no-repeat 0 60%; }
ul#breadcrumb li#homelink { background-image: none; padding-left: 0; }

p.next-link { text-align: right; font-size: .8em; font-family: Verdana, Arial, Helvetica, sans-serif; color: #666; font-style:italic; }
p.next-link a { padding-right: 10px; background: url("../images/arrow.gif") no-repeat 100% 60%; }
p.return-top { text-align: right;} p.return-top a { padding-left: 15px; text-decoration: none; background: url("../images/top-arrow.png") no-repeat 0 60%; }

div#toc, div#emergency { float: right; width: 200px; margin: 10px; padding: 5px; border: 2px solid #001a55; background: #EEE; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: .7em; clear: both; }
div#emergency { border: 2px solid #F00; background: #FFF; }
div#toc p { padding: 4px; margin: 0; }
div#toc ul, ol { padding: 4px 5px 4px 20px; margin: 0; }

/* Side Navigation */
ul#site-navigation li.nav-header { background: #000; color: #FFF; padding: 4px 5px; border: #000; }
ul#site-navigation { float: right; width: 180px; list-style-type: none; padding: 0; margin: 10px 0 0 0;}
ul#site-navigation li { border: 2px solid #001a55; border-right: 0; margin: 3px 0; font-size: .8em; font-family: Verdana, Arial, Helvetica, sans-serif; }
ul#site-navigation li a { width: 168px; padding: 2px 5px; display: block; color: #FFF; text-decoration: none; background-color:#01326d;}
ul#site-navigation li a:hover { background: #CCC; color: #000; }

/* Side Navigation Select Styling */
body#index li.index, body#index li.index a, body#jshs li.jshs, body#jshs li.jshs a, body#international li.international, body#international li.international a, body#registration li.registration, body#registration li.registration a, body#guidelines li.guidelines, body#guidelines li.guidelines a, body#awards li.awards, body#awards li.awards a, body#contacts li.contacts, body#contacts li.contacts a, body#directors li.directors, body#directors li.directors a  { background: #FFF; color: #000; }

/* Footer Styles */
div#footer { clear: both; margin: 0 10px 10px 196px; border: 2px solid #000; background: #CCC; }
div#footer p { margin: 3px 10px; padding: 0; font-size: .75em; font-family: Verdana, Arial, Helvetica, sans-serif; }