/* Default------------------------------------------------------------------------ */
html,body{ margin: 0px; padding: 0px; }
body{ font-family: Verdana, Arial, sans-serif; background: rgb(147,149,25) url(../images/bg_1.jpg) center top repeat-y; }
body.mae { background: rgb(124,27,96) url(../images/bg_2.jpg) center top repeat-y; }
h1,h2,h3,h4{ font-family: 'Lucida Grande', Verdana, Arial, sans-serif;  color: rgb(0,0,0); margin: 0px; }
h2{ font-size: 14px; margin: 0px; margin-top: 10px; padding-bottom: 4px; }
h3 { font-size: 13px; padding: 10px; margin: 0px; }
p{ font: normal 14px  Arial, Tahoma, Verdana,  sans-serif; margin: 0px; line-height: 1.4em; padding-bottom: 5px;}
a{ color: rgb(0,0,255); }
a:hover{  text-decoration: underline;}
img{ margin: 0px; border: 0px; }
br { clear: both; }

div.container { width: 760px; margin: 0px auto; }
div.container { background: url(../images/header_wrap_bg_2.jpg) no-repeat; padding-top: 15px; margin-top: 10px;}
/* Header------------------------------------------------------------------------- */

div.header { background: rgb(255,255,255) url(../images/header_bg.jpg) right bottom no-repeat; }
div.header h1 { display: block; background: url(../images/header_logo.jpg) no-repeat; width: 393px; height: 260px; font-size: 40px; font-weight: normal; margin-left: 20px;}
div.header span { display: none; }

.mae .header h1 { display: block; background: url(../images/header_logo_foundations.jpg) no-repeat; width: 420px; height: 260px; font-size: 40px; font-weight: normal; margin-left: 20px;}
.mae div.container { background: url(../images/header_wrap_bg.jpg) no-repeat; }
.mae div.footer { background: url(../images/footer_bg.jpg) no-repeat bottom; }


div.header div.contact_info { float: right; margin-top: 128px;}
div.header div.contact_info p { font-size: 18px; }
/* Navigation--------------------------------------------------------------------- */
div.navigation { background: rgb(85,94,10); height: 90px; }
div.navigation ul { float: left; margin: 0px; padding: 0px; padding-left: 6px; width: 330px;}
div.navigation li { display: block; float: left; list-style: none; margin: 0px;  margin-right: 2px; padding:0px; margin-top: 10px; }
div.navigation a{ display: block; float: left; font-size: 15px; color: rgb(145,161,36);  text-decoration: none; margin:0px; padding: 0px 6px; }
div.navigation a:hover{  color: rgb(255,255,255); background: none; text-decoration: none; }
div.navigation li.active a { color: rgb(255,255,255); text-decoration: underline;  }
div.navigation li.right_side { float: right; }

div.signup_tips { width: 415px; float: right; padding: 10px 0px; text-align: left; }
div.signup_tips div.title { width: 200px; float: left; padding-right: 5px; }
div.signup_tips h2 { color: rgb(145,161,36); margin: 0px; font-size: 11px; font-weight: normal;}
div.signup_tips h2 span { color: rgb(205,225,96); font-size: 18px; }
div.signup_tips div.email { float: left ; width: 100px; padding-top: 5px; }
div.signup_tips div.email label { color: rgb(205,225,96); font-size: 12px; display: block; padding-left: 2px; }
div.signup_tips div.email input.email { font-size: 14px; border: solid 1px rgb(80,80,80);}

.mae div.quotes { padding: 20px; border: solid 1px rgb(230,230,230); background: rgb(255,240,255); }
.mae div.quotes p{ color: rgb(85,94,10); font-family: Georgia; font-style: italic; }
.mae div.quotes p.quotee { display: block; width: 170px; float: right; }

.mae div.red_quotes { padding: 20px; border: solid 1px rgb(230,230,230); background: rgb(255,240,255); }
.mae div.red_quotes p{ color: rgb(180,0,0); font-family: Georgia; font-style: italic; }
.mae div.red_quotes p.quotee { display: block; width: 170px; float: right; }
.mae h2 a { color: rgb(128,128,0); font-size: 22px; }
.mae h2.big { font-family: Georgia; text-align: center; font-weight: bold; font-size: 20px; padding-bottom: 10px; }
.mae h2.big a { color: rgb(83,13,63); text-decoration: underline; font-style: italic; padding: 4px 6px; }
.mae h2.big a:hover { background: rgb(227,73,183); }
.mae p.dona { text-align: center; padding: 20px 0px; }

.mae div.end_quote { width: 300px; text-align: center; margin: 0px auto; }
.mae div.quick_links { text-align: center; padding-top: 4px; }
/* Content------------------------------------------------------------------------ */
div.wrapper { background: rgb(255,255,255); }
div.content { background: rgb(255,255,255); font-size: 14px; clear: both; padding: 5px 10px; padding-top: 1ppx; }

div.home { padding-top: 10px; }
div.intro { float: left; width: 300px; }
div.intro p { padding-bottom: 10px; }
div.google_map { float: right; padding-left: 10px; }

div.contact_block { float: left; width: 300px; }

div.services h2 { color: rgb(126,152,3); font-size: 18px; }
div.services div { float: left; width: 228px; padding: 0px 8px; height: 270px;}

div.gallery { margin-left: 30px; padding-top: 20px; }
div.gallery a { background: none;} 
div.gallery a img { border: solid 3px rgb(208,219,68);}
div.gallery a:hover img { border: solid 3px rgb(56,190,114);}

div.youtube_video { width: 425px; float: right; }
/* Lightbox------------------------------------------------------------------------ */
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; }
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

/* Footer------------------------------------------------------------------------ */
div.footer { background: url(../images/footer_bg_2.jpg) no-repeat bottom; clear: both; padding: 10px; margin-top: 5px; margin-bottom: 15px; }