/* CSS Document */

/* TABLE OF CONTENTS 
1.	Reset - line 18
2.	Universal Properties - line 67
3.	Wrapper - line 134
4.	Header - line 141
5.	Main Nav - line 160
6.	Content (including text size & interior nav) - line 271
7.	Feature Box - line 395
8.	Forms - line 505
9.  Light Box & Photo Tour - line 640
10. Happenings Plugin - line 757
11. Footer - line 830
*/

/*	MEYER RESET ..........................................................................1. */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

:focus { 						
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}

/* tables still need 'cellspacing="0"' in the markup */
table { 						
	border-collapse: separate;
	border-spacing: 0;
}	
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/*	UNIVERSAL PROPERTIES .....................................................................2. */

h3 {
	margin:0 0 1em;
	padding:0; 
	font-size:1.25em;
	font-family:Georgia, serif;
	font-weight:700;
}

h2 {
	margin:0 0 1em; 
	padding:0;
	font-size:1.4em;
	font-family:Georgia, serif;
	font-weight:700;
}

h1 {
	margin:0 0 1em;
	padding:0;
	font-size:2em;
	font-family:Georgia, serif;
}

p {
	margin:0 0 1em; padding:0;
	line-height:1.45em;
	color:#333;
	font-size:1.015em;	
}

acronym {cursor:help}

abbr {cursor:help}

a {cursor:pointer}
	
.doc, .pdf, .ppt, .txt, .xls {	/* ---- linkPreview ---- */
	padding:0 20px 0 0; 
	background:url(../images/icon_doc.png) no-repeat 6px 50% 
}	

.pdf {background-image:url(../images/icon_pdf.gif)}
.ppt {background-image:url(../images/icon_ppt.png)}
.txt {background-image:url(../images/icon_txt.png)}
.xls {background-image:url(../images/icon_xls.png)}

.featurebox ul.highlights li img.pdf {
	display:none;
}

a:link {color:#551c1c; text-decoration:none; border-bottom:1px #551c1c solid; }	/* ---- links ---- */
a:visited {color:#551c1c; text-decoration:none; border-bottom:1px #551c1c solid; }
a:hover {color:#666699; text-decoration:none; border-bottom:1px #666699 dotted;}
a:active {color:#551c1c; text-decoration:none; border-bottom:1px #551c1c solid; }


ul {margin:0 0 1em 35px}	/* ---- lists ---- */
li {margin-right:0;}
ul li ul {margin-top:10px}

iframe {margin-left:30px; border:1px #551c1c solid;}
small {
	margin-bottom:40px;
	display:block;
}

body {
	font:.75em/1.4 verdana,arial,sans-serif;
	color:#000;
	background:#fff url(../images/bg-tile.gif) repeat-x 0 0}

/*	WRAPPER ..........................................................................................3 */

#wrapper {
	margin:0 auto;
	width:982px;
}

/*	HEADER..........................................................................................4 */

#header {
	width:982px;
	height:160px;
	position:relative;
	z-index:199; /* Fixes IE6 + 7 z-index bug: http://richa.avasthi.name/blogs/tepumpkin/2008/01/11/ie7-lessons-learned */
}				 /* Set to 199 to be the *third* highest element on the site, after the lightbox overlay (200) and the  */
				 /* and the lightbox gallery (201).																		*/
a.logo_home {
	display:block;
	width:373px;
	height:113px; 
	position:relative;
	background:transparent url(../images/MagnoliaLogoB.png) no-repeat 0 4px;
	left:20px;
	border:0;
}

/*	Navigation..........................................................................................5 */

ul#mainnav {
	list-style:none;
	margin:4px 0 4px 20px;
	padding:0;
	xxxwidth:962px;	/* absolute width < #mainnav so that the nav element will be centered above the content */
	xxxposition:absolute;
}

 ul#mainnav li {
	display:inline;
	margin:0;
	padding:0;
}

ul#mainnav li a {
	padding:11px 32px 11px 32px;
	display:block;
	font-size:1.2em;
	font-weight:700;
	color:#fff;
	margin:0;
	text-decoration:none;
	border: 0;
}

ul#mainnav li li a {
	border:1px solid #4F0A0D;
	border-top:0;
}

.nav_divider_l, .nav_divider_r {
	display:block;
	width:2px;
	height:41px;
	background:url(../images/menu-divider.gif) no-repeat 0 3px;
}

.nav_divider_l {position:absolute; top:0; left:0}
.nav_divider_r {position:absolute; top:0; right:0}

.menu, .menu ul, .menu li {
	margin:0;
	padding:0;
	border:0;
	display:block;
	list-style:none}

.menu li {
	margin:0;
	float:left;
	position:relative;
	z-index:5}

.menu li:hover {
	z-index:10000;
	white-space:normal;
}

.menu li li {
	margin:-1px 0 0 -1px;
	float:none}

.menu ul {
	visibility:hidden;
	position:absolute;
	z-index:10;
	left:0;
	top:0;
	width:300px;
	margin:0 0 0 -20px;
	padding:0 20px 20px 20px;
	/* background:fuchsia; /* uncomment this if you want to see the "safe" area */
	background-image:url(../images/empty.gif)
}

.menu ul:hover {
	border:0;
}

.menu ul ul {
	margin:-20px 0 0 1px;
	padding:20px 20px 20px 0;}

.menu ul.last-dropdown {
	left:auto;
	right:0;
	margin-left:0;
	margin-right:0;
	padding-right:0;
}

.menu ul.last-dropdown li {
		float:right;
}

.menu li:hover>ul {visibility:visible; top:100%;}
.menu li li:hover>ul {top:0; left:100%;}

.menu li li:hover {display:block;}

.menu li li a {  
	padding:20px 15px;
	margin:0;
	width:200px;
	text-decoration:none;
	color:#fff;
}

.menu li li a, .menu li.selected li a {
	background:#843039;
	text-decoration:none;
}

.menu li.selected a {background: #4F0A0D; color:#FFF}
.menu li.selected li.selected a {background:#4F0A0D; color:#FFF}

/* .menu a:hover {} */
.menu li:hover>a {background:#4F0A0D; color:#fff;}
.menu li:hover>a:hover {background:#4F0A0D; color:#fff;}


/*	CONTENT..........................................................................................6 */

#content {
	background:#fff url(../images/content_bg.gif) no-repeat 0 0;
	width:982px;
	min-height:830px;
	height:auto !important;
	height:830px;
	float:left; /* Keeps #content flush with the bottom of #header in IE8 after */
}				/* img#welcome_image is floated left to solve IE7 bug */


#content h1.first {
	margin:74px 0 1em 30px;
	font-family:Georgia, serif;
	font-weight:700;
	color:#8c3e3e;
}

#content h1 {
	margin:0 0 1em 30px;
	font-family:Georgia, serif;
	font-weight:700;
	color:#8c3e3e;
}


#content h2 {
	margin:25px 0 1em 30px;
	color:#5F5D23;
}

#content h3 {
	margin:25px 0 1em 30px;
}

#content p {
	margin:0 380px 14px 30px;
}

#content p.last {
	margin-bottom:60px;
}

ul#textsize li#default a {text-decoration:none; border-bottom:1px #fff solid;}
ul#textsize li#larger a {text-decoration:none; border-bottom:0;}
ul#textsize li#largest a {text-decoration:none; border-bottom:0;}

ul#textsize li#default a:hover {text-decoration:none; color:#fff;}
ul#textsize li#larger a:hover {text-decoration:none; border-bottom:1px #fff solid; color:#fff;}
ul#textsize li#largest a:hover {text-decoration:none; border-bottom:1px #fff solid; color:#fff;}



ul#textsize {
	width:232px;
	height:39px;
	background:#fff url(../images/textsize_bg.gif) no-repeat 0 0;
	float:right;
	margin:0 80px 0 0;
	font-weight:700;
	color:#fff;
}

#content ul#textsize li {
	display:block;
	float:left;	
	padding:10px 10px 0 0;
	text-indent:0;
}

#textsize li.leftpadding {margin-left:55px;} /* OOF: Fake-centers the Textsize button within its background */

img#welcome_image {
	margin:0 0 0 20px;
	border-bottom:1px #703232 solid;
	border-left:1px #703232 solid;
	border-right:1px #703232 solid;
	float:left; /* Removes 3px bug in IE7 between img.ul#textsize: http://www.webmasterworld.com/css/3271019.htm */
}

ul.content li {
	margin:5px 380px 0 25px;
	background:#fff url(../images/magnolia_bullet.gif) no-repeat 0 55%;
	text-indent:13px;
}

#nav_box ul {
	position:absolute;
	display:inline;
	margin-left:15px;
	margin-top:7px;
}

#nav_box ul li {
	display:inline;
	margin-right:8px;
	float:left;
}

#nav_box ul li a {
	display:block;
}

ul#interior_nav li.selected a:link, ul#interior_nav li.selected a:visited, ul#interior_nav li.selected a:hover, ul#interior_nav li.selected a:active {
	font-weight:700;		/* All pseudo classes necessary for the style to work in IE6 */
	border-bottom:0;
}

#nav_box {
	height:32px;
	width:329px;
	background:#fff url(../images/interiornav_bg.gif) no-repeat 0 0;
	margin:0 0 35px 30px;
	position:relative;
}

#nav_box a:link {color:#685547;border-bottom:1px #999 solid;}
#nav_box a:visited {color:#685547;border-bottom:1px #999 solid;}
#nav_box a:hover {color:#666699;border-bottom:1px #666699 dotted;}
#nav_box a:active {color:#5c4c40;border-bottom:1px #999 solid;}

.facility_hpimg {border:2px #38522b solid;}

#content p.facility {
	margin-left:57px;
	margin-right:415px;
	background:#fff url(../images/magnolia_bullet.gif) no-repeat 0 7px;
	padding-left:12px;
}

#content p.facility a {
	font-weight:700;
}

/*	FEATURE BOX..........................................................................................7 */

#content .featurebox{
	float:right;
	clear:right;
	margin:55px 30px 0 0;
	width:300px;
	min-height:342px;
	height:auto !important;
	height:342px;
}

#content .featurebox img {
	float:right;
	margin-left:0;
	border:1px #551c1c solid;
}

.box_top {
	float:right;
	clear:right;
	height:84px;
	width:300px;
	background: #fff url(../images/featurebox_top_bg.gif) no-repeat 0 0;
	margin:0;
}

.box_middle {
	float:right;
	clear:right;
	width:300px;
	background:#fff url(../images/featurebox_middle_bg.gif) repeat-y 0 0;
	margin:0;
}
	
.box_bottom {
	float:right;
	clear:right;
	height:40px;
	width:300px;
	background:#fff url(../images/featurebox_bottom_bg.gif) no-repeat 0 0;
	margin:0 0 10px 0;
	padding:0;
}

#content .box_top h1 {
	margin:25px 0 0 20px;
	color:#fff;
	font-size:1.8em;
	font-weight:normal;
	display:block;
}

#content .box_middle h2 {
	margin:10px 0 10px 20px;
	color:#8c3e3e;
	font-size:1.4em;
	font-weight:700;
	font-family:Georgia, serif;
	letter-spacing:.02em;
	text-transform:capitalize; 
}

#content .box_middle img.featuredarticle {
	border:1px #8c3e3e solid;
	margin:5px 20px 0 20px;
	float:none;
}

#content .featurebox p {
	margin:0 10px 0 20px;
	padding:0;
	color:#551c1c;
}

#content .featurebox li em {
	color:#666;
	font-style:oblique;
	font-size:.95em;
	margin-left:5px;
}

#content .featurebox li a {
	font-size:1.1em;
	font-weight:700;
	color:#551c1c;
	line-height:1.6em;
}

#content .featurebox li a:hover {
	color:#666699;
}

#content .featurebox .box_top h1 a:link, .boxtop h1 a:visited, .boxtop h1 a:hover, .boxtop h1 a:active {
	border-bottom:0;
	text-decoration:none;
	color:#fff;
}

#content .featurebox .box_top h1 a {
	display:block;
	padding:35px 100px 0 25px;
	color:#fff;
	margin-top:-35px;
	margin-left:-25px;
	border-bottom:0;
}

#content .featurebox p.quote {
	font-family:Georgia, serif;
	font-size: 1.1em;
	line-height:1.4em;
	background:#fff url(../images/mhi_quote.gif) no-repeat 0 -5px;
	font-weight:700;
	color:#8c3e3e;
	padding:18px 0 0 15px;
	margin:-8px 0 0 10px;
	width:260px;
}

#content .featurebox p em {
	font-style:oblique;
	margin-left:15px;
	color:#8c3e3e;
	display:block;
	margin-top:10px;
}

/*	FORMS..........................................................................................9 */

#contact fieldset {border:0; margin:0; padding:10px; width:90%}
#contact legend {
	margin:0;
	padding:0;
	color:#440000;
	font:bold 1.2em/1.5em verdana,sans-serif;
}

fieldset#contact {
	margin-left:30px;
}

fieldset#contact {
	margin-bottom:30px;
}

html>body legend {margin:0}

#contact fieldset span {color:#FF0000; font-weight:bold}
#contact fieldsetdl {margin:0; padding:0}
#contact fieldset dt {margin:17px 0 2px; padding:0}
#contact fieldset dd {margin:0; padding:0}

#contact label {font-weight:bold; cursor:pointer}
#contact label.unbold {font:normal .95em verdana,sans-serif; color:#000}
#contact input, textarea {
	width:350px;
	padding:4px;
	font:1em verdana,arial,sans-serif;
	border:1px solid #E8E6E0;
	border-top:1px solid #666;
	border-left:1px solid #666;
	background:#F6F5F3;
	color:#333;
}

textarea {
	overflow:auto;
	margin:0 0 -2px;
}

#contact input:hover, textarea:hover {
	border:1px solid #004080;
	border-top:1px solid #002850;
	border-left:1px solid #002850;
	background:#E8E7E0;
}

#contact input:focus, textarea:focus {
	border:1px solid #666;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	background:#fff;
}

#contact input.radio {
	width:auto;
	margin:2px 5px 0;
	border:none;
	background:none;
}

#contact input.check {
	width:auto;
	margin:2px 5px 0;
	border:none;
	background:none;
}

#contact input.submit {
	cursor:pointer;
	margin:20px 0 0;
	width:150px;
	color:#fff;
	font-weight:bold;
	background-color:#551c1c;
	display:inline;
	border:0;
}

#contact input.reset {
	cursor:pointer;
	margin:20px 0 0;
	width:150px;
	color:#000;
	font-weight:bold;
	background:#ddd;
	display:inline;
}

#contact input.submit:hover {
	border:0;
	background-color:#8c3e3e;
	color:#fff;
}

#contact input.reset:hover {
	border:1px solid #000;
	background:#fff;
	color:#000;
}

#contact input.submit:focus {
	border:1px solid #000;
	background-color:#434420;
	color:#fff;
}

#contact input.reset:focus {
	border:1px solid #000;
	background:#fff;
	color:#000;
}

input#city {width:230px}
input#state {width:30px}
input#zip {width:46px}

input.validation-failed, textarea.validation-failed {
	border:1px solid #f00;
	color:#f00;
}

.validation-advice {
	margin:-1px 0 5px;
	padding:4px;
	background:#FF0000;
	color:#fff;
	width:352px;
}

.message {visibility:visible; display:none}

/*	Light Box & Photo Tour............................................................................10 */

/* jQuery lightBox (0.5) */
#jquery-overlay {position:absolute; top:0; left:0; z-index:200; background:#000}
#jquery-lightbox {position:absolute; top:0; left:0; z-index:201; width:100%}
#jquery-lightbox a {border:0}

/* lightbox-container */
#lightbox-container {
	position:relative;
	margin:0 auto;
	background:#FFF;
	width:250px;
	height:250px;
}

img#lightbox-image {padding:10px 10px 0}

#lightbox-nav {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

#lightbox-nav a {
	position:absolute;
	top:0;
	width:50%;
	outline:0;
}

a#lightbox-prevLink {left:0; background:url('../images/lightbox/blank.gif')
}
a#lightbox-nextLink {right:0; background:url('../images/lightbox/blank.gif')
}

a#lightbox-prevLink:hover {background:url('../images/lightbox/prev.png') no-repeat 0 10px
}
a#lightbox-nextLink:hover {background:url('../images/lightbox/next.png') no-repeat 100% 10px
}

#lightbox-loading {
	position:absolute;
	top:45%;
	left:0;
	width:100%;
	height:25%;
	background:url('../images/lightbox/loading.gif') no-repeat 50% 0
}

/* lightbox-data */

#lightbox-data {
	position:relative;
	margin:0 auto;
	padding:0 10px 10px;
	background:#FFF;
	overflow:hidden;
}

#lightbox-data span {
	display:block;
	padding:0 100px 0 0;
	background:#FFF;
}

span#lightbox-caption {font-weight:bold}

span#lightbox-meta {
	color:#666;
	font:.9167em Arial,"Helvetica Neue",Helvetica,sans-serif;
	text-transform:uppercase;
	letter-spacing:.1em;
}

span#lightbox-meta em {
	font-family:Georgia,Palatino,"Palatino Linotype",Times,"Times New Roman",serif;
	text-transform:none;
	letter-spacing:0;
}

a#lightbox-closeLink {
	position:absolute;
	top:0;
	right:0;
	width:70px;
	height:30px;
	background:url('../images/lightbox/close.gif') no-repeat 47px 0;
}

/* Photo Tour */

#phototour {
	float:left;
	width:600px;
	clear:none;
	position:absolute;
}

ul#tour li {
	float:left;
	padding:10px 1.75em 10px 0 !important;
	margin:0;
	display:inline;
	background:none;
	list-style:none;
}
	
ul#tour li.end {padding:0}

ul#tour a {display:block; border:3px solid #551c1c; padding:0}
ul#tour a img {margin:0; border:0}

ul#tour a:hover {border:1px solid #8c3e3e; padding:2px}

/*	Happenings Plugin............................................................................11 */


ul.highlights {
	padding-top:0;
	padding-bottom:0;
	margin-left:22px;
	margin-right:20px;
}

ul.highlights li {
	margin:0;
	padding:0;
	list-style:none;
}

ul.highlights li a {
	list-style:none;
	margin:0;
	padding:0;
}


.box_middle dd {
	margin-left:0;
	padding:0;
}

dl.details#news {
	margin:0 100px 0 30px;
}

#news p{
	margin-left:30px;
	padding:0;
	font-size:.95em;
}


dl p.date{
	font-style:italic;
	color:#555555;
	margin-top:0;
	margin-bottom:0;
}

li.details{
	margin:0;	
	padding:0;
	list-style:none;
	background:#fff url(../images/magnolia_bullet.gif) no-repeat 15px 4px;
	line-height:1em;
	margin-right:100px;
	height:60px;
}

li.details a {
	padding:0;
	margin-top:0;
	margin-bottom:0;
}

h2.news{
	margin:0;
	padding:0;
}

h3.details{
	margin-left:0;
	padding:0;
	font-weight:bold;
	font-size:1.1em;
	text-transform:none; 
} 

/*	FOOTER..........................................................................................8 */

#footer {
	text-align: center;
	padding:1.25em 0 1.25em 0;
	background-color:#551c1c;
	color:#fff;
	clear:both; /* clear #content (#content is floated left to solve IE7 3px bug with ul#textsize) */
	margin-top:20px;
}

#footer p {
	margin:0 0 .25em 0;
	color:#fff;
}

#footer a {color:#fff;text-decoration:underline;}
#footer a:visited {color:#fff;text-decoration:underline;}
#footer a:hover {text-decoration:none;}