/* Import the stylesheet resetter! */
@import 'reset.css' ;

/* Global Styles */

body { background: #d8f0e7; padding-bottom: 30px; }

#container {
	margin: 10px auto;
	width: 791px;
	position: relative;
	background: #fff;
}

#branding {
	height: 161px;
	background: #fff url(/images/site/branding-bg.png) no-repeat left top;
}
#branding a {
	position: absolute;
	left: 20px;
	top: 20px;
	width: 195px;
	height: 70px;
	text-indent: -9999px;
}

#rotatorpics {
	position: absolute;
	left: 442px;
	top: 60px;
	height: 55px;
	width: 318px;
	overflow: hidden;
	background: #ec7d56;
}
#rotatorpics #imageborder {
	height: 55px;
	width: 318px;
	position: absolute;
	left: 0;
	top: 0;
	background: transparent url(/images/site/rotatingpics-bg.png) no-repeat right top;
	cursor: pointer;
}
#rotatorpics img { padding-right: 2px; padding-top: 2px; }

#siteinfo {
	height: 31px;
	padding: 70px 0 0 0;
	background: transparent url(/images/site/siteinfo-bg.png) no-repeat left top;
	line-height: 1.4;
	color: #00919e;
	font-size: 1.1em;
}
#siteinfo a { color: #00919e; text-decoration: none; }
#siteinfo a:hover { text-decoration: underline; }
#siteinfo a strong { color: #ec7d56; }

/* Navigation */

#navmain {
	position: absolute;
	left: 7px;
	top: 125px;
}

#navmain li {
	float: left;
	margin-left: 3px;
}
#navmain li a {
	display: block;
	height: 22px;
	width: 108px;
	text-indent: -9999px;
}

#navmain li#navgallery {
	position: absolute;
	right: -10px;
	top: -125px;
	width: 70px;
}

/* Content Area */

#content { 
	width: 731px;
	padding: 0 30px 10px;
	overflow: auto;
}

#content-main {
	float: left;
	width: 448px;
	padding-right: 15px;
	margin-top: 15px;
	margin-right: 15px;
	background: transparent url(/images/site/content-main-bg.png) repeat-y right top;
	overflow: visible; 
}
#content-supp {
	float: left;
	width: 253px;
	margin-top: 22px;
}

#content-main h1 {
	font-size: 2.0em;
	line-height: 1.4;
	font-family: Tahoma;
	font-weight: normal;
	color: #ec7d56;
	margin-bottom: 0.5em;
	background: #fff;
}

#content-main h2 { font-size: 1.8em; margin-bottom: 0.5em; line-height: 1.4; font-weight: normal; }
#content-main h3 { font-size: 1.6em; margin-bottom: 0.5em; line-height: 1.4; font-weight: normal; }
#content-main h4 { font-size: 1.5em; margin-bottom: 0.5em; line-height: 1.4; font-weight: normal; }
#content-main h5 { font-size: 1.4em; margin-bottom: 0.5em; line-height: 1.4; font-weight: normal; }

#content-main p,
#content-main ul,
#content-main ol {
	font-size: 1.2em;
	line-height: 1.4;
	color: #666;
	margin-bottom: 1em;
}
#content-main ul ul,
#content-main ul ol,
#content-main ol ul,
#content-main ol ol {
	font-size: 1em;
}

#content-main a {
	text-decoration: none;
	font-weight: bold;
	color: #ec7d56;
}
#content-main a:hover { text-decoration: underline; }

#content-main blockquote { background: #e67d56; padding: 20px 20px 10px; margin-bottom: 2em; }
#content-main blockquote h2,
#content-main blockquote h3,
#content-main blockquote h4,
#content-main blockquote h5,
#content-main blockquote p { color: #fff; }
#content-main blockquote a { color: #fff; }


/* Picturebox */

#picturebox {
	float: left;
	width: 170px;
	margin-right: 15px;
}
#picturebox .picture { margin: 3px 0 10px; position: relative; }
#picturebox .picture a { 
	background: transparent url(/images/site/picturebox-bg.png) no-repeat left top; 
	position: absolute;
	left: 0;
	top: 0;
	height: 107px;
	width: 170px;
	text-indent: -9999px;
}

/* Directory Page */

.directoryentry { border-top: 2px dotted #d8f0e7; padding-top: 8px; }
.directoryentry p { margin-left: 20px; }

/* Gallery Page */

.galleryitem {
	float: left;
	width: 124px;
	padding: 5px 10px;
	text-align: center;
	font-size: 0.91em;
	line-height: 1.2;
	min-height: 111px;
}
.galleryitem p {
	margin-top: 5px;
}
#content-main .galleryitem a {
	font-weight: normal;
	color: #666;
}

/* Form Styles */

#content-main form h2 {
	color: #fff;
	background: #ee7d56;
	margin-bottom: 0;
	padding: 0 10px;
	font-weight: normal;
	line-height: 1.6;
}
#content-main form fieldset {
	background: #d8f0e7;
	margin-bottom: 1em;
	padding: 5px 0;
}

#content-main .singletext,
#content-main .multitext,
#content-main .select {
	overflow: auto;
	padding: 5px 10px;
}

#content-main .singletext input,
#content-main .multitext textarea,
#content-main .select select {
	font-size: 1.2em;
	padding: 2px 5px;
	color: #333;
	border: 1px solid #ee7d56;
	font-family: Arial;
	float: left;
	width: 215px;
}

#content-main .select select { padding: 2px; width: 227px; }
#content-main .multitext textarea { height: 100px; }

#content-main .error input,
#content-main .error textarea,
#content-main .error select {
	background: #fee;
	border-color: #a00;
}

#content-main form label {
	float: left;
	width: 190px;
	margin-right: 10px;
	color: #333;
	font-size: 1.2em;
	line-height: 1.4;
	padding-top: 2px;
}
#content-main form .reqd label { font-weight: bold; }

#content-main .button input {
	float: right;
	border: 2px solid #ee7d56;
	background: #d8f0e7;
	color: #333;
	padding: 3px 5px;
	cursor: pointer;
	font-size: 1.2em;
	margin-right: 11px;
}

/* Ads Block */

#onsiteBanner { margin-bottom: 10px; }
#onsiteBanner a { display: block; margin-bottom: 10px; }
#onsiteBoxes { overflow: auto; padding-bottom: 10px; }
#onsiteBoxes div { width: 121px; float: left; }
#ad1 { margin-right: 11px; }
#onsiteBoxes a { display: block; }
#googleSkyscraper { overflow: auto; padding-bottom: 10px; }
#googleSkyscraper div { width: 120px; float: left; }
#skyscraper1 { margin-right: 13px; }
#googleLeaderboard { padding-top: 50px; clear: left; }

/* Misc Styles */

hr { display: none; }

#error { border: 1px solid #f00; color: #f00; background: #fee; padding: 5px 5px 0; margin-bottom: 1em; }

#wxButtonFrame { margin: 10px 0 0 35px; }