@charset "UTF-8";

/*--------------------------
file name: css_global.css
Contains all styles for the layout of site and text formatting.
Each school has a CSS for school-specific changes.
--------------------------*/

/*--------------------------
 redefined html tags
--------------------------*/

body {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: center;
	background-color: #CCCCCC; /*light gray */
	font-family: Arial, Helvetica, sans-serif;	}
p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;	}
	
h1 {	font-family: Arial, Helvetica, sans-serif;
		font-size: 1.6em;
		font-weight: normal;
		margin-top: 0px;
		padding-top: 0px;	}
		
h2 {	font-family: Arial, Helvetica, sans-serif;
		font-size: 1.0em;
		font-weight: normal;	}
		
ul {	font-family: Arial, Helvetica, sans-serif;
		font-size: 0.9em;	}
		
li {	padding-bottom: 6px;	}
	
a:link, a:visited {	text-decoration: underline; 
					/* color: #0000FF; bright blue */
					color: #778801; /* apple green */}
a:hover, a:active {	text-decoration: none;
					/* color: #666666; medium gray */
					color: #1a5399; /* cobalt blue */}	

table {	margin: 0;
		padding: 0;
		border: 0;}
	
	
/*-----text classes--------------------------*/

.superscript {
vertical-align: super;
	}
.fauxUL {
	font-size: 0.9em;
	line-height: 2em;
	}
.note {
	font-size: 0.8em;
	}
.form_label {
	font-size: 0.8em;
	padding-top: 3px;
	padding-bottom: 0px;
	}
	
/* FAQ page */	
.FAQ_section_name { font-size: 20px;
			   font-weight: normal;	}

.question	 {	font-family: Arial, Helvetica, sans-serif;
				font-size: 0.8em;
				margin-bottom: 3px;
				font-weight: bold;
				color: #003271;  /* dark blue */}

.answer	 {		font-family: Arial, Helvetica, sans-serif;
				font-size: 0.8em;
				margin-top: 1px;}

.smaller_text {	font-size: 12px; 
				margin-top: 0px; 
				margin-bottom: 6px;}
				
.style8   {     background-color: #ffffff; /*blue for testing */;
            	width: 160px;}
		
/* Anatomy of an ID Card*/
#anatomyIDTxt p {font-size: 12px; margin-bottom: 6px; margin-top: 0px; }
	
/* Athletic Enrollment Form */	
#athletic_enrollment td, #replace_IDCard td {font-size: 14px;}	


/*these two control the table cells*/
.form_field_label { background-color:#ffffff; /*blue for testing */  width: 160px;}	
.form_field_wide {}
.form_field {}	
.spacer {padding-bottom: 14px;}

/*these control the form fields themselves*/
.txtBoxOne {width: 240px;}	
.txtBoxZip {width: 90px;}

	
	
/*--------------------------
layout divs
--------------------------*/

#content {
	position: absolute;
	/*top: 260px;*/
	/* MLG moved this up 10 pixels to make more room for the SMIG dental iFrame window*/
	top: 250px;
	left: 24px;
	z-index: 101;
	width: 600px;
	padding-top: 0px;
	margin-top: 0px;
	}
.narrow#content {
	left: 178px;
	z-index: 101;
	width: 454px;
	}
	
#container {
	position:relative;
	width: 1000px;
	height: 768px;
	overflow: visible;
	margin: 0 auto;
	text-align: left;
	background-color: #FFFFFF;
    top: 0px;
    left: 0px;
	z-index: 1; /* added to fix mainLogo div not appearing in Safari 3.2.1 Mac OS X 10.5 */
}
#enroll #content {
	}
#enroll  #container {
	height: 2800px;
	}
	
#photo {	width: 385px;
			height: 768px;
			background-repeat: no-repeat;
			position: absolute;
			z-index: 4;
			top: 0px;
			right: 0px;
	}
	
#mainLogo {
	position: absolute;
	top: 22px;
	right: 17px;
	/*z-index: 200;*/
	z-index: 2000;
	}
#header {
	position: absolute;
	z-index: 3;
	left: 0px;
	top: 0px;
	width: 670px;
	height: 191px;
	}
#headerNav { /* this is the HOME | FAQ | CONTACT nav*/
	position:absolute;
	left: 25px;
	top: 165px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:.8em;
	width: 390px;
	color: #999999;
	 }

	
/*--------------------------
 navigation
--------------------------*/
	
#header #headerNav a { /* this is the text sub nav for HOME-FAQ-Contact Us */
	color: #003271;  /* dark blue ? */
	/*text-decoration: none;*/
	font-size: 1em;
	font-weight: bold;
	} 
	
#headerNav a:link,  #headerNav a:visited {text-decoration: none;}
#headerNav a:hover {text-decoration: underline;}
	
#navigation, #navigation2, #navigation3 {
	position:absolute;
	/*top: 214px;*/
	top: 204px;
	left: 24px;
	z-index: 100;
	/*mlg added width: 642px;*/
	width: 642px;
	}
#navigation li, #navigation2 li, #navigation3 li {
	display:inline;
	/*mlg added
	width: 112px;*/
	}
#navigation ul, #navigation2 ul, #navigation3 ul {
	margin:0;
	padding:0;
	text-align:center;
	list-style-type:none;
	}
#navigation a, #navigation2 a, #navigation3 a{
	float: left;
	padding: 3px 5px 3px 5px;
	/*padding: 3px 10px 3px 10px;*/
	margin-right: 2px; 
	width: 112px;
	/*width: 122px;*/
	height: 24px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em; 
	text-align:center;
	text-decoration: none;
	letter-spacing: .025em;
	display: inline;
	vertical-align:middle;	
	}
#navigation a:hover, #navigation a:active, 
#navigation2 a:hover, #navigation2 a:active,
#navigation3 a:hover, #navigation3 a:active {
	color: #FFF;/**/
	/*background-color: #003271;  dark blue */
	}	
#navigation a.cp { /*this is the class that marks the current page*/
	color: #FFFFFF;/**/
	/*background-color: #003271;  /* dark blue */
	}
	
	
/* Main nav boxes/buttons -- changed to the blue buttons*/	
#navigation a:link, #navigation a:visited,
#navigation2 a:link, #navigation2 a:visited,
#navigation3 a:link, #navigation3 a:visited {
	color: #FFFFFF;
	background-image:url(../images/testing/button_shiny_blue_duo.gif) ;
	background-position: 0px 0px;
	background-repeat: no-repeat;
	height: 26px;
	}
#navigation a:hover, #navigation a:active,
#navigation2 a:hover, #navigation2 a:active, 
#navigation3 a:hover, #navigation3 a:active {
	background-position: -130px 0;
	text-decoration:underline;
	}	
	
/* These styles set up a "current page marker" or a "you are here" visual cue. 
By setting an ID on the body of each unique page, as well as an ID on each list 
item that contains a link, we can create an automatic look for current page links. */
body#registration_pg li#registration a,
body#plan_details_pg li#plan_details a,
body#dental_pg li#dental a,
body#travel_pg li#travel a, 
body#athletics_pg li#athletics a {
	background-position: -130px 0;}


	
/*--------------------------
Sub Navigation
--------------------------*/
	
#sub_navigation, #sub_Tnavigation {
	width: 122px;
	/*width: 145px;*/
	left: 0px;
	position: absolute;
	top: 0px;
	/* background-color: #003271; dark blue */
	 /*border-bottom: solid 1px #003271;  dark blue */
    z-index: 3;
}
#sub_navigation div {
	}
#sub_navigation a:link, #sub_navigation a:visited, #sub_Tnavigation a {
	display: block;
	/*width: 104px;
	padding: 6px 8px 6px 8px;*/
	
	width: 112px;
	padding: 6px 5px 6px 5px;
		
	/*margin: 1px 0px 0px 1px;*/
	
	margin: 0px 0px 2px 0px;
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: .75em;	
	color:#FFFFFF;
	text-decoration: none;
	/*border-bottom: thin 1px #003271;   dark blue */
	border:  1px solid  #003271;  /* dark blue */
	background-color:#003271; /*  dark blue */
	/* background-color:#cc0000;  dark red, for testing */
	}
#sub_navigation a.cp, #sub_Tnavigation a.cp {
	color:#003271; /* dark blue */
	background-color: #FFF;
	}
#sub_navigation a:hover, #sub_Tnavigation a:hover {
	color: #003271;  /* dark blue */
	background-color: #FFF;
	}

/*-----changed to the gray buttons---------*/
#sub_navigation a:link, #sub_navigation a:visited,
#sub_Tnavigation a:link, #sub_Tnavigation a:visited, {
	display: block;
	width: 112px;
	width: 124px;
	height: 34px;
	/*height: 42px;*/
	padding: 6px 5px 2px 5px;
	margin: 0px 0px 2px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .75em;	
	color: #092163;  /* dark blue ?*/
	text-decoration: none;
	border:none;
	background-image:url(../images/testing/button_subnav_ltgray.gif);
	background-position:top left;
	background-repeat:no-repeat;
	background-color:#FFFFFF;   /*white*/
	}
#sub_navigation a:hover, #sub_navigation a:active,
#sub_Tnavigation a:hover, #sub_Tnavigation a:active  {
	color: #0000ff;  /* bright blue */
	text-decoration: underline;
	}

	 
/*-----sports nav--------------------------*/
	
#navigation.sports {
	position:absolute;
	top: 214px;
	left: 23px;
	z-index: 100;
	width: 642px;
	}

#navigation.sports a {
	float: left;
	padding: 3px 5px 3p
	
/*------No Sportsts nav
--------------------------*/noSportsNavsports {
	position:absolute;
	top: 214px;
	left: 23px;
	z-index: 100;
	width: 6noSportsNavigation.sports a {
	float: left;
	padding: 3px 5px 3px 5px;
	margin-right: 2px; 
	width: 185px;
	height: 24px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	text-align:center;
	text-decoration: none;
	letter-spacing: .025em;
	display: inline;
	vertical-align:middle;
	}



/*  What is this??? 
x 5px;
	margin-right: 2px; 
	width: 185px;
	height: 24px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	text-align:center;
	text-decoration: none;
	letter-spacing: .025em;
	display: inline;
	vertical-align:middle;
	}

*/


/*----footer classes--------------------------*/

#footer  {  z-index: 1;  
            left: 25px;
            top: 700px;
            position: absolute;
            height: 30px;
            width: 450px;
    }	
	
#footer_long_page {
	position: absolute;
	bottom: 10px;
	left: 20px;
	z-index: 99;
	width: 615px;
	background-image:url(/images/template/usi_logo.gif);
	background-repeat: no-repeat;
	padding-top: 40px;
	height: 26px;
	background-color: #FFFFFF;
	}
#footer td {
	padding-right: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .7em;
	padding-top: 5px;
	}
#footer a {
	text-decoration: none;
	}
#footernav {
	position: absolute;
	left: 248px;
	top: 24px;
	}
#footernav li {
	display:inline;
	padding-right: 25px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .7em;
	}
#footernav ul {
	margin:0;
	padding:0;
	text-align:left;
	list-style-type:none;
	}
	/*--------------------------

 navigation

--------------------------*/
	
#header #headerNav a { /* this is the text sub nav for faq, etc. */
	color: #003271;
	text-decoration: none;
	font-size: 1em;
	font-weight: bold;
	} 
#navigation2 {
	position:absolute;
	top: 214px;
	left: 23px;
	z-index: 100;
	width: 642px;
	}
#navigation2 li {
	display:inline;
	}
#navigation2 ul {
	margin:0;
	padding:0;
	text-align:center;
	list-style-type:none;
	}
#navigation2 a {
	float: left;
	padding: 3px 5px 3px 5px;
	margin-right: 2px; 
	width: 112px;
	height: 24px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	text-align:center;
	text-decoration: none;
	letter-spacing: .025em;
	display: inline;
	vertical-align:middle;
	
	}
#SportsOnlyNav a.cp { /*this is the class that marks the current page*/
	color: #FFFFFF;
	background-color: #003271;
	}
#navigation2 a:hover, #navigation a:active {
	color: #FFF;
	background-color: #003271;}
	
	
	/*--------------------------

 navigation

--------------------------*/
	
#header #headerNav a { /* this is the text sub nav for faq, etc. */
	color: #003271;
	text-decoration: none;
	font-size: 1em;
	font-weight: bold;
	} 
#navigation3 {
	position:absolute;
	top: 214px;
	left: 23px;
	z-index: 100;
	width: 642px;
	}
#navigation3 li {
	display:inline;
	}
#navigation3 ul {
	margin:0;
	padding:0;
	text-align:center;
	list-style-type:none;
	}
#navigation3 a {
	float: left;
	padding: 3px 5px 3px 5px;
	margin-right: 2px; 
	width: 112px;
	height: 24px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	text-align:center;
	text-decoration: none;
	letter-spacing: .025em;
	display: inline;
	vertical-align:middle;
	
	}
#navigation3 a.cp { /*this is the class that marks the current page*/
	color: #FFFFFF;
	background-color: #003271;
	}
#navigation3 a:hover, #navigation a:active {
	color: #FFF;
	background-color: #003271;}