/* CSS Document */

/* Colors
#456293 = blue
#ead402 = yellow
#696969 = gray
#ED9409 = orange
*/

body { 
	background-color: #456293; 
	background-attachment: fixed;	
	background-repeat: no-repeat; 
	background-position: top left; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px;	
	color: #ffffff; 
	}

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

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

img { 
	border: 0px; 
	margin: 0px; 
	padding: 0px; 
	}

a {
	text-decoration: underline;
	color: #ED9409;
	padding: 0px 1px;
	}

a:hover {
	color: #ead402;
	}
	
h1, h2 {
	font-size: 1.6em;
	color: #ED9409;
	}

h3 {
	font-size: 1.3em;
	}

h4 {
	font-size: 1.2em;
	}

h5 {
	font-size: 1.1em;
	}

h6 {
	font-size: 1em;
	}
		
.pullout {
	float: left;
	width: 100px;
	font-size: 1.3em;
	color: #ED9409;
	font-weight: bold;
	font-style: italic;
	border-right: 1px solid #ffffff;
	padding: 8px;
	margin: 8px;
	}
	
.pullout_right {
	float: right;
	width: 150px;
	font-size: 1.3em;
	color: #ED9409;
	font-weight: bold;
	font-style: italic;
	border-left: 1px solid #ffffff;
	padding: 8px;
	margin: 8px;
	}
	
#allcontent { 
	margin-left: 100px; 
	width: 637px;	
	height: 700px; 
	}
	
#navbar { 
	background-color: #000000; 
	border-bottom: 1px solid #ffffff; 
	}
	
#nav td { 
	padding: 12px; 
	}
	
#navbar a { 
	padding: 0px;
	color: #ffffff;	
	text-decoration: none; 
	}
		
#navbar a:hover { 
	background-color: #000000;
	color: #ead402; 
	}
	
#navbar a.yellow { 
	color: #ead402;	
	text-decoration: none; 
	}

/* 	This is named ws because the content originally left of the body
	was who, what, when , where. So, the ws stands for 4w's. Get it? */
#ws {
	position: absolute;
	top: 100px;
	left: 0px;
	}
	
#ws div { 
	position: relative;
	text-align: right;
	font-size: 1.1em;
	width: 104px;
	overflow: hidden;
	}

#ws div.one { 
	top: 149px; 
	}

#ws div.two { 
	top: 278px; 
	}

#ws div.three { 
	top: 384px; 
	}

#ws div.four { 
	top: 464px; 
	}

#right_side { 
	float: right; 
	width: 325px; 
	z-index: 1; 
	}

#right_side_sub {
	margin-left: 8px;
	float: right; 
	width: 259px; 
	z-index: 1; 
	}
	
/* To get rid of the 2px space between bottom border in IE we need to use display: block; */
#rt_main_img { 
	border: 1px solid white; 
	border-top: none; 
	display: block;
	}

/* To get rid of the 2px space between bottom border in IE we need to use display: block; */
#rt_main_img_sub { 
	border: 1px solid white; 
	border-top: none; 
	display: block;
	}

#launch { 
	position: absolute;
	top: 462px;
	left: 705px;
	}

#launch_sub { 
	position: absolute;
	top: 416px;
	left: 705px;
	}
	
div#discover {
	border-top: 1px solid #ffffff;
	margin-top: 19px;
	padding: 4px 0px; 
	height: 35px; 
	border-bottom: 1px solid #ffffff; 
	margin-bottom: 10px;
	}
	
div#discover a span {
	display: none;
	}

div#discover li a:hover span {
	display: block;
	position: absolute; 
	top: 500px; 
	left: 420px; 
	width: 36px;
	color: #ffffff;
	}
	
div#discover.sub li a:hover span {
	display: block;
	position: absolute; 
	top: 456px; 
	left: 485px; 
	width: 36px;
	color: #ffffff;
	}
	
div#discover ul {
	float: right;	
	line-height: 18px; 
	list-style: none; 
	margin: 0px; 
	padding: 0px;	
	white-space: nowrap; 
	}
	
div#discover li {	
	display: inline; 
	margin: 0px; 
	padding: 0px;	
	}
	
div#discover li a { 
	margin: 0px;
	padding: 3px 12px; 
	text-decoration: none; 
	color: #696969; 
	border-right: 2px solid #ffffff; 
	}
		
div#discover.sub li a { 
	margin: 0px;
	padding: 2px 9px; 
	text-decoration: none; 
	color: #696969; 
	border-right: 2px solid #ffffff; 
	}
	
div#discover li a.link { 
	background: url(../images/discover.gif) 0 -18px repeat-x; 
	}

div#discover li a:hover {	
	background-position: 0 0px;
	color: #000000;
	}

/* The "dead" class is for links that are not "alive" yet on the discover bar */	
div#discover li a.dead { 
	background-color: #bbb;
	}
	
div#discover li a:hover.dead { 
	color: #696969; 
	}
	
div#discover li a.white { 
	color: #ffffff; 
	}

div#discover li a.no_border { 
	border-right: 0px; 
	}

#quote_main {
	padding: 0px 8px;
	}
	
#main { 
	margin-right: 325px; 
	color: #ffffff; 
	line-height: 1.3em; 
	}
	
#main div { 
	border-bottom: 1px solid #ffffff;  
	padding: 8px 15px 0px 0px; 
	overflow: auto; 
	}
	
#main div.no_border { 
	border: 0px; 
	}
	
#main h6 { 
	display: inline; 
	padding: 2px 0px 2px 0px; 
	}
	
#main p { 
	display: inline; 
	}

#body_text, #body_text_email {
	margin: 25px 0px;
	line-height: 1.6em;
	padding-bottom: 10px;
	}

#body_text {
	border-bottom: 1px solid #ffffff;
	}

#about { 
	height: 133px; 
	}

#what { 
	height: 110px; 
	}
	
#where { 
	height: 83px; 
	}
	
#last { 
	margin-bottom: 30px;
	}

#footer_email {
	border-top: 1px solid white;
	width: 100%;
	}

.upper { 
	text-transform: uppercase; 
	}
	
.white { 
	color: #ffffff; 
	}

.italic {
	font-style: italic;
	}

.right-align {
	text-align: right;
	}

.display_inline {
	display: inline;
	}
	
.input_error {
	color: #FFFF00;
	}

#logout {
	float: right;
	position: relative;
	top: -23px;
	text-align: right;
	}
	
#student_main h3 {
	border-bottom: 1px solid #ffffff;
	}
	
#student_main td {
	font-size: 10px;
	}