body {
	background-color: #bfbfbf;
	color: #fff;
	margin: 0;
	padding: 0;
	font-size: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	
	}
	
img{
	border:none;	
	
	}
	


#mother {
	width: 975px;
	margin: 0 auto;
	background-color: #fff;
	
	}




/*Search form styles*/

fieldset.search {
	border: none;
	width: 135px;
	margin: 0 auto;
	background: #222;
}
.search input, .search button {
	border: none;
	float: left;
}
.search input.box {
	color: #fff;
	/*font-size: 1.2em;*/
	width: 80px;
	/*height: 30px;*/
	height:18px;
	/*padding: 8px 5px 0;*/
	background: #264b3a url(search_bg.gif) no-repeat;
	/*margin-right: 5px;*/
	border-left:1px solid #FFF;
	border-bottom:1px solid #FFF;
	border-top:1px solid #FFF;
}
.search input.box:focus {
	background: #264b3a ;
	outline: none;
}
.search button.btn {
	/*width: 38px;*/
	/*height: 38px;*/
	width:53px;
	height:20px;
	cursor: pointer;
	/*text-indent: -9999px;*/
	background: #264b3a url('/images/searchButton.jpg') no-repeat top right;
	
	border-right:1px solid #FFF;
	border-bottom:1px solid #FFF;
	border-top:1px solid #FFF;
}
/*.search button.btn:hover {
	background: #fff url(search_bg.gif) no-repeat bottom right;
}*/











/*BANNER STYLES*/



#banner{
	background-color:#FFF;
}
	
#bannerIMG{
	
	background-color:#00402c;
	width:975px;
	
	
	
	}
	
	
#applyOnlineGraphic{
	width:135px;
	float:right;
	
	margin-top:12px;
	
	
	}
	
	
#bannerSearch {
	list-style-type: none;
	margin: 0;
	padding: 5px 0 5px 0;
	width: 150px;
	float: right;
	background-color:#00402c;
	margin-top:17px;
	margin-right:5px;
	
	
	}
#bannerQuickLink {
	list-style-type: none;
	margin: 0;
	padding: 5px 0 5px 0;
	width: 110px;
	float: right;
	background-color:#00402c;
	margin-top:17px;
	margin-right:20px;
	
	}

/*!!!!!!!!!!!!!!!!
banner menu styles
!!!!!!!!!!!!!!!!*/

#departments {
background-color:#FFBC3F;
/*border-bottom:3px solid #FFFFFF;*/
color:#FFF;
font-size:12px;
border-bottom:2px solid #FFF;
}



.dMenu {
	list-style-type: none;
	margin: 0;
	text-align: center;
	clear: both;
	margin: 0;
	background-color: #f4c96d;
	background-image: url(images/testGoldBar.jpg);
	color: #7b6741;
	width: 100%;
	padding: 5px 0 ;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px; /* 12x1.2=16 */
	/*float: left;*/
	}
.dMenu li {
	padding: 0 40px;
	display: inline;
	line-height: normal;
	}


.dMenu a:link,
.dMenu a:visited,
.dMenu a:active {
	color:#7b6741;
	text-decoration: none;
	}
.dMenu a:hover {
	color:#453824;
	}












.hMenu {
	list-style-type: none;
	margin: 0;
	text-align: center;
	clear: both;
	margin: 0;
	background-color: #00402C;
	background-image: url(images/testGoldBar.jpg);
	color: #7b6741;
	
	width: 100%;
	padding: 5px 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px; /* 12x1.2=16 */
	/*float: left;*/
	}
.hMenu li {
	padding: 0 40px;
	display: inline;
	line-height: normal;
	}


.hMenu a:link,
.hMenu a:visited,
.hMenu a:active {
	color: #fff;
	text-decoration: none;
	}
.hMenu a:hover {
	color: #666;
	}
	
	
	

	
	
	
/*!!!!!!!!!!!!!!!!
end banner menu styles
!!!!!!!!!!!!!!!!*/












/*SPLASH STYLES*/


#splash{
	width:975px;
	background-color:#000;
	height:300px;
	float:left;
	
}

#flashNews{
	background-color:#000;
	width:712px;
	height:300px;
	float:left;
	/*position:absolute;
	z-index:1;*/

	
	}

#blueButtons{
	
	background-image:url('http://www.moc.edu/images/blue.jpg');
	background-repeat:no-repeat;
	border:6px solid #a5a396;
	height:288px;
	width:251px;
	float:left;
	text-align:center;
	
}


#navcontainer { 
width: 200px; 
margin:20px auto;

}

#navcontainer ul
{
margin-left: 0;
padding-left: 0;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
text-align:center;
margin-top:0px;
font-size:12px;


}

#navcontainer a
{
display: block;
width: 200px;
height:35px;
/*background-color: #036;*/
border-bottom: 1px solid #eee;
margin-top:30px;

}

#navcontainer a:link, #navlist a:visited
{
color: #EEE;
text-decoration: none;
}

#navcontainer a:hover
{
/*background-color: #369;*/
color:#666;
}




/*END SPLASH STYLES*/



/*MEDIA STYLES*/

#media{
	border-top:10px solid #FFF;
	border-bottom:10px solid #FFF;
	float:left;
	background-color:#FFF;
	
	}
#media a{
	color:#234978;
	font-weight:bold;
	
	
	}
	
	
#newsCategories{
	background-color:#FFF;
	width:712px;
	height:394px;
	float:left;
	color:#000;
	font-size:12px;
	border-right:2px solid #a5a396;
	}
	
	




#newsHeadings{
	
	width:650px;
	height:30px;
	margin-left:10px;
	color:#004e38;
	font-weight:bold;
	font-size:16px;
	font-family:"Times New Roman", Times, serif;
	
	}
	
	
#newsHeadings a{
	color:#004e38;
	font-weight:bold;
	text-decoration:none;
}

#newsHeadings a:hover{
	background-color:#CCC;
	color:#FFF;
	font-size:16px;
	font-family:"Times New Roman", Times, serif;
	border:5px solid #CCC;
	
	}

	


	
	
	


#news{
	width:650px;
	height:400px;
	color:#000;
	font-size:11px;
	margin-left:10px;
	overflow:hidden;
	}
	
#news a{
	color:#000;
	font-weight:bolder;
	text-decoration:underline;
	font-size:10px;
	}
	

#multiMedia{
	width:650px;
	height:400px;
	color:#000;
	font-size:11px;
	margin-left:10px;
	overflow:hidden;	
}


#comingEvents{
	width:650px;
	height:400px;
	color:#000;
	font-size:11px;
	margin-left:10px;
	overflow:hidden;
}

#comingEvents a{
	color:#000;
	font-weight:bolder;
	text-decoration:underline;
	font-size:10px;
	}






h2{
	
	color:#264b3a;
	/*color:#234978;*/
	text-decoration:none;
	font-size:12px;
	
	
	
	
	}


h2 a{
	color:#234978;
	text-decoration:none;
	font-size:12px;
	
	
	}
	
	
	
#buttonGraphics{
	background-color:#fff;
	border-left:5px solid #FFF;
	width:256px;
	float:left;
	border-bottom:10px solid #FFF;
	
	
	}	
	
	
	




/*FOOTER STYLES*/



#footer{
	
	float:left;
	background-color:#a5a396;
	height:80px;
	width:975px;
	color:#FFF;
	font-size:10px;
	border-top:10px solid #a5a396;
	border-bottom:#413f3b 10px solid;
	
	}
	
#footerLeft{
	float:left;
	background-color:#a5a396;
	margin-left:5px;
	margin-top:10px;
	width:480px;
	height:55px;
	color:#5f5f5d;
	}

#footerLinks{
	float:left;
	background-color:#a5a396;
	margin-left:110px;
	width:200px;
	}
	
	
#footerLinks a{
	color:#5f5f5d;
	}
	
#footerLinks a:hover{
	color:#5f5f5d;
	text-decoration:none;
	}




h1{
	font-size:10;
	color:#4e4e4c;
	margin-bottom:0px;
	margin-top:4px;
}
	
	
	

#footerLogo{
	float:right;
	background-color:#a5a396;
	width:480px;
	color:#413f3b;
	text-align:right;
	font-size:9px;
	margin-right:10px;
	margin-top:10px;
	}
	
	#footerLogo a{
		text-decoration:none;
		
		color:#413f3b;
		
	}
	
	#footerLogo a:hover{
		text-decoration:underline;
		color:#413f3b;
		
	}
	
	
	
	
	#contentpage2Main{
		
		}
		
	#contentpage2Left{
	
		float:left;
		
		
		}
	#contentpage2Middle{
		border-left:3px solid #FFF;
		border-right:3px solid #FFF;
		
		float:left;
		}
	
	#contentpage2Right{
		float:left;
		
		
		}
		
		
		
/*!!!!!!!!!!!!!!!!!!!!!!!!!
css menu DROP DOWN
!!!!!!!!!!!!!!!!!!!!!!!!!!*/

#menuh-container
	{
	/*position: absolute;		
	top: .50em;
	left: 55em;*/
	}

#menuh
	{
	font-size: small;
	font-family: arial, helvetica, sans-serif;
	width:100%;
	/*float:left;*/
	/*margin:2em;
	margin-top: 1em;*/
	}
		
#menuh a
	{
	text-align: left;
	display:block;
	border: 1px solid #fff;
	white-space:nowrap;
	margin:0;
	padding: 0.1em;
	}
	
#menuh a:link, #menuh a:visited, #menuh a:active	/* menu at rest */
	{
	color: white;
	background-color:#264B3A;
	text-decoration:none;
	}
	
#menuh a:hover						/* menu on mouse-over  */
	{
	color: white;
	background-color:#7c9c8d;
	text-decoration:none;
	}	
	
#menuh a.top_parent, #menuh a.top_parent:hover  /* attaches down-arrow to all top-parents */
	{
	background-image: url(/images/downArrow.png);
	background-position: right center;
	background-repeat: no-repeat;
	}
	
#menuh a.parent, #menuh a.parent:hover 	/* attaches side-arrow to all parents */
	{
	background-image: url(nav_white.gif);
	background-position: right center;
	background-repeat: no-repeat;
	}

#menuh ul
	{
	list-style:none;
	margin:0;
	padding:0;
	float:left;
	width:9em;	/* width of all menu boxes */
	/* NOTE: For adjustable menu boxes you can comment out the above width rule.
	However, you will have to add padding in the "#menh a" rule so that the menu boxes
	will have space on either side of the text -- try it */
	}

#menuh li
	{
	position:relative;
	min-height: 1px;		/* Sophie Dennis contribution for IE7 */
	vertical-align: bottom;		/* Sophie Dennis contribution for IE7 */
	}

#menuh ul ul
	{
	position:absolute;
	z-index:500;
	top:auto;
	display:none;
	padding: 1em;
	margin:-1em 0 0 -1em;
	}

#menuh ul ul ul
	{
	top:0;
	left:100%;
	}

div#menuh li:hover
	{
	cursor:pointer;
	z-index:100;
	}

div#menuh li:hover ul ul,
div#menuh li li:hover ul ul,
div#menuh li li li:hover ul ul,
div#menuh li li li li:hover ul ul
{display:none;}

div#menuh li:hover ul,
div#menuh li li:hover ul,
div#menuh li li li:hover ul,
div#menuh li li li li:hover ul
{display:block;}

/* End CSS Drop Down Menu */