body  {
font: 100% times, serif;
background-color:#000; color:#000;
background-image:url('../images/back_long_outside.jpg');
background-position:top center;
margin: 0px;
}

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


p {text-indent:20px;}

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

.center {text-align:center;}

/* styles for the title image */

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


div.title h1 {display:none;}




/* 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_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, h2 {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;}



/* styles for student profile images on main page */


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

div.left a {font-size:16px; color:#fff402; text-decoration:none;}
div.left 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;}



a.box {display:block; float:left; width:85px; border-style:none;
	margin:3px; height:auto; padding:5px; color:#fff; font-size:20px;
	text-align:center; text-decoration:none;}

a.box:hover {text-decoration:none !important; background-color:#330099;}

a.box img {border:1px solid #330099; padding:5px; background-color:#000;}

a.box:hover img {background-color:#330099;}

.start {margin-left:50px !important;} /* for lefthand student link, to make them more centered */


.clear {clear:both;} /* to force the bottom divs underneath the top without overlapping */
.clear_left {clear:left;}

.underline {text-decoration:underline !important;}

/* styles for javascript popups */

div.popup {position:relative; float:left; visibility: hidden; border:1px solid #434343;
        width:200px; padding: 8px; margin-left:-20px; color:#fff; overflow:hidden;z-index:50;
        margin-right:-200px; margin-bottom:-150px; margin-top:-50px;
        background-repeat:no-repeat; background-color:#000;}

div.popup img.bio {float:right; border:1px solid #fff402; margin-left:5px;}

div.popup span.top {color:#fff402; font-weight:bold; font-size:20px;}

div.popup div.bottom {width:210px; color:#000;
	font-weight:bold; padding:5px; font-size:12px; text-align:center;
	margin-left:-10px; margin-bottom:-10px;
	background-color:#fff402;
	background-image:url('../images/back_yellow.gif'); background-repeat:repeat-x;
	background-position:bottom;}

div.popup div.bottom a {style:inline; margin:0px; padding:0px; color:#000;
	text-decoration:none;}

div.popup div.bottom a img {border-style:none; padding:0px; margin:0px;
	vertical-align:middle;}

div.popup div.bottom a:hover {background-color:#330099; color:#fff;}

.natalie {background-image:url('../images/back_natalie.jpg');}
.victor {background-image:url('../images/back_victor.jpg');}


/* 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;
	}

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;}