﻿/* CSS Document */

	body {
	margin:0px;	
	font:10px "Trebuchet MS", "Trebuchet", tahoma, verdana, arial, sans-serif;	
	background-image: url(http://cms.mansfield.edu/master-css/bgs/mubg.jpg);
	background-repeat:repeat-x;
	background-color:#888888;
	position:relative;
	top:0px;
	left:0px;
	z-index:0;
	
}
	#topContainer {margin:auto;padding:0px;width:100%;background-image:url(http://cms.mansfield.edu/images/bg-black1.gif);}
	#maincontainer {margin:auto;padding:0px;width:980px;}
	#containerMain {margin:auto;padding:0px;width:100%;}
	#border {border-left:0px solid #2e2e2e;border-right:0px dotted #2e2e2e;padding:0px 0px 0px 0px;margin:0px;}
/*	#topline {
	margin-top:2px;
	margin-bottom:4px;
	height:45px;
	background-color:#C1C1C1;		
}
*/
	#header, #landheader {height:110px;;background-color:#990000;position:relative;z-index:-1;}
 #header img, #landheader img {float:left;border:none;position:absolute;top:0px;left:0px;z-index:0;}
	#header small, #landheader small {float:left;text-align:center;cursor:pointer;height:30px;line-height:25px;font:bold 18px Arial, Helvetica, sans-serif;letter-spacing:-1px;color:#3366CC;padding:15px 10px 10px 10px;border:2px dotted #ccc;width:200px;background:#990000;}
	#header a, #landheader a {color:#ccc;text-decoration:none;}
	#header em, #landheader em {padding:15px 10px 10px 10px;height:40px;display:block;font:normal 24px Georgia, Times, Times New Roman, Serif;width:450px;text-align:right;color:#FF;line-height:21px;border:2px dotted #ccc;float:right;}
	#header strong {padding-top:80px;padding-bottom:2px;letter-spacing:-.5px;font:28px Georgia, Times, Times New Roman, Serif;width:500px;text-align:center;color:#FFF;line-height:30px;width:450px;float:right;}
	

	#headerMain, #landheaderMain {height:110px;background-color:#990000;padding-top:1px;padding-right:3px;background:url(http://www1.mansfield.edu/media/images/main3.gif);font:14px, Trebuchet MS, Arial, Helvetica, sans-serif;color:#FFFFFF;}
	#headerMain img, #landheaderMain img {float:left;border:none;}
	#headerMain small, #landheaderMain small {float:left;text-align:center;cursor:pointer;height:30px;line-height:25px;font:bold 18px Arial, Helvetica, sans-serif;letter-spacing:-1px;color:#3366CC;padding:15px 10px 10px 10px;border:2px dotted #ccc;width:200px;background:#990000;}
	#headerMain a:link, #landheaderMain a {color:#ffffff;border-bottom:1px dotted;text-decoration:none;}
	#headerMain a:hover {text-decoration:underline;}
	#headerMain a:visited {text-decoration:none;color:#FFFFFF;}
	#headerMain em, #landheaderMain em {padding:15px 10px 10px 10px;height:40px;display:block;font:normal 24px Georgia, Times, Times New Roman, Serif;width:450px;text-align:right;color:#FF;line-height:21px;border:2px dotted #ccc;float:right;}
	#headerMain strong {padding-top:80px;padding-bottom:2px;letter-spacing:-.5px;font:28px Georgia, Times, Times New Roman, Serif;width:500px;text-align:center;color:#FFF;line-height:30px;width:450px;float:right;}



	#icons {float:right;padding-top:12px;}
	#icons img {float:left;margin-left:15px;border:none;}
	#navigation {
	font: 12px Trebuchet MS, Arial, Helvetica, sans-serif;	
	background-image:url(http://cms.mansfield.edu/images/bg-black1.gif);
	clear:both;
	height:30px;
	border-bottom:1px solid #fff;
	z-index: 100;
}

	#selectBox {font: 11px Tahoma, Geneva, Arial, Helvetica, sans-serif;}
	#frmSearch {margin:0px;float:right;width:213px;background:bottom left url(http://cms.mansfield.edu/images/img_navSep.jpg) no-repeat;padding:5px 15px 4px 15px;}
	#accButtons {margin:0px;float:right;width:250px; padding:5px 15px 4px 15px;}
	#keywords {padding:2px 2px 1px 2px;font: 11px Arial, Tahoma, Serif;width:150px;margin-top:0px !important;margin-top:-1px;margin-right:1px;border-top:1px solid #D5D5D5;border-bottom:1px solid #A7A7A7;border-left:1px solid #D5D5D5;border-right:1px solid #A7A7A7;}
	#btnsearch {font: 10px Tahoma, Arial, Serif;background:#FFF top left url(http://cms.mansfield.edu/images/img_searchback.gif) repeat-x;width:55px;text-transform:uppercase;border-top:1px solid #D5D5D5;border-bottom:1px solid #A7A7A7;height:19px;border-left:1px solid #D5D5D5;border-right:1px solid #A7A7A7;cursor:pointer;}
	#footer {border:1px solid #fff;border-top:none;line-height:18px;background:#990000 top left url(http://cms.mansfield.edu/images/img_dottedLine.gif) repeat-x;color:#D2E6EC;text-align:center;padding:25px 30px 25px 30px;margin-bottom:10px;}
	#footer a {color:#D2E6EC;text-decoration:none;}
	#footer a:hover {text-decoration:underline;color:#fff;}
	#footer p {margin:0px;}
	#footer small {font:normal 14px Arial, Tahoma, Serif;padding:10px;display:block;}
	#copyright {text-align:center;color:#BBB;margin-bottom:10px;}
	
	#footer2 {border:1px solid #fff;border-top:none;line-height:18px;background:#990000 top left url(http://cms.mansfield.edu/images/img_dottedLine.gif) repeat-x;color:#D2E6EC;text-align:center;padding:25px 30px 25px 30px;margin-bottom:10px;}
	#footer2 a {color:#D2E6EC;text-decoration:none;}
	#footer2 a:hover {text-decoration:underline;color:#fff;}
	#footer2 p {margin:0px;}
	#footer2 h2 {font:normal 20px Georgia, "Times New Roman", Times, Serif;color:#FFFFFF;padding:2px;display:inline;}
	#footer2 h3 {font:normal 16px Georgia, "Times New Roman", Times, Serif;color:#FFFFFF;padding:2px;display:inline;}
	#footer2 h4 {font:normal 14px Georgia, "Times New Roman", Times, Serif;color:#FFFFFF;padding:2px;display:inline;}

		/* Common Nav */
	#nav {float:left;padding:0px;margin:0px;}
	#nav a {text-decoration:none;display:block;}
	#nav li {float:left;padding:0px;cursor:pointer;list-style-type:none;}
	#nav ul {float:left;width:150px;padding:0px;position:absolute;left:-999em;margin:0px 0px 0px 2px;z-index: 100;}
	#nav ul li {width:150px;display:block;z-index: 100;}
	#nav ul li a {display:block;}
	#nav ul ul {width:150px;}
	#nav li:hover ul, #nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {left:-999em;}
	#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul, #nav li li li li.sfhover ul {left:auto;}
	
	/* Unique Nav */
	#nav {font:bold 12px Trebuchet MS, Trebuchet, Arial, Helvetica, sans-serif;}
	#nav a {padding:10px 12px 8px 15px;color:#fff;/*background:bottom left url(../images/img_navSep.jpg) no-repeat*/}
	#nav li#fir a {background:none;}
	#nav li#apply a {padding:3px 3px 3px 3px;}
	#nav li#fir a#active {color:#fff;background:#990000;}
	#nav a:hover {color:#fff;}
	
	#nav a#active {color:#fff;background:#990000;}
	#nav li#fir ul {}
	#nav ul {
	background-color:#2E2E2E;
	font:10px Trebuchet MS, Trebuchet, Arial, Helvetica, sans-serif;
	text-transform:none;
	font-weight:normal;
}
	#nav ul li {border-right:1px solid #2e2e2e;border-top:1px solid #585858;border-bottom:none;}
	#nav ul li a {color:#fff;background:none;padding:5px 15px 5px 15px;}
	
	#nav ul ul {background:#434343;border-bottom:1px solid #2e2e2e;margin:-23px 0px 0px 151px;}
	#nav li:hover, #nav li.sfhover {background:#000000;}
	#nav li li:hover, #nav li li.sfhover {background:#000000;color:#fff;border-bottom:none;}
	
	#headline {	
	padding:1px;
	background:#fff;
	border-width:2px;
	border-bottom:solid;	
	border-color:#990000;
	
}
	
	#main {	
	padding:8px;
	background:#fff;
	
}

/* #main h1 {color:#000000;display:block;width:595px;float:left;padding-right:31px;font-size:24px;padding-bottom:10px;padding-left:2px;} */
	#main small a {color:#999999;text-decoration:none;}
	#main small a:hover {color:#000;text-decoration:underline;}
	#access {color:#999;padding-top:6px;padding-bottom:1px;z-index:1;
	}
	#access a {color:#999;text-decoration:none;}
	#access a:hover {color:#000;text-decoration:underline;}
	#access ul {margin:0px;padding:0px;position:relative;}
	#access ul li {list-style-type:none;display:inline;padding-right:5px;}
	#access ul li a {padding:5px 0px 5px 20px;}
	#access ul li a#pri {background:left url(http://cms.mansfield.edu/images/ico_print.gif) no-repeat;}
	#access ul li a#ema {padding:5px 0px 5px 36px;background:left url(../images/ico_email_share.gif) no-repeat;}
	#access ul li a#lgi {background:left url(http://cms.mansfield.edu/images/ico_login.gif) no-repeat;}
	#access ul li a#lgo {background:left url(http://cms.mansfield.edu/images/ico_logout.gif) no-repeat;}
	#access ul li a#add {background:left url(http://cms.mansfield.edu/images/btn_addthis.gif) no-repeat;}
	#pri {background:left url(http://cms.mansfield.edu/images/ico_print.gif) no-repeat;}
	#add {background:left url(http://cms.mansfield.edu/images/btn_addthis.gif) no-repeat;}
	
	
	#over1 {float:left;}









 /* #main small {
	display:inline-block;
	width:600px;
	float:left;
	padding-right:5px;
	font-size:15px;
	padding-bottom:3px;
	padding-left:2px;
	font-family: "trebuchet MS", Arial, Helvetica, sans-serif;
}
	#main small a {
	color:#333333;
}

*/	
	
	#crumbs {
	background-color:#EBEBEB;	
	font-size:11px;
	padding-top:10px;
	padding-bottom:5px;
	padding-left:5px;
	font-family: Tahoma,Geneva,Arial,helvetica,sans-serif;
	border-width:2px;
	border-bottom:groove;
	color:#003399;
	
	
}
	#crumbs a {color:#003399;text-decoration:none;}
	#crumbs a:hover {
	color:#0066FF;
	text-decoration:underline;
}
	#crumbs ul {margin:0px;padding:0px;position:relative;}
	#crumbs ul li {list-style-type:none;display:inline;padding-right:5px;}
	#crumbs ul li a {padding:5px 0px 5px 20px;}	
	
/*	#access {background:#FFF; float:right;width:300px;border-width:2px;border-color:#990000;
	border-bottom:groove;
	
}
	
	#access a {color:#999;text-decoration:none;}
	#access a:hover {color:#000;text-decoration:underline;}
	#access ul {
	margin:0px;
	padding:9px;
	
}
	#access ul li {list-style-type:none;display:inline;padding-right:5px;}
	#access ul li a {padding:5px 2px 5px 20px;}
	#access ul li a#pri {background:left url(../images/ico_print.gif) no-repeat;}
	#access ul li a#ema {background:left url(../images/ico_email.gif) no-repeat;}
	#access ul li a#lgi {background:left url(../images/ico_login.gif) no-repeat;}
	#access ul li a#lgo {background:left url(../images/ico_logout.gif) no-repeat;}
	#access ul li a#add {background:left url(../images/btn_addthis.gif) no-repeat;}
	*/
	#over1 {float:left;}
	#over1 h4 {font:bold 16px Arial, Helvetica, sans-serif;border-bottom:1px solid #333;letter-spacing:-1px;color:#333;padding-bottom:3px;margin-bottom:10px;}
	#over1 h4 a {color:#333;text-decoration:none;}
	#over1 p {margin:10px 0px 10px 0px;}
	div.overclr {clear:both;position:relative;margin-top:0px;height:20px;}
	div.overnew {float:left;width:47%;margin-right:3%;margin-bottom:20px;}
	#content {width:625px;line-height:18px;float:left;color:#333;font-size:13px;padding-top:5px;}
	#contentfull {width:930px;line-height:18px;color:#333;font-size:11px;padding-top:8px;}
	#content a, #contentfull a {color:#3b5998;text-decoration:none;border-bottom:1px dotted;}
	#content a:hover, #contentfull a:hover {color:#990000;text-decoration:none;border-bottom:1px solid;}
	#content h1, #contentfull h1 {	
	font:21px Trebuchet MS,Arial, Helvetica, sans-serif;
	letter-spacing:-.5px;
	color:#000000;
	margin-bottom:5px;
	border-bottom:2px dotted #333;
	padding:3px;
	
	
}

#headline h1 {
	display:inline-block;
	letter-spacing:-1px;
	padding-right:1px;
	font-size:24px;
	padding-top:2px;
	padding-bottom:1px;
	padding-left:48px;
	font-family: Trebuchet MS, Trebuchet, Arial, Helvetica, sans-serif;
	color:#040404;
	background:top left url(http://cms.mansfield.edu/images/h1bg.jpg);
	background-repeat: no-repeat;
	
}


	#content h2, #contentfull h2 {
	font:bold 16px "lucida grande", tahoma, verdana, arial, sans-serif;
	letter-spacing:0px;
	color:#333333;
	background-color: #D1CDAE;
	border-bottom-color: #000000;
	border-bottom: 1px solid;
}
	#content h3, #contentfull h3 {font:14 px "Lucida Sans Unicode", "Lucida Grande", tahoma, verdana, arial, sans-serif;color:#990000;}
	#content h4, #contentfull h4 {font:bold 13px "Lucida Sans Unicode", "Lucida Grande", tahoma, verdana, arial, sans-serif;color:#000;}
	
	#content h5, #contentfull h5 {font:11px "Lucida Sans Unicode", "Lucida Grande", tahoma, verdana, arial, sans-serif; color:#333333;
	background-color:#f7f7f7;		
	font-weight:bold;}
	
	#content h6, #contentfull h6 {font:bold 12px Arial, Helvetica, sans-serif;color:#000;}
	/*#content ul {margin-left:16px;padding:0px;} 
	#content ul li {list-style-type:square;} */
	#right {width:288px;float:right;padding-left:15px;font-size:12px;line-height:18px;padding-top:5px;font-family:Arial, Helvetica, sans-serif;}
	#right img {margin:0px;}
	#right a {color:#3366CC;}
	#right h2 {font:bold 16px Arial, Helvetica, sans-serif;border-bottom:3px solid #333;letter-spacing:-1px;color:#990000;padding-bottom:3px;background-color:#EBEBEB;}
	#right h2 a {margin:2px;color:#003366;text-decoration:none;}
	#right h2 a:hover {color:#003399;text-decoration:underline;}
	#right ul {width:260px;margin:0px 0px 25px 0px;padding:0px;padding-bottom:2px;line-height:14px;}
	#right ul li {list-style-type:none;background:top left url(http://cms.mansfield.edu/images/mu-m.jpg) no-repeat;margin-bottom:7px;padding-left:16px;}
	#right ul li#msel a {color:#3366CC;}
	#right ul li#msel ul li a {color:#000;}
	#right ul li a {color:#000;text-decoration:none;display:block;padding:0px 5px 3px 0px;}
	#right ul li a:hover {color:#3366CC;}
	#right ul li#msel a:hover {color:#3366CC;}
	#right ul ul {padding:8px 0px 0px 0px;background:none;margin:0px;}
	#right ul ul li {}
	#right ul ul li a {padding:0px 5px 0px 0px;color:#3366CC;}
	#right ul ul li a:hover {color:#000;background:none;}
	#right img {border:none;}
	#menu {width:177px;height:130px;background:#3366CC top left url(http://cms.mansfield.edu/images/img_internalMenuBack.gif) no-repeat;margin:0px;margin-bottom:25px;padding:10px 15px 10px 15px;}
	#menu img {border:none;margin-top:3px;}
	#clearmain {clear:both;}
	
	#homeleft {width:47%;float:left;margin-top:10px;}
	#homeright {width:47%;float:right;margin-top:10px;}
	#homeright h3, #homeleft h3 {font:bold 16px Arial, Helvetica, sans-serif;border-bottom:1px solid #333;letter-spacing:-1px;color:#333;padding-bottom:3px;}
	#homeright ul, #homeleft ui {width:207px;margin:0px 0px 25px 0px;padding:0px;padding-bottom:2px;line-height:14px;}
	#homeright ul li, #homeleft ul li {list-style-type:none;background:top left url(http://cms.mansfield.edu/images/img_navIcon.gif) no-repeat;margin-bottom:7px;padding-left:16px;}
	#homeright ul li a, #homeleft ul li a {color:#000;text-decoration:none;display:block;padding:0px 5px 3px 0px;}
	#homeright ul li a:hover, #homeleft ul li a:hover {color:#3366CC;}
	#homeright ul ul, #homeleft ul ul {padding:4px 0px 8px 0px;background:none;margin:0px;}
	#homeright ul ul li, #homeleft ul ul li {background:none;}
	#homeright ul ul li a, #homeleft ul ul li a {padding:1px 5px 0px 5px;color:#3366CC;}
	#homeright ul ul li a:hover, #homeleft ul ul li a:hover {color:#000;background:none;}
	
	#landheader {height:60px;}
	#landbanner img {float:left;margin-bottom:15px;}
	#halfbanner {border:2px dotted #ccc;width:415px;height:160px;}
	#fullbanner {border:2px dotted #ccc;width:735px;height:160px;}
	
	img.floatLeft { 
    	float: left; 
    	margin: 2px; 
	}
	img.floatRight { 
    float: right; 
    margin: 2px; 
	}
	
	
#topline {
	margin-top:0px;
	height:25px;
	/* background-image:url(http://www1.mansfield.edu/tofBg.gif); */
	padding-top:5px;
	padding-right:1px;
	padding-left:1px;
	/* border-top:3px solid #c00; */
	/* background:top left url(http://cms.mansfield.edu/master-css/images/topline.gif);
	/* background-repeat: no-repeat; */
	
	
	
	
	
	}

	
	


	
#textInput
{
font-family: Trebuchet MS,Arial, Helvetica, sans-serif;
font-size: 10px;
}

	#leftHome {width:295px;float:left;padding-left:1px;font-size:12px;line-height:18px;padding-top:5px;}
	#leftHome img {margin:0px;}
	#leftHome a {color:#3366CC;}
	#leftHome h2 {font:bold 18px Trebuchet MS, Arial, Helvetica, sans-serif;border-bottom:1px solid #333;letter-spacing:-1px;color:#333;padding-bottom:1px;}
	#leftHome ul {width:225px;margin:0px 0px 5px 0px;padding:0px;padding-bottom:2px;line-height:14px;}
	#leftHome ul li {list-style-type:none;background:top left url(http://cms.mansfield.edu/images/img_navIcon.gif) no-repeat;margin-bottom:7px;padding-left:16px;}
	#leftHome ul li#msel a {color:#3366CC;}
	#leftHome ul li#msel ul li a {color:#000;}
	#leftHome ul li a {color:#000;text-decoration:none;display:block;padding:0px 5px 3px 0px;}
	#leftHome ul li a:hover {color:#3366CC;}
	#leftHome ul li#msel a:hover {color:#3366CC;}
	#leftHome ul ul {padding:8px 0px 0px 0px;background:none;margin:0px;}
	#leftHome ul ul li {}
	#leftHome ul ul li a {padding:0px 5px 0px 0px;color:#3366CC;}
	#leftHome ul ul li a:hover {color:#000;background:none;}
	#leftHome img {border:none;}

 /* common styling */
.menu2 {
font-family: tahoma, Geneva, arial, sans-serif; font-size:11px; 
margin:auto; 
}
.menu2 ul {
padding:0;margin:0;list-style-type:none;
}
.menu2 ul li {
float:left; position:relative;
}
.menu2 ul li.group {display:block; text-indent:10px; background:#333333; color:#fff; width:152px; padding:4px 0;}

.menu2 ul li a, .menu2 ul li a:visited {
float:left; display:block; color:#FFF; padding:0px 8px; line-height:25px; height:30px; text-decoration:none;
}

.menu2 ul li:hover {width:auto; z-index:500;}

.menu2 ul li a:hover {background-color:#000;color:#FFF;}

.menu2 ul li:hover a {background-color:#000;color:#FFF;}

.menu2 ul li ul {
display: none;
}
.menu2 table {
margin:0; border-collapse:collapse; font-size:11px; position:absolute; top:0; left:0;
}

/* specific to non IE browsers */
.menu2 ul li:hover ul {
display:block; position:absolute;top:29px; background:#222; margin-top:1px; left:0; width:190px
}

.menu2 ul li:hover ul.scroller {
height:160px; width:225px; overflow:auto;}

.menu2 ul li:hover ul.endstop {
left:-90px;
}
.menu2 ul li:hover ul li ul {
display: none;
}
.menu2 ul li:hover ul li a {
display:block; background:#333; color:#fff;height:auto;line-height:15px;padding:4px 16px; width:175px; 
}
.menu2 ul li:hover ul li a.drop {
background:#888;
}
.menu2 ul li:hover ul li a:hover {
color:#FFF; background: #990000; text-decoration:underline;
}
.menu2 ul li:hover ul li a:hover.drop {
background: #888; color:#ff0;
}
.menu2 ul li:hover ul li:hover ul {
display:block; position:absolute; left:153px; top:-70px; color:#000; left:152px; height:138px; width:172px; overflow:auto; background:#888;text-decoration:underline;
}
.menu2 ul li:hover ul li:hover ul li a {background:#888;}
.menu2 ul li:hover ul li:hover ul li.group {width:152px; padding:5px 0;}


.menu2 ul li:hover ul li:hover ul.left {
left:-172px;
}
.menu2 ul li:hover ul li:hover ul li a:hover {background:#666; color:#0ff;}



/* specific to IE5.5 and IE6 browsers */
.menu2 ul li a:hover ul {
display:block;position:absolute;top:30px; t\op:29px; background:#333;left:0; marg\in-top:1px;
}
.menu2 ul li a:hover ul.scroller {
height:138px; overflow:auto;}

.menu2 ul li a:hover ul.endstop {
left: -90px;
}
.menu2 ul li a:hover ul li a {
display:block; color:#fff; height:1px; line-height:15px; padding:4px 16px; width:152px; w\idth:120px;
}
.menu2 ul li a:hover ul li a.drop {
background:#fff; padding-bottom:5px;
}
.menu2 ul li a:hover ul li a ul {
visibility:hidden; position:absolute; height:0; width:0;
}
.menu2 ul li a:hover ul li a:hover {
color:#fff; background: #990000;
}
.menu2 ul li a:hover ul li a:hover.drop {
 background: #888; color:#ff0;
}
.menu2 ul li a:hover ul li a:hover ul {
visibility:visible; position:absolute; top:-69px; top:-70px; color:#000; left:152px; height:138px; width:170px; overflow:auto; background:#888;
}
.menu2 ul li a:hover ul li a:hover ul.left {
left:-170px;
}
.menu2 ul li a:hover ul li a:hover ul li a:hover {background:#666; color:#0ff;}



.left {clear:both;}

.menuHolder {
width:972px; font-family:'Lucida Sans Unicode', 'Lucida Grande', 'Trebuchet MS', Trebuchet,sans-serif; font-size:10px; color:#000; margin:auto; /* for this demo only */ 
}

.menuHolder a, .menuHolder :visited {
color:#FFFFFF;
text-decoration:none;
margin-right:4px;
}

.menuHolder a:hover{
color:#FFCC00;
text-decoration:underline;
}

img.floatApply {   
		float: left; 
    	margin: 2px; 
		position:relative;
	}
	
#toplist {
width:972px; font-family:'Lucida Sans Unicode', 'Lucida Grande', 'Trebuchet MS', Trebuchet,sans-serif; font-size:10px; color:#888; margin:auto; /* for this demo only */ 		
	padding: 3px; 
	z-index:30000;
	}


#toplist a, #toplist :visited {
color:#FFFFFF;
text-decoration:none;
margin-right:4px;
}

#toplist a:hover{
color:#FFCC00;
text-decoration:underline;
}

#popDiv {
position: absolute; /* can be relative too */
left: 100px; /* can be percentage also */
top: 100px;
width: 300px;
height: 100px;
background-color: #ff0000;
color: inherit;
}

#wrapper { 
 margin: auto;
 width: 600px;
 background:#585858;
}




#leftcolumn {  
 color: #333;
 margin: 5px 5px 5px 5px;
 padding: 10px;
 height: 610px;
 width: 275px;
 float: left;
}

	#leftcolumn h2 {
	font:bold 16px "Trebuchet MS", Trebuchet,Arial, Helvetica, sans-serif;
	color:#FFF;
	background-color:#D15600;	
	margin-left:0px;
	margin-bottom:4px;
	margin-top:0px;
	
}

	#leftcolumn h3 {
	font: bold 16px "Trebuchet MS", Trebuchet,Arial, Helvetica, sans-serif;	
	color:#D15600;
	margin-left:0px;
	margin-bottom:4px;
	margin-top:0px;
	margin-right:0px;
	letter-spacing:normal;
	border-bottom:2px;
	border-bottom-color:#333333;
	border-bottom-style:solid;
}





#leftcolumn ul {margin:5px 5px 5px 5px;padding:0px;padding-bottom:2px;line-height:14px;Font:11px Tahoma,Geneva,Arial, Helvetica, sans-serif;}
#leftcolumn ul li {list-style-type:none;background:top left url(http://cms.mansfield.edu/images/img_navIcon.gif) no-repeat;margin-bottom:7px;padding-left:16px;}
#leftcolumn ul li#msel a {color:#000;}
#leftcolumn ul li#msel ul li a {color:#000;}
#leftcolumn ul li a {color:#000;text-decoration:none;display:block;padding:0px 5px 3px 0px; border-bottom-width:1px;}
#leftcolumn ul li a:hover {background-color:#EBEBEB;}
#leftcolumn ul li#msel a:hover {color:#3366CC;}
#leftcolumn ul ul {padding:8px 0px 0px 0px;background:none;margin:0px;}
#leftcolumn ul ul li {}
#leftcolumn ul ul li a {padding:5px 5px 0px 0px;color:#3366CC;}
#leftcolumn ul ul li a:hover {color:#000;background-color:#CCCCCC;}

#alertBanner{
font-family:'Lucida Sans Unicode', 'Lucida Grande', 'Trebuchet MS', Trebuchet,sans-serif; font-size:10px;
background-color:#FFCC00;
font-size:20px;
border-bottom:5px;
border-bottom-color:#990000;
color:#000;

}

#content .headerSpan{font:11px "Lucida Sans Unicode", "Lucida Grande" tahoma, verdana, arial, sans-serif; color:#EEEEEE;
	background-color:#3B5998;font-weight:bold;border-bottom:5px;border-bottom-color:#6D84B4;border-bottom-style:solid;display:block;line-height:15px;padding:3px;}	
	
#content .greenSpan{font:14px "Lucida Sans Unicode", "Lucida Grande", tahoma, verdana, arial, sans-serif; color:#EEEEEE;
	background-color:#009966;font-weight:bold;border-bottom:5px;border-bottom-color:#CCFFCC;border-bottom-style:solid;display:block;line-height:15px;padding:0px 0px 0px 3px;}	
	
#content .goldSpan{font:14px "Lucida Sans Unicode", "Lucida Grande" tahoma, verdana, arial, sans-serif; color:333;
	background-color:#FFCC33;font-weight:bold;border-bottom:5px;border-bottom-color:#FFFF99;border-bottom-style:solid;display:block;line-height:15px;padding:3px;}	

#content .redSpan{font:14px "Lucida Sans Unicode", "Lucida Grande" tahoma, verdana, arial, sans-serif; color:#EEEEEE;
	background-color:#990000;font-weight:bold;border-bottom:5px;border-bottom-color:#FFCCFF;border-bottom-style:solid;display:block;line-height:15px;padding:3px;}		