/* bhw - march 08 */
/* bhw - modified may 08 */
/* bhw - changed tabs from absolute positioning to relative positioning. got rid of individual tab id definitions. added subnavigation css */
/* JAL - changed text alignment in body () from center
/*
*
* General Purpose Definitions
* changed line hight from 180% to 120% jal
* removed line height entirely - bhw
*/
body {
	font-family: trebuchet ms, verdana, arial, tahoma;
	font-size: 90%;
	color: #888;
	background-color: white;

	/* start bhw deletion 5-18-08 */
	/* this is the root of all problems. IE has different ideas about how line height should be inherited, and in the end it's not worth the trouble */
	/* line-height: 120%;  */
	/* end bhw deletion */

	margin: 0;
	padding: 0;
	text-align: left;  <!-- originally was center 25-Jan-2009 jal -->
}

h2 { font-size: 110%; }
h3 { font-size: 100%; margin-bottom: 0.5em; }
h4 { font-size: 100%; margin-bottom: 0; padding-bottom: 0; }
p { margin-top: 0.5em; }

a:link, a:visited { color: #5b8fbe; text-decoration: none; }
a:hover{ color: #666; text-decoration: underline; }


/*
*
* Layout Containers 
*
*/

/*
* Common top level page container attributes
*/
/* Set the page width here */
#title-wrapper, #header, #wrapper-content {
	width: 85%;
	min-width: 740px;
	max-width: 1050px;
	margin: 0 auto;
	text-align: left;
}


/*
* BEGIN TITLE BAR CSS
*/
#title-wrapper {
	background: white url('images/bg02-white-right.png') no-repeat right top;
	overflow: hidden;
}

#title-inner {
	background: transparent url('images/bg02-white-left.png') no-repeat left top;
	margin: 0;
	padding: .25em 20px .30em 20px;
	height: 35px;
	font-size: 1.3em;
}

#title-left {
	float:left;
	width:auto;
	text-align: left; 
	margin:0;

	/* start bhw modification 5-18-08 */
	/* zero out padding so that things line up better */
	padding:0; /* bhw */
	/* end bhw modification */

	height: 35px;
}

#title-right {
	float:right;
	width:auto;
	text-align: right; 
	margin:0;
	padding-top:5px;
	height: 35px;
}
/*
* END TITLE BAR CSS
*/


/*
* BEGIN HEADER CSS
*/
#wrapper-header { background: transparent url('images/bg.png') top center repeat-x; }
#header { background: #eee url('images/YouRock.jpg') no-repeat center top; }
#wrapper-header2 { background: transparent url('images/bg02-blue-left.png') top left no-repeat; }
#wrapper-header3 { background: transparent url('images/bg02-blue-right.png') top right no-repeat; }

#header h1 {
	margin: 0 0 0 20px;
	padding: 0;
	height: 192px;
	line-height: 3em;
	color: #ccc;
	font-size: 130%;
}
/*
* END HEADER CSS
*/


/*
* BEGIN CONTENT CSS
*/
#wrapper-content { background: white url('images/bg02-white-left.png') repeat-y left top; }

#content {
	background: transparent url('images/bg02-white-right.png') repeat-y right top;
	padding: 5px 40px 3em 40px;
}

/*
* END CONTENT CSS
*/


/*
* BEGIN FOOTER CSS
*/
#wrapper-footer { text-align: center; background: transparent url('images/bg02-white-right.png') repeat-y right top;}

#footer {
	margin: 0 14px 0 13px;
	background-color: #e5f0fc;
	border: 1px solid #ccc;
	
	clear: both;

	/* start bhw modification 5-18-08*/
	/* footer needs larger height in order to contain all text */
	height: 60px; /* bhw 40 to 60 jal 28-jun */
	/* end bhw modification */

	padding: 5px;
}

#footerLeft, #footerCenter, #footerRight {
	width:33%;
	float:left;
	height:35px;
	padding-top:5px;
}

#footerLeft {
	text-align: left;
}

#footerCenter {
	text-align: center;
}

/* start bhw addition 5-18-08 */
/* lines should appear one after another with no spacing in between */
#footerCenter p {
	padding: 0;
	margin: 0;
}
/* end bhw addition */

#footerRight {
	text-align: right;
}
/*
* END FOOTER CSS
*/


/*
*
* Auxiliary Containers 
*
*/

div#results table {
	width: 100%;
	border: none;
}

div#results table tr th {
	padding: 0 10px 0 10px;
	background-color:#CCCCCC;
	border: none;
}

div#results table tr td {
	padding: 0 5px 0 5px;
	background-color:#F4F4F4;
	border: none;
}

/*
jal added resultsLeft and resultsRight 13-Sep-2009
*/


#resultsLeft25 {
	width: 25%;
	text-align: left;
                 float:left;
}

#resultsRight75 {
	width: 70%;
	text-align: left;
                  float:right;
}

#resultsLeft {
	width: 70%;
	text-align: left;
                 float:left;
}

#resultsRight {
	width: 25%;
	text-align: right;
                  float:right;
}
/* end aux containers */

/*
*
* UTILITY CLASSES
*
*/

.clearDiv {
	clear: both; 
	margin:0; 
	padding:0;
	visibility: hidden;
}

/* END UTILITY CLASSES */

/* TABS */

/* this setup is heavily borrowed from http://library.willamette.edu
*  Modified by Ben Willard for www.songsforyourspirit.com
*  bhw 04-2008
*
* jal 14-May-2008 Changed height in tab items from 29 to 22
*/

ul#tabs {
	display: block;
	position: relative;
	top: 163px;
	margin: 0 15px;
	padding: 0;
	height: 22px;
	
	line-height: 1em;
	font-size: 12px;
}

ul#tabs li {
	display: block;
	position: relative;
	left: 2px;
	width: 113px;
	height: 22px;
	float: left;
}



ul#tabs li a, ul#tabs li a:link, ul#tabs li a:active, ul#tabs li a:visited {
	display: block;
	padding-top: 12px;
	width: 111px;
	height: 22px;
	color: #666666;
	font-size: 92%;
	text-align: center;
	text-transform: capitalize;
	white-space: nowrap;
	background-image: url(tab-inactive.png);
	background-repeat: no-repeat;
	behavior: url(iepngbehavior.htc);
}

ul#tabs li a:hover {
	padding-top: 7px;
	height: 30px; /* compensate for the padding-top and then some.. this will stop the jittery effect when the mouse is inbetween boundaries */
	color: #FFFFFF;
	font-size: 100%;
	font-weight: bold;
	text-decoration: none;
	background-image: url(tab-inactive-hover.png);
	cursor: pointer;
}

ul#tabs li.active a, ul#tabs li.active a:link, ul#tabs li.active a:active, ul#tabs li.active a:visited {
	padding-top: 7px;
	color: #FFFFFF;
	font-size: 100%;
	font-weight: bold;
	background-image: url(tab-active.png);
}

ul#tabs li.active a:hover {
	background-image: url(tab-active.png);
	cursor: auto;
}

#subnavigation-wrapper {
	padding: 0 13px 0 13px; 
	background: transparent url('images/bg02-white-right.png') repeat-y right top; 
	height: 25px;
}

#subnavigation {
	background: url('tab-subnav-background.png') repeat; 
	height: 25px; 
	font-size: 92%; 
	font-weight: bold;
}

#subnavigation a {
	display: block;  
	width:auto; 
	text-align: center; 
	float:left; 
	height: 22px; 
	color: #eee;
	padding: 3px 15px 0 15px;
	/*border-right: solid 1px #003366;
	border-left: solid 1px #6699cc;*/
}

#subnavigation a.active { 
	color: #fff;
	text-decoration:underline;
}