/* -----------------------------------------------------------------------
	Title:		Stylesheet for screen media
	Author:		Justin Brooks, jbrooks@esitemarketing.com
	Copyright:	E-site Marketing, LLC, http://www.esitemarketing.com
------------------------------------------------------------------------- */


/* ----- General styles ------------------------------------------------- */
* { margin: 0; padding: 0; }

body {
	font: 62.5% Arial, Helvetica, sans-serif;
	text-align: center;
	background: #ffffff;
	padding-top: 11px;
	margin: 0 auto;
	}

address { font-style: normal; }
a { color: #B07D54; outline: none; }
a img { border: 0; }
hr { display: none; }
.center { text-align: center; }
.left { text-align: left; }
.right { text-align: right; }
.align-left { float: left; display: inline; margin: 0 15px 0 0; }
.align-right { float: right; display: inline; margin: 0 0 0 15px; }
.clear-left { clear: left; }
.clear-right { clear: right; }
.clear-float { display: inline-block; overflow: hidden; }
.clear-float { display: block; }
.no-border { border: 0 !important; }
.no-bottom-margin { margin-bottom: 0 !important; }
.png { behavior: url("png/png.htc"); /* for IE only, path is relative to file that calls this style */ }


/* commented backslash hack (second rule is for IE5/Mac) \*/
.alt { position: absolute; left: -9999px; }
/* end hack */
/*\*//*/
.alt { text-indent: -9999px; }
/**/


/* ----- sIFR rules -------------------------------------*/
.sIFR-flash { visibility: visible !important; margin: 0; position: relative; }
.sIFR-flash span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
	}

/* ----- jQuery Flash rules -------------------------------------*/
.flash-update {	position: relative; }

.flash-update p {
	position: absolute;
	left: 0;
	top: 0;
	border: 2px solid #FFCC00;
	padding: 8px 10px;
	text-align: left;
	background: #FFFFCC;
	color: #000000;
	font-size: 1.1em;
	margin-left: 30px;
	}


/* ----- Layout --------------------------------------------------------- */
div#wrapper { width: 825px; margin: 0 auto; }	
div#content-wrapper {
	overflow: hidden; 
	position: relative;
	width: 799px;
	border: solid 1px #F1EED7;
	padding: 5px 12px;
	text-align: left;
	}
	
div#branding { position:absolute; top: 30px; left: 107px; }
div#branding a { position: relative; display: block; width: 178px; height: 130px; background: url(none); }
div#branding a img { visibility: hidden; }
 

div#newsletter-headers { display: block; height: 41px; background-color: #F1EED7; margin: 8px 0; }
div#newsletter-headers h2 {
	float: left;
	width: 450px;
	height: 24px;
	color: #B07D54;
	font: bold small-caps 20px/20px "Times New Roman";
	padding-top: 10px;
	margin-left: 23px; 
}
div#month {
	float: right;
	font-family: Verdana;
	font-size: 1.6em;
	color: #B07D54;
	text-align: right;
	margin: 5px 26px 0 0;
	padding: 6px 0 0 41px;
	height: 21px;
	background: url(../images/layout/butterfly.gif) no-repeat left top;
}

div#content { float: right; width: 498px; }
div#content #past-months h3 { 
	font-size: 1.2em;
	line-height: 1.5em;
	color: #6A6969;
	font-weight: bold;
	}
div#content h4 { 
	font-size: 1.2em;
	line-height: 1.8em;
	color: #6A6969;
	font-weight: bold;
	}
div#content p, div#content ul {
	font-size: 1.2em;
	line-height: 1.8em;
	color: #6A6969;
	margin-right: 10px;
	margin-bottom: 18px;
	
}

div#content ul { margin-left: 45px; }

div#content img.inset-right { float: right; display: inline; margin: 22px 5px 10px 15px; border: solid 1px #FFD045; }


div#titles { clear: left; height: 36px; margin: 2px 0 20px 0; background: url("../images/layout/headers-bg.gif") no-repeat 0 0; font-weight: normal !important; font-family: "Times New Roman" !important;}
div#titles h3 {
	padding: 9px 0 0 9px;
	font: bold 1.4em Georgia;
	color: #B07D54;
}

/* ----- Nav rules --------------------------------------------------------- */
div#nav {
	float: left;
	width: 291px;
	background: url(../images/layout/monarch-nav-bg.jpg) no-repeat left top;
	min-height: 730px;
	height: auto !important;
	height: 730px;
}

ul#nav-primary { width: 291px; list-style: none; margin-top: 12px;}
ul#nav-primary li {
	position: relative;
	float: left;
	display: inline;
	width: 291px;
}
ul#nav-primary li a {
	display: block;
	height: 51px;
	background-repeat: no-repeat;
	background-position: left top;
}
ul#nav-primary li a:hover { background-position: left bottom; }
li#nav0, li#nav0 a { background: url(../images/nav/monarch-note.gif); }
li#nav1, li#nav1 a { background: url(../images/nav/monarch-activities.gif); }
li#nav2, li#nav2 a { background: url(../images/nav/monarch-spa.gif); }
li#nav3, li#nav3 a { background: url(../images/nav/monarch-store.gif); }
li#nav4, li#nav4 a { background: url(../images/nav/monarch-kitchen.gif); }
li#nav5, li#nav5 a { background: url(../images/nav/monarch-garden.gif); }
li#nav6, li#nav6 a { background: url(../images/nav/monarch-calendar.gif); }
li#nav7, li#nav7 a { background: url(../images/nav/monarch-special.gif); }


div#nav-utility { clear: both; margin: 2px 0 6px 0; height: 33px; background-color: #F1EED7;  }
ul#utility-nav { position: relative; display: block; list-style: none; padding: 7px 0 0 222px; }
ul#utility-nav li { float: left; display: inline; padding: 0 10px; border-right: solid 1px #6E4C31; }
ul#utility-nav li#last { border: none; }
ul#utility-nav li a { font-family: Georgia; font-size: 1.2em; line-height: 1.4em; }

/* ----- Footer rules --------------------------------------------------------- */
div#footer {
	clear: both;
	background: url(../images/layout/monarch-footer-bg.gif) repeat-x left top;
	padding: 15px 0 0 0;
	margin-bottom: 45px;
	font: 1em/1.5em Verdana;
	color: #B07D54;	
}

div#footer span.tel { padding: 0 15px; }
div#footer p { padding-bottom: 15px; }

/* ----- Contingency rules --------------------------------------------------------- */
div#browser-warning { display: none; }
div#js-warning-spacer { height: 35px; }
div#js-warning {
	display: block;
	position: absolute;
	top: 0; left: 0;
	border: 2px solid #fc0;
	padding: 8px 10px;
	text-align: left;
	background: #ffffcc;
	color: #000;
	font-size: 1.1em;
	}
noscript { font-size: 1em; font-style: normal; color: #000000; 	}
div.form-error { border: 2px solid #f00; padding: 8px 10px; text-align: left; background: #ffff99; color: #000; font-size: 1.1em; }