/******************** Global ********************/

html,body {
	margin: 0;
	padding: 0;
	height: 100%;
	width: 100%;
	background-color : #F2F076;
	font-family : tahoma, arial, verdana, helvetica, sans-serif;
	color: #000;
	text-align: center;
}
a {
	text-decoration: underline;
	color: #000;
}

a:hover {
	text-decoration: none;
}

/***************** End Global *****************/

/***************** Containers *****************/
#bodyContainer {
	position: relative;
	/*position:absolute;*/ 
	width: 770px; /*794px; used for IE*/ 
	
	padding: 12px;
	background-color : #fff;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
} 

#bodyContainer ul,li{
	margin:0;
	padding:0;
	list-style:none;
}
#bodyContainer ul{
	width: 100%;
	/*float: left;*/
}

#bodyContainer li{
	/*float: left; 
	width: 24.9%;*/
	float: left;
	width: 12em;
	text-align: center;
}

#bodyContainer li a{
	display: block; 
	margin: 0 auto;
	color: #133265;
	font-size: 70%;
	font-weight: bold;
	text-align: center;
	line-height: 200%;
}

#bodyContainer li a:hover {
	color: #133265;
	background-color: #F2F076;
	width: 96%;
	left: auto;
}

li.a.bodyContainer:link{
	display: block; 
	margin: 0 auto;
	color: #000;
	font-size: 100%;
	font-weight: normal;
	text-align: left;
	line-height: 0%;
	text-decoration: underline;
}

li.a.bodyContainer:hover {
	color: #000;
	background-color: #FFF;
	text-decoration: none;
}

#bodyContainer li img{
	/*display: block; 
	margin: 0 auto; */
	border: #133265 3px solid;
}

#bodyContainer li a:hover img{
	/*color: #133265;
	background-color: #F2F076;
	width: 95.5%;*/
	left: -10;
}

#headerContainer {
	position:relative; 
	width: 770px; /*794px; used for IE*/  
	
	height: 143px; 
	padding: 12px;
	background: #133265  url('/img/map.jpg') no-repeat 565px 12px;
	color: #fff;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	font-size: 103%;
} 

#headerContainer img {
	border: #F2F076 3px solid;
	/*vertical-align: -310%;*/
}

#instructorContainer, #testContainer {
	position:relative; 
	width: 770px; /*794px; used for IE*/  
	
	padding: 24px 0px 0px 0px;
	color: #000;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	font-size: 100%;
} 

#instructorContainer img {
	float: right; 
	vertical-align: top;
	border: #F2F076 3px solid;
}


#mainContainer {
	position:relative; 
	width: 794px; 
	 
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	border-bottom: #133265 3px solid;
	border-left: #133265 3px solid;
	border-right: #133265 3px solid;
} 


#navbarContainer {
	position:relative; 
	width: 100%; /*794px; used for IE*/
	
	height: 21px; 
	margin-left: auto;
	margin-right: auto;
	text-align: right;
	font-weight: bold;
	font-size: 60%;
	background: #133265 url('/img/tab.jpg') no-repeat 0px 0px; 
} 

#navbarContainer ul{	
	/*float: right;	width: 100%;*/	
	padding: 0;
	margin: 0;	
	list-style-type:none;
}
#navbarContainer li {
	/*display: inline;*/
	background: #133265;
	float: right;
	width: 9%;
}

#navbarContainer li a{	
	/*float: right;
	width: 8em;	
	text-decoration: none;
	text-align: right;*/	
	display: block; 
	margin: 0 auto;
	/*font-size: 75%;*/
	text-align: center;
	color: #F2F076;
}
#navbarContainer li a:hover {	
	color: #133265;
	background-color: #F2F076;
}

#slideContainer{
	position: relative;
	width:100%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

#slideContainer ul,li{
	margin:0;
	padding:0;
	list-style:none;
}
#slideContainer ul{
	width: 100%;
	/*float: left;*/
}

#slideContainer li{
	/*float: left; 
	width: 24.9%;*/
	float: left;
	width: 12em;
	text-align: center;
}
#slideContainer li a:hover {
	background-color: #F2F076;
	width: 90%;
	left: auto;
}


#slideContainer img{
	border: #133265 3px solid;
}


/************** End Containers **************/

/*************** Miscellaneous ***************/
a.bodyCopy:link{
	text-decoration: underline; 
	font-size: 100%;
	text-align: left; 
	color: #000; 
	font-weight: normal;
}

a.bodyCopy:hover{
	text-decoration: none;
}

#bodyCopy{
	font-size: 80%;
}

#bodyCopy a{
	font-size: 100%;
}

#bodyCopy h1{
	font-size: 105%;
	font-weight: bold;
	color: #133265;
}

#bodyCopy h2{
	font-size: 100%;
	font-weight: bold;
}

#bodyCopy h3{
	font-size: 100%;
	font-weight: bold;
	color: #29C346;
}

#bodyCopy li{
	list-style-type: square;
	float: none;
	margin-left: 3em;	width: 30em;	text-align: left;
}


#bodyCopy img{
	border: #133265 3px solid;
	margin-left: 12px;
}

#bodyCopy td{
	font-size: 90%;
	font-weight: bold;
}


#footer{
	background-color: #FFF;
	width: 770px; /*794px; used for IE*/
	padding: 12px;
	font-size: 60%;
	background: #FFF  url('/img/mcc_logo.jpg') no-repeat 575px 20px;
}

#footerCopy{
	width: 525px;
}

#ital{
	font-style: italic;
}


/************ End Miscellaneous ************/

/************ Pop Up Menu v2 ************/
#list a {
	color: #133265;
	font-size: 80%;
	font-weight: bold;
}

#list a:hover {
	color: #133265;
	background-color: #F2F076;
	width: 96%;
}

#list li li a {
	display: block;
	font-weight: bold;
	color: #133265;
	/*padding: 0.2em 10px;*/
	background-color: #FFF;
	-moz-opacity: .90; /*for backward compatibility*/
	opacity: .90;	
}

#list li li a:hover {
	/*padding: 0.2em 5px;
	border: 5px solid #7d6340;
	border-width: 0 5px;*/
	color: #F2F076;
	background-color: #133265;
	-moz-opacity: 100; /*for backward compatibility*/
	opacity: 100;
}

li {
	float: left;
	position: relative;
	/*width: 175px;*/ /*10em;*/
	text-align: center;
	cursor: default;
	background-color: white;
	/*border: 1px solid #7d6340;
	border-width: 1px 0;*/
}

li ul {
	display: none;
	position: absolute;
	top: -950%;
	left: 0;
	/*width: 175px;*/ /*10em;*/
	height: 210px;
	font-weight: bold;
	/*padding: 0.5em 0 1em 0;*/
	/*border-right: solid 1px #7d6340;*/
	background-color: #FFF;
	border: #133265 2px solid;
	-moz-opacity: .90; /*for backward compatibility*/
	opacity: .90;	
	
}
/*for IE only*/
/*li>ul {
	top: auto;
	left: auto;
}*/

li li {
	display: block;
	float: none;
	/*background-color: transparent;*/
	border: 0;
}

li:hover ul, li.over ul {
	display: block;
}
/************ End Pop Up Menu v2 ************/