BODY {
padding: 0pt; 
margin: 0pt; 
background-color:#FFFFFF;
}

A {
text-decoration: none;
}
A:link {
}
A:visited {
}
A:active {
}
A:hover	{
text-decoration: underline;
}
.bottomPage {
font-size: 75%;
}
.bottomDate {
font-size: 75%;
}
.upperNav {
color:	#ffffff;
font-size: 75%;
font-weight: bold;
}
.slogan	{
color:	#666666;
font-size: 75%;
font-weight: bold;
letter-spacing: 1px;
}
.footer	{
color:	#666666;
font-size: 70%;
}
.breadCrumbs {

font-size: 70%;
}
.h2Header	{
color:	#666666;
font-size: 110%;
font-weight: bold;
letter-spacing: 2px;
}
.h3Header	{
color:	#666666;

font-size: 100%;
font-weight: bold;
letter-spacing: 1px;
}
.newWindow	{
color:	#993333;

font-size: 65%;
}
.footerLinks {
font-size: 70%;
color: #003366;
}
.footerText {
font-size: 60%;
color: #003366;
padding: 3px;
}



#firstClick {
padding: 0px;
margin: 0px;
}
#firstClick ul {
list-style-type:circle;
margin-left: 15px;
}
#firstClick li {
list-style-type:square;
line-height: 90%;
}
#firstClick li a {
padding: 0px;
margin: 0px;
}


#firstClickMain {
padding: 0px;
margin-top:30px;
margin-left:5px;
font-family:"Times New Roman", Times, serif;}
#firstClickMain ul {
list-style-type:none;
padding: 0px;
margin-left: 5px;
margin-bottom: 5px;
}
#firstClickMain li {
line-height: 95%;
}
#firstClickMain li a {
font-size: 110%;
color: #FFFFFF;
font-weight:bold;
}



.overlay1 {
background-color:#003366;
background-position:bottom;
background-image:url(/design/photos/gateway_left.jpg); 
background-repeat: no-repeat; 
}

.overlay2 {
background-color:#003366;
background-position:bottom;
background-image:url(/design/photos/teacher_left.jpg); 
background-repeat: no-repeat; 
}

.overlay3 {
background-color:#003366;
background-position:bottom;
background-image:url(/design/photos/stlouishall_left.jpg); 
background-repeat: no-repeat; 
}

.overlay4 {
background-color:#003366;
background-position:bottom;
background-image:url(/design/photos/students_left.jpg); 
background-repeat: no-repeat; 
}

.overlay5 {
background-color:#003366;
background-position:bottom;
background-image:url(/design/photos/ask_about_brother_left.jpg); 
background-repeat: no-repeat; 
}

.overlay6 {
background-color:#003366;
background-position:bottom;
background-image:url(/design/photos/library_left.jpg); 
background-repeat: no-repeat; 
}

.overlay7 {
background-color:#003366;
background-position:bottom;
background-image:url(/design/photos/cafeteria_left.jpg); 
background-repeat: no-repeat; 
}

.overlay8 {
background-color:#003366;
background-position:bottom;
background-image:url(/design/photos/tech_left.jpg); 
background-repeat: no-repeat; 
}

.overlay9 {
background-color:#003366;
background-position:bottom;
background-image:url(/design/photos/pstudents_left.jpg); 
background-repeat: no-repeat; 
}

.overlay10 {
background-color:#003366;
background-position:bottom;
background-image:url(/design/photos/cstudents_left.jpg); 
background-repeat: no-repeat; 
}

.overlay11 {
background-color:#003366;
background-position:bottom;
background-image:url(/design/photos/parents_left.jpg); 
background-repeat: no-repeat; 
}

.overlay12 {
background-color:#183f6a;
background-position:bottom;
background-image:url(/design/photos/fac_staff.jpg); 
background-repeat: no-repeat; 
}


p {
font-size : 80%; 
} 
li {
font-size : 80%; 
padding-bottom : 12px; 
} 
li li {
font-size : 95%; 
padding-bottom : 12px; 
} 
.address {
font-size : 65%; 
color : #ffffff; 
padding : 4px; 
} 
.asterick {
color: #660000;
font-weight: bold;
font-size : 75%; 
} 
.block {
font-size : 80%; 
} 
.dashedLine {
border : 1px dashed #666666; 
} 
table.events {
border : 1px dashed #c0c0c0; 
border-collapse : collapse; 
padding : 2px; 
font-size : 75%; 
} 
table.events tr td div.header {
font-size : 140%; 
font-weight : bold; 
color : #fff; 
background-color : #666;
vertical-align : top; 
padding : 8px; 
} 
table.events tr td div.event {
font-size : 100%; 
font-weight : bold; 
color : #000; 
background-color : #999;
vertical-align : top; 
padding : 8px; 
} 
.frontLink {
color : #ffffff; 
} 
.frontText {
font-size : 80%; 
padding : 10px; 
} 
.frontTitle {
font-size : 90%; 
font-weight : bold; 
padding : 10px; 
} 
.indentMe {
padding-left : 20px; 
} 
.navLink {
display : block; 
font-size : 80%; 
font-weight : bold; 
color : #ffffff; 
margin-left : 4px; 
} 
.navLinkIndent {
display : block; 
font-size : 90%; 
padding-left : 10px; 
font-weight : bold; 
color : #ffffaa; 
margin-left : 8px; 
margin-right : 2px; 
} 
.navLinkIndentColor {
color : #ffffaa; 
} 
.navLinkSpecial {
display : block; 
font-size : 80%; 
font-weight : bold; 
color : #fdd556; 
padding : 2px 4px 2px 7px; 
} 
.navHeader {
font-size : 90%; 
font-weight : bold; 
font-style : italic; 
color : #f2bf49; 
margin : 3px; 
} 




.navLinkNew {
border: 0px;
display : block; 
font-size : 85%; 
font-weight : bold; 
color : #000000; 
margin-left : 4px; 
margin-right : 0px; 
padding-top: 4px;
padding-bottom: 4px;
} 
.navLinkNewIndent {
border:0px;
display : block; 
font-size : 85%; 
padding-left : 10px; 
padding-right : 0px;
padding-top: 0px;
padding-bottom: 0px; 
font-weight : bold; 
color : #007EBB; 
margin-left : 8px; 
margin-right : 2px; 
} 
.navLinkNewIndentHere {
border:0px;
display : block; 
font-size : 85%; 
padding-left : 10px; 
padding-right : 0px; 
padding-top: 0px;
padding-bottom: 0px;
font-weight : bold; 
color : #005984; 
margin-left : 8px; 
margin-right : 2px; 
} 
.navHeaderNew {
font-size : 100%; 
font-weight : bold; 
font-style : italic;
color : #003366; 
margin : 3px; 
} 


.pageTitleBig {
font-size : 130%; 
font-weight : bold; 
letter-spacing : 1px; 
padding : 10px; 
} 
.pageTitleMedium {
font-size : 100%; 
font-weight : bold; 
padding-bottom : 5px; 
} 
.pageTitleSmall {
font-size : 90%; 
font-weight : bold; 
padding-bottom : 3px; 
} 
.searchButton {
border: 1px solid #FFFFFF;
background-color: #003366;
color:#999999;
vertical-align:bottom;
font-family:Arial, Helvetica, sans-serif;
font-size: 70%;
font-weight: bold;
padding: 0px;
margin-left: 2px;
margin-bottom: 3px;
}
.specialNotice {
font-size : 80%; 
color : #ffffff; 
} 
table .table {
font-size : 80%; 
} 
table .table li {
font-size : 95%; 
padding-bottom : 7px; 
} 
.tagline {
font-size : 80%; 
color : #ffffff; 
} 
.tableCell {
font-size : 80%; 
} 
.toTop {
font-size : 65%; 
padding : 4px; 
} 
.vertLine {
background-image : url(/2nd_level/imgs/dot.gif); 
background-repeat : repeat-y; 
margin-top : 0; 
padding : 2px; 
border : medium none inherit; 
} 



table.formSubmit {
font-family: Verdana, Arial, Helvetica, sans-serif;
border : 1px solid #6699cc; 
border-collapse : collapse; 
margin-top : 0; 
} 
table.formSubmit td {
border-bottom : 1px dotted #6699cc; 
font-size : 70%; 
color : #333333; 
background-color : #FAE6B6;
vertical-align : top; 
padding: 3px;
padding-bottom: 5px;
border-left: 1px solid #c0c0c0;
}
table.formSubmit td div.formHeader {
font-size : 140%; 
font-weight : bold; 
color : #000000; 
background-color : #f7d688;
vertical-align : top; 
padding : 8px; 
} 


table.courseSchedule {
width : 100%; 
font-family: Verdana, Arial, Helvetica, sans-serif;
border : 1px solid #6699cc; 
border-collapse : collapse; 
margin-top : 0; 
padding : 2px; 
} 
table.courseSchedule td {
border : 1px solid #6699cc; 
font-size : 70%; 
color : #333333; 
vertical-align : top; 
padding : 1px; 
} 
table.courseSchedule td.formHeader {
border : 1px solid #FFFFFF; 
border-collapse : collapse; 
color : #FFFFFF; 
background-color : #6699cc;
font-size : 75%; 
font-weight : bold; 
padding : 1px; 
} 

table.quotes {
font-family: Verdana, Arial, Helvetica, sans-serif;
border : 1px solid #6699cc; 
border-collapse : collapse; 
background-color : #eeeeee; 
margin-top : 0; 
padding : 2px; 
} 
table.quotes td {
border : 1px dotted #6699cc; 
font-size : 90%; 
color : #333333; 
vertical-align : top; 
padding : 1px; 
} 


table.honorRoll {
width : auto; 
font-family: Verdana, Arial, Helvetica, sans-serif;
border : 0 none inherit; 
border-collapse : collapse; 
margin-top : 0; 
padding : 2px; 
} 
table.honorRoll td {
border-bottom : 1px solid #6699cc; 
font-size : 80%; 
color : #333333; 
vertical-align : top; 
padding : 1px; 
} 


table.stats {
width : auto; 
font-family: Verdana, Arial, Helvetica, sans-serif;
border : 0 none inherit; 
border-collapse : collapse; 
margin-top : 0; 
padding : 2px; 
} 
table.stats td {
border : 1px solid #6699cc; 
font-size : 75%; 
color : #333333; 
vertical-align : top; 
padding : 1px; 
} 


table.basic {
background-color : #FFFFCC;
font-family: Verdana, Arial, Helvetica, sans-serif;
border : 1px solid #6699cc; 
border-collapse : collapse; 
margin : 0px; 
padding : 0px; 
} 
table.basic td {
border : 1px solid #003366; 
font-size : 80%; 
color : #333333; 
vertical-align : top; 
padding : 4px; 
} 
table.basic td div.header {
font-size : 140%; 
font-weight : bold; 
color : #003366; 
background-color : #6699cc;
vertical-align : top; 
padding : 8px; 
} 

table.smallFont {
background-color : #EFEFEF;
font-family: Verdana, Arial, Helvetica, sans-serif;
border : 1px solid #6699cc; 
border-collapse : collapse; 
margin : 0px; 
padding : 0px; 
} 
table.smallFont td {
border-bottom : 1px dashed #6699cc;
font-size : 70%; 
color : #000000; 
vertical-align : top; 
padding : 2px; 
} 
table.smallFont td div.header {
font-size : 85%; 
font-weight : bold; 
color : #000; 
background-color : #6699cc;
vertical-align : bottom; 
padding : 8px; 
} 


table.athletics {
background-color : #80C0F4;
font-family: Verdana, Arial, Helvetica, sans-serif;
border : 1px solid #6699cc; 
border-collapse : collapse; 
margin : 0px; 
padding : 0px; 
} 
table.athletics td {
border : 1px dashed #6699cc; 
font-size : 80%; 
color : #333333; 
vertical-align : top; 
padding : 4px; 
} 


table.frontNews {
background-color : #F8F3A7;
font-family: Verdana, Arial, Helvetica, sans-serif;
border : 1px solid #003366; 
border-collapse : collapse; 
margin : 0px; 
padding : 0px; 
} 
table.frontNews td {
border : 1px dashed #003366; 
font-size : 80%; 
color : #333333; 
vertical-align : top; 
padding : 4px; 
} 


table.smallType {
background-color: #F9F9F9
font-family: Verdana, Arial, Helvetica, sans-serif;
border : 1px solid #999999; 
border-collapse : collapse; 
margin : 0px; 
padding : 3px; 
} 
table.smallType td {
border : 1px dashed #c0c0c0; 
font-size : 70%; 
color : #000000; 
vertical-align : top; 
padding : 4px; 
} 


table.frontSpecial {
background-color : #F9F9F9;
font-family: Verdana, Arial, Helvetica, sans-serif;
border : 1px solid #999999; 
border-collapse : collapse; 
margin : 0px; 
padding : 0px; 
} 
table.frontSpecial td {
border : 1px dashed #ffcc00; 
font-size : 80%; 
color : #333333; 
vertical-align : top; 
padding : 4px; 
} 



table.newsStories {
background-color : #ffffff;
font-family: Verdana, Arial, Helvetica, sans-serif;
border : 1px dotted #999999; 
border-collapse : collapse; 
margin : 0px; 
padding : 0px; 
} 
table.newsStories td {
border : 1px dotted #003366; 
font-size : 80%; 
color : #333333; 
vertical-align : top; 
padding : 4px; 
} 




a.specialNav {
font-size : 85%; 
padding-left : 10px; 
font-weight : bold; 
color : #ffffaa; 
margin-left : 8px; 
margin-right : 2px; 
}




	/* ATHLETICS STYLE */			
			#specialAthletics ul {
			  display: block;
			  list-style: none outside;
			  padding: 0;
			  margin: 0 0 0 10px;
			  font-family: Verdana, sans-serif;
			  font-size: small;
			}
			
			#specialAthletics li {
			  padding: 0 0 2px 0;
			  margin: 0 4px 0 0;
			  border: 1px solid #003366;
			  background-color: #003366;
			  color: #ffffff;
			  font-weight: bold;
			  /* the next 4 lines are magic */
			  display: block;
			  float: left;
			  position: relative;
			  top: -1.32em;
			}
			
			
			#specialAthletics a:link,
			#specialAthletics a:visited {
			  background-color: #FFFFFF;
			  border-bottom: 0px solid #003366; 
			  color: #003366;
			  text-decoration: none;
			  padding-left: 1em;
			  padding-right: 1em;
			}
			
			#specialAthletics a:hover {
			  background-color: #C0C0C0;
			  color: #000066;
			}
			
			#specialAthletics #here {
			  background-color: #003366;
			  border-top: 1px solid #F2BF49;  
			  border-left: 1px solid #F2BF49;  
			  border-right: 1px solid #F2BF49;      
			  color: #FFFFFF;
			}
			
			
			#specialAthleticsClear {
			  display: none;
			}
			html>body #navclear {
			  display: block;
			  clear: both;
			}



	/* TOOL TIP STYLE */
	div.tooltip {
		font-size: 70%;
		font-weight : bold;
		background: #003366;
		color: #FFFFFF;
		border: 0;
		width: 260px;
		height: 10px;
		line-height:10px;
		padding: 4px;
		
	}
	div.tooltip_body {
		font-size: 70%;
		background: #FFEABA;
		width: 260px;
		height: 100%;
		padding: 4px;
		border:0;
	}
	div.tooltip_container {
		border: 1px solid #003366;
		position:absolute; 
		display:none;
		z-index: 100;
	}	


		
		/* TOP HORIZONTAL NAVIGATION */
		div#hnav ul {
			margin: 0;
			margin-left:20px;
			padding:0;
			list-style:none;
			position:relative;
			bottom:1px;
		}
		div#hnav ul li {
			display:inline;
			margin:0;
			padding:0;
			position:relative;
		}
		div#hnav ul li a {
			display:block;
			width:auto;
			float:right; 
			margin:1px 0px 0px 1px;
			padding:5px 10px;
			color:#FFFFFF;
			text-decoration:none;
			letter-spacing:1px;
			font-size:85%;
			font-weight:bold;
			text-transform:uppercase;
			text-align:center;
			background:#007EBB;
		}
		div#hnav ul li a.inactivelink {
			display:block;
			width:auto;
			margin:1px 0px 0px 1px;
			padding:5px 10px;
			color:#999999;
			text-decoration:none;
			letter-spacing:1px;
			font-size:85%;
			font-weight:bold;
			text-transform:uppercase;
			text-decoration:line-through;
			text-align:center;
			background:#003366;
		}			
		div#hnav ul li a.activelink {
			display:block;
			width:auto;
			margin:1px 0px 0px 1px;
			padding:5px 10px;
			color:#003366;
			text-decoration:none;
			letter-spacing:1px;
			font-size:85%;
			font-weight:bold;
			text-transform:uppercase;
			text-align:center;
			background:#F8DC9C;
		}		
		div#hnav ul li a.activelink:hover {
			color:#F2BF49;
			background:#00468C;
		}
		div#hnav ul li a.inactivelink:hover {

		}		
		html>body #hnav li a {
				width: auto;
		}


	/* FORM TABLES */
	table#formTable  {
		margin-top: 15px;
		font-size: 80%;
	}
	table#formTable td {
		padding: 4px;
		border-bottom: 1px solid #f3f3f3;
	}
	table#formTable td.borderRight {
		border-right: 1px solid #f3f3f3;
	}	
	table#formTable td.borderNone {
		
		border-bottom: 1px solid #ffffff;
	}		
	
	table#formTable tr td textarea, input  {
		border: 1px solid #003366;
		background-color:#FFF;
		padding-left: 2px;
	}
	input#submit_button    {
		border: 0px;
		background-color:#FFF;
		padding-left: 0px;
	}
	table#formTable tr td select {
		border: 1px solid #003366;
		background-color:#FFF;		
	}	
	fieldset	{
		border: 1px solid #003366;
		width: 95%;
		padding: 0;
		margin: 0;
	}
	legend {
		background: #FFEABA;
		color: #003366;
		font-size:80%;
		text-transform:uppercase;
		border: 1px solid #003366;
		padding: 2px 5px;
		margin-left: 6px;
	}
	.formButton {
		display: block;
		color:#FFF;
		background-color: #0059B3;
		font-size: 85%;
		padding: 3px;
		margin: 0px;
		width: 150px;
		border: 1px solid #003366;
		cursor: pointer;
	}
	div.formHeading {
		display: block;
		width:98%;
		background-color:#FFEABA;
		color: #000;
		font-size: 120%;
		font-weight: bold;
		padding: 6px;
	}
	span.errors {
		color: #990000;
		font-size: 90%;
		font-variant:small-caps;
		margin-left: 3px;
		font-weight: bold;
	}
	


	
/* ###########  TABLE STYLEz ################ */

#tableStyleOne
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	/* margin: 45px;
	width: 480px;*/
	text-align: left;
	border-collapse: collapse;
}
#tableStyleOne th
{
	font-size: 14px;
	font-weight: normal;
	padding: 12px 10px;
	color: #003366;
}
#tableStyleOne td
{
	padding: 10px 10px;
	color: #669;
	border-top: 1px solid #e8edff;
}
.tsOne
{
	background: #e4ecf5;
	/*border-right: 10px solid transparent;
	border-left: 10px solid transparent;*/
}
#tableStyleOne tr:hover td
{
	color: #003366;
	background: #f3f7fb;
}


/* ###########  BOX STYLEz ################ */


div.boxContainer {
	display:block;
	/*width: 480px;*/
	border: 1px solid #d3dfee;
	padding:0px;
	font-family: Helvetica, Arial, sans-serif;
	font-size:13px;
}	

div.boxHeading {
	width: auto;
	font-size: 100%;
	text-transform:uppercase;
	font-weight : bold;
	background: #e4ecf5;
	color: #003366;
	border-top: 1px #ffffff solid;
	border-right:1px #ffffff solid;
	line-height:18px;
	padding: 12px;
	
}
div.boxBody {
	width: auto;
	font-size: 100%;
	background: #f3f7fb;
	padding: 12px;
	border-top:2px #ffffff solid;
	border-right:1px #ffffff solid;
	
}



/* #########  button styles  #########*/ 

.btn {font-size: 0.85em; font-family: georgia, serif;  display: block; position: relative; background: #aaa; padding: 5px; float: left; color: #fff; text-decoration: none; cursor: pointer;}
.btn * { font-style: normal; background-image: url(/libraries/jquery/images/btn2.png); background-repeat: no-repeat; display: block; position: relative;}
.btn i { background-position: top left; position: absolute; margin-bottom: -5px;  top: 0; left: 0; width: 5px; height: 5px;}
.btn span { background-position: bottom left; left: -5px; padding: 0 0 5px 10px; margin-bottom: -5px;}
.btn span i { background-position: bottom right; margin-bottom: 0; position: absolute; left: 100%; width: 10px; height: 100%; top: 0;}
.btn span span { background-position: top right; position: absolute; right: -10px; margin-left: 10px; top: -5px; height: 0;}

* html .btn span, * html .btn i { float: left; width: auto; background-image: none; cursor: pointer;}

.btn.blue { background: #003366; font-size:100%; font-family: georgia, serif;}
.btn.green { background: #9d4;}
.btn:hover { background-color: green;}
.btn:active { background-color: #444;}
.btn[class] {  background-image: url(/libraries/jquery/images/shade.png); background-position: bottom;}
/* 
To somewhat compensate to IE6, we can add borders to the 
button classes. I used the star HTML hack again to touch up 
the buttons for IE6 like this (thanks T3rmin8):
*/

* html .btn { border: 3px double #aaa;}
* html .btn.blue { border-color: #2ae;}
* html .btn.green { border-color: #9d4;}
* html .btn:hover { border-color: #a00;}
	


/* #########  migration styles  #########*/ 

h1 { font-size: 1.6em; }
h2 { font-size: 1.5em; }
h3 { font-size: 1.4em; }
h4 { font-size: 1.3em; }
h5 { font-size: 1.2em; }
h6 { font-size: 1em; }


.footer2 {
  color : #666666;
  font-size : 14px;
  font-family:"Times New Roman", Times, serif;
  float:left;
  /*letter-spacing : 1px;*/
}

.logo{
float:left;
width:565;}
.quicklink{
float:left;
width:160px;
margin-top:45px;
margin-left:75px;}
.header{
width:920px;
text-align:center;}
.headerNews2{
  color : #ffffcc;
  font-size : 80%;
  font-weight : bold;
  text-decoration : none;
   height:100px;
}
.name{
float:left;
margin-left:85px;
margin-top:50px;
font-size:14px}
.nameinput{float:left;
margin-top:50px;
}
.isic{
float:left;
margin-left:90px;
margin-top:10px;
font-size:14px}
.isicinput{float:left;
margin-top:10px;
vertical-align:bottom;
}