@import url("reset.css");
@import url("navigation.css");

body {
	background: url('../images/bg.gif') top center;
	/*background: url('../images/template.jpg') top center no-repeat;*/
	text-align: center;
	/* Reduce default font size to 10pt */
    font: 62.5%/1.5  "Arial", Helvetica, sans-serif;
    /*color: #3f66aa;*/
	color: #333;
}

* html body {
	background-position: 0px 0;
}

.clearfix:after {
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */

h1, h2, h3, h4, h5 {
	margin: 5px 0px 5px 0px;
	font-weight: bold;
}
h1 {	font-size: 18px; }
h2 {	font-size: 28px; }
h3 {	font-size: 16px; }
h4 {	font-size: 14px; }
h5 {	font-size: 12px; }


/*-------
			page elements
								-------- */
								
#container {
	margin: 25px auto 0 auto;
	width: 796px;
	background: url('../images/content_2nd_bg.gif') 0px 1px;
	text-align: left;
	position: relative;
}
#header {
	background: url('../images/header_bg.jpg') 0 0px no-repeat;
	height: 142px;
	width: 796px;
	/*padding-top: 25px;*/
	position: relative;
}
#header h1 {
	background: url('../images/mwdgp_logo.gif');
	width: 348px;
	height: 51px;
	display: block;
	position: absolute;
	text-indent: -9000px;
	top: 25px;
	left: 20px; 
}
#topLinks {
	position: absolute;
	top: 25px;
	right: 20px;
}
#topLinks ul {
}
#topLinks ul li {
	float: left;
	font-size: 1.1em;
}
#topLinks ul li a:link, #topLinks ul li a:visited {
	color: #9cc4ff;
	border-right: 1px solid #9bbacf;
	padding: 0 7px 0 7px;
}
#topLinks ul li a:hover {
	color: #fff !important;
}
#topLinks ul li.contactLink a {
	border: 0 !important;
	background: url('../images/icons/mail_icon.gif') right no-repeat;
	padding-right: 20px !important;
}
#topLinks ul li.contactLink a:link, #topLinks ul li.contactLink a:visited {
	color: #c5dcff;
}
#contentContainer {
	background: #FFFFFF url('../images/content_tile.jpg') bottom left repeat-x;
	margin: 0 5px 0 5px;
	/*padding: 0 0 11px 0;*/
}
.spacer {
	height: 18px;
}


.padder {
	width: 740px;
	margin: 0 23px 0 23px;
	background: #FFFFFF url(../images/2col.gif) 0px 105px no-repeat;
	/*padding-top: 20px;*/
}

body#home .padder {
	background: white;
}

#feature {
	width: 740px;
	height: 189px;
	background: url('../images/feature_image.jpg') no-repeat;
	margin-top: 16px;
}
#level2 #feature {
	width: 740px;
	height: 99px;
	background: url('../images/subnav_feature.jpg') no-repeat;
	margin-top: 0px;
}
#content {
	margin-top: 2px;
}
#home #content {
	background: url('../images/3col.gif') 0 0 no-repeat;
	overflow: auto;
	width: 740px; /* ie needs a width */
}
#level2 #content {
	background: url('../images/2col.gif') no-repeat #fff;  /* 3 column layout for home page */
}
#home #column1 { width: 216px; }
#home #column2 { width: 232px; }
#home #column3 { width: 220px; }
#home #column1, #home #column2, #home #column3 {
	float: left;
	/*background-color: #ff0000;*/
	margin: 0 10px 0 14px;
	display: inline;
}
#level2 #column1 { 
	width: 200px; 
	float: left;
	margin-right: 14px;
}
#level2 #column1 h3 { 
	margin: 0px 0px 0px 10px;
	padding-bottom: 0;
}
#level2 #column2 { 
	margin-left: 6px; 
	margin-right: 14px; 
	float: left;
	display: inline; 
	width: 500px;
	font-size: 12px;
	padding-bottom: 20px;
}
#subNav, #ctoc {
	border-top: 1px solid #d5deed;
	clear: both;
	margin-left: 1px;
}
#ctoc .ctoc_item0 { display: none; }
#subNav li a:link, #subNav li a:visited, #ctoc .ctoc_children div a:link, #ctoc .ctoc_children div a:visited {
	display: block;
	text-align: left;
	padding: 5px 10px 5px 25px;
	background: url('../images/subnav_tab.gif');
	border-bottom: 1px solid #d5deed;
	color: #2c4a9a;
	text-decoration: none;
	font-size: 1.1em;
	font-weight: bold;
	clear: both;
}
#ctoc .ctoc_children div { float: left; width: 100%; }
#ctoc .ctoc_children div a:hover { 
	color: #000;
	background: url('../images/subnav_tab_hover.gif');
}
.eventList {
	font-size: 1.2em;
}
.eventList dd {
	padding-bottom: 4px;
	padding-left: 14px;
	color: #444;
}
.eventList dt {
	margin-top: 4px;
	font-weight: bold;
	background: url('../images/icons/small_arrow.gif') 0 6px no-repeat;
	padding-left: 14px;
}
p {
	font-size: 12px;
	margin: 1.4em 0 1.4em 0;
	/*color:#2C4A9A;*/
	color: #333;
}
a:link, a:visited { color: #3a61ae; }

strong { font-weight: bold; }
em, i { font-style: italic; }

h3 {
	font-size: 1.4em;
	color: #355ea5;
	margin: 10px 0 26px 0;
	font-weight: bold;
	padding-left: 20px;
	background: url('../images/icons/sun_icon.gif') 0 50% no-repeat;
}
#feature h2 {
	padding: 0px 24px;
	color: white;
	margin: 0px 0px -10px 0px;
}
.aboutUsLink a:link, .aboutUsLink a:visited {
	background: url('../images/blue_arrow.gif') left no-repeat;
	padding-left: 20px;
	color: #fff;
	font-size: 14px;
	position: absolute;
	bottom: 12px;
	left: 24px;
}
.aboutUsLink a:hover {
	text-decoration: none;
}
label,.field {
	display: block;
	float: left;
	margin-bottom: 10px;
}
.field:focus { border-color: #2A499B !important; }

label {
	text-align: right;
	width: 55px;
	margin-right:10px;
}
label img {
	float: right;
}
#userNameLabel {
	width: 57px;
	height: 9px;
	display: block;
	background: url('../images/user_name.jpg') 0 10px no-repeat;
	padding-top: 10px;
	text-indent: -9000px;
}
#userNameLabel span, #passwordLabel span {
	text-indent: -9000px;
	visibility: hidden;
}
#passwordLabel {
	width: 57px;
	height: 9px;
	display: block;
	background: url('../images/password.jpg') 0 10px no-repeat;
	padding-top: 10px;
	text-indent: -9000px;
}

form br {
	clear: left;
}
#loginForm {
	position: relative;
	height: 120px;
}
#loginForm .field {
	width: 128px;
	border: 1px solid #ecd49a;
	padding: 6px;
}
#loginForm div {
	margin: 10px 0 10px 0;
	clear: both;
}
.signInBtn {
	position: absolute;
	left: 66px;
	top: 86px;
}
p.small {
	font-size: 1.1em;
}

#beachPhoto {
	position: absolute;
	bottom: -29px;
	left: 22px;
	height: 120px;
	width: 160px;
	background:url('../images/photo.png') no-repeat;
}
* html #beachPhoto { 
	background: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image, src='images/photo.png');
}

#footer {
	/* Mozilla ignores crazy MS image filters, so it will skip the following */
	/*background:url('../images/footer_bg.png') no-repeat;*/
	background: url(../images/footer_bg.jpg) 0px 0px no-repeat;
	width: 796px;
	height: 80px;
	padding-top: 10px;
	margin: 0 auto;
	text-align: left;
	clear: both;
}

/* better off using an IE stylesheet... 
* html #footer {
	background: none;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image, src='images/footer_bg.png');
	left: 2px;
}*/

#footer p {
	color: #a69c7e;
	margin: 25px 0 0 50px;
	clear: both;
}
#footer ul {
	padding: 24px 36px 0 44px;
}
#footer ul li {
	float: left;
}
#footer ul li a:link, #footer ul li a:visited {
	font-size: 1.1em;
	padding: 0 6px 0 6px;
	border-right: 1px solid #999;
	color: #a59b7e;
}
#footer ul li a:hover {
	color: #3c60a6;
}
#footer ul li.imagin8 a {
	border-right: 0 !important;
	color: #3c60a6;
}
#footer ul li.imagin8 a:hover {
	color: #0f2c65;
}
#footer ul li.homepage {
	float: right;
}
#footer ul li.homepage a {
	border-right: 0 !important;
	background: url('../images/home.jpg') 126px 0px no-repeat;
	padding-right: 40px !important;
}
#footer ul li.homepage a:hover {
	background-position: 126px -14px;
}
#breadCrumbs {
	margin-left: 24px;
	margin-top: 4px;
	color: #fff;
}
#breadCrumbs p {
	float: left;
	font-size: 1.1em;
	color: #fff;
}
#breadCrumbs p a:link, #breadCrumbs p a:visited {
	background: url('../images/raquo.gif') center right no-repeat;
	padding-right: 12px;
	margin-right: 5px;
	color: #C5DCFF;
	font-weight: bold;
}

/*---- magic buttons ------*/

.linkEventCalendar {
	margin-left: 2px;
	margin-top: 20px;
}
.linkEventCalendar a:link, .linkEventCalendar a:visited {
	display: block;
	background: url('../images/buttons/event_calendar.gif');
	width: 211px;
	height: 32px;
	text-indent: -9000px;
}
/*
.linkEventCalendar a:hover {
	background-position: 0 -35px;
}
*/
a:hover {	
	text-decoration: none;
}

/** sitemap links
--------------------------------------- */	
	
#siteMap {
	font-size: 1.2em;
	margin-top: 20px;
}
a.category 
{
	font-weight: bold;
	/*text-decoration: 		none;
	color:					#DC0E2C;*/
	}
	
a.item 
{
	text-decoration: 		none;
	color: 					#444;
	}	

a.document 
{
	text-decoration: 		none;
	font-size:				90%;
	}
	
a.category:hover, a.item:hover, a.document:hover
{
	text-decoration:		underline;
		}
		
/*-------
			contact form
		
								-------- */
								
#contactForm {
	border: 1px solid #eee;
	padding: 10px 20px 30px 20px;
	background-color: #fff;
	margin-top: 20px;
}
#contactForm p {
	position: relative;
	clear: both;
	/*border-bottom: 1px solid #DDF1E6;*/
	padding: 0 0 8px 0;
	margin: 3px 0 1px 0;
	display: block;
	height: 20px;
}			
#contactForm .field {
	position: absolute;
	left: 60px;
	width: 390px;
	padding: 4px;
	border: 1px solid #ECD49A;
	background-color: #fff;
	vertical-align: middle;
}
#contactForm .field:focus, #contactForm textarea:focus {
	border: 1px solid #2A499B;
}
#contactForm textarea {
	border: 1px solid #ECD49A;
	background-color: #fff;
	height: 210px;
	width: 450px;
	margin-top: 10px;
	padding: 4px;
}					
#contactForm textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	clear: both;
}		
#contactForm .sendButton {
	position: absolute;
	left: 348px;
	top: 5px;
}
#address {
	margin: 20px;
}

/*-------

				calendar
		
								-------- */
								
div#content .tc_contain {
	font-size: 					11px;
	margin-bottom:				5px;
	overflow:					hidden;
	width: 						100%;
}
						
div#content .tc_contain ul {
	display:					block;
	list-style: 				none;
	margin: 					0 auto 10px auto;
	overflow:					hidden;
	padding:					0;
	width:						498px;
}

div#content .tc_contain li {
	background:					none;
	border: 					0;
	color:						#ffffff;
	float:						left;
	margin: 					0 1px 1px 0;
	outline: 					0;
	padding: 					0;
	text-align: 				center;
}

div#content .tc_contain li a {
	color:						#3a61ae;
}

div#content .tc_contain li.tc_scroll_prev, 
div#content .tc_contain li.tc_scroll_next {
	background:					#7b9fdf;
	color:						#ffffff;
	float: 						left;
	height: 					30px;
	width: 						70px;
}
				
div#content .tc_contain li.tc_scroll_disabled {
	color:						#ffffff;
}

div#content .tc_contain li.tc_scroll_prev a, 
div#content .tc_contain li.tc_scroll_next a {
	color:						#3a61ae;
	display: 					block;
	font-size:					12px;
	height: 					23px;
	padding:					7px 0 0 0;
	text-align:					center;
	text-decoration:			none;
	width: 						100%;
}

div#content .tc_contain li.tc_scroll_prev a:hover, 
div#content .tc_contain li.tc_scroll_next a:hover {
	text-decoration:			underline;
}

div#content .tc_contain li.tc_month {
	background:					#7b9fdf;
	color:						#ffffff;
	float: 						left;
	font-size:					12px;
	font-weight:				bold;
	height: 					23px;
	padding:					7px 0 0 0;
	text-align:					center;
	width:						354px;
	
}

div#content .tc_contain li.tc_head {
	color: 						#ffffff;
	background:					#244c91;
	font-weight: 				bold;
	height:						23px;
	padding:					7px 0 0 0;
	width:						70px;
}

div#content .tc_contain li.tc_date, 
div#content .tc_contain li.tc_blank_start, 
div#content .tc_contain li.tc_blank_end {
	background: 				#ffffff;
	border:						1px solid #dde3eb;
	color:						#333333;
	font-size:					12px;
	height: 					48px;
	line-height:				160%;
	padding:					0;
	width: 						68px;
}

div#content .tc_contain li.tc_blank_start, 
div#content .tc_contain li.tc_blank_end {
	border:						1px solid #ffffff;
}

div#content .tc_contain li.tc_date a, 
div#content .tc_contain li.tc_date span {
	background-color: 			#eae6c0;
	color: 						#3a61ae;
	display: 					block;
	font-weight: 				bold;
	height: 					100%;
	text-decoration: 			none;
	width: 						100%;
}

div#content .tc_contain li.tc_date a:hover {
	background-color: 			#d0cb99	;
}

div#content .tc_contain .tc_event {
	background-color: 			#eae6c0;
	border: 					1px solid #eae6c0;
	display:					none;
	left: 						0px;
	padding: 					0px 0px 10px 0px;
	position: 					absolute;
	top: 						0px;
	width: 						200px;
}

div#content .tc_contain .tc_event, div#content .tc_contain .tc_event li, div#content .tc_contain .tc_event li span {
	color: 						#3a61ae;
	z-index: 					50;
}

div#content .tc_contain li .tc_event_summary {
	display: 					block;
	padding: 					2px 10px 0px 10px;
	text-align: 				left;
	width:						180px;
}

div#content .tc_contain li .tc_event_name {
	display: 					block;
	font-size: 					12px;
	font-style: 				italic;
	padding: 					6px 10px 0px 10px;
	text-align: 				left;
}

div#content .tc_contain li .tc_event_date {
	border-bottom: 				1px solid #c1c1c1;
	display: 					block;
	font-weight: 				bold;
	font-size: 					12px;
	margin: 					4px 10px 0px 10px;
	text-align: 				right;
}
								
								/*
.tinycalendar {
	padding: 0;
	border: 0px;
	margin: 0;
	border-collapse: collapse;
	width: 497px;
	text-align: center;
}
.tinycalendar a {
	text-decoration: none;
}


.tc_month {
	font-weight: bold;
	background: #7b9fdf;
	height: 31px;
	width: 497px;
	font-weight: bold;
	color: white;
}

.tc_month td {
	background: url('../images/cal_month_bg.gif') 0 0 no-repeat;
}
.tc_month .tc_navbtn {
	background: url('../images/cal_navbtn_bg.gif') 0 0 no-repeat;
}

.tc_sun, .tc_mon, .tc_tue, .tc_wed, .tc_thu, .tc_fri, .tc_sat {
	width: 71px;
	height: 51px;
	background: url('../images/cal_day_bg.gif') 0 0 no-repeat;
}

.tc_head .tc_sun, .tc_head .tc_mon, .tc_head .tc_tue, .tc_head .tc_wed,
.tc_head .tc_thu, .tc_head .tc_fri, .tc_head .tc_sat {
	font-weight: bold;
	color: white;
	height: 31px;
	background: url('../images/cal_day_head_bg.gif') 0 0 no-repeat;
}

.tc_item {
	width: 71px;
	height: 51px;
	background: url('../images/cal_event_bg.gif') 0 0 no-repeat;
}

.tc_datelink {
	height: 16px;
	padding-top: 15px;
	width: 71px;
}
.tc_datelink a{
	color: b;
	font-weight: bold;
}




*/

body#home div#qms {
	/*color: #2C4A9A;*/
	color: #333;
	display: block;
	padding: 5px 0px 0px 84px;
	height: 80px;
	font-size: 9px;
	background: url('../images/qms.gif') 0 50% no-repeat;
}

div#content p {
	color: inherit;
	font-size: inherit;
}
/*
div#content ul {
	margin-top: 10px;
} 
div#content li {
	background: url('../images/icons/arrow.gif') 0 50% no-repeat;
	padding-left: 20px;
	margin-bottom: 10px;
}
	*/

/* Lists */
div#content ul {
	margin-left: 0px;
	padding-left: 10px;
}
div#content ol {
	margin-left: 0px;
	padding-left: 25px;
	list-style: decimal;
}
div#content ul li {
	list-style: none;
	padding-left: 15px;
	margin-left: 0;
	background: url('../images/icons/arrow.gif') 3px 6px no-repeat;
}
div#content ul li ol li {
	background: none;
	list-style: decimal;
	padding-left: 0px;
	margin-left: 0;
}
div#content ol li ul li {
	list-style: none;
	padding-left: 15px;
	margin-left: 0;
	background: url('../images/icons/arrow.gif') 3px 6px no-repeat;
}


div#content p.print_calendar a img {
	border: 0;
}

div#content p.print_calendar {
	text-align:center;
}