/*


	These are the styles peculiar to this site. Any styles


	specified in this file will override the baseline


	styles for the Convio product. The styles	must be in


	this file so that they will be available in the


	Internet Exporer WYSIWYG HTML editor as well as in the


	Page Wrapper.





	Convio does not maintain this file once it has been


	delivered to the client.


*/





/*  Copyright St.Jude Children's Research Hospital CSS Document  */





/* MAIN POSITIONING CONTAINERS AND DEFAULT STYLING */





/*body { margin: 0;  padding: 0;  font-family:Helvetica, Arial, sans-serif;font-size: 12px; text-align:left;}
*/

a { color: black; text-decoration: underline;}


a:hover {color: red; text-decoration: underline;}





#preamble, #extra { display: none;}





#container {padding: 0; width: 777px;  text-align: left; margin: 10px auto; background-color: white; border: 1px solid gray;}





#mainMenuContainer{ width: 777px; height: 12px; background-color: #830E17; margin: 3px 0 10px 0; float: left; color: white; padding: 3px 0 4px 0;/* text-align: center; */}


/*  hide from mac IE 5 \*/


#mainMenuContainer{ margin: 0 0 10px 0; }


html>body #mainMenuContainer{ margin: 3px 0 10px 0; height: 15px; }


/* end hide mac IE 5 */


#contentArea { width: 765px; float: left; background-color: #FFFFFF; font-size: 12px; padding: 0 0 10px 10px; margin: 0;}


#footer { /*border-top: 1px solid gray; */padding: 5px 0 5px 10px; background-color: #F8F8FA; clear: both; font-size: 10px; width: 767px; color: #3E3E3E;}


#footer a {color: #3E3E3E;}





/* END MAIN POSITIONING CONTAINERS AND DEFAULT STYLING */





/* MENU STYLING */





#mainMenu ul { padding: 0; display: inline; margin: 0;}


#mainMenu ul li { margin: 0; list-style: none; display: inline;}


#mainMenu a { color: white; text-decoration: none;}





/* To get it to look right in ie 5.0 and 5.5 we need to specify exact widths again ... big pain */


#mainMenu ul li.one{ width: 55px;}


#mainMenu ul li.two{ width: 55px;}


#mainMenu ul li.three{ width: 75px;}


#mainMenu ul li.four{ width: 130px;}


#mainMenu ul li.five{ width: 130px;}


#mainMenu ul li.six{ width: 115px;}


#mainMenu ul li.seven{ width: 50px;}


#mainMenu ul li.eight{ width: 130px;}





#mainMenu ul li.one, #mainMenu ul li.two, #mainMenu ul li.three, #mainMenu ul li.four, #mainMenu ul li.five, #mainMenu ul li.six, #mainMenu ul li.seven,


 #mainMenu ul li.eight { margin: 0; list-style: none; display: inline; border-right: 1px solid white; padding-right: 10px; padding-left: 10px; padding: 2px 9px 1px 9px; voice-family: "\"}\"";   /* bmh */ voice-family: inherit;   padding: 0 9px 0 9px; width: auto;}


html>body #mainMenu ul.li.one, html>body #mainMenu ul.li.two, html>body #mainMenu ul.li.three, html>body #mainMenu ul.li.four,


html>body #mainMenu ul.li.five, html>body #mainMenu ul.li.six, html>body #mainMenu ul.li.seven, html>body #mainMenu ul.li.eight { padding: 0 9px 0 9px;}





#mainMenu ul li.one{  padding-left: 6px;}


#mainMenu ul li.eight  {  border: none; padding-right: 0;}





#mainMenu a:hover{ background: url(../images/stj/dbl_line.gif) repeat-x; }





/* END MENU STYLING */





/* override convio baseline styles */


div.appArea {


	width: 100%;


	margin-left: 0px;


}








table.formbox {


	background-color: #FFFBFF;


	border: 1px solid #999999;


}


div.FormBox {
	border: #999999 1px solid;
	background-color: #FFFBFF;
	background-image: URL(../images/sp.gif);
	padding: 0px;
	width: 600px
}

.Instructions {
	background-color: #E2E2F5;
	background-image: URL(../images/sp.gif);
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	padding: 4px 4px 1px 4px;
	margin-bottom: 0px;
	margin-top: 0px;
}

p.headline {


	color: maroon;


	margin-bottom: 0;


}

td.trNav {
font-size: 10px;
}

a.trNavLinks {
color: #ffffff;
text-decoration: none;
}

a.trNavLinks:hover {
color: #c2cd38;
text-decoration: underline;
}