/*See all.css for colorscheme info*/

/* BODY */
body {
	font-family: Avenir, "Gill Sans", Myriad, Arial, "Bitstream Vera Sans", Helvetica, sans-serif;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 15px 0px;
	background-color: white;
	color: black;
}


/* THE ERRORS DIV: STYLING THE UNWANTED */
#errors {
	color: white;
	background: #cc0000 url('/skins/default/all/warning-stripe.gif') repeat-y scroll top left; 
	border-bottom: 2px solid white;
	padding: 6px 6px 6px 34px;
	font-weight: bold;
}
#errors p {
	margin: 0px;
	text-indent: 0px;
	padding: 0px;
}
#errors a:link {
	color: white;
}
#errors a:visited {
	color: #ffc0c0;
}
#errors a:hover, #errors a:focus{
	background-color: #a20000;
}


/* TOP SITE INFO: siteInfo */

#siteInfo {
	color: white;
	background-color: #0F83D0;
	margin: 0px;
	padding: 0px;
	border-bottom: 3px solid #0F83D0;
	font-size: 75%;
}
#siteInfo p {
	margin: 0px;
	border-bottom: 2px solid white;
	padding: 6px;
}
#siteInfo a:link {
	color: white;
}
#siteInfo a:visited {
	color: #D6EEFD;
}
#siteInfo a:hover, #siteInfo a:focus{
	background-color: #0568AA;
}


/*  THE GHSCC LOGO: logoBox  */
#logoBox {
	padding: 0px;
	margin: 0px;
	height: 59px;
	border-width: 0px;
	background: #4DA284 url('/skins/default/original/title-bg.gif') repeat-x scroll 397px 0px; 
}
#logoBox p, #logoBox img, #logoBox a  { /* seems to do NOTHING!! */
	padding: 0px;
	margin: 0px;
}
#skipToContent a {
  color: white;
}



/* THE SIDEBAR */
/* nav&others -> graphics */
/*                 */

#navFloat {
	/*float: left;
	clear: left;*/
	margin: 8px .5em .4ex .5em;
	color: #014173;
	background-color: #FFD676;
	background-image: url(/skins/default/original/blue-stripe.gif);
	background-repeat: repeat-y;
	background-position: top right;
	width: 11.4em;
}
#navTopWrapOne {
	background-image: url(/skins/default/original/blue-top-new.gif);
	background-repeat: no-repeat;
	background-position: top right;
}
#navTopWrapTwo {
	background-image: url(/skins/default/original/yellow-top.gif);
	background-repeat: repeat-x;
	background-position: top left;
}
#navTopWrapThree {
	text-align: center;
}
#navWrapOne {
	background-image: url(/skins/default/original/blue-bottom-new.gif);
	background-repeat: no-repeat;
	background-position: bottom right;
}
#navWrapTwo {
	margin: 0px 6px 0px 0px;
	background-color: transparent;
	background-image: url(/skins/default/original/yellow-bottom-new.gif);
	background-repeat: repeat-x;
	background-position: bottom left;
	display: block;
	padding: 0px; /* doesn't eliminate bottom space xhtml problem */
}
#navWrapThree {
  padding: 1px 3px 6px 3px
}
#navigation {
	margin: 0px;
	padding: 0px;
	border-bottom: 1px solid white;
}

/* nav -> text styling */
/*                     */

#navigation a:link:hover, #navigation a:visited:hover {
	background: white url('/skins/default/original/sweeping-arrow.gif') repeat-x scroll center left; /*nav-glow.gif*/
}
#navigation a.navActive:hover {
	color: #014173;
	background-color: transparent; /* keeps from changing on hover */
	background-image: url("/skins/default/all/upper-fog.png"); /*same*/
}

#navigation li {
	border-top: 1px solid white;
	list-style-type: none;
	/* padding stops huge IE spacing with 0px / undefined.. I h8 IE! */
	padding-bottom: 1px; 
	padding-top: 1px; 
/*THIS FIXES THE TOO-SMALL-A:HOVER-BOX-IN-IE PROBLEM:*/
	border-left: 1px solid #FFD676;	
}
html>body #navigation li {
	/* IE stinks. Your browser needn't */
	padding-bottom: 0px; 
	padding-top: 0px;
	border-left: 0px solid #FFD676;
}
#navigation li.navParent, #navigation li.navActive{
	background: transparent url("/skins/default/original/nav-active-dreamcatcher.gif") no-repeat scroll center right;
}
* html #navigation li.navParent,
* html #navigation li.navParent li,
* html #navigation li.navActive{ /*ie isn't man enough for the background image*/
	border-left: 1px solid #FFE9B7;
	background: #FFE9B7 none;
}
#navigation ul {
	/*border-left: 4px solid #0568AA;*/
	padding: 0px 0px 0px 2px;
	margin-left: .8em;
	font-size: 95%;
}
html>body #navigation ul li {
	border-top: none;
}
#navigation li ul li.navActive, #navigation li ul li.navParent {
	background-image: none;
}


/* NAV -> ANCHORS */

#navigation a {
	padding-left: 4px;
}
html>body #navigation a {
	padding-left: 2px;
	background: transparent url("/skins/default/all/upper-fog.png") repeat-x scroll top right;
}
html>body #navigation a {
	padding-bottom: 1px;
	padding-left: 1px;
}
#navigation a {
	display: block;
}
#navigation a.navParent, #navigation a.navActive {
	font-weight: bold;
}
#navigation a.navActive {
  padding-bottom: 0px;
}

/* NAV -> ANCHORS CON'T 
   AND NORMAL ANCHORS TOO */
a:link {
	color: #0F83D0; /*0A76BE*/
}
a:visited {
	color: #0568AA;
}
a:focus {
	color: #0F83D0;
	/* when user Tabs onto it, or it's the target of a link: when you see #top in your address bar*/
  background: transparent url('/skins/default/original/sweeping-arrow.gif') repeat-x scroll center left;
}
a:link:active {
	color: #0F83D0;
	background: transparent url('/skins/default/original/sweeping-arrow.gif') repeat-x scroll center left;
}
/*CSS3... but the Validator hates it?
#contentWrapper a[href^="http"]::before {
  content: "» "
}*/


/* OTHER SIDE ITEMS */
div.otherSideItemHead {
  text-align: center;
  border-top: 3px solid white;
  padding-top: 2px;
  margin-top: 6px;
}
#donationButton {
  padding: 3px;
  text-align: center;
}

#navWrapThree p {
  margin: 0px;
  text-indent: 0px;
}
* html #navWrapThree p, * html #navWrapThree dl { /*guess which browser needs this? ie*/
  margin-left: .2em;
}
#navWrapThree #donationDesc {
  border-top: 0px solid white; /* unnecessary as long as border-top in #navWrapThree p {} is not active */
}
#navFloat dt {
  /*font-weight: bold;
  font-style: italic;*/
}
#navFloat dd {
  margin-left: .5em;
}
#navFloat input#username, #navFloat input#password {
  width: 100%; /*~10em*/ 
}
html>body #navFloat input#username, html>body #navFloat input#password {
  width: 10em; 
}
#skins ol, #skins ul {
  margin-left: 0px;
  padding-left: 0px;
}
#skins ol li, #skins ul li {
  margin-left: .8em;
  padding-left: 0px;
}

/* CONTENTWRAPPER AND CONTENTCONTAINER */
/* The Divs */

#contentWrapper {
  margin: .75em 0 0 0;
  padding: 0px;
}
#content {
  margin-bottom: 10px;
}

/*THe LAYOUT TABLE*/
#layoutTable {
  padding: 0px; 
  margin: 0px;
  border: 0px;
}


/* SPECIAL JUNK */
.finePrint, .languages, #bottomStuff p {
  font-size: 85%;
  color: #555;
  line-height: 108%;
}
#fontChangerBar {
 line-height: 1.1em;
 margin: -7px .5em;
 color: black;
 background-color: transparent;
}
#bottomStuff {
  margin: .2em 1em .2em 1em;
}
#bottomStuff .separator{
  color: #555;
  /*text-align: center;*/
  letter-spacing: .7em;
  font-size: 85%;
}
#bottomStuff p a:link, #bottomStuff p a:visited {
color: #555; /*#393939*/
}
#bottomStuff p a:link:hover, #bottomStuff p a:visited:hover{
  color: black;
}
#copyright {
  text-align: justify;
}
#contentWrapper #bottomStuff p {
  text-indent: 0em;
}
#contentWrapper .languages, #bottomStuff p {
  margin: 0px;
}
.languages {
  text-align: right;
}
.languages img {
  vertical-align: middle;
  border-width: 0px;
  text-decoration: none;
  width: 3.48em;
  height: 1em;
}
.preview {
  border: 2px ridge #555;
  background-color: #eee;
}
#contentWrapper .floatRight p, #contentWrapper .floatLeft p, #contentWrapper .colorfulFloatRight p, #contentWrapper .colorfulFloatLeft p {
 text-indent: .8em;
}
.colorfulFloatRight { /*Meant to be used for text floatRights*/
 margin-bottom: 0px;
 width: 10em; 
 border-right: 3px solid #ffd676; 
 padding: 1px 3px 0px 5px; 
 background-color: #ffe9b6; 
 background-repeat: no-repeat;
 color: #014173;
 background-image: url("/skins/default/original/rounded-top-left-corner.png");
 background-position: top left;
}
.colorfulFloatRight:after {
 display: block;
 /*clear: both;
 padding: 0px;
 line-height: 0.1;
 font-size: 1px;*/ /*What? clear, padding, line-height, font-size no effect? they're in mozilla's Cavendish css*/
 content: " ";
 height: 10px;
 margin: -9px -3px 0px -5px;
 background: transparent url("/skins/default/original/rounded-bottom-left-corner.png") scroll no-repeat bottom left;
}
#contentWrapper blockquote {
 padding-left: 5px;
 border-left: 3px solid #ffd676;
 margin: .2ex 2em;
 font-style: italic;
}
#contentWrapper blockquote i, #contentWrapper blockquote em, #contentWrapper blockquote cite, #contentWrapper blockquote dfn {
 font-style: normal;
}
.noBorder {
  border-width: 0px;
}