body{ background: #fff; font-family: Arial, Helvetica, sans-serif; font-size: 62.5%; color: #000; margin: 0; }
.middle { vertical-align:middle;}

#main_container{ width: 100%; }
#page_container{ width: 980px; padding-right: 4px }

.powderblue{background-color: #E60C66}

#header{ background: #fff; width: 980px; height: 148px; position: relative; border:none; }
#header h1{ position:absolute; top:0; left:0; }
#header h1#logo a{ background: url(/images/logos.gif) no-repeat 0 0; height:110px; width:284px; display:block; text-indent:-9000px; }
#header h1#logo a:hover{ background: url(/images/logos.gif) no-repeat 0 -110px; }
#header h2{ font-size: 1.8em; margin: 0; padding: 0; font-weight: normal; color: #322f31; position:absolute; left: 160px; top: 38px; border:none; }

#logintab{ background: url(/images/xgradients.gif) repeat-x 0 -106px; height:40px; position:absolute; width: 324px; padding-left: 10px; right:3px; border: 1px solid #cccccc; bottom:55px; font-size:1.2em; color:#fff;font-weight: bold; overflow:hidden;}
#logintab #contact{ background: url(/images/logos.gif) no-repeat -338px -5px; width: 135px; padding: 12px 0 0 25px; height:28px; float:left; position:relative; font-size: 14px; color:#000; }
#logintab #memberlogin{ float: right; position:relative; width:150px; }
	#logintab #memberlogin a{ background: url(/images/logos.gif) no-repeat -342px -52px; padding: 12px 0 0 25px; height:28px; width:150px; display:block; font-size: 14px; color:#000; }
	#logintab #memberlogin a img{ display: none; }
	#logintab #memberlogin a:hover{ color: #e60e66; }

#banners { position:absolute; top:8px; right:34px; display: none;}
#banners img { position:relative; top:-5px;}
#banners a {  border:2px solid transparent; display:block; width:151px; height:44px; margin-left:2px; float:left; position:relative;}
#banners a:hover { border:2px solid #DBF3B7;}

#logo{ width: 125px; height: 65px; position: absolute; top: 12px; left: 23px; border:none; }

#menu{ width:980px; height:38px; position:absolute; top: 111px; }
#menu ul{ margin:0; padding:0; list-style-type:none; }
#menu li{ margin:0; padding:0; float:left; position:relative; text-align:center; margin:0; }
#menu em { font-style:normal;}
#menu a{ background:#e60e66 url(/images/xgradients.gif) repeat-x 0 0; border: 1px solid #c21258; height:23px; display:block; padding:8px 0 0 0; width:160px; margin-right:1px; color:#FFF; font-size:1.2em;  font-weight:bold; text-decoration:none; outline:none;}
#menu .nomarg{ margin:0; }
#menu a:hover{ background: #f0287d url(/images/xgradients.gif) repeat-x 0 -30px; text-decoration: underline;}
#menu a.selected, #menu a.selected:hover{ background: #f0287d url(/images/xgradients.gif) repeat-x 0 -60px; }

#menu #m a { background: url(/images/xgradients.gif) repeat-x 0 -106px; padding:8px 16px 0 16px; color: #E60E64; border-color: #cccccc;}
#menu #m a:hover{ border-color: #999; }
#menu #m a.selected, #menu #m a.selected:hover { }

#content_area{ position:relative; width: 980px; font-size: 1.2em; overflow:hidden; padding-top: 15px; }

#content_left{ width: 650px; padding: 3px 0 20px; color: #555555; position: relative; }
	.students{ position: relative; width: 100%; clear: both; margin-top: 0; overflow:hidden; margin-bottom: 15px; border-bottom: 2px solid #d7d7d7; padding-bottom: 15px;  }
	.left_student{ width: 300px; float:left; position: relative; }
	.right_student{  margin-left: 34px; color: #000; width: 280px; float:left; position: relative; font-weight:bold; border: 2px solid #d7d7d7; border-width: 0 2px; padding:0 30px; }
	.right_student p{ margin-top:0; }
	.right_student_content{ float: right; position:relative; width: 260px; margin-right: 15px; font-weight:bold; line-height:1.4em; padding: 0 10px; }
	.affiliation{ padding: 5px; text-align:center; background:#e60e66 url(/images/nav.gif) repeat-x 0 0; font-weight:normal; color:#fff; border: 1px solid #c21258; }
	.right_student_content .affiliation a{ color: #fff; }
#content_left ul{ list-style-type: none; margin: 0; padding: 0; margin-bottom: 10px; }
#content_left li{ background: url(../images/bullet.gif) no-repeat 0 7px; position:relative; list-style-type: none; margin: 0; padding: 5px 0 0 20px;; }

#content_right{ width: 302px; padding:3px 0 20px 0; border-left: 2px solid #d7d7d7;  }

.head{ position: absolute; top: -7px; left: 0; height: 7px; width: 311px; display: none; }
.sidebox {  width:279px; padding:0px 16px 15px 16px; position:relative; color:#c3c9d4; line-height:1.4em; font-weight:bold;}
.sidebox ul { margin:0; padding:0; list-style-type:none;}
.sidebox li { margin:0; padding:0;}
.sidebox a:link, .sidebox a:visited, .sidebox a:active  { color:#fff; font-weight: bold; text-decoration: none;}
.sidebox a:hover { text-decoration:underline;}
.sidebox h1 { font-size:1.5em; display:block; color:#E40E62; border-bottom:1px solid #9a9fa8; margin-bottom:8px; font-weight:normal; line-height:1.3em;}
.foot{ position: absolute; bottom: -11px; left: 0; height: 11px; width: 311px; display: none; }

#second_content{ margin-top:0; color: #000000; }
#second_content h1{ }
#second_content a { color:#e40e62;}

#calendar_content{ padding:0 16px;}
#calendar_content h1{}

#map{ margin-top:0; width:291px; padding: 0px 10px 2px 10px; position: relative; color: #c3c9d4; }
#map h1{ width: 100%; display: block; color: #646c7a; border: 1px solid #9a9fa8; border-width: 0 0 1px 0; margin-bottom: 8px; font-weight: normal; }

#footer{ background: #ebebeb; position:relative; width: 940px; padding:15px 0 15px 20px; color: #707070; font-weight: normal; font-size: 1.1em }
#footer .copyfooter{ overflow:hidden; position:relative; width:auto; }
#footer .fnav { margin:0; padding:0; }
#footer .fnav li { display:inline; margin:0 4px;}
#footer .fnav li .nolmargin{ margin-left:0; }
#footer .fnav a { color:#707070; font-weight:normal; text-decoration:underline;}
#footer .fnav a:hover {color:#353D4D;}

.datatable tbody td { height:27px;}

.message { display:block; padding:5px; width:380px; font-weight:bold;}
.green { background:#dbffa9; border:1px dotted #4d8500; color:#4d8500;}
.red { background:#ffcfcf; border:1px dotted #bf0e0e; color:#bf0e0e;}

/* Floating and Clearing classes */

.clear{ clear: both; line-height:0; height:0; margin: 0; padding: 0; }
.fleft{ float:left; position:relative; }
.fright{ float:right; position:relative; }

/* Center page margin */

.margin{ margin: 0 auto; }