@charset "iso-8859-1";



/*******************************************************************************

*  shine.css : 2006.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;	/* for Gecko-based browsers */

	margin-bottom: -1px;	/* for Gecko-based browsers */

}

.hide

{

	display: none !important;

}

.middle

{

	/* glitch in IE caused by vertical padding in this class, so 0 padding is

	 * set here and those blocks that need the vertical padding must be 

	 * applied to the parent element. the purpose of this class is to provide

	 * horizontal padding without using hacks to get around IE's broken box 

	 * model. so it's okay to apply vertical padding to the parent element, 

	 * just not horizontal padding.

	 */

	padding: 0 1em;

}

.inside

{

	padding:0;
	margin:0;

}


/* margin values and font sizes for headings, and margins on paragraphs

 * and lists are not consistent across browser platforms.

 *

 * salt to taste

 */

ul, ol, dl, p, h1, h2, h3, h4, h5, h6

{

	margin-top: 10px;

	margin-bottom: 10px;

	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%;

}



/* alter some HTML elements' default style

 */

a, a:link, a:visited, a:active

{

	text-decoration: underline;

}

a:hover

{

	text-decoration: none;

}

code

{

	font-family: "Courier New", Courier, monospace;

}

label

{
	display:block;
	width:100%;
	cursor: pointer;

}

table

{

	font-size: 100%;

}

td, th

{

	vertical-align: top;
	text-align:left;
	padding:5px;

}



/* positioning and gutter space.

 */

body

{

	margin: 0 4%;	/* margin instead of padding for the gutterspace around 

	 			   the layout because IE breaks the layout when 

	 			   horizontal padding is applied to the body element.

	 			   % over pixels for that horizontal gutterspace so that

	 			   it automatically goes below 20px on low-res browsers

	 			   to create more space for the content. */

	font-size: 100.1%;	/* resolve some font size issues in some layouts for

				   some browsers. */

}

#pageWrapper

{

	border: solid 1px #fff;

	border-width: 0 1px;

	min-width: 40em;	/* IE doens't understand this property. EMs are used

				   so that as the font size increases, the proportional

				   limitations (min-width) increase with it, rather

				   than creating a middle column that can only fit

				   3 or 4 characters in it. */

	width: auto;

}

* html #pageWrapper

{

	/* \*/

		word-wrap: break-word;

	/* invalid CSS but keeps IE from breaking horribly under narrow viewports */

}


#masthead

{

	height:109px;

	border: solid 1px #fff;

	border-width: 1px 0;

	padding: 0;
	
	background:url(../images/mast.gif) repeat-x bottom left;

}

#masthead h1

{

	padding: 0;

	margin: 0;
	
	width:75%;

}

#logo {

	height:109px;

	background:url(../images/shine_top.gif) no-repeat bottom left;
}

#adminlogo {

	height:109px;

	background:url(../images/admin_top.gif) no-repeat bottom left;
	
}

#outerColumnContainer

{

	/* reserves space for the left and right columns. you can use either

	 * padding, margins, or borders, depending on your needs. however you

	 * can use the border method to create a background color for both left

	 * and right columns

	 */

	border-left: solid 180px #fff;

	border-right: solid 14em #fff;

}

#innerColumnContainer

{

	border: solid 1px #fff;

	border-width: 0 1px;

	margin: 0 -1px;		/* compensate for the borders because of

				   100% width declaration */

	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 -180px;

	width: 180px;

	z-index: 4;

}

#rightColumn

{

	float: right;

	width: 14em;

	margin: 0 -14em 0 1px;

	z-index: 2;

}
#rcoltop

{
	height:60px;
	background-color:#B7DB4A;
	border-left:1px solid #fff;

}

#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;

}



/* vertical navigation stuff.

 */

.vnav

{

	margin: 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;

}
#rightColumn .vnav ul li

{

	border-bottom: solid 1px #B7DB4A;

}

.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: 126%;

}

* 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 */

}



/* horizontal navigation elements. create a DIV element with the class hnav

 * and stick one unordered list inside it to generate a horizontal menu.

 */

.hnav

{

	border-bottom: solid 1px #fff;
	

}

.hnav, .hnav ul li a

{

	/* need to mirror vertical 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: 5px;

	padding-bottom: 6px;

}

.hnav ul, .hnav ul li

{

	display: inline;

	list-style-type: none;

	margin: 0;

	padding: 0;
	

}
.hnav ul

{

	padding-left:179px;

}

.hnav ul li a

{

	margin: 0 -1px 0 0;

	padding-left: 30px;

	padding-right: 30px;	/* short-hand padding attribute would overwrite

				   top/bottom padding set in a previous rule */

	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;

	/* 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 */

}


/**********************************
TAB NAVIGATION FOR MODULES


/* horizontal navigation elements. create a DIV element with the class hnav

 * and stick one unordered list inside it to generate a horizontal menu.

 */

#tabnav

{

	border-bottom: solid 1px #fff;
	

}

#tabnav, #tabnav ul li a

{

	/* need to mirror vertical 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: 5px;

	padding-bottom: 6px;

}

#tabnav ul, #tabnav ul li

{

	display: inline;

	list-style-type: none;

	margin: 0;

	padding: 0;
	

}

#tabnav ul li a

{

	margin: 0 -1px 0 0;

	padding-left: 30px;

	padding-right: 30px;	/* short-hand padding attribute would overwrite

				   top/bottom padding set in a previous rule */

	border-left: solid 1px #000;

	border-right: solid 1px #000;
	
	border-top: solid 1px #000;

	white-space: nowrap;

}

#tabnav ul li a:link, .#tabnav ul li a:visited, #tabnav ul li a:active, #tabnav ul li a:hover

{

	text-decoration: none;

}

#tabnav ul li span.divider

{

	display: none;

}

* html #tabnav ul li, * html #tabnav ul li a

{

	width: 1%; /* IE/Mac needs this */

	display: inline-block;	/* IE/Mac needs this */

	/* \*/

		width: auto;

		display: inline;

	/* reset above hack */

}

* html #tabnav, * html #tabnav ul a

{

	/* \*/ height: 0.01%; /* hasLayout hack to fix render bugs in IE/Win. 

				 IE/Mac will ignore this rule. */

}

* html #TABNAV

{

	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 */

}