body {
  background-image: url(/images/page-background.jpg);
  background-repeat: repeat-y;
  background-color:#ecf1f7;
  background-position: center;
  color: #000000;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: .8em;
  margin: 0;
  padding: 0;
  text-align: center;
}
body:first-of-type body{ /* forces full body height in chrome/safari */
  height: 100%
}

h1{
  font-size: 1.2em;
}
h2{
  font-size: 1.3em;
  background:url(images/mhcicon24x24.jpg) no-repeat 0 50%;
  padding-left: 30px;
  text-align: left;
}
h2 > a.normal{
  font-size: .9em;
  font-weight: normal;
}

h3{
  font-size: 1.2em
}
#wrapper {
width:90%;
max-width: 1050px;
min-width: 900px;
text-align: left;
margin:0 auto;
padding:0px 2px;
background: #fff;
/*position:relative;*/
}
* html #wrapper{
  padding: 0;
}
/* begin #masthead style */
#masthead{
position: relative;
background: #fff;
margin: 0 -2px 0;
}
* html #masthead{
  margin: 0;
}
#masthead img{
  float: left;
}
#masthead img.logo{
  margin: 10px 0;
}
#masthead p{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size:9px;
  text-align: left;
  width: auto;
  position: absolute;
  right:3px;
  top: 25px;
  color: #585858;
  z-index: 2;
}
#masthead p a{
color: #ababab
}
#masthead a.logolink, #masthead a.logolink img{
  border: 0 none;
  text-decoration: none;
}

#masthead h1{
  color: #3C7096;
  background: #fff;
  font-family: "Trebuchet MS", Georgia, "Times New Roman";
  font-size: 1.7em;
  letter-spacing: 0.1em;
  float: left;
  z-index: 5;
  text-align: center;
  margin: 28px 0 0 150px;
  font-style: italic;
}
/* end #masthead style */

/* begin #nav style */
#nav{
  margin: 0 -2px 0;
  background: url(images/menubg.jpg) top center repeat-x;
  padding: 0;
  color: #FFFFFF;
}
* html #nav{
  height: 1%;
  margin:0;
  padding: 2px;
  color: #FFFFFF;
}
/* target IE7 only */
*:first-child+html #nav{
height:22px;
padding: 2px;
color: #FFFFFF;
}
/* target IE7 only */

/* end #nav style */

/* begin #content style */
#content{
padding:6px 20px !important;
position: relative;
margin-top:6px;
}

/* end #content style */

/* begin #footer style */
#footer{
margin-top: 40px;
padding: 10px;
/*border-top:4px double #5a7cb8;*/
background:url(images/shadow-line.jpg) center top no-repeat;
text-align: center;
font-size: smaller;
}
/* end #footer style */

/* begin table data1 style */
/* begin compactform style */
#compactform{
  width: 400px;
  position: absolute;
  right:0;
  top:0;
  margin: -6px -2px 0 0;
  padding: 4px;
  text-align: center;
  background: #e2ecf3;
  border: solid #B6CFE0;
  border-width: 0 1px 1px 1px;
  z-index: 100;
}
#compactform a{
  font-size: 80%
}


table.data1 {
	border-width: 1px;
	border-style: solid;
	border-color: #4580AB;
	border-collapse: collapse;
    font-size: 1em;
    margin:1em 0;
    width: auto;
}
table.data1 a{
  text-decoration: none;
  /*color: #005151 !important;*/
}
table.data1 a:hover{
  text-decoration: underline;
}


table.data1 th {
	border-width: 1px 1px 1px 1px;
	padding: 4px 4px 6px 4px;
	border-style: none none none none;
	border-color: #2C4065;
	background: #2DB7DE url(images/menubgover.jpg) repeat-x 0 80%;
	-moz-border-radius: 0px 0px 0px 0px;
}
table.data1 th.alt{
  border-top: 4px double #293E63;
  border-left: 1px solid #293E63;
  border-right:  1px solid #293E63;
  background: none;
  background-color: #D7E1F2;
}
table.data1 th.right{
  text-align: right;
  padding-right: 10px;
}
table.data1 th.left{
  text-align: left;
  padding-left: 10px;
}
table.data1 td {
	border-width: 1px 1px 1px 1px;
	padding: 4px 15px;
	border-style: none solid dotted none;
	-moz-border-radius: 0px 0px 0px 0px;
}
table.data1 td.noborder{
  border: none
}

table.data1 td.label{
  text-align: right;
  font-weight: bold;
  background: #edecf3;
}
table.data1 td.right{
  text-align: right;
  background: #edecf3;
}
table.data1 td.labelleft{
  text-align: left;
  font-weight: bold;
  background: #edecf3;
}
table.data1 tr.title td{
  text-align: left;
  font-weight: bold;
  background: #DDDDDD;
}
table.data1 tr.title2 td{
  text-align: left;
  font-weight: bold;
  background: #cbdee4;
}
table.data1 tr.ccheader td{
  background: #31612c;
  color: #FFFFFF;
  font-weight: bold;
}
/* Begin table data2 style */

table.data2 {
	border-width: 1px;
	border-style: solid;
	border-color: #4580AB;
	border-collapse: collapse;
    font-size: 100%;
    margin:1em 0;
    width: auto;
}
table.data2 a{
  text-decoration: none;
  /*color: blue !important;*/
}
table.data2 a:hover{
  text-decoration: underline;
}

table.data2 th{
  border-top: 4px double #293E63;
  border-left: 1px solid #293E63;
  border-right:  1px solid #293E63;
  background: none;
  background-color: #3C7096;
  padding: 4px 4px 6px 4px;
  color:#fff;
}

table.data2 th.right{
  text-align: right;
  padding-right: 10px;
}
table.data2 th.left{
  text-align: left;
  padding-left: 10px;
}
table.data2 td {
	border-width: 1px 1px 1px 1px;
	padding: 4px 15px;
	border-style: none solid dotted none;
	-moz-border-radius: 0px 0px 0px 0px;
}
table.data2 td.label{
  text-align: right;
  font-weight: bold;
  background: #D7E1F2;
}
table.data2 tr.title td{
  text-align: left;
  font-weight: bold;
  background: #DDDDDD;
}
table.data2 tr.title2 td{
  text-align: left;
  font-weight: bold;
  background: #cbdee4;
}
table.data2 tr.ccheader td{
  background: #31612c;
  color: #FFFFFF;
  font-weight: bold;
}

table.sys{
  width: 100%;
  padding:0;
  margin: 0;
  border-collapse: collapse;
}
table.sys td{
  border-width: 0 1px 0 0;
  border-style: dotted;
  border-color: #339966;
  padding:0;
  font-size: 80%;
  text-align: center;
  font-weight: normal !important;
}

/* end table style */

/* rounded corners in the following browsers only */
.curved {
-moz-border-radius:5px; /* Firefox */
-webkit-border-radius:5px; /* Safari and chrome */
-khtml-border-radius:5px; /* Linux browsers */
border-radius:5px; /*CSS3*/
}

.curvedLL{
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-left-radius: 5px;
}
/* ++++++++++++ begin float clearing code ++++++++++++++++ */

.crumbs{
  font-size: 85%;
  color: #245968;
}
.smallertext{
  font-size: 85%;
}
.center{
  text-align: center !important;
}
.Alert{
  color: #CC3300;
  font-weight: bold;
  padding: 3px;
  background: #FFFF99;
}
.req{
color: #CC3300;
font-weight: bold;
font-size: 150%
}
.boldred{
  color: #CC3300;
font-weight: bold;
}

.spaceabove{
  margin-top: 30px
}
.spacebelow{
  margin-bottom: 15px;
}
div.player{
margin-left:215px !important;
}
/* target IE7 only */
*:first-child+html div.player {
margin-left:200px !important;
}
/* target IE6 only */
* html div.player{
margin-left:200px !important;
}
.highlight{
  background: #FFFF99;
  font-weight: bold;
}
.highlightbox300{
  width: 300px;
  padding: 5px;
  margin: 5px;
  background: #FFFF99;
}
.center{
  text-align: center !important;
}
td.miniday-basic a.dayevent {display: block; text-decoration: none; background: #3967AC; color: #ffffff}

/* the .clearfix class can be applied to any container that needs to be cleared. */

.clearfix:after {  /* for browsers that support :after , can sub .clearfix with contextual selectors */
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
* html .clearfix {
  height: 1%; /* Holly Hack will clear floats in IE 5 and 6 */
}
*:first-child+html .clearfix{
  min-height: 1px; /* clear for IE 7 which doesn't support :after */
}


/* ++++++++++ end float clearing code ++++++++++++++++ */
/* Begin Specific link type styling */

/*a[href^="http:"]
{
background: url(icons/icon_external.gif) no-repeat right top;
	padding-right:15px;
	}*/
a[href$=".pdf"] {
background: url(icons/icon_pdf.gif) no-repeat right top;
	padding-right:15px;
}
a[href$=".doc"] {
background: url(icons/icon_doc.gif) no-repeat right top;
	padding-right:15px;
	}
a[href^="mailto:"] {
background: url(icons/icon_mailto.gif) no-repeat right top;
	padding-right:15px;
}
a[href$=".xls"] {
background: url(icons/icon_xls.gif) no-repeat right top;
	padding-right:15px;
}
a[href$=".ppt"] {
background: url(icons/icon_ppt.gif) no-repeat right top;
	padding-right:15px;
}
a[href$=".swf"] {
background: url(icons/swf.gif) no-repeat right top;
	padding-right:15px;
}
a.popup {
background: url(icons/icon_popup.gif) no-repeat right top;
	padding-right:15px;
}
a img{
  border: none;
}
a img.fpl{
  float: left;
}
a.plain{
  text-decoration: none;
}
a.plain:hover{
  text-decoration: underline;
}
/* new 2013 MHC colors as applied to links*/
a{
  color: #305876;
  }
a:hover{
  color: #12AEDB;
  }

/* End specific link style type */