/* Tag Redifinitions */

body {
	background-image:   url(../images/background.jpg);
}

html,body{
      margin:0px;
      padding:0px;
      height:100%;
      border:none;
			text-align: left;
	  /*overflow: hidden;*/
	  font-family: arial;
}

documentElement{
	/*overflow:hidden;*/
}
a {
	color: #FFE600;
	font-weight: bold;
	text-decoration: underline
}
h1{
	font-family: Arial;
	font-size: 24px;
	color: #FFE600;
	margin-bottom: -7px;
	font-wieght: bold;
	text-align: left;
	border-bottom: 2px solid #B3C1DC;
	margin-bottom: 25px;
}

h2{
	font-family: Arial;
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: left;
}	

h3 {
	font-size: 11pt;
	text-decoration: underline;
	font-weight: bold;
}

h4 {
}
img {
	vertical-align: top;
}

/* General Styles */

div.main{
	position:relative;
	width: 976px;
	border: 4px solid white;
	margin: 10px 0px;
	
}
		div.main img{
			vertical-align:top;
		}
		div.main .footer{
			position: absolute;
			top:10px;
			left: 0px;
			width: 970px;
			height: 100px;
			background-color: transparent;
			font-family: 'arial';
			color: white;
			font-size: 8pt;
			padding-top: 3px;
		}
		div.main .navHolder{
			position: absolute;
			z-index:2;
			top:139px;
			width: 970px;
			height: 26px;
			background-color: transparent;
			text-align:center;
		}
		
div.content{
	width: 976px;
	border: none;
	background-color: #6A8CBC;
	position: relative;
	z-index: 1;
	font-family: arial;
	font-size: 10pt;
	color: white;
}
	.content .main {
		height: 1200px;
		border-collapse: collapse;
		padding: 0px;
		width: 976px;
		background-image: url(../images/content-topBck.jpg);
		background-repeat: repeat-x;
		border-bottom: 2px solid white;
	}
	.content .left{
		width: 208px;
		border-right: 2px solid white;
		vertical-align: top;
		background-image: url(../images/lftBar-bckgrd.jpg);
		background-repeat: repeat;
		padding: 0px;
	}
	.content .middle{
		background-image: url(../images/content-footer.jpg);
		background-position: bottom left;
		background-repeat: repeat-x;
		vertical-align:top;
		line-height: 14pt;
	}
	.content .right{
		width: 156px;
		border-left: 2px solid white;
		vertical-align: top;
		background-image: url(../images/rtBar-bckgrd.jpg);
		background-repeat: repeat;
		padding: 0px;
	}
	.content .contentHolder{
		margin: 40px 20px 60px 25px;
		text-align: justify;
	}
	.content #quote {
		font-size: 30pt;
		height: 36px;
		font-weight: bold;
		font-family: Times New Roman;
		position: absolute;
		padding: 4 4 0 0;
		top: 2px;
		left: 0;
		color: #FFE600
	}

div.events{
	background-image: url(../images/events-bckgrd.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	background-color: #000026;
	padding-bottom: 0px;
	font-size: 9pt;
	font-weight: normal;
	color: white;
	border-bottom: 2px solid white;
	margin-bottom: 0px;
}
div.event{
	background-image: url(../images/eventBox-bckgrd.png);
	padding: 10px;
	color: white;
	margin-bottom: 15px;
	width: 188px;
	text-align: left;
}
/* Admin Style - contact Manager*/

.contactBox {
	position: absolute; 
	left: 50px; 
	top: 20px; 
	width: 400px; 
	height: 150px; 
	background-color: #FFFFFF;
	border: 2px outset;
	display: none;
}
.inPageTbl{
	width: 525px;
	border-top: 1px solid #9999cc;
	border-collapse: collapse;
}
	.inPageTbl tr.odd{
		background-color: #5E8AC7;
	}
	.inPageTbl td{
		border-bottom: 1px solid #9999cc;
		padding: 3px;
	}
#timeHolder{
	position: absolute; 
	left: 0px; 
	top: 210px; 
	color: #8D4946; 
	font-size: 9pt; 
	font-weight: normal; 
	width: 156px;
}
		
/* Classes and ID'd Elements */

.editPanel a{
	text-decoration:none;
	font-weight: normal;
	border: none;
	filter:none;
}
.editPanel a:hover{
	text-decoration:underline;
	color: white;
	border: none;
}
.gradRqmt td{
	vertical-align: top;
}
.thumb{
	width: 100px;
	margin-right: 8px;
	margin-bottom: 8px;
	float:left;
	border: 2px solid white;
}
.sorter{
	border: none;
	color: #FFFFFF;
}
.sorter a{
	color:white;
}
/*Modular Navigation Styles*/

ul#nav{
		/*float: left;*/
		position:relative;
		border-left: 1px solid #CB7F68;
		z-index: 600;
		width: 825px;
		margin-right: 20px;
		margin-bottom: 10px;
		font-size: 9.5pt;
			padding: 0px;
			margin-top: 0px;
			margin-left: 0px;
}

ul#nav ul{
			top: 0px;    
			position:relative;
}

ul#nav li{
	width: auto;
	float: left;  /*enable for horizontal nav */
			position: relative;
			top: 0px;
			left: 0px;
			list-style-type: none;
	   		vertical-align: top; /* MUST BE PRESENT TO PREVENT VERT SPACES IN IE WHEN DISPLAY:BLOCK FOR <A> TAG*/
}

ul#nav li a{
	padding: 0px 15px;
	line-height: 26px;
	text-decoration: none;
	text-align: center;
	color: white;
	background-image: none;
	background-color: transparent;
	border: none;
	border-right: 1px solid #CB7F68;
			display: block;
}
ul#nav li a:hover{
	background-image: none;
	background-color: #C5161B;
}
ul#nav li ul{
	border: 2px solid white;
	position: absolute;  /* 	change for no javascript  */
			top: 0px;
			left: 0px;
			z-index: 100;
			clip: rect(auto 2500px 2500px 2500px);
			margin: 0px;
			padding: 0px;
			/*visibility: hidden;  ALLOWS OPERA LINKS TO FUNCTION (v<9) */
}

ul#nav li ul li{
	vertical-align:auto;
	background-color: #330000;
}

ul#nav li ul li a{
	padding: 0px 10px;
	color: white;
	font-size: 8pt;
	letter-spacing: 2px;
	font-weight: normal;
	text-align: left;
	margin: 0px;
	background-image: none;
	background-color: #5E0000;
	border: none;
	border-bottom: 2px solid #330000;
			position: relative;
			z-index: 1;
			zoom: 1;    /* MUST BE PRESENT TO SET  TRANSPARENCY IN IE*/
}

.navShadow{
			border-color: #777777;
			border-width: 1px; 
			border-style: solid;
			position: absolute;
			border-top: none;
			border-left: none;
			filter: alpha(opacity=70);
			opacity: 0.7;
			-moz-opacity: 0.7;
			-khtml-opacity: 0.7;
}

.shadow {
	filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='4', MakeShadow='true', ShadowOpacity='0.50');
	opacity: 0.5;
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	position: absolute;
	top: 2px;
	left: 2px;
}

/*-------------------------STUDENTS IN ACTION ROTATING IMAGE STYLES ---------------------*/

.hm_img1{
 	width: 300px;
	height: 200px;
	left: 0px; 
	top: 0px; 
	position: absolute;
	border: 2px solid white;
	visibility: hidden;
	filter: alpha(opacity=0);
	opacity: 0;
	-moz-opacity: 0;
	-khtml-opacity: 0; 
}
.hm_img2 {
 	width:215px;
	height: 143px;
	left: 320px;
  top: 11px;
	position: absolute;
  border: 2px solid white;
	visibility: hidden;
}
.hm_img3 {
 	width:215px;
	height: 143px;
	left: 20px;
  top: 220px;
	position: absolute;
  border: 2px solid white;
	visibility: hidden;
	filter: alpha(opacity=0);
	opacity: 0;
	-moz-opacity: 0;
	-khtml-opacity: 0; 
}
.hm_img4 {
 	width:300px;
	height: 200px;
	left: 254px;
  top: 171px;
	position: absolute;
  border: 2px solid white;
	visibility: hidden;
	filter: alpha(opacity=0);
	opacity: 0;
	-moz-opacity: 0;
	-khtml-opacity: 0; 
}

/* ----------------------------PRINT STYLES ---------------------*/

@media print {
	#noPrint   {display: none;}
	.noPrint{display: none}
}