/*
	Master Stylesheet for screen media
	All code on this site unless otherwise mentioned is covered by this Creative Commons License:
	
		Attribution-ShareAlike License
		http://creativecommons.org/licenses/by-sa/2.0/
	
	Author: Ryan J. Bonnell, Creative Arc, Inc. (creativearc.com)
*/

body {
	font-size: 62.5%;
	/* in em's 62.5% is equivalent to 16px or Text Size > Medium in browsers */
	/* Therefore, 1em is 10px, 0.8em is 8px, 1.2 em is 12px, 1.6em is 16px.  */
	text-align: center;
	margin: 0 auto;
	color: #000;
	background: #000 url(../images/background.gif) repeat left top;
	}
	
* {
	margin: 0;
	padding: 0;
	}
	
/* Structure + Layout
----------------------------------------------------------------------------- */	

div#wrapper {
	width: 900px;
	margin: 0 auto;
	text-align: center;
	position: relative;
	background: #fff none;
	background: url(../images/wrapper.gif) no-repeat left 160px;
	}

div#container {
	text-align: left;
	margin: 0 0 25px 0;
	padding: 20px 22px 0 30px;
	position: relative;
	min-height: 648px;
	}

div#sidebar {
	float: left;
	width: 210px;
	min-height: 350px;
	margin: 0 25px 0 0;
	padding: 64px 0 0 0;
	position: relative;
	}	

div#content {
	float: left;
	width: 605px;
	min-height: 350px;
	position: relative;
	}

/* Header
----------------------------------------------------------------------------- */

div#header {
	text-align: left;
	position: relative;
	height: 190px;
	background: #fff url(../images/header.jpg) no-repeat left top;
	}

div#header h1 {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 400px;
	height: 100px;
	margin: 15px 0 0 30px;
	}
	
div#header h1 a {
	display: block;
	width: 400px;
	height: 100px;
	border: none;
	text-decoration: none;
	text-indent: -9999px;
	}

div#header p {
	color: #333;
	text-transform: uppercase;
	font: 1.0em/165% Verdana, Helvetica, Arial, sans-serif;
	}
	
div#header p a {
	color: #333;
	padding: 0 2px;
	margin: 0 1px;
	text-decoration: none;
	}

div#header p a:hover {
	text-decoration: underline;
	}		
	
div#header p strong, div#header p strong a {
	color: #000;
	}
		
div#header form {
	text-align: right;
	display: block;
	width: 500px;
	height: 25px;
	position: absolute;
	top: 5px;
	right: 25px;
	padding: 5px;
	}
	
body#search div#header form input,
body#search div#header form button {
	display: none;
	visibility: hidden;
	}

/* General Styles
----------------------------------------------------------------------------- */

p {
	color: #58595b;
	margin-bottom: 1.0em;
	font: 1.2em/165% Helvetica, Arial, sans-serif;
	}
	
h3 {
	color: #58595b;
	text-transform: uppercase;
	margin-bottom: 1.0em;
	border-bottom: 2px solid #939598;
	font: 1.7em/185% "Lucida Grande", Lucida, Helvetica, Arial, sans-serif;
	}

h3 em {
	color: #e44145;
	font-style: normal;
	}
	
body#qualities h3 em {
	color: #afbd22;
	}	

body#community h3 em {
	color: #fdb813;
	}	

body#planning h3 em {
	color: #42c4dc;
	}	
	
h4 {
	color: #f37521;
	margin-bottom: .25em;
	font: 1.6em/125% "Lucida Grande", Lucida, Helvetica, Arial, sans-serif;
	}
	
h4 a {
	color: #f37521;
	}
	
body#search div#content blockquote {
	background: none !important;
	}
	
div#content blockquote {
	padding: 0 0 0.5em 0;
	margin: 0 0 2.5em 0;
	background: #f7dbbf none;
	}

div#content blockquote strong {
	margin: 0 -10px -10px -10px;
	padding: 4px 10px !important;
	color: #fff;
	display: block;
	text-transform: uppercase;
	background: #db6934 none;
	}

div#content blockquote p {
	margin: -0.5em 0 0 0;
	padding: 0 10px 5px 10px;
	}

.welcome {
	color: #58595b;
	font: normal 1.6em/125% "Helvetica-Light", Helvetica, Arial, sans-serif;
	}
	
li {
	color: #58595b;
	margin: 0 0 1.0em 1.5em;
	font: 1.2em/165% Helvetica, Arial, sans-serif;
	}
	
li li {
	margin-bottom: 0.5em;
	font: 100%/165% Helvetica, Arial, sans-serif;
	}	
	
#lightview li {
	font-size: 11px !important;
	}

.breadcrumbs {
	color: #77787b;
	}

.breadcrumbs a {
	color: #77787b;
	text-decoration: none;
	}
	
.breadcrumbs a:hover {
	color: #77787b;
	text-decoration: underline;
	}
	
.pagination a {
	color: #1b75bc;
	}
	
.pagination a:hover {
	color: #333;
	}	

.pagination em {
	font-style: normal;
	padding: 0 3px;
	}
	
.column {
	display: block;
	float: left;
	}
	
	.column.left {
		width: 410px;
		margin: 0 25px 0 0;
		}
		
	.column.right {
		width: 169px;
		min-height: 665px;
		}
		
	.column.right p {
		color: #1b75bc;
		padding: 0.75em 1.0em 1.25em 1.0em;
		background: #faefc9 none;
		margin-bottom: 0;
		line-height: 125%;
		}

	.inline a {
		display: inline !important;
		}
		
	.column.right p a {
		display: block;
		padding-bottom: 3px !important;
		margin-bottom: -8px !important;
		}		
		
	.column.right p a strong {
		margin-bottom: 8px !important;
		padding-bottom: 8px !important;
		}
		
	.column.right ul {
		list-style: disc outside url(../images/marker.gif);
		}
		
	.column.right ul li {
		padding: 0;
		margin-left: 12px;
		line-height: 130%;
		}
		
	.column.right a.active {
		color: #f57220;
		}
		
	.video {
		display: block;
		width: 100%;
		height: 125px;
		margin: 0 0 1.0em 0;
		background: #bcbeC0 none;
		}
		
	.print {
		position: absolute;
		top: 0px;
		right: 0;
		width: 146px;
		padding: 0 0 0 25px;
		line-height: 13px;
		background: url(../images/document.gif) no-repeat left bottom;
		}
		
	.print em {
		font-weight: normal !important;
		font-style: normal;
		color: #b5b5b5;
		}

	.column.intro {
		width: 470px;
		margin: 0 25px 0 0;
		}

	.column.promo {
		width: 350px;
		}
		
	.column.promo strong {
		color: #d02a4a;
		font-weight: bold;
		}		

p.note {
	border: #fc6 1px solid;
	background-color: #ffc;
	padding: 0.5em 1.0em;
	}
	
.error {
	color: #c00;
	border: #fc6 1px solid;
	background-color: #ffc;
	padding: 0.5em 1.0em;
	margin: 0 0 1.0em 0;
	}
	
.error * {
	padding-top: 0.5em;
	color: #c00;
	}
	
.success {
	color: #390;
	border: #fc6 1px solid;
	background-color: #ffc;
	padding: 0.5em 1.0em;
	margin: 0 0 1.0em 0;
	}
	
.success * {
	padding-top: 0.5em;
	color: #c00;
	}	

/* Contact Form
----------------------------------------------------------------------------- */
	
form#contact_form input {
	margin: 0;
	}

form#contact_form textarea {
	width: 284px;
	color: #666;
	padding: 5px;
	}
	
form#contact_form img {
	float: left;
	display: block;
	margin: 0 5px 10px 0;
	}
	
form#contact_form input#captcha {
	float: left;
	display: block;
	width: 135px;
	height: 21px;
	}
	
form textarea {
	color: #58595b;
	font: 11px/165% Verdana, Helvetica, Arial, sans-serif;
	}

/* Home Page Teasers
----------------------------------------------------------------------------- */

dl.teaser {
	width: 401px;
	height: 154px;
	padding: 0 10px 0 0;
	margin: 8px 13px 8px 0;
	float: left;
	}
	
dl.teaser dt {
	margin: 15px 0 -0.25em 125px;
	color: #1f1f1f;
	text-transform: uppercase;
	font: bold 1.8em/100% "Lucida Grande", Lucida, "Trebuchet MS", Helvetica, Arial, sans-serif;
	}
	
dl.teaser dd {
	margin: 15px 0 0 125px;
	color: #58595b;
	font: 1.2em/110% Helvetica, Arial, sans-serif;
	}
	
dl.teaser dd.tour a {
	font-size: 0.9em;
	padding: 0 4px 0 0;
	}

dl.teaser.one {
	background: url(../images/intros/1.gif) no-repeat left top;
	}

dl.teaser.two {
	background: url(../images/intros/2.gif) no-repeat left top;
	}

dl.teaser.three {
	background: url(../images/intros/3.gif) no-repeat left top;
	}

dl.teaser.four {
	background: url(../images/intros/4.gif) no-repeat left top;
	}

/* Sidebar Navigation
----------------------------------------------------------------------------- */

div#sidebar * {
	line-height: 110%;
	font-weight: bold;
	}

div#sidebar ol {
	}

div#sidebar li {
	color: #f57220;
	}
	
div#sidebar li a {

	}

div#sidebar dl {
	color: #58595b;
	font: 1.2em/165% Helvetica, Arial, sans-serif;
	position: absolute;
	top: 340px;
	width: 200px;
	display: block;
	text-align: center;
	margin: 0 auto;
	}
	
div#sidebar dl dt {
	}
	
div#sidebar dl dd {
	margin: 0 0 2.0em 0;
	}
	
div#sidebar dl dt.comments {
	padding: 0 25px 0 0;
	}
	
p.start, p.finish {
	padding: 0 0 0 18px;
	background: url(../images/arrow.gif) no-repeat 3px top;
	}
	
p.about {
	padding: 1px 0 1px 18px;
	background: url(../images/about.gif) no-repeat 3px top;
	}
	
.admin {
	position: absolute;
	top: 20px;
	left: 30px;
	width: 817px;
	margin: -20px 0 0 0 !important;
	font: 1.0em/150% Verdana, Tahoma, Arial, sans-serif !important;
	}
	
.edit {
	padding: 0 0 0 16px;
	background: url(../admin/images/spellcheck.gif) no-repeat left center;	
	}	

.edit a {
	color: #000;
	text-decoration: none;
	padding: 0 0 1px 0;
	border-bottom: 1px solid #ccc;
	}
	
.edit a:hover {
	border-bottom: 1px solid #333;
	}	

/* Generic Table Formatting
----------------------------------------------------------------------------- */

table {
	font: 1.1em/150% Verdana, Tahoma, Arial, sans-serif;
	color: #ccc;
	border: 1px solid #ccc;
	border-collapse: collapse;
	vertical-align: top;
	width: 100%;
	background: #fff none;
	margin: 0 0 1.0em 0;
	}

table th {
	padding: 0.5em;
	border-collapse: collapse;
	border: 1px solid #ccc;
	vertical-align: top;
	text-align: left;
	color: #fff !important;
	background: #333;
	}
	
table tr, table td {
	padding: 0.5em;
	border-collapse: collapse;
	border: 1px solid #ccc;
	vertical-align: top;
	text-align: left;
	color: #000;
	}
	
th.question {
	width: 60%;
	}

th.before, th.after {
	width: 20%;
	}
	
.rowTint {
	background: #eee none;
	}
	
/* Login Form
----------------------------------------------------------------------------- */

fieldset {
	border: 1px solid #939598;
	padding: 1.0em;
	}
	
fieldset legend {
	padding: 0 0.5em;
	font: bold 12px/20px Arial, sans-serif;
	}
	
fieldset form label {
	display: block;
	width: 75px;
	float: left;
	}

fieldset form input[type="text"] {
	display: block;
	width: 150px;
	float: left;
	margin-bottom: 0.5em;
	}
	
fieldset form p {
	display: block;
	clear: both;
	margin: 0.5em 0;
	}
	
.highlight {
	background: #ffc;
	padding: 3px 1px;
	}

/* Generic Form Styling
----------------------------------------------------------------------------- */
	
form input {
	color: #666;
	padding: 3px 3px 2px 3px;
	margin: 0 0 0 3px;
	}
	
button {
	border: none;
	color: #fff;
	cursor: pointer !important;
	text-transform: uppercase;
	margin: 0 0 0 3px;
	padding: 1px 3px 0px 3px;
	font: bold 12px/20px Arial, sans-serif;
	background: #dd5237 none;
	border-right: 1px solid #808487;
	border-bottom: 1px solid #808487;
	}
	
/* File Download Icons
----------------------------------------------------------------------------- */	
	
.doc {
	padding: 5px 0 5px 20px;
	background: transparent url(../images/icons/doc.gif) no-repeat left 50%;
	}
	
.jpg {
	padding: 5px 0 5px 20px;
	background: transparent url(../images/icons/jpg.gif) no-repeat left 50%;
	}

.mp3 {
	padding: 5px 0 5px 20px;
	background: transparent url(../images/icons/mp3.gif) no-repeat left 50%;
	}

.pdf {
	padding: 5px 0 5px 20px;
	background: transparent url(../images/icons/pdf.gif) no-repeat left 50%;
	list-style: none;
	}

.ppt {
	padding: 5px 0 5px 20px;
	background: transparent url(../images/icons/ppt.gif) no-repeat left 50%;
	list-style: none;
	}	
	
.txt {
	padding: 5px 0 5px 20px;
	background: transparent url(../images/icons/txt.gif) no-repeat -1px 50%;
	}	

.xls {
	padding: 5px 0 5px 20px;
	background: transparent url(../images/icons/xls.gif) no-repeat left 50%;
	list-style: none;
	}

.zip {
	padding: 5px 0 5px 20px;
	background: transparent url(../images/icons/zip.gif) no-repeat left 50%;
	list-style: none;
	}
	
/* Footer
----------------------------------------------------------------------------- */

div#footer {
	clear: both;
	text-align: left;
	position: relative;
	width: 840px;
	padding: 15px 30px;
	margin: 15px 0;
	background: url(../images/footer.gif) no-repeat left bottom !important;
	}

div#footer p {
	color: #000;
	font: 1.1em/150% "Lucida Grande", Lucida, Helvetica, Arial, sans-serif;
	}
	
div#footer p a {
	color: #1e75bc;
	text-decoration: underline;
	}
	
div#footer p a:hover {
	color: #000;
	}	

div#footer hr {
	margin: 0 0 20px 0;
	}

div#footer em {
	font-style: normal;
	}
	
div#footer .copyright {
	color: #000;
	}	
	
div#footer .copyright a {
	text-decoration: none;
	}
	
/* Common Classes
----------------------------------------------------------------------------- */

a {
	outline: none;
	color: #1b75bc;
	}

a:hover {
	color: #000;
	}

a img {
	border: none;
	text-decoration: none;
	}
	
.float-right {
	float: right;
	}

.float-left {
	float: left;
	}
	
img.float-left {
	margin: 0 1.0em 0.5em 0;
	}

.align-left {
	text-align: left;
	}
	
.align-right {
	text-align: right;
	}
	
.centered {
	display: block;
	margin: 0 auto;
	text-align: center;
	}
	
.em, italic, oblique {
	font-style: italic;
	}
	
.error {
	color: #c00;
	font-weight: bold;
	}
	
.strong {
	font-weight: bold;
	}
	
.hidden {
	display: none;
	}
	
.clear {
	display: block;
	clear: both;
	}
	
hr { 
	width: 100%;
	border-top: none;
	border-right: none;
	border-bottom: 1px solid #939598;	
	border-left: none;
	line-height: 1px;
	height: 1px;
	margin: 5px auto 5px auto;
	clear: both;
	display: block;
	text-decoration: none;
	}
	
code {
	color: #666;
	display: inline;
	white-space: nowrap;
	text-align: left;
	font: 12px/125% "Courier New", Courier, Monaco, monospace;
	}