/*************************
basic html tags
*************************/
html,body {
	height:100%;
	width:100%;
	display:table;
}

body {
	margin:0px;
	padding:0px;
	background-color:#00372F;
	background-image:url(../images/bg.jpg);
	background-repeat:repeat-x;
	font-family:Arial,sans-serif;
	font-size:11px;
	line-height:15px;
	color:#F2FFFD;
	/*letter-spacing:1px;*/
}

img {
	border:0;
}

h1 {
	margin:0;
	padding:0;	color:#FFFFFF;	font-size:14px;
}

h2 {
	margin:0;
	padding:0;
	height:31px;
}	

h3 {
	margin:0;
	padding:0;
	font-weight:bold;
	font-size:11px;
}

h4{
	margin:0;
	padding:0;
	font-size:11px;
	font-weight:bold;
}	

h3 span.highlight {
	padding-right:8px;
	color:#FFA800;
}

/************************
main layout elements
************************/
div#wrapper {
	display:table-cell;
	vertical-align: middle;
	padding-top:8px;
}

div#container {
	width:723px;
	height:604px;
	margin-left:auto;
	margin-right:auto;
}

div#contentarea {
	height:480px;
	background-color:#00372F;
	background-image:url(../images/bg_container.gif);
}

div#nav {
	clear:both;
	height:94px;
	width:100%;
	border-top:solid 2px #A6DDD2;
	background-color:#7AC4B7;
	background-image:url(../images/bg_nav.jpg);
	background-repeat:repeat-x;
}

div#footer {
	clear:both;
	height:20px;
	background-color:#00372F;
}

div#drop {
	height:8px;
	width:723px;
	margin-left:auto;
	margin-right:auto;
	background-image:url(../images/bg_dropshadow.png);
	background-repeat:no-repeat;
}

/************************
nav content
************************/
div#nav div.zone1 {
	float:left;
	width:183px;
	height:100%;
}

div#nav div.zone2 {
	float:left;
	width:540px;
	height:100%;
	background-image:url(../images/logo_echo.jpg);
	background-repeat:no-repeat;
	background-position:bottom right;
}

div#nav div.zone1 img {
	display:block;
	height:94px;
	width:162px;
	margin-left:5px;
}

div#nav div.zone2 p {
	margin:0;
	padding:40px 0 0 0 ;
}

div#nav div.zone2 a, div#nav div.zone2 img.divider {
	display:block;
	float:left;
}

div#nav div.zone2 img.divider {
	margin-left:8px;
	margin-right:8px;
}

div#nav div.zone2 a {
	height:10px;
	overflow:hidden;
}

div#nav a.link1 {
	width:35px;
}

div#nav a.link2 {
	width:42px;
}

div#nav a.link3 {
	width:145px;
}

div#nav a.link4 {
	width:40px;
}

div#nav a.link5 {
	width:53px;
}

div#nav a.link6 {
	width:49px;
}

div#nav div.zone2 a:hover, div#nav div.zone2 a:active {
	text-indent:-200px;
}

div#nav div.zone2 a.link1:hover, div#nav div.zone2 a.link1:active {
	background-image:url(../images/nav_home_on.gif);
	background-repeat:no-repeat;
}

div#nav div.zone2 a.link2:hover, div#nav div.zone2 a.link2:active {
	background-image:url(../images/nav_events_on.gif);
	background-repeat:no-repeat;
}

div#nav div.zone2 a.link3:hover, div#nav div.zone2 a.link3:active {
	background-image:url(../images/nav_portraits_on.gif);
	background-repeat:no-repeat;
}

div#nav div.zone2 a.link4:hover, div#nav div.zone2 a.link4:active {
	background-image:url(../images/nav_about_on.gif);
	background-repeat:no-repeat;
}

div#nav div.zone2 a.link5:hover, div#nav div.zone2 a.link5:active {
	background-image:url(../images/nav_contact_on.gif);
	background-repeat:no-repeat;
}

div#nav div.zone2 a.link6:hover, div#nav div.zone2 a.link6:active {
	background-image:url(../images/nav_gallery_on.gif);
	background-repeat:no-repeat;
}

/************************
footer content
************************/
div#footer p {
	margin:0;
	padding:3px 0 0 0;
	text-align:center;
	color:#73BDAC;
	font-size:10px;
	letter-spacing:0em;
}

/************************
home page
************************/

img.homephoto {
	display:block;
	height:480px;
	margin:0;
}

/************************
events page
************************/
div.eventsInfo {
	height:480px;
	background-image:url(../images/bg_events.jpg);
	background-repeat:no-repeat;
}

/*use only if img.eventsButton is NOT showing on the page*/
div.eventsInfo h2 {
	margin-bottom:12px;
}

img.eventsButton {
	display:block;
	height:25px;
	margin-left:auto;
	margin-right:auto;
	margin-top:9px;
	padding-left:5px;
}

div.eventsInfo p.intro {
	width:649px;
	text-align:center;
	font-weight:bold;
	margin-top:4px;
	margin-bottom:15px;
	padding-bottom:15px;
	background-image:url(../images/bg_dotted_line_horiz.gif);
	background-position:left bottom;
	background-repeat:repeat-x;
}

div.eventColumns {
	width:670px;
	height:397px; /*height adj in ie css */
	margin-left:37px;
	overflow:auto;
}

div.eventsInfo div.section1, div.eventsInfo div.section2, div.eventsInfo div.section3 {
	height:312px;
}

div.eventColumns p {
	margin:10px 0 0 0;
}

div.eventColumns h4 {
	margin-top:10px;
}

div.eventsInfo div.section1 {
	float:left;
	width:176px;
	padding-right:25px;
	background-image:url(../images/bg_dotted_line_vert.gif);
	background-position:right top;
	background-repeat:repeat-y;
}

div.eventsInfo div.section2 {
	float:left;
	width:205px;
	padding-left:20px;
	padding-right:25px;
	background-image:url(../images/bg_dotted_line_vert.gif);
	background-position:right top;
	background-repeat:repeat-y;
}

div.eventsInfo div.section3 {
	float:left;
	width:168px;
	padding-left:20px;
}

img.eventsBottom {
	display:block;
	clear:both;
}

/************************
events preview page
************************/
div.eventsPreview {
	height:435px;
	display:table;
}

div.eventsPreview div.pageNav {
	height:25px;
	padding-top:3px;
	padding-right:17px;
	text-align:right;
	color:#FFFFFF;
}

div.eventsPreview div.pageNav .current {
	color:#FFA800;
	font-weight:bold;
}

div.eventsPreview div.pageNav a,div.eventsPreview div.pageNav a:visited {
	color:#FFFFFF;
	font-weight:normal;
	text-decoration:none;
}

div.eventsPreview div.pageNav a:hover,div.eventsPreview div.pageNav a:active {
	text-decoration:underline;
}

div.eventsPreview div.pageTitle {
	width:640px;
	height:39px;
	margin-left:auto;
	margin-right:auto;
	clear:both;
}

div.eventsPreview div.pageTitle h3, div.eventsPreview div.pageTitle img {
	display:block;
	float:left;
}

div.eventsPreview div.pageTitle h3 {
	padding-top:4px;
	margin-right:22px;
}

div.eventsPreview div.thumbs {
	height:368px;
	width:660px;
	margin-left:40px;
	clear:both;
	
	overflow:auto;
}

div.eventsPreview div.thumbRow {
	clear:both;
	height:72px;
}

div.eventsPreview div.thumbs img {
	width:58px;
	height:58px;
	border:solid 1px #34635D;
	display:block;
	float:left;
}

div.eventsPreview div.thumbs a {
	margin-right:10px;
	margin-bottom:10px;
	width:62px;
	height:62px;
	display:block;
	float:left;
}

img.previewButton {
}

img.eventsPreviewBottom {
	display:block;
	clear:both;
}

/************************
portraits page
************************/

div.portraitRow {

}

img.portrait1 {
	display:block;
	width:100%;
}

img.portrait2 {
	width:246px;
}

img.portrait3 {
	width:260px;
}

img.portrait4 {
	width:217px;
}

/************************
about page
************************/
div.aboutInfo {
	height:435px;
	display:table;
}

div.aboutInfo div.section1 {
	width:360px;
	float:left;
}

img.aboutPhoto {
	width:360px;
	height:435px;
	display:block;
}

img.aboutBottom {
	display:block;
	clear:both;
}

div.aboutInfo div.section2 {
	width:363px;
	float:left;
	height:435px;
	overflow:auto;
}

div.aboutInfo div.section2 p {
	margin:7px 25px 10px 15px;
	padding:0;
}

/************************
contact page
************************/
div.contactInfo {
	height:172px;
	background-image:url(../images/bg_contactinfo.gif);
	background-position:148px bottom;
	background-repeat:no-repeat;
	overflow:auto;
}

div.contactInfo div.section1 {
	width:472px;
	height:68px;
	margin-left:auto;
	margin-right:auto;
	background-image:url(../images/bg_dotted_line_horiz.gif);
	background-position:left bottom;
	background-repeat:repeat-x;
}

div.contactInfo div.section1 p {
	margin:0px;
	padding:47px 0 0 0;
}

div.contactInfo div.section1 img.divider {
	margin-left:15px;
	margin-right:15px;
}

div.contactInfo div.section2, div.contactInfo div.section3 {
	margin-top:12px;
}

div.contactInfo div.section2 {
	float:left;
	width:290px;
	padding:0 10px 0 50px;
	border-right:solid 1px #000A09;
}

div.contactInfo div.section3 {
	float:left;
	clear:right;
	width:285px;
	padding:0 0 0 20px;
	border-left:solid 1px #6CAEA0;
}

div.contactInfo div.section2 p, div.contactInfo div.section3 p{
	margin:0;
	padding:0
}

img.contactPhoto {
	display:block;
	width:100%;
}

/************************
gallery page
************************/
div.galleryInfo {

}

div.galleryInfo ul {
	margin-top:15px;
	margin-left:30px;
	padding-top:15px;
	padding-left:0;
}

div.galleryInfo li {
	list-style:none;
	background-image:url(../images/arrow_orange_lg.gif);
	background-repeat:no-repeat;
	padding:0;
	padding-left:12px;
	margin-bottom:16px;
}

div.galleryInfo li img.btn {
	padding-left:12px;
}

div.galleryInfo li a {
	color:#FFFFFF;
	font-weight:bold;
	display:table;
}

div.galleryInfo li a.lessmargin img {
	margin-top:-2px;
}
div.galleryInfo li a.lessmargin img.btn {
	margin-bottom:1px;
}

/************************
misc
************************/
.allcaps {
	text-transform:uppercase;
}

.highlight {
	color:#FFA800;
}