/******************** 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;
}*/

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

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



#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%;
}

#testContainer {
	height: 200px;
} 

#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;
} 


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

#addNavContainer ul{	
	/*float: right;	width: 100%;*/	
	padding: 0;
	margin: 0;	
	list-style-type:none;
}
#addNavContainer li {
	/*display: inline;*/
	background: #133265;
	float: left;
	width: 87px;/*11%;*/
}
#addNavContainer 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;
}

/*#addNavContainer li ul {
	display: none;
	position: relative;
	top: 5;
	left: 0;
	width: 95px; 
	height: 180px;
	font-weight: bold;
	background-color: #FFF;
	border: #133265 2px solid;
	-moz-opacity: 100; --for backward compatibility--
	opacity: 100;	
}
#addNavContainer li ul li{
	margin: 4;
	
}
#addNavContainer li ul li a {	
	color: #133265;
	background-color: #FFF;
	
}
#addNavContainer li ul li a:hover {	
	color: #F2F076;
	background-color: #133265;
	
}*/
#addNavContainer div{
	position: absolute;
	visibility: hidden;
	top: 30;
	left: 0;
	width: 100px; 
	/*height: 180px;*/
	font-weight: bold;
	background-color: #FFF;
	border: #133265 2px solid;
	/*-moz-opacity: 100;*/ /*for backward compatibility*/
	opacity: 100;
}

#addNavContainer div a{
	position: relative;
	display: block;
	margin: 0;
	padding: 5px 10px;
	color: #133265;
}

#addNavContainer div a:hover{
	color: #F2F076;
	background-color: #133265;
}

#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: 96%;
	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;
}

#addNav1{
	position: absolute; 
	/*left: 0;
	top: 0;*/
	z-index: 10;
}
#addNav2{
	position: absolute; 
	/*left: 87; 
	top: 151;*/
	z-index: 10;
}
#addNav3{
	position: absolute; 
	/*left: 175; 
	top: 151;*/
	z-index: 10;
}
#addNav4{
	position: absolute; 
	/*left: 264;; 
	top: 151;*/
	z-index: 10;
}

#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: 85%;
	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;
}

/************ Home Drop Menu ************/	
#homeMenu{
	margin: 0;
	padding: 0;
	z-index: 30;
}

#homeMenu li{
	float: left;
	width: 12em;
	text-align: center;
}

#homeMenu li a{
	display: block;
	color: #133265;
	font-size: 70%;
	font-weight: bold;
}

#homeMenu li a:hover{
	/*background: #49A3FF;*/
	color: #133265;
	/*background-color: #F2F076;*/
}

#homeMenu div{
	position: absolute;
	top: 201px; /*212; used for IE*/
	visibility: hidden;
	margin: 0 0 0 7; /*0 0 0 -90; used for IE*/
	width: 175px; /*180px; used for IE*/
	height: 200px; /*207px; used for IE*/
	font-weight: bold;
	color: #133265;
	background-color: #FFF;
	border: #133265 2px solid;
	/*-moz-opacity: .90;*/ 
	opacity: .90;
}

#homeMenu div a{
	position: relative;
	display: block;
	margin: 0;
	padding: 5px 10px;
}

#homeMenu div a:hover{
	/*color: #F2F076;
	background-color: #133265;*/
	/*-moz-opacity: 100; */
	opacity: 100;
}
/************ End Home Drop Menu ************/