@charset "iso-8859-1";

/*******************************************************************************
*  skidoo_too.css : 2005.08.29
* -----------------------------------------------------------------------------
*  A remake of the skidoo layout with the middle column appearing first in
*  source ordering.
*******************************************************************************/

/* begin with generic selectors so that they can be overridden if needed by classes deeper in the stylesheet */
.clear { clear: both; padding-bottom: 1px; margin-bottom: -1px;	}
.hide { display: none !important; }
.inside { padding: 0 1em; }

ul, ol, dl, p, h1, h2, h3, h4, h5, h6 { margin-top: 14px; margin-bottom: 14px; padding-top: 0; padding-bottom: 0; }
h1 { font-size: 200%; }
h2 { font-size: 190%; }
h3 { font-size: 160%; }
h4 { font-size: 130%; }
h5 { font-size: 100%; }
h6 { font-size: 70%; }

a, a:link, a:visited, a:active { text-decoration: underline; color:Red; font-weight:bold;}
a:hover { text-decoration: none; }
code { font-family: "Courier New", Courier, monospace; }
label { cursor: pointer; }
table { font-size: 100%; }
td, th { vertical-align: top; }

body { font-size: 100.1%; }

#pageWrapper
{	 border: solid 1px #fff; border-width: 0 1px; width: 920px; margin: 0 auto; }
* html #pageWrapper
{
	/* \*/
		word-wrap: break-word;
	/* invalid CSS but keeps IE from breaking horribly under narrow viewports */
}

#masthead { border: solid 1px black; border-width: 1px 0; padding: 0.5em; height: 110px; background-image: url(images/header.jpg); background-position:right; background-repeat:no-repeat; }
#masthead h1 { padding: 0; margin: 0; }

#outerColumnContainer { border-left: solid 15em #fff; border-right: solid 15em #fff; }
#innerColumnContainer { border: solid 1px #fff; border-width: 0 1px; margin: 0 -1px;	width: 100%; z-index: 1; }

#leftColumn, #middleColumn, #rightColumn, * html #SOWrap
{
	overflow: visible;	/* fix for IE italics bug */
	position: relative;	/* fix some rendering issues */
}

#SOWrap { float: left; margin: 0 -1px 0 0; width: 100%; z-index: 3; }
#middleColumn { float: right; margin: 0 0 0 -1px; width: 100%; z-index: 5; }
#leftColumn{ float: left; margin: 0 1px 0 -15em; width: 15em; z-index: 4; }
#rightColumn { float: right; width: 14em; margin: 0 -14em 0 1px; z-index: 2; }
#footer { border: solid 1px #fff; border-width: 1px 0; padding: 0.5em; }

p.fontsize-set { text-align: center; }
p.fontsize-set img { border-width: 0; }

.vnav { margin: 1em 0; }
.vnav ul, .vnav ul li { margin: 0; padding: 0; list-style-type: none; display: block; }
.vnav ul { border: solid 1px #fff; border-bottom-width: 0; }
.vnav ul li { border-bottom: solid 1px #fff; }
.vnav ul li, .vnav ul li a { margin: 0; display: block; padding: 0; line-height: normal; }
.vnav ul li a { display: block; padding: 2px 5px 3px 5px; }
.vnav ul li a, .vnav ul li a:link, .vnav ul li a:visited, .vnav ul li a:active, .vnav ul li a:hover { text-decoration: none; cursor: pointer; }
.vnav h3 { margin-bottom: 0; padding-bottom: 0; font-size: 110%; }
* html .vnav ul li a/* hide from IE5.0/Win & IE5/Mac */
{
	height: 0.01%;
}
* html .vnav ul { position: relative;	/* IE needs this to fix a rendering problem */ }


.hnav { border-bottom: solid 1px #fff; text-align: center; }
.hnav, .hnav ul li a
{
	/* need to middor veritcal padding on .hnav and child anchor elements
	 * because the anchors are _not_ block elements. since they are not
	 * block elements web browsers will not expand .hnav to contain them
	 * even with the extra padding. by applying the same padding to both
	 * the parent .hnav _looks_ like its containing the child anchor
	 * elements. 
	 */
	padding-top: 3px;
	padding-bottom: 4px;
}
.hnav ul, .hnav ul li
{ display: inline; list-style-type: none; margin: 0; padding: 0; }
.hnav ul li a { margin: 0 -1px 0 0; padding-left: 10px; padding-right: 10px; border-left: solid 1px #000; border-right: solid 1px #000; white-space: nowrap; }
.hnav ul li a:link, .hnav ul li a:visited, .hnav ul li a:active, .hnav ul li a:hover { text-decoration: none; }
.hnav ul li span.divider { display: none; }
* html .hnav ul li, * html .hnav ul li a
{
	width: 1%; /* IE/Mac needs this */
	display: inline-block;	/* IE/Mac needs this */
	/* \*/
		width: auto;
		display: inline;
		position: relative;
	/* reset above hack */
}

* html .hnav, * html .hnav ul a { /* \*/ height: 0.01%; /* hasLayout hack to fix render bugs in IE/Win.  IE/Mac will ignore this rule. */ }
* html .HNAV { padding: 0;	/* IE5/Win will resize #hnav to fit the heights of its inline children that have vertical padding. So this incorrect case selector hack will be applied only by IE 5.x/Win */ }


/* everything below this point is related to the page's "theme" and could be
 * placed in a separate stylesheet to allow for multiple color/font scemes on
 * the layout. you should probably leave a default theme within this stylesheet
 * just to be on the safe side.	
 */
#pageWrapper, #masthead, #innerColumnContainer, #footer, .vnav ul, .vnav ul li, .hnav, .hnav ul li a { border-color: #666; }
html, body
{
	/* note that both html and body elements are in the selector. this is because we have margins applied to the body element and the HTML's background property will show through if it is ever set. _DO_NOT_ apply a font-size value to the html or body elements, set it in #pageWrapper. */
	background-color: black;	
	color: #000;
	font-family: arial, helvetica, sans-serif;
}

#pageWrapper { font-size: 75%;	/* set your default font size here. */ }
#masthead { color: #fff; }
.hnav { background-color: black; color: #000; }
#outerColumnContainer
{
	border-left-color: black;	/* left column background color */
	border-right-color: black;	/* right column background color */
	background-color: black;		/* set the background color for the middle column here */
	color: #fff;		/* text color here */
}


/**************** nav styles ****************/		
.vnav ul li .navHeading { font-weight:bold;  }
.vnav ul li a:link, .vnav ul li a:visited, .vnav ul li a:active { text-decoration: none; background-color: #818181; color: #000; }
#rightColumn .vnav ul li a:link, #rightColumn .vnav ul li a:visited, #rightColumn .vnav ul li a:active { background-color: #ded; }
.vnav ul li a:hover, #rightColumn .vnav ul li a:hover { text-decoration: none; background-color: #b8181a; color: #000; }

.hnav ul li a:link, .hnav ul li a:visited { background-color: #666; color: #000; }
.hnav ul li a:hover { background-color: #818181; color: #000; }




#rightColumn .inside
{
	/* if you apply a font size to just #rightColumn, then its width,
	 * which is specified in EMs, will also be affected. you don't want
	 * that. so apply font size changes to the .inside element which exists
	 * inside underneath all three columns
	 */
	font-size: 90%;
}
#rightColumn .inside .vnav { font-size: 110%; }
#footer { background-color: #000; color: #fff; text-align: center; }

/****** Top Anchor ******/
.top { float:right; display:block; clear:both;}

/****** Index ******/
.index { border: 1px solid #666; padding: 5px 10px 8px 20px; margin:0 0 0 0; }

/**************** images styles ****************/		
a img{ border: none; }
img.left,img.center,img.right { padding: 4px; border: 1px solid #666; }
img.left { float: left; margin: 0 12px 5px 0; }
img.center { display: block; margin: 0 auto 5px auto; }
img.right { float: right; margin: 0 0 5px 12px; }