/*#############################################################################
#
# File:	common.css
#
#   ©2010	Elysian Community Management, LLC
#
#	This file and its contents are protected under U.S. copyright law. Any
#	unauthorized alteration, distribution, or reproduction will be prosecuted
#	to the maximum possible extent of the law.
#
#############################################################################*/

/* Elements */

body, div, p, .p, label, li, a, dt, dd, input, textarea {
	font: 13px Verdana, Arial, sans-serif;
	color: #000;
	text-align: left;
}

body {
	background: #fff url(../images/bg-grad.jpg) repeat-x;
}

h1, h2, h3, .h3, h4 {
	font-family: Arial, sans-serif;
	text-align: left;
	color: #3a47a5;
	padding: 12px 0px;
}


h1 {
	font-size: 19px;
	padding: 11px 0 3px;
	font-style: italic;
}

h1 img {
	vertical-align: text-bottom;
}

h2 {
	font-size: 16px;
	padding: 0 0 12px;
	font-style: italic;
}

h3, .h3 {
	font: bold 23px "Bradley Hand ITC", "Arial Narrow", Arial, sans-serif;
	padding: 0;
}

a img {
	border: 0px;
}


a:link 		{ color: #000; }
a:visited 	{ color: #7a6763; }
a:hover 	{ color: #3a47a5; }
a:active	{ color: #3a47a5; }


textarea, select, input[type="text"] {
	border: solid 1px #7a6763;
}

p, .p {
	line-height: 1.5em;
	padding: 0px 0px 10px;
	display: block;
}

ul {
	line-height: 1.5em;
	list-style:	disc;
	padding: 0 0 15px;
}

ol {
	list-style-type: decimal;
}

li {
	margin: 0 0 10px 25px;
}

dl {
	margin: 0px;
	padding: 5px 0px;
}

table {
	width: 100%;
}

strong {
	font-weight: bold;
	font-style: italic;
}

em {
	font-weight: normal;
	font-style: italic;
}

input[type="radio"],
input[type="checkbox"]
{
	vertical-align: middle;
	padding: 0 5px 0 0;
}







/* Buttons */

.buttonContainer {
	padding: 10px 0;
	text-align: center;
}

input[type="button"]
{
	cursor: pointer;
}

input[type="button"]:hover,
input[type="button"]:active {
	cursor: pointer;
}

.buttonDisabled:hover,
.buttonDisabled:active {
	color:			#aaa;
	background: #f0f7d6 url(../images/button-bg.gif) repeat-x;
}




/* Common Classes */

.border {
	border: solid 2px #7a6763;
}

.small {
	font-size: 75%;
}

.hidden {
	display: none;
}

.hr {
	height: 1px;
	width: 100%;
	background-color: #7a6763;
	margin: 20px 0;
}

.floatLeft {
	float: left;
}

.floatRight {
	float: right;
}

.clearBoth {
	clear: both;
}

.noBorder, 
.noBorder td, 
.noBorder tr {
	border: 0px;
}

.underline {
	height: 1px;
	width: 100%;
	background-color: #7a6763;
	margin: 0 0 20px;
}


/* Error Page Content */

#error {
	color: #000;
	width: 500px;
}

.errorHead {
	color: #F00;
	font-size: 15px;
	font-weight: bold;
}

.errorFoot {
	margin-top: 40px;
	font-size: 10px;
	width: 300px;
	border: 1px #000 solid;
	background-color: #EEE;
}





/* Main Page Structure */

#webPage {
	width: 800px;
}

#siteHeader {
	width:	800px;
	height:	328px;
	background: #407a0c url(../images/header.jpg) no-repeat;
	background-color: #407a0c;
}

#panelMainTop {
	width: 800px;
	height: 16px;
	background: url(../images/page-vert.gif) no-repeat;
}

#panelMain {
	width: 800px;
	background: url(../images/page-back.gif) repeat-y;
}

#panelMainBottom {
	width: 800px;
	height: 16px;
	background: url(../images/page-vert.gif) no-repeat;
	background-position: bottom;
}

#panelMainLeft {
	float: left;
	width: 210px;
	margin: 4px 20px;
	position: relative;
}

#panelMainRight {
	margin-left: 260px;
	width: 510px;
}

#panelMainFull {
	padding: 4px 20px;
}

#copyright {
	clear: both;
	padding: 5px 16px;
}

.wmark	{
	color: #FFF !important;
	font-size: 9px;
	margin: 0 16px;
}




/* Navigation */

#navigationHead {
	width: 620px;
	text-align:	center;
	margin: 0 80px;
	padding: 10px;
	list-style: none;
	position: absolute;
}

#navigationHead li {
	display: inline;
	list-style: none;
	margin: 0 20px;
	position: relative;
}

#navigationHead a {
	font: bold italic 15px Arial, sans-serif;
	text-align: center;
	text-decoration: none;
}

#navigationHead a:link 		{ color: #fff; }
#navigationHead a:visited 	{ color: #fff; }
#navigationHead a:hover 	{ color: #f4d32c; }
#navigationHead a:active	{ color: #f4d32c; }

.navSelected {
	color: #f4d32c	!important;
}

/* subMenuSystem class is assigned through menusystem() jquery extension */
.subMenuSystem ul {
	background-color: #3a47a5;
	border: solid 2px #f0e7fc;
	padding: 0;
	position: absolute;
	z-index: 5;
	left: 0px;
	width: 175px;
	top: 20px;
}

#navigationHead li li{
	height: 24px;
	margin: 7px 18px;
	display: block;
	clear: both;
}

.subMenuSystem ul a {
	font-size: 14px !important;
}




/* Navigation Footer */

#navigationFoot {
	width: 800px;
	text-align:	center;
	padding: 20px 0 0;
	clear: both;
	background-color: #044600;
}

#navigationFoot ul {
	font-size:	9pt;
	margin:	0px;
}

#navigationFoot li {
	display:	inline;
	list-style:	none;
	margin: 0px 8px;
}

#navigationFoot a {
	margin: 20px;
}

#navigationFoot a:link 		{ color: #fff; }
#navigationFoot a:visited 	{ color: #f7f2b2; }
#navigationFoot a:hover 	{ color: #f4d32c; }
#navigationFoot a:active	{ color: #f4d32c; }




/* Left-hand Content */

.h2MainLeft {
	padding: 0 0 3px;
}

#panelCalloutTop {
	width: 210px;
	height: 15px;
	background: url(../images/callout.gif) no-repeat;
}

#panelCallout {
	width: 180px;
	background: url(../images/callout-back.gif) repeat-y;
	padding: 0px 15px;
}

#selectCommunity {
	width: 180px;
}

#panelCalloutBottom {
	width: 210px;
	height: 15px;
	background: url(../images/callout.gif) no-repeat;
	background-position: bottom;
}


#panelDefinitionTop {
	width: 210px;
	height: 19px;
	background: url(../images/braces.gif) no-repeat;
	margin: 20px 0 5px;
}

#panelDefinition {
	width: 190px;
	padding: 0px 10px;
}

#panelDefinitionBottom {
	width: 210px;
	height: 19px;
	background: url(../images/braces.gif) no-repeat;
	background-position: bottom;
	margin: 5px 0;
}

#panelDefinition dt {
	font: bold italic 17px Arial, sans-serif;
	margin: 0 0 5px;
}

#panelDefinition li {
	line-height: 150%;
}

#panelDefinition textarea {
	margin: 10px 0;
}

.langType {
	font-style: italic;
}

.noem {
	font-weight: normal;
}

#panelDefinitionLink {
	text-align: right;
}

#caiLogoSpacer {
	padding: 25px 0 10px;
	height: 60px;
}

#caiLogo {
	width: 210px;
	text-align: center;
	padding: 25px 0 10px;
	position: absolute;
	bottom: 0px;
}

.panelFeedbackRadios {
	padding-left: 45px;
}

#inputFeedbackEmail {
	width: 250px;
}



/* Footer Content */

#footerEmail {
	color: #fff;
	text-align: right;
	font-size: 26px;
	font-style: italic;
	padding: 20px 20px 5px;
}

#panelFootLeft {
	height: 16px;
	width: 784px;
	float: left;
	background: #044600 url(../images/footer-corners.gif) no-repeat;
}

#panelFootRight {
	height: 16px;
	width: 16px;
	float: right;
	background: url(../images/footer-corners.gif) no-repeat;
	background-position: bottom right;
}


/* Home Page Content */

.panelHomeAudience {
	display: block;
	padding: 5px;
	margin: 0 0 15px;
	width: 500px;
	text-decoration: none;
	clear: right;
	min-height: 93px;
}

.panelHomeAudience:hover {
	background: url(../images/audience-back.gif) repeat-y;
	cursor: pointer;
}


.panelHomeAudience img {
	float: left;
	padding-right: 20px;
}

/* Why Elysian Pages */

#elysianDefinitionMain {
	float: right;
	margin: 5px 0 0 10px;	
}

#elysianDefinitionMain dl {
	width: 205px;
}

#elysianDefinitionMain dt {
	font: bold italic 13px Arial, sans-serif;
	margin: 0 0 5px;
}

#elysianDefinitionMain li {
	margin: 0 0 5px 25px;
}


p.textContent {
	text-indent: 50px;
}

.panelQuoteTop {
	width: 210px;
	height: 19px;
	background: url(../images/braces.gif) no-repeat;
	margin: 5px 5px 0;
}

.panelQuote {
	width: 190px;
	padding: 0px 10px;
	font: bold 15px "Bradley Hand ITC", "Arial Narrow", Arial, sans-serif;
	text-align: center;
}

.panelQuoteBottom {
	width: 210px;
	height: 19px;
	background: url(../images/braces.gif) no-repeat;
	background-position: bottom;
	margin: 0 5px 5px;
}


.tagline {
	font: 42px "Bradley Hand ITC", "Arial Narrow", Arial, sans-serif;
	color: #9c0c1f;
	font-weight: bold;
	text-align: center;
}

.headingMainSell {
	text-align: center;
	color: #000;
}

.headingMainSellTitle {
	font-size: 29px;
	color: #3a47a5;
	line-height: 43px;
}

.headingMainSellTitle img {
	vertical-align: middle;
}

.headingMainAudience {
	display: block;
	text-align: left;
}

#tableWhyElysian {
	text-align: center;
	padding: 0 155px;
}

#tableWhyElysian table {
	width: 450px;
}



/* Contact Page */

#contactInformation {
	margin: 0 0 15px;
}

#contactInformation div {
	margin: 15px 20px;
}

#contactInformation div * {
	font-size: 15px;
}

#contactForm {
	position:	relative;
	line-height: 20pt;
}

.contactInput {
	position:	absolute;
	left:		90px;
	width:		185px;
	padding:	2px;
}

.contactLabel {
	position:	relative;
	left:		20px;
	width:		80px;
}

#contactFormRight {
	float: right;
	width: 232px;
}

.contactTextbox {
	width: 200px;
	height: 98px;
	padding: 2px;
	margin-bottom: 4px;
}