body  {
font: 100% times, serif;
background-color:#000; color:#000;
margin: 0px;
}

div.container {width:800px; margin-top:0px;
   margin-left:auto; margin-right:auto; margin-bottom:50px;
}


p {text-indent:20px;}
p.no_indent {text-indent:0px;}
.yellow {color:#fff402; font-weight:strong;}


strong {color:#b0b2eb;} /* for highlighted words on pages - light purple */


/* styles for the title image */

div.title {width:800px; height:148px; margin-left:0px;
   background-image:url('../images/logo_banner_2.jpg');
   background-repeat:no-repeat;  background-color:#000; margin-top:0px;}

div.title h1 {display:none;}


div.title a {display:block; width:354px; height:130px; text-decoration:none;
   background-image:url('../images/title.gif'); background-repeat:no-repeat;}

div.title a span {visibility:hidden;}




/* styles for page content div. background is the color of the right sidebar */

div.content {width:790px; padding:5px; color:#000;
	margin-top:0px; border:2px solid #330099;
	background-image:url('../images/back_long_inside_rev.jpg');
	background-position:top left; background-repeat:repeat-y;
	 background-color:#000;
	overflow:hidden;} /* overflow is needed so the right column doesn't get cut off */

h3 {text-align:center;}


/* styles for righthand sidebar */

div.right {float:left; width:150px; border-style:none; height:100%; margin-left:5px;}

div.right h2 {font-size:20px; font-weight:bold; text-align:center;}



/* styles for right nav links */


div.right ul {display:block; margin:0px; padding:0px; margin-top:20px;
	margin-left:0px;}

div.right ul li {display:block; float:left;}

div.right ul li a {display:block; font-weight:bold; font-size:15px; text-decoration:none;
    	color:#000; text-align:center; border:1px solid black; padding:10px;
	margin-bottom:10px; margin-left:0px; width:125px;
	background-color:#fff402;
	background-image:url('../images/back_yellow.gif'); background-repeat:repeat-x;
	background-position:bottom;}

div.right ul li a:hover {background-image:none; background-color:#fff; color:#330099;}

div.right ul li a.on {background-image:none;
	background-image:url('../images/button_back_road.gif') !important;
	background-repeat:no-repeat; background-position:top left; 
	background-color:#fff; color:#330099;}






/* styles for main content column */

div.left {color:#fff; font-weight:bold; padding:10px;
	margin-left:170px; width:600px;
}

div.left a {color:#fff402; text-decoration:underline;}
div.left a:hover {color:#fff; text-decoration:underline;}


/* paragraphs with floated left images */

div.left p.logo {text-indent:0px;}
div.left p.logo img.link {float:left; padding-right:5px; border:1px solid #000;}


hr {width:90%; color:#fff402; background-color:#fff402; height:1px;}



/* "return to homepage" links on the bottom of each left column */

div.clear {display:block; width:auto; padding:5px 0px 10px 20px;
	border:1px solid #000; border-top-color:#fff402; margin:40px 0px -15px 0px;
	}
div.clear a {font-size:small; text-decoration:none;}
div.clear a:hover {color:#fff; text-decoration:underline;}

/* styles for alert div */

div.alert {border:1px solid #0000ff; width:90%; background-color:#000; padding:10px;
	margin-top:40px; text-align:center;
	margin-left:auto; margin-right:auto;}



/* styles for journal entries */

div.journal {width:95%; border:1px solid #000; padding:10px;  overflow:hidden;
	background-color:#fffab1; color:#000;}

/* styles for journal section headers */

div.header {display:block; width:105%; background-color:#fff402;
	margin-left:-10px; margin-top:-10px; border:1px solid #fff402; border-bottom-color:#000;
	color:#000; font-weight:bold; padding-left:15px; clear:left;
}

div.header a {color:#000; text-decoration:none;}
div.header a:hover {color:#000; text-decoration:none;}

/* styles for a header not inside a journal div */

div.bar {display:block; width:95%;
	color:#000; font-weight:bold;  
	padding: 5px 0px 5px 25px;
	background-color:#fff402; background-image:url('../images/back_road.gif');
	background-repeat:no-repeat; background-position:left;}

div.bar a {text-decoration:none; color:#000;}
div.bar a:hover {text-decoration:none; color:#000;}


div.journal embed {margin:10px; float:right; height:276px; width:322px;}

div.journal object {margin:10px; float:right; height:276px; width:322px;}



/*styles for the sliding bars on the school options page */

div.left a.bar {display:block; width:95%;
	color:#000; font-weight:bold; 
	padding: 5px 15px 5px 10px; border:1px solid #330099;
	background-color:#fff402; text-decoration:none !important}

div.left a.bar:hover {background-color:#330099; text-decoration:none !important; color:#fff;
	border-color:#5c3d99;}


p.small {font-size:12px; text-indent:0px;}
p.small a {font-size:12px;}

div.iframe {text-align:center;}



object, embed {float:right; width:322px; height:276px;}


/* footer styles */

div.footer {clear:both;  text-align:center;
   padding:12px 0px; font-size:12px; font-weight:bold; color:#fff;
	border-style:none; width:360px; margin :0px auto;
	background-color:#000;}

div.footer img {border-style:none !important; float:right; margin-left:10px;}

div.footer a {color:#fff; text-decoration:underline;}
div.footer a:hover {color:#fff402;}