/* Reset CSS */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img { border: none; }

/* Tags */

body { text-align: center; color: #283944; font: 75% Verdana,"Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", "Trebuchet MS", Tahoma, Arial, sans-serif; background: #bc865b url(../../images/main/page_background.png) repeat-y center;}
	
a { color: #0378fb; text-decoration: none; }
a:hover { color: #3f88f6; }

p { margin: .75em 0; }
table, td, tr { font-size: 100%; }

ol { list-style-type: decimal; }
ol li { background: none;  }
ul { list-style: none; padding: .5em; }
ul li { background:url(../../images/main/bullet1.gif) no-repeat 0 top;  padding: 0 0 .5em 1em; }

h1, h2, h3, h4, h5, h6 { font-family: "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", "Trebuchet MS", Tahoma, Arial, sans-serif; }
h2 { font-size: 2em; margin: 10px 0;   color: #0378fb;  }
h3 { font-size: 1.6em; margin: 10px 0;  color: #bb6638; line-height: 1.3em; }
h4 { font-size: 1.4em; margin: 10px 0;  color: #477a2b; line-height: 1.1em; }
h5 { font-size: 1.3em; margin: 10px 0;  color: #0378fb; line-height: 1em; }
h6 { font-size: 1.3em; margin: 10px 0; color: #bb6638;  line-height: 1em; }


/*  STRUCTURE .................................................................. */

#wrapper { width: 970px; margin: 0 auto; text-align: left; background: url(../../images/main/page_shadow.png) repeat-y center; }
#container { width: 950px; margin: 0 auto; }

/* Header */

#header { height: 150px; width: 950px; position: relative; background: #e4bc96; }
#header img { display: block; } 
#headerImage { position: relative; width: 950px; height: 150px; }
#headerSlogan { background: url(../../images/header/slogan.gif) no-repeat; overflow: hidden; position: absolute; top: 0; left: 0; width: 950px; height: 150px; } 
#header h1, #header h2 { display: none; }
	
/*  Main Navigation */

#menu { float: left; list-style: none; margin: 0; padding: 0 0 0 30px; width: 920px; background: #e4bc96 url(../../images/main/menu.gif) repeat; overflow: hidden; border-bottom: 3px solid #124b81; font-size: 110%; }
#menu ul { margin:0; padding:11px 11px 0; }
#menu li { display:inline; margin:0; padding:0; }
#menu a { float: left; background: url(../../images/main/tab_left.jpg) no-repeat left top; margin: 0; padding: 0 1px 0 10px; text-transform:capitalize; text-align: center; }
#menu a span { float: left; display: block; background: url(../../images/main/tab_right.jpg) no-repeat right top; padding: 7px 11px 3px 3px; text-decoration: none; font-weight: bold; }
#menu a { color: #0378fb; }
#menu a:hover  { color: #c6552e; background-position: 0 -100px; }
#menu a:hover span { background-position: 100% -100px; }
#menu .current a { background-position: 0 -200px; }
#menu .current a span { background-position: 100% -200px; color: #FFC; }	

/* Sidebar Navigation */
 
#subNav  { padding: 0; width: 100%; }
#subNav li { border-bottom: 1px solid #cea36f; background: none; padding: 0; }
#subNav a { color: #724b28; font-weight: bold; display: block; height: 30px; padding: 1em 0 0 1em; }
#subNav li a:hover { color: #a1563b; background: #f6e4d2; }

/* Main Content */
	
#content { float: right; width: 630px; padding: 20px 40px 50px 0; line-height: 1.6em; position: relative; }
#content img { margin: 10px; }
#content p img { float: right; }
#content img.nb-right { border: none; float: right; }
#content img.nb-left { border: none; float: left; }

/* Style Switcher Icons */
	
#iconsContainer { width: 75px; position: absolute; right: 10px; top: 0; }
#icons { width: 75px; height: 25px; margin: 10px auto; padding: 0; position: relative; }
#icons li { width: 25px; height: 25px; background: url(../../images/main/zoom_icons.gif); display: block;  margin: 0; padding: 0; position: absolute; top: 0; }
#icons a { width: 25px; height: 25px; display: block; }
#icons a span { display: none; }	
#icons .regText {left: 0; }
#icons .zoomText { left: 25px;background-position: -25px 0; }
#icons .print { left: 50px; background-position: -50px 0; }
#icons .regText a:hover { background: transparent url(../../images/main/zoom_icons.gif) 0 -25px no-repeat; }
#icons .zoomText a:hover {  background: transparent url(../../images/main/zoom_icons.gif) -25px -25px no-repeat; }
#icons .print a:hover {  background: transparent url(../../images/main/zoom_icons.gif) -50px -25px no-repeat; }

/* Featured Info */

#featuredInfo { clear: both; line-height: 1.4em;  } 
#featuredInfo h2 { padding-bottom: 10px; border-bottom: 3px dotted #ec934b;  color: #477a2b; }
#featuredInfo h4 { padding-bottom: 5px; border-bottom: 1px dotted #ec934b; color: #477a2b; }
#featuredInfo h3 { color: #a2563c;  }
#featuredInfo ul li { background:url(../../images/main/bullet2.gif) no-repeat 0 top;  padding-left: 1em; }

#quicklinks { font-size: 90%; margin: 20px 0; padding: 5px 10px; background: url(../../images/main/blue-bg.png) repeat-x; }
#quicklinks li { padding-bottom: 0; }
#quicklinks h3 { color: #fff; margin: 0; }
#quicklinks a { color: #154979; }
#quicklinks a:hover { color: #0184fd; }

/* Sidebar */
#sidebar { float: left; width: 240px; padding: 5px 15px 5px 0; background: #efcfc0 url(../../images/main/sidebar.jpg) repeat-x bottom; margin: 0; }
#sidebar h3  { width: 240px; background:url(../../images/main/box_top.png) no-repeat top left; padding:4px 9px; margin: 10px 0 0 0; color: #fff;  }

/* Help Center */

#helpCenter { margin-bottom: 0; }
#helpCenter ul { width: 240px; height: 120px; margin: 0; padding: 0; position: relative; overflow: hidden; }
#helpCenter li { width: 240px; height: 30px; background: url(../../images/main/helpCenter.jpg); display: block; margin: 0; padding: 0; position: absolute; top: 0; text-indent: 1em; }
#helpCenter a { width: 240px; height: 30px; display: block; font-weight: bold; color: #FFC; padding-top: 6px; }
#helpCenter li { width: 240px; height: 30px; background: url(../../images/main/helpCenter.jpg); }
#helpCenter a { width: 240px; height: 30px; display: block; font-weight: bold; color: #FFC; padding-top: 6px; }
#helpCenter a:hover { color: #FF6; }
#helpCenter .donate {left: 0; top: 0;}
#helpCenter .sponsor { left: 0 ; top: 30px; background-position: 0 -30px; }
#helpCenter .volunteer { left: 0 ; top: 60px; background-position: 0 -60px; }
#helpCenter .help { left: 0 ; top: 90px; background-position: 0 -90px; }
#helpCenter .donate a:hover { background: transparent url(../../images/main/helpCenter.jpg) -240px 0 no-repeat; }
#helpCenter .sponsor a:hover {  background: transparent url(../../images/main/helpCenter.jpg) -240px -30px no-repeat; }
#helpCenter .volunteer a:hover {  background: transparent url(../../images/main/helpCenter.jpg) -240px -60px no-repeat; }
#helpCenter .help a:hover {  background: transparent url(../../images/main/helpCenter.jpg) -240px -90px no-repeat; }

#search  { width: 240px; height: 25px; background:url(../../images/main/box_bottom.png) no-repeat bottom left; padding: 7px; margin: 0 0 20px 0; }
.searchbox { width: 185px; height: 15px; }

/* Side Box  */

#boxSide { width: 238px; background: #bcfafa; padding: 7px; border: 1px solid #71b5f6; margin-bottom: 2em; line-height: 1.6em; }
#boxSide ul { width: 90%; margin: 0; padding: 0 0 10px 0;  }
#boxSide li { background:url(../../images/main/bullet1.gif) no-repeat 0 top; padding: 0 0 .5em 1em; line-height: 1.4em; }

#moreInfo { padding: 0 12px 10px 12px; }

/* Sponsors  */
	
#sponsorLogos { text-align: center;  clear: both; }
#sponsorLogos img { margin: 5px 15px; }

/* Footer */

#footer { clear: both; text-align: left; height: 70px; padding: 20px; background: #fff url(../../images/main/footer.jpg) repeat-x top left; font-size: .9em; color: #627c8e; position: relative; }
#footer p { position: absolute; top: 10px; left: 20px; line-height: 1.4em; }
#footerLogos { position: absolute; top: 20px; right: 20px;  }
#footerLogos img { padding-left: 10px; }
#siteDesign a { font-size: 85%; color: #8dccf0; position: absolute; bottom: 10px; left: 20px; }
#siteDesign a:hover { color: #69f; }
#siteDesign img { margin-right: 10px; }
#pageBottom { background:url(../../images/main/page_bottom.png) no-repeat center; width: 970px; height: 10px; } 


/* Home Specific ................................................ */

#mission { width: 370px; float: left; margin-bottom: 15px; }
#show { margin-left: 20px; width: 175px; float: left; }
.intro { font-size: 1.2em;line-height: 1.6em; margin-bottom: 20px;  }
.homecol {float: left; width:295px; padding:5px; margin:5px;}
.homecol h2 {font-size:30px; color:#477A2B;}

/* MISC ......................................................... */

.box { margin: 20px 0 30px 0; padding: 5px 10px; background: #fee89d; border: 1px solid #fda101;  width: auto; 	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;}
.box a { color: #99360e; }
.box a:hover { color: #be6d2b; }

.quote { font-family: Georgia, Palatino, "Times New Roman", Times, serif; line-height: 1.5em; color: #bd9b73; padding: 20px; }
.center { text-align: center; }
.right { float: right; }
.left { float: left; }
.clear {clear: both; }

/* Toggle Elements */

h4.toggleblock a.toggle
{ cursor: pointer; color: #477a2b; }
.expanded h4.toggleblock a.toggle,
 { color: #0378fb; font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; font-weight: bold; text-transform: uppercase; }
h4.toggleblock a:hover	{ color: #f00; }

.appear,
.slide { margin: 0 0 1em 1em; padding-bottom: 1em; border-bottom: 1px dotted #0378fb; }

.expandItem	.expanded	{ margin-bottom: 1em; }
.expandItem .collapsed h4.toggleblock { background: url(../../images/main/arrow-blue.png) no-repeat 0 0; padding: .5em 0 .5em 2em;  }
.expandItem .expanded h4.toggleblock { background: url(../../images/main/arrow-green.png) no-repeat 0 0; padding: .5em 0 .5em 2em; text-transform: uppercase; font-weight: bold; }
.expandItem h4.toggleblock:hover	{ background: url(../../images/main/arrow-red.png) no-repeat 0 0; }

#featuredInfo .expandItem .collapsed h4.toggleblock { border-bottom: #fff; }