/* INFORMATION ABOUT THIS STYLESHEET =====================================


=====*/
/*
@media print {

body { display: none }

}
*/

/* Standard styles ============================================================*/
body {
	background-color: White;
	font: normal 400 12px/16px Arial, Helvetica, Sans-serif; color: Black;
	text-align: center; /* USED TO CENTER CONTENT IN BROWSER WINDOW, ALONG WITH POSITIONER DIV */
}

td { font: normal 400 12px/16px Arial, Helvetica, sans-serif; padding: 2px; border: 0px;}
th { font: normal 900 12px/16px Arial, Helvetica, sans-serif; padding: 2px; border: 0px;}

a { color: #0060aa; text-decoration: underline; }
a:hover { text-decoration: none; }
a img { border: 0px; }

form { margin: 0px; }
p,h1,h2,h3,h4,h5,h6 { margin: 0 0 1em 0;}
li { margin-bottom: 10px; padding: 0px; }

h1,h2,h3,h4,h5,h6 { font-family: Arial, Helvetica, sans-serif; color: Black; line-height: 100%; font-weight: 800; }
h1,h2,h3 {margin-bottom: 10px}
h4,h5,h6 {margin-bottom: 0px}
h1 { font-size: 200%; }
h2 { font-size: 160%; }
h3 { font-size: 120%; }
h4 { font-size: 110%; }
h5 { font-size: 100%; }
h6 { font-size: 95%; }

/* IDs and Named Classes ==============================================================*/

/* Used to provide proper column heights on all browsers */
.clear:after { content: "."; display: block; height: 0; font-size: 0; clear: both; visibility: hidden; }
.clear { min-height: 1px; }
* html .clear { height: 1px; }

/* Used to position entire page, ALONG WITH BODY STYLING ABOVE; Without body styling, in order to work, it
	cannot have a width. */
#positioner { width: 801px; margin-left: auto; margin-right: auto; margin-top: 10px; text-align: left; }
#enclose { padding:0px; margin:0px; border:0px; position:relative; }
#topper { margin: 0px; padding:0px; border:0px; }
#main { margin: 0px; text-align: center;}
#content { text-align: left; padding: 0px; }
#footer { margin: 10px 0px 0px 0px; padding: 0px; }

/* SECTION BASIC STYLES, SUPPLEMENTED/CHANGED PER PAGE CLASS */

.index #topper { height: 190px; background: url(/images/index_topper_bg.gif) no-repeat top left; margin: 0px; }
.index #enclose { padding:0px; margin:0px; border:1px solid silver; position:relative; }
.index #content { text-align: left; padding: 10px 4px 10px 10px; margin-left: auto; margin-right: auto; }
.index #bottom { height: 193px; background: url(/images/index_footer_bg.gif) no-repeat top left; }
.index #navLinks a { color: #8bc541; font: normal 800 12px/16px Arial, Helvetica, sans-serif; text-decoration: none; }
.index #navLinks a:hover { color: #f6931f; }
.index a { color: #26aae1; text-decoration: none; }
.index a:hover { color: #f6931f }
.index .formButton { border: 2px solid #4f164d; background-color: #90298d; color: White; font: normal 800 13px/15px Verdana, Arial, Helvetica, Sans-serif; }
.index .formField { border: 2px solid #7e247b; background-color: White; font: normal 300 12px/14px Arial, Helvetica, Sans-serif; padding: 2px; margin: 0px 6px 0px 6px; }


.girl #content{ width: 734px; background: #76bcf0 url(/images/girl_content_bg.jpg) repeat-x top left; }
.girl #bottom { height: 12px; }
.girl #navLinks ul { margin: 0px; padding: 2px 0px 2px 0px; }
.girl #navLinks li { margin-left: 0px; display: inline; color: White; }
.girl #navLinks a { color: White; font: normal 800 12px/16px Arial, Helvetica, sans-serif; text-decoration: none; }
.girl #navLinks a:hover { color: #f6931f; }
.girl #trackTables th, .girl #trackTables td { font:800 11px/13px Verdana, Arial, Helvetica, sans-serif; }
.girl .trackCell { padding: 8px 6px; color:black; }
.girl .pledgeCell { padding: 1px 6px; color:black; }

.teen #content{ width: 734px; background-color:#3e1300; }
.teen #bottom { height: 113px; background: url(/images/teen_bottom_bg.gif) no-repeat top left; }
.teen #navLinks ul { margin: 0px; padding: 2px 0px 2px 0px; }
.teen #navLinks li { margin-left: 0px; display: inline; color: White; }
.teen #navLinks a { color: White; font: normal 800 12px/16px Arial, Helvetica, sans-serif; text-decoration: none; }
.teen #navLinks a:hover { color: #f6931f; }
.teen #trackTables th, .teen #trackTables td { font:800 11px/13px Verdana, Arial, Helvetica, sans-serif; }
.teen .trackCell { padding: 8px 6px; color:black; }
.teen .pledgeCell { padding: 1px 6px; color:black; }
.teen a { color:LightSkyBlue; }

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* Styles for various sections and elements -----------------------------------*/

.help { font-size: 95%; color: Gray; }

a.more { color: Black; font-weight: 800; text-decoration: underline; font-size: 95%; }
a.more:hover { text-decoration: none; }

.formCell { /* Styles text labels */
	color: #90298d;
	font-family: "Comic Sans MS", Verdana, Helvetica, sans-serif;
	font-size: 110%;
	font-weight: 800;
}

/* Generic Styling. See class selectors for any changes */
.formButton {
	border: 2px solid #4f164d; background-color: #90298d;
	color: White; font: normal 800 13px/15px Verdana, Arial, Helvetica, Sans-serif;
}

.formField {
	font:normal 13px/14px Arial;
	border:1px inset #99bbcf;
	background-color:#f4f8ff;
	padding:1px 3px;
	}

/* Like it says, prompt text under a form field */
.promptUnderField {
	font-size: 80%;
	line-height:100%;
	color: DimGray;
}

.footer {
	font: normal 300 11px/15px Arial, Helvetica, sans-serif;
	color: #0060a6;
	background-color: transparent;
	text-align: center;
}

a.footer { font-weight: 800; color: #0060a6; text-decoration: none; }
a.footer:hover { color: Black; text-decoration: none; }

.ccButton {
 	color:white;
	background-color:#3366a8;
	padding:2px .40em;
	font:900 12px/13px Verdana, Arial;
	border:1px outset #5767a5;
	text-align:center;
	display: inline;
	overflow:visible;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}

.ccButton:first-child+html {
	padding:0px .30em;
	width:1;
}

.ccButton html {
	padding:0px .30em;
	width:1;
}

.iBox {
	font:normal 12px/13px Arial;
	border:1px inset blue;
	padding:0px 3px;
	width:24px;
	}

.faqHead {
	font-style: italic;
}