@charset "utf-8";

/* Main Navigation */
.navline { border: hidden; height: 65px; margin: 0px; }
ul#gnav { width: 960px; margin: 0; padding: 0; list-style-type: none; float: left; line-height: 65px; display: inline; }
ul#gnav li { margin: 0; padding: 0; float: left; line-height: 65px; }
ul#gnav li a { height: 65px; margin: 0; padding: 0; line-height: 65px; text-indent: -9999px; text-decoration: none; float: left; }
ul#gnav li, ul#gnav li a { background-image: url(../images/mkl_navigation.png); background-repeat: no-repeat;  }
ul#gnav li.nhome, ul#gnav li.nhome a { width: 163px; background-position: 0px 0; }
ul#gnav li.nhome a.active, ul#gnav li.nhome a:hover { width: 163px; background-position: 0px -65px; }
ul#gnav li.nabout, ul#gnav li.nabout a { width: 162px; background-position: -162.5px 0; }
ul#gnav li.nabout a.active, ul#gnav li.nabout a:hover { width: 162px; background-position: -162.5px -65px; }
ul#gnav li.nblog, ul#gnav li.nblog a { width: 161px; background-position: -325px 0; }
ul#gnav li.nblog a.active, ul#gnav li.nblog a:hover { width: 161px; background-position: -325px -65px; }
ul#gnav li.nportfolio, ul#gnav li.nportfolio a { width: 162.5px; background-position: -486px 0; }
ul#gnav li.nportfolio a.active, ul#gnav li.nportfolio a:hover { width: 162.5px; background-position: -486px -65px; }
ul#gnav li.ncalendar, ul#gnav li.ncalendar a { width: 162.5px; background-position: -648.5px 0; }
ul#gnav li.ncalendar a.active, ul#gnav li.ncalendar a:hover { width: 162.5px; background-position: -648.5px -65px; }
ul#gnav li.ncontact, ul#gnav li.ncontact a { width: 147px; background-position: -811px 0; }
ul#gnav li.ncontact a.active, ul#gnav li.ncontact a:hover { width: 147px; background-position: -811px -65px; }

/* Ollie placement */
.navowl { border: hidden; height: 55px; margin: 0px; }
ul#onav { width: 960px; margin: 0; padding: 0; list-style-type: none; float: left; line-height: 55px; display: inline; }
ul#onav li { margin: 0; padding: 0; float: left; line-height: 55px; }
ul#onav li div { height: 55px; margin: 0; padding: 0; line-height: 55px; text-indent: -9999px; text-decoration: none; float: left; }
ul#onav li, ul#onav li div { background-image: url(../images/mkl_owl.png); background-repeat: no-repeat;  }
ul#onav li.ohome, ul#onav li.ohome div { width: 163px; background-position: 0px 0; }
ul#onav li.ohome div.perched { width: 163px; background-position: 0px -55px; }
ul#onav li.oabout, ul#onav li.oabout div { width: 162px; background-position: -162.5px 0; }
ul#onav li.oabout div.perched { width: 162px; background-position: -162.5px -55px; }
ul#onav li.oblog, ul#onav li.oblog div { width: 161px; background-position: -325px 0; }
ul#onav li.oblog div.perched { width: 161px; background-position: -325px -55px; }
ul#onav li.oportfolio, ul#onav li.oportfolio div { width: 162.5px; background-position: -486px 0; }
ul#onav li.oportfolio div.perched { width: 162.5px; background-position: -486px -55px; }
ul#onav li.ocalendar, ul#onav li.ocalendar div { width: 162.5px; background-position: -648.5px 0; }
ul#onav li.ocalendar div.perched { width: 162.5px; background-position: -648.5px -55px; }
ul#onav li.ocontact, ul#onav li.ocontact div { width: 147px; background-position: -811px 0; }
ul#onav li.ocontact div.perched { width: 147px; background-position: -811px -55px; }

body {
	background-color: #aad2a0;
}

/*
div.runner {
	background: #231F20 url(../images/iescaree_toprunner.png) no-repeat;
	height: 30px;
}
*/



/*
div.main_content {
	background-color: #F9F5ED;
	padding: 10px;
}
*/

/* Sidebar Styles 
div.sidebar {
	background-color: #FFFFFF;
}

div.sidebar p {
	padding: 10px;
	margin: 0px;
}

div.sidebar hr {
	margin-top: 10px;
	margin-bottom: 10px;
}

div.whatisthedate {
	background-color: #F9F5ED;
	text-align: center;
	border-style: double;
	border-width: medium;
	border-color: #CCCCCC;
}

div.whatisthestatus {
	background-color: #F9F5ED;
	text-align: left;
	border-style: double;
	border-width: medium;
	border-color: #CCCCCC;
}
*/

/*
.indent {
	padding-left: 2.5em;
}

div.spacer {
	background-color: #FFFFFF;
	height: 1em;
}
*/

/*
.footer {
	background:transparent url(../images/footer.gif) no-repeat scroll center top;
	padding: 10px 0 0 0;
	font: .9em/1.4em Georgia, Tahoma, Verdana, Arial, Helvetica;
}
*/

/************** Contact Form CSS ***************/
.content_contact {
	width: 960px;
	margin: 0px;
	padding: 0px 75px 0px 75px;
}

.contact_form {
	margin: 0px auto 0px auto;
	padding: 0px;
	display: inline;
	width: 960px;
}

.contact_form form {
	margin: 0px;	
	padding: 0px;
}

.contact_form .form_left {
	background: transparent url(../images/mkl_form_subject_message.gif) no-repeat;
	float: left;
	margin: 0px 0px 0px 75px;
	padding: 0px;
	width: 455px;
	height: 329px;
	border: none;
}

.contact_form .form_right {
	float: left;
	margin: 0px 0px 0px 45px;
	padding: 0px;
	width: 315px;
	border: none;
}

.contact_form .subject_box {
	background: none;
	height: 25px;
	width: 445px;
	border: none;
	color: #586164;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-size-adjust: none;
	font-stretch: normal;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	line-height: 16px;
	padding: 10px 0px 0px 10px;
	vertical-align: middle;
	margin: 0px 0px 0px 0px;
	outline: none;
}

.contact_form .message_box {
	background: none;
	height: 168px;
	width: 430px;
	border: none;
	color: #586164;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-size-adjust: none;
	font-stretch: normal;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	line-height: 16px;
	padding: 15px 10px 0px 14px;
	margin: 7px 0px 0px 0px;
	outline: none;
	resize: none;
	/**overflow-x: hidden;**/ 
}

.contact_form .input_box {
	background: transparent url(../images/mkl_form_input_text.gif) no-repeat;
	height: 25px;
	width: 305px;
	border: none;
	color: #586164;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-size-adjust: none;
	font-stretch: normal;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	line-height: 14px;
	padding: 10px 0px 0px 10px;
	vertical-align: middle;
	outline: none;
}


.contact_form .form_right p {
	margin-bottom: 10px;
}

.contact_form button {
	background:transparent url(../images/mkl_form_send_button.gif) no-repeat scroll 0 0;
	border: none;
	cursor: pointer;
	float: left;
	height: 61px;
	margin-top: 15px;
	text-indent: -1000em;
	width: 131px;
}

.error {
	float: none; 
	color: #FF0000;
	padding-left: .5em; 
	vertical-align: top;
}

label.error { 
	float: none; 
	color: #FF0000;
	padding-left: .5em; 
	vertical-align: top;
}

/****** Alignment ******/

.left { text-align: left; float:left; padding: 5px 0 0 10px; }
.right { text-align: right; float:right; padding: 5px 10px 0 0; }
.clear { clear: both; }