@charset "UTF-8";
/* Effective stylesheet produced by snapshot save */
html { font-size: 100%; }
body { font-family: Arial,Helvetica,sans-serif; font-size: 0.8em; color: rgb(51, 51, 51); background-color: rgb(102, 102, 102); margin: 0px; text-align: center; }
a { color: rgb(51, 0, 102); }
a:hover { color: rgb(204, 0, 102); }
#main { width: 960px; margin: 0px auto; background-color: rgb(255, 255, 255); text-align: left; padding-bottom: 0px; }
#main-footer { background-image: url("footer-bot-960.gif"); background-repeat: no-repeat; background-position: center bottom; margin: 0px; padding: 0px; height: 20px; width: 100%; clear: both; }
#main-toplinks .left, #main-botlinks .left { margin: 0px 20px 0px 0px; padding: 0px; float: left; }
#main-toplinks p, #main-botlinks p { margin: 0px; padding: 0px; }
#main-toplinks .right, #main-botlinks .right { margin: 0px 0px 0px 20px; padding: 0px; float: right; }
#main-toplinks .clear, #main-botlinks .clear { clear: both; height: 1px; width: 730px; margin: 0px; padding: 0px; font-size: 10%; }
#main-toplinks a, #main-botlinks a { color: rgb(255, 255, 255); text-decoration: none; font-size: 100%; }
#main-toplinks a:hover, #main-botlinks a:hover { text-decoration: underline; }
#site-contact { clear: both; width: 920px; margin: 20px auto 0px; padding-top: 20px; padding-bottom: 0px; border-top: 1px solid rgb(204, 204, 204); font-size: 85%; text-align: center; }
#main-header { background-image: url("header-top-960.gif"); background-repeat: no-repeat; background-position: center top; width: 100%; padding-top: 20px; border-bottom: 5px solid rgb(102, 102, 102); background-color: rgb(255, 255, 255); }
#main-header .leftbox { float: left; width: 400px; margin-top: 0px; margin-left: 20px; font-size: 85%; color: rgb(102, 102, 102); margin-bottom: 15px; line-height: 120%; }
#main-header .leftbox p { margin: 0pt; }
#main-header .rightbox { float: right; width: 300px; margin-top: 2px; margin-right: 20px; text-align: right; margin-bottom: 15px; }
#main-header .rightbox img { border-width: 0px; border-style: none; }
#main-header-menu { background-color: rgb(221, 221, 221); background-image: url("tl-menu-bg2-hover.gif"); background-repeat: repeat-x; background-position: left top; clear: both; width: 100%; text-align: center; border-top: 1px solid rgb(204, 204, 204); border-bottom: 1px solid rgb(221, 221, 221); font-size: 95%; }
#main-header-menu ul { padding: 4px 0px; list-style-type: none; margin: 0px; }
#main-header-menu ul li { display: inline; padding: 0px; margin-right: 0px; margin-left: 0px; }
#main-header-menu ul li a { padding: 4px 8px; text-decoration: none; margin: 0px; color: rgb(51, 51, 51); }
#main-header-menu ul li a:hover { background-color: rgb(238, 238, 238); border-top: 1px solid rgb(204, 204, 204); background-image: url("tl-menu-bg.gif"); background-repeat: repeat-x; background-position: left top; }
#main-header-menu ul li a:active { color: rgb(0, 0, 0); background-image: url("default-bctbg.gif"); background-repeat: repeat-x; background-position: left top; background-color: rgb(221, 221, 221); }
#main-header-menu .rightborder { border-right: 1px solid rgb(204, 204, 204); background-repeat: no-repeat; background-position: right top; }
#main-header-menu .rightborder:hover { background-image: url("tl-menu-bg.gif"); background-repeat: repeat-x; background-position: left top; background-color: rgb(238, 238, 238); }
#main-header-menu .rightborder:active { color: rgb(0, 0, 0); background-image: url("default-bctbg.gif"); background-repeat: repeat-x; background-position: left top; background-color: rgb(221, 221, 221); }
#main-toplinks, #main-botlinks { width: 920px; margin: 10px auto 9px; color: rgb(153, 153, 153); font-size: 85%; padding: 0px; }
#main-breadcrumb { width: 100%; background-color: rgb(221, 221, 221); font-size: 85%; background-image: url("default-bctbg.gif"); background-repeat: repeat-x; background-position: left top; border-bottom: 1px solid rgb(187, 187, 187); border-top: 1px solid rgb(204, 204, 204); }
#main-title h1 { color: rgb(255, 255, 255); margin: 0px; padding: 15px 0px 15px 20px; font-size: 180%; }
#main-breadcrumb { margin-bottom: 10px; }
#main-breadcrumb a { color: rgb(0, 0, 0); text-decoration: none; }
#main-breadcrumb a:hover { text-decoration: underline; }
#main-breadcrumb p { margin: 0px; padding: 2px 0px 2px 20px; }
#main-menu { float: left; width: 200px; padding: 0px; margin: 3.5em 0px 30px; }
#main-menu ul { padding: 0px; border-top: 1px solid rgb(204, 204, 204); margin: 0px; }
#main-menu ul li { margin: 0px; padding: 0px; list-style-type: none; }
#main-menu ul li a { font-size: 95%; font-weight: bold; color: rgb(51, 51, 51); text-decoration: none; display: block; margin: 0px; padding: 4px 0px 4px 20px; width: 180px; border-bottom: 1px solid rgb(204, 204, 204); }
#main-menu ul li a:hover { background-color: rgb(238, 238, 238); }
#main-menu ul li ul { margin: 0px; padding: 0px; border-top-width: 0px; border-top-style: none; }
#main-menu ul li ul li a { font-size: 85%; background-color: rgb(238, 238, 238); border-bottom: 1px solid rgb(204, 204, 204); padding-top: 3px; padding-bottom: 3px; font-weight: normal; padding-left: 30px; width: 170px; background-image: url("submenu-bullet1.gif"); background-repeat: no-repeat; background-position: left center; }
#main-menu ul li ul li a:hover { background-color: rgb(221, 221, 221); background-image: url("submenu-bullet1b.gif"); }
#main-menu ul li ul li ul li a { font-size: 85%; background-color: rgb(238, 238, 238); border-bottom: 1px solid rgb(204, 204, 204); padding-top: 3px; padding-bottom: 3px; font-weight: normal; padding-left: 40px; width: 160px; background-image: url("submenu-bullet2.gif"); background-repeat: no-repeat; background-position: left center; }
#main-menu lu li ul li ul { margin: 0px; padding: 0px; }
#main-menu ul li ul li ul li a:hover { background-color: rgb(221, 221, 221); background-image: url("submenu-bullet2b.gif"); }
.menunderline { border-bottom: 1px solid rgb(204, 204, 204); }
#main-menu .selected { background-color: rgb(221, 221, 221); }
#main-menu .selected:hover { background-color: rgb(204, 204, 204); }
#main-content { float: left; width: 530px; margin: 1em 0px 0px 20px; padding: 0px; }
#main-content-wide { float: left; width: 720px; margin: 1em 0px 0px 20px; padding: 0px; }
#main-content h2, #main-content-wide h2 { margin: 0pt 0px 0.5em; padding: 0px 20px 0px 0px; font-size: 1.5em; }
#main-content h3, #main-content-wide h3 { font-size: 130%; margin-top: 20px; margin-bottom: 10px; border-bottom: 1px solid rgb(204, 204, 204); padding-bottom: 2px; }
#main-content h3 .light, #main-content-wide h3 .light { font-weight: normal; font-size: 95%; }
#main-content h4, #main-content-wide h4 { font-size: 110%; color: rgb(102, 102, 102); }
#main-content p, #main-content-wide p { line-height: 150%; margin-top: 1em; margin-bottom: 1em; }
#main-content ul, #main-content-wide ul { padding-right: 20px; }
#main-content li, #main-content-wide li { line-height: 150%; }
#main-content .padleft, #main-content-wide .padleft { border: 1px solid rgb(204, 204, 204); margin-bottom: 10px; margin-left: 10px; }
#main-content .padright, #main-content-wide .padright { border: 1px solid rgb(204, 204, 204); margin-bottom: 10px; margin-right: 10px; }
.border { border: 1px solid rgb(204, 204, 204); }
.bordertop { border-top-width: 0px; border-bottom: 1px solid rgb(204, 204, 204); border-left: 1px solid rgb(204, 204, 204); }
#main-content .iframemap { height: 300px; width: 549px; border-top: 1px solid rgb(204, 204, 204); border-bottom: 1px solid rgb(204, 204, 204); border-left: 1px solid rgb(204, 204, 204); }
#main-content-wide .iframemap { height: 300px; width: 749px; border-top: 1px solid rgb(204, 204, 204); border-bottom: 1px solid rgb(204, 204, 204); border-left: 1px solid rgb(204, 204, 204); }
.whitetxt { color: rgb(255, 255, 255); }
#eng-menu img, #science-menu img, #ssh-menu img { border: 1px solid rgb(204, 204, 204); }
.listbutton { color: rgb(255, 255, 255); background-color: rgb(238, 238, 238); padding: 2px; list-style-type: none; border: 1px solid rgb(204, 204, 204); width: 90%; margin: 5px 0px; font-weight: bold; text-align: center; }
#main-rightbox { float: right; width: 150px; margin: 3.9em 0px 2em; padding: 0px 20px; border-left: 1px solid rgb(204, 204, 204); font-size: 90%; }
#main-rightbox p { line-height: 130%; margin-top: 0px; }
#main-rightbox ul { padding: 0px; margin: 0px 0px 0px 10px; }
#main-rightbox ul li { line-height: 140%; }
#main-rightbox h3 { font-size: 120%; margin-top: 0px; margin-bottom: 10px; }
#main-rightbox #courses { margin: 0px; padding: 0px; }
#main-rightbox form .form1 { width: 95%; }
#main-rightbox form .form2 { width: 50%; }
#site-footer { font-size: 85%; width: 920px; margin: 20px auto 0px; padding-top: 20px; border-top: 1px solid rgb(204, 204, 204); clear: both; text-align: center; }
#front-box2 h3 {
	color: red;
	margin-top: 20px;
	#border-top: 1px solid rgb(204,204,204);
	font-weight: bold;
	font-family: Georgia, "Times New Roman", serif; Courier;
	font-size: 130%;
	text-align: left;
}
#front-box2 li { 
	list-style-type: none;
	background-color: rgb(238, 238, 238); 
	#border-bottom: 1px solid rgb(204, 204, 204); 
	padding-top: 3px; 
	padding-bottom: 3px; 
	font-weight: normal; 
	padding-left: 30px; 
	background-image: url("submenu-bullet1.gif"); 
	background-repeat: no-repeat; 
	background-position: left center; 
	}
#front-box2 p {
	margin-bottom: 20px;
	}
#front-box2 p.p2 {
	text-align: right;
	color: red;
	font-size: 85%;
	}