@charset "utf-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
	max-width: 100%;
}
/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:100%;
}

/*
	Dreamweaver Fluid Grid Properties
	----------------------------------
	dw-num-cols-mobile:		5;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	12;
	dw-gutter-percentage:	5;
	
	Inspiration from "Responsive Web Design" by Ethan Marcotte 
	http://www.alistapart.com/articles/responsive-web-design
	
	and Golden Grid System by Joni Korpi
	http://goldengridsystem.com/
*/

/* Phones Landscape Layout: 482px to 767px. Inherits styles from: Mobile Layout. */
@media only screen and (max-width: 767px) { 
#headerBackground {
	clear: both;
	float: left; /*removed 051215*/
	/*margin-left: 0;*/
	/*width: 100%;
	display: block;*/
}
#header {
	clear: both;
	float: none;
	/*margin-top: 0; removed 051215*/
	/*width: 100%;
	display: block;*/
	margin-left: 0;
	width: 100%;
	display: block;
}
#hlink {
	/*clear: both;*/
	/*float: left; removed 051215*/ /*keeps background in ie in the right spot */
	
}
#search {
	clear: both;
	/*float: none;*/
	/*margin-left: 0;*/
	width: 100%; /*needs to be in to keep search box from moving on top of hlinks */
	/*display: block;*/
}

#navBackground {
	/*position: relative;*/
	clear: both;
	float: none;	
	width: 100%;
}
#navMenu {
	clear: both;
	float: none;
	margin: auto;
}

#cbp-hrmenu {
	margin-left: auto;
	margin-right: auto;
	/*float: left;*/
	position: relative;
	z-index: 10; /* keep for tomorrow */
	/*z-index: 2;*/
}

#seal {
	clear: both; /* both of test prevent things from moving to the left while hovering over something */
	width: 100%;
	display: block;	
}
.randbg {
	clear: both;
	float: none;
	width: 100%;
}
	
#mclogo {
	padding-top: 0;
	padding-bottom: 0;
	margin: 0;
}	
	
#mclogo img {
	clear: both; /* both of test prevent things from moving to the left while hovering over something */
	display: block;
	margin-top: 0;
}
.gridContainer {
	/*margin-left: auto;
	margin-right: auto;*/
	/*width: 100%;*/
	/*padding-left: 0.4333%;*/
	/*padding-right: 0.4333%;*/
}

#importantNotice {
	clear: none;
	float: left;
	/*margin-left: 0.2615%;*/
	width: 100%;
	display: block;
}
	
	#CalendarPanel {
		clear: none;
	float: left;
	/*margin-left: 0.2615%;*/
	width: 100%;
	display: block;
	}
#calendar {
	clear: none;
	float: left;
	/*margin-left: 0.2615%;*/
	width: 100%;
	display: block;
}
	
#calendar {
	clear: none;
	float: left;
	/*margin-left: 0.2615%;*/
	width: 100%;
	display: block;
}
#quickLinks {
	clear: both;
	float: left;
	/*margin-left: 0.2615%;*/
	width: 100%;
	display: block;
}

#blueFooter {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#footer {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#footerCurve {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;	
	}
#endLink {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
}


/* Tablet Layout: 768px to 1075px. Inherits styles from: Mobile Layout. */
@media only screen and (min-width: 768px) and (max-width: 1075px) {

#headerBackground {	
	clear: both;
	float: left; /*this needed to be here because of hovering over nav menu the page would move down a little */
	/*margin-left: 0;*/
	margin: auto;	
}
#header {
	clear: both;
	float: none;
	margin: 0;
}
#hlink {
	/*clear: both;*/
	float: left; /*keeps background in ie in the right spot */
	/*margin-top: .5%;
	margin-left: -2.7%;*/
	/*width: 100%; */
	/*display: block; */
	/*background-color: green;*/
	margin-top: 0;
	position: relative;
	/*width: 100%;*/ /*needs to be in to keep search box from moving on top of hlinks */
	margin-left: 1.25%; 
}
#search {
	clear: both;
	/*margin-top: 0;*/
	position: relative;
	/*width: 100%;*/ /*needs to be in to keep search box from moving on top of hlinks */
	/*margin-left: .25%;*/   /* this moves search left and right */

	/*float: none;*/
	/*margin-left: 0;*/
	/*width: 99%;*/ /*needs to be in to keep search box from moving on top of hlinks */
	/*display: block;*/
}

#navBackground {
	position: relative;
	/*clear: both;*/
	/*float: left;
	margin-left: 0;*/
	/*position: relative;
	clear: both;
	width: 100%;*/
	/*display: block;*/
	clear: both;
	float: none;
	/*margin: auto;*/
}
#navMenu {
	clear: both;
	float: none;
	/*margin: 0 auto;*/
}
	
#cbp-hrmenu {
	margin-left: auto;
	margin-right: auto;
	/*float: left;*/
	position: relative;
	z-index: 10; /* keep for tomorrow */
	/*z-index: 2;*/
}

#seal {
	clear: both; /* both of test prevent things from moving to the left while hovering over something */
	width: 100%;
	display: block;
	margin-top: 0;
	position: relative;
	z-index: 102;
}

.randbg {
	clear: both;
	float: none;
	width: 100%;
}
	
#mclogo {
	padding-top: 2.25%;
	padding-bottom: 3%;

}	
	
#mclogo img {
	clear: both; /* both of test prevent things from moving to the left while hovering over something */
	/*display: block;*/
	margin-top: 0;
}
.gridContainer {
	/*width: 99.4047%;*/
	/*max-width: 1059px;
	padding-left: 0.4976%;
	padding-right: 0.3976%;
	margin: 0 auto;
	padding-top: 3px;*/
}

#importantNotice {
	clear: none;
	float: left;
	margin-left: 0.0044%;
	width: 54.7910%;
	display: block;
}
#calendar {
	clear: none;
	float: left;
	margin-left: 0.3984%;
	width: 36.5899%;
	display: block;
}
#quickLinks {
	clear: both;
	float: left;
	margin-left: 0;
	/*width: 742px;*/
	width: 97.5%;
	display: block;
}
#blueFooter {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#footer {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#endLink {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
}


/* Laptop Layout: Min width 1075px - max width 1400px*/
@media only screen and (min-width: 1076px) and (max-width: 1400px) {
#headerBackground {
	clear: both;
	float: none;
	margin: auto;
}

#header {
	clear: both;
	float: none;
	margin-top: -17px;
}

#hlink {
	float: left; /*keeps background in ie in the right spot */
	margin-top: .5%;  /*this moves hlinks up and down */
	margin-left: -1.7%;   /* this moves hlinks links left and right */
}

#search {
	clear: both;
	margin-top: 0;
	position: relative;
	width: 100%; /*needs to be in to keep search box from moving on top of hlinks */
	margin-left: .25%;   /* this moves search left and right */
}

#navBackground {
	/*position: relative;*/
	clear: both;
	float: none;
	width: 100%;
	/*margin: 0;*/
}

#navMenu {
	clear: both;
	float: none;
	/*margin-left: auto;
	margin-right: auto;*/
}

#cbp-hrmenu {
	margin-left: auto;
	margin-right: auto;
	/*float: left;*/
	position: relative;
	z-index: 10; /* keep for tomorrow */
	/*z-index: 2;*/
	height: 54px;
}

#seal {
	clear: both; /* both of test prevent things from moving to the left while hovering over something */
	width: 100%;
	display: block;
	margin-top: 0;
}
.randbg {
	clear: both;
	float: none;
	width: 100%;
}
	
#mclogo {
	padding-top: 2.25%;
	padding-bottom: 5%;
}	
	
#mclogo img {
	clear: both; /* both of test prevent things from moving to the left while hovering over something */
	display: block;
	margin-top: 0;
}

.gridContainer {
	width: 1076px;
	padding-left: 0.1984%;
	padding-right: 0.1984%;
	margin: 0 auto;
	/*margin-top: 3px;*/
}

#importantNotice {
	clear: none;
	float: left;
	margin-left: 0.0044%;
	width: 62.7910%;
	display: block;
}
#calendar {
	clear: none;
	float: left;
	margin-left: 0.3984%;
	width: 36.7899%;
	display: block;
}
#quickLinks {
	clear: both;
	float: left;
	margin-left: 0;
	width: 1039px;
	display: block;
}

#blueFooter {
	clear: both;
	float: none;
	width: 100%;
	display: block;
}

footer {
	clear: both;
	float: none;
	width: 100%;
	display: block;
}

}

/* Desktop Layout: 769px to a max of 1060px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width: 1401px) {
#headerBackground {
	clear: both;
	float: none;
	margin: auto;
}

#header {
	clear: both;
	float: none;
	margin-top: 0;
}

#hlink {
	float: left; /*keeps background in ie in the right spot */
	margin-top: .5%;  /*this moves hlinks up and down */
	margin-left: -1.7%;   /* this moves hlinks links left and right */
}

#search {
	clear: both;
	margin-top: 0;
	position: relative;
	width: 100%; /*needs to be in to keep search box from moving on top of hlinks */
	margin-left: .25%;   /* this moves search left and right */
}

#navBackground {
	/*position: relative;*/
	clear: both;
	float: none;
	width: 100%;
	/*margin: 0;*/
}

#navMenu {
	clear: both;
	float: none;
	/*margin-left: auto;
	margin-right: auto;*/
	
}

#cbp-hrmenu {
	margin-left: auto;
	margin-right: auto;
	/*float: left;*/
	position: relative;
	z-index: 10; /* keep for tomorrow */
	/*z-index: 2;*/
	height: 54px;
}

/*#page {
	display: none;
}*/
#seal {
	clear: both; /* both of test prevent things from moving to the left while hovering over something */
	width: 100%;
	display: block;
	margin-top: 0;
}
	
.randbg {
	
	clear: both;
	float: none;
	width: 100%;
}
#mclogo {
	padding-top: 2.25%;
	padding-bottom: 5%;
}	
#mclogo img {
	clear: both; /* both of test prevent things from moving to the left while hovering over something */
	display: block;
	margin-top: 0;
}

.gridContainer {
	/*width: 99.6031%;*/
	/*width: 100%;*/
	width: 1076px;
	padding-left: 0.1984%;
	padding-right: 0.1984%;
	margin: 0 auto;
}

/*#slides {
	position: relative;
	z-index: 1;
	clear: both;
	float: none;
	width: 100%;
}*/
#importantNotice {
	/*clear: both;*/
	float: left;
	margin-left: 0.0044%;
	/*width: 90%;*/
	width: 1034px;
	display: block;
	border-color: 1px solid springgreen;
}
#calendar {
	clear: none;
	float: left;
	/*margin-left: 0.3984%;*/
	/*width: 34.7899%;*/
	display: block;
}
#quickLinks {
	clear: both;
	float: left;
	margin-left: 0;
	width: 1034px;
	display: block;
	color: #0A00FF;
}

#blueFooter {
	clear: both;
	float: none;
	width: 100%;
	display: block;
}

footer {
	clear: both;
	float: none;
	/*margin-left: 0;*/
	width: 100%;
	display: block;
	
}

}