/*This is the Provider style sheet - table driven layouts*/
/*revised May 26, 2004*/


/* Begin - default styles used in all sites */
body, div, p, h1, h2, h3, h4, form, ul {
	margin: 0px;
	padding: 0px;
}

body {
	font: 70% Verdana, Geneva, Arial, Helvetica, sans-serif;
	color:#000000;
	background: #70a19c;

}

body.whiteBkgrnd {
	background:#FFFFFF;
}



.hideME {
	display: none;
}

.alt {
	display:none;
}

#container {
	background: #ffffff url(/MHS/MGL/images/univ/mp_bg.gif) repeat-y;
	width:760px;
	height:auto;
}

table.background {
	background: #ffffff url(/MHS/MGL/images/univ/mp_bg.gif) repeat-y;
	overflow:hidden !important;
	overflow:visible;
}

/* end page defaults */


/* begin Top section */

#top {
	width:100%;
	background-image:  url(/MHS/MGL/images/univ/mainbkgrnd.gif);
	background-repeat: repeat-x;
	height: 70px;
	
}
#topContent {
	width:760px;
}
#topContent td{
	font:10px Arial, Helvetica, sans-serif;
	/* letter-spacing:1px; */
	color:#FFCC66;
	
}

#topContent .utilityMenu {
	background:url(/MHS/MGL/images/univ/utilitybkgrnd.jpg);
}

#topContent a{
	color: #FFFFFF;
	text-decoration: underline;
	
}
#topContent a:hover{
	color: #E9E0EE;
	text-decoration: underline;
}
#topContent a:visited{
	color: #FFCC00;
	text-decoration: underline;
}

#topContent .skiplinks {
	color: #FFFFFF;
	text-decoration: none;
	line-height:3px;
}
/* end Top section */

/* begin Nav section */

#nav {
	border-top: 1px solid #004A41;
	border-bottom: 1px solid #004A41;
	height: 25px;
	background-color: #FFFFFF;
}

#navContent {
	width:760px;
}

#nav .menu {
	border-top: 1px solid #FFFFFF;
	font: bold 12px Arial, Helvetica, sans-serif;
	float: left;
	background-color: #FFFFFF;
}
#nav .menuHighlight {
	border-top: 1px solid #FFFFFF;
	font: bold 12px Arial, Helvetica, sans-serif;
	float: left;
	background: #004A41;
}

#nav .menuHighlight a {
	color: #000000;
	text-decoration: none;
	font-weight: bold;
	display: block;
	padding-right: 10px;
	padding-left: 10px;
	float: left;
	height: 21px;
	line-height: 21px;
	vertical-align: middle;
	border-bottom: 1px solid #FFFFFF;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
	color: #FFFFFF;
}

#nav .menuHighlight strong {
	color: #FFCC00;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin-left:3px;
}
#nav .menu a {
	color: #000000;
	text-decoration: none;
	font-weight: bold;
	display: block;
	padding-right: 10px;
	padding-left: 10px;
	float: left;
	height: 21px;
	line-height: 21px;
	vertical-align: middle;
	border-bottom: 1px solid #FFFFFF;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
}
#nav .menu a:hover {
	background: #407771;
	color: #FFFFFF;
}

#nav .menu strong {
	color: #FFCC00;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin-left:3px;
	
}

.sub {
	position: absolute;
	visibility: hidden;
	z-index: 2;
	border: 1px solid #000000;
}
 .subItem {
	font: 12px Arial, Helvetica, sans-serif;

}
 .subItem a {
	color:#000000;
	text-decoration: none !important;
	background: #E0E9E8;
	border-bottom: 1px solid #FFFFFF;
	height: auto;
	padding:2px 5px 2px 5px;
	display: block;
	width:12em;
}
 .subItem a:hover {
	text-decoration: none;
	background: #004A41;
	color:#FFFFFF;
}

body#globalNav1 div#nav #item0  { /* style to highlight global menu item you are currently on. Body tag must contain applicable ID to work */
	color: #FFFFFF !important;
	background-color: #70a19c;
}

/* end Nav section */


/* begin left section */

#left {
	font-size: 12px;
	padding-right: 5px;
	padding-left: 5px;
	font-family: Arial, Helvetica, sans-serif;
	margin:0 5px 10px 7px;
}
#left .menu {
	color: #FFFFFF;
	padding: 0px;
	width: 155px;
}
		
#left ul {
	margin:0px; /* clearing margins and padding so I can set them explicitly */
	padding:0px;
} 
		
#left ul li { 		/* this is the top level menu*/
	list-style-type:none;
	border-bottom:1px solid #FFFFFF;
	background: #EFE3AD;
	font-size: 12px;
	font-weight: bold;
}
#left ul li a {
	color:#432C5F;
	text-decoration:none;
	display: block;
	padding:3px 0 3px 0;
}
#left ul li a:hover {
	text-decoration: underline;
	background: #F5D46D;
	display: block;
}

#left img {
	border:none;
	margin:2px 0.3em 0px;
	float: left;
}

#left  ul ul {
	margin: 0px; /* this is the second level menu, you have to keep the display:none in inline so the javascript can see it*/
	padding: 0px;
} 

		
#left  ul ul li { /* second level menu items */
	list-style-type:none;
	font-weight: normal;
	border-top: 0px solid #FFFFFF;
	background: #FFF7C6;
	padding: 0px;
	margin: 0px;
}
#left ul ul li a {
	color:#004A41;
	display: block;
	padding:1px 0 1px 17px;
	font-size:11px;
	

}
#left ul ul li a:hover {
	text-decoration: underline;
	background: #FFF7C6;
}
#left .leftfooter {
	border-bottom: none;
}
#left .LeftExp {
	font-weight: bold;
	background: #F5D46D;
	display: block;
}

#left .LeftSel {
	font-weight: bold;
}
#left .menu span {
	width: 130px;
	cursor: hand;
}

#left .menuHdr {
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	border-bottom: 1px solid #CCCCCC;
	vertical-align: middle;
}
#left .menuHdr a {
	color: #FFFFFF;
	display: block;
	background: #004A41;
	line-height: 16px;
	
}
#left .menuHdr a:hover {
	color: #F5D46D;
	text-decoration: underline;
	background-color:none;
	display: inline;
}

/* end left section */

/* begin center section */
#center {
	float: left;
	position: relative;	
	padding-bottom: 15px;
	padding-left: 10px;

}
#center p {
	margin: 5px 0px 15px 2px;
}

#center a {
	color:#002F5D;
	text-decoration:underline;
}

#center a:visited {
	color:#432C5F;
	text-decoration:underline;
}

#center a:hover {
	color:#993300;
	text-decoration:none;
}

#center h1 {
	font: bold 165% Arial, Helvetica, sans-serif;
	color: #2A1B3C;
	margin:0px 0px 12px 2px;
	display:block;
	width:434px;
}
#center h2 {
	font: bold 140% Arial, Helvetica, sans-serif;
	color: #432C5F;
	margin:13px 0px 7px 2px;
}
#center h3 {
	font: bold 130% Arial, Helvetica, sans-serif;
	color: #624A7E;
	margin:13px 0px 7px 2px;
}
#center h4 {
	font: bold 120% Arial, Helvetica, sans-serif;
	color: #624A7E;
	margin:13px 0px 7px 2px;
}

#center ul {
	margin:5px 0px 10px 25px;
	padding: 0px;
	list-style: outside;
}

#center ul li {
	list-style-type: disc;
}

#center ul ul {
	margin:0px 0px 10px 15px;
	padding: 0px;
}

#center ul ul li {
	list-style-type: circle;
}

#center ol {
	margin:5px 0px 10px 35px;
	list-style: outside;
	padding: 0px;
}

#center ol li {
	list-style-type: decimal;
} 

#center ol ol {
	margin:5px 0px 10px 26px;
	padding: 0px;
}

#center ol ol li {
	list-style-type: lower-alpha;
} 

#center table {
	margin:5px 0px 5px 0px;
}

#center tr {
}

#center td {
	font-size:70%;
	padding-top: 1px;
	padding-bottom: 1px;

}

#center td.smallfont {
	font-size: 65%;
	padding-top: 1px;
	padding-bottom: 1px;
}

#center th {
	font-size:70%;
	font-weight:bold;
	color:#2A1B3C;
	padding-top: 1px;
	padding-bottom: 1px;
	text-align: left;
	background: #FDE5D2;

}

#center form {
}

#center input {
	width: 120px;
	font: 110% Verdana, Arial, Helvetica, sans-serif;
	background: #eeeeee;
	border: 1px solid #002F5D;

}


#center input.txtBoxsm {
	width: 60px;

}
#center input.txtBoxExsm {
	width: 60px;

}
#center input.checkBox {
	width:14px;
	background: transparent;
	border: none;
	
}
#center input[type="checkbox"] {
	border: 1px solid #002F5D;
	background: transparent;
}


#center input.radio{
	width:14px;
	background: #FFFFFF;
	border: none;
}

#center input[type="radio"] {
	border: 1px solid #002F5D;
	background: #eee;
}
#center input.btn {
	background-color: #CC3333;
	font-weight:bold;
	color:#FFFFFF;
	text-align: center;
	width: auto;
	border: 1px solid #000000;
	cursor: hand;
}

#center select {
	border: 1px solid #002F5D;
	font: 110% Verdana, Arial, Helvetica, sans-serif;
	margin-top: 2px;
	margin-bottom: 2px;
	background: #eeeeee;
}
#center textarea {
	border: 1px solid #002F5D;
	font: 110% Verdana, Arial, Helvetica, sans-serif;
	width: 400px;
	margin-top: 2px;
	margin-bottom: 2px;
	background: #eeeeee;
}
#center label {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color: #993300;

}

#center .searchResults {
	background: #DFE8E7;
	color: #2A1B3C;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	padding: 2px 2px 2px 7px;
	font-size:110%;
	margin-bottom:7px;
}

#center .searchNav {
	background: #FAE0A2;
	color: #2A1B3C;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	padding: 2px 7px 2px 7px;
	font-size:110%;
	margin-top:7px;
	text-align:right;
}


/* end center section */

/* begin right section */
#right {
	margin-left:10px;
	margin-top:38px;
}

#right table {
	background:#FDE5D2;
	margin:0px 0px 15px 0px;
}
#right td {
	margin:5px;
	padding-right:7px;
	font-size: 70%;
}

#right td.bottomcurve {
	background:#FDE5D2;
	width:127px;
	height:14px;
	line-height: 5px;
	
}
#right p {
	margin:5px;
}
#right a {
	color:#002F5D;
	text-decoration:underline;
}

#right a:visited {
	color:#432C5F;
	text-decoration:underline;
}

#right a:hover {
	color:#993300;
	text-decoration:none;
}

#right h3 {
	font: bold 120% Arial, Helvetica, sans-serif;
	color:#432C5F;
	margin:5px;
}
#right ul {
	margin:15px 0px 0px 15px;
}

#right ul li {
	list-style-type: disc;
	margin-right:6px;
	margin-bottom: 10px;
	margin-left: 8px;
	
}


#right form {
	
}
#right input {
	width: 100px;
	background-color: #eeeeee;
	border: 1px solid #002F5D;
	margin-top: 5px;
	font: 100% Verdana, Arial, Helvetica, sans-serif;
}

#right input.btn {
	background-color: #CC3333;
	font-weight:bold;
	color:#FFFFFF;
	text-align: center;
	width: auto;
	border: 1px solid #000000;
	cursor: hand;
}

#right select {
	background-color:#eeeeee;
	border: 1px solid #002F5D;
	font: 100% Verdana, Arial, Helvetica, sans-serif;
}

/* end right section */


/* begin contentMenu section - repeats the global nav at the bottom of the content area*/

#contentMenu {
	border-top: 1px solid #004A41;
	font-size:10px;
	font-family: Arial, Helvetica, sans-serif;
	text-align:right;
	padding-bottom: 6px;
	margin-bottom:10px;

}
#contentMenu p {
	margin:5px 10px 0px 0px;
	color:#993300;

}
#contentMenu a {
	color:#002F5D;
	text-decoration:underline;
}
#contentMenu a:hover {
	color:#993300;
	text-decoration:none;
}
#contentMenu a:visited {
	color:#432C5F;
	text-decoration:underline;
}
/* end contentMenu section */

/* begin footer section */
#footer {
	width:100%;
	height:26px;
	margin: 0px;
	background: #70a19c;
	font: 10px Arial, Helvetica, sans-serif;
	color: #FFCC00;
	padding-top: 6px;
	padding-left: 10px;
}
#footer span.copyright {
	color: #FFFFFF;
	float:left;
	margin-left:5px;
	display:block;
	width:345px;
}

#footer td {
}
#footer a {
	text-decoration: underline;
	color: #FFFFFF;
}
#footer a:hover {
	color: #FFcc66;
	text-decoration: underline;
}
/* end footer section */


/* begin company name or search section of template */

#coNamebkgrnd {
	background: #F8DF92;
	height: 31px;
	clear: both;
	position: static;
	vertical-align: middle;
	margin: 0px;
	padding: 0px;
	width: auto;
	font-size:70%;
	overflow: hidden;
}
#coNamebkgrnd .container {
	background: url(/MHS/MGL/images/univ/companynamebkgrnd.gif);
	width: 760px;
	margin: 0px;
	padding: 0px;
	float: left;
}
#coNamebkgrnd .companyName {
	vertical-align: middle;
	float: left;
	width: auto;
	font: italic bold 14px/31px Verdana, Arial, Helvetica, sans-serif;
	color: #863514;
	padding-left: 15px;
}

#coNamebkgrnd .search {
	background:#F8DF92 url(/MHS/MGL/images/univ/searchBkgrnd.gif) no-repeat;
	float:right;
	clear:right;
	width:auto;
	height:31px;
	padding: 2px 0px 2px 20px;
}

#coNamebkgrnd form { margin-top: -2px;
}

#coNamebkgrnd input {
	width: 120px;
	font: 110% Verdana, Arial, Helvetica, sans-serif;
	background: #eeeeee;
	border: 1px solid #002F5D;
	margin-top:6px;
}

#coNamebkgrnd input.btn {
	background-color: #CC3333;
	font-weight:bold;
	color:#FFFFFF;
	text-align: center;
	width: auto;
	border: 1px solid #000000;
	cursor:hand;
	margin-top:6px;
	margin-left:-9px;
}

#coNamebkgrnd select {
	border: 1px solid #002F5D;
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #eeeeee;
	margin-top:6px;
	display:none;
}

/* begin Custom styles */
#bgCurve {

}

#youAreHere {
	font-size:10px;
	color:#993300;
	margin-bottom:10px;
}
#printOnly {
	display: none;
}

	

/* end Custom styles */

/* end Custom styles */
.pullout {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #000000;
	background-color: #fedcba;
	background-position: right center;
	float: right;
	height: 30%;
	width: 40%;
}
.caption {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
}
.borderDotted{
	border-top: 1px dotted #999999;
}
.borderLeft {
	border-left:1px solid #EFAA23;
	padding-left:10px;
}

.viewDemo {
	background-color: #432C5F;
	font-weight:bold;
	color:#FFFFFF;
	text-align: center;
	width: 65px;
	border: 1px solid #ffcc00;
	cursor: hand;
	font-size:90%;
	padding:1px;
	margin-bottom:3px;
}


