/* *** ** Start of Basic ** *** */
* {margin:0; padding:0;}
#mainContent ul { margin:0 0 0 25px; padding:0; line-height:22px; }
ul.side-links { margin:0; }
ul.side-links li { list-style:none; padding:0 0 10px 0; margin:5px 0; border-bottom:dotted 1px #000;}
h1, h2, h3, h4, h5, h6, p, blockquote, form, label, dl, fieldset, address { margin:.5em 0; }

/* Text Styling */
h1 {
	color:#1f1c1a;
	font-size:26px;
	border-bottom:1px solid #1f1c1a;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:lighter;
	margin:5px 0;
	padding-bottom:10px;
}
h2 {
	color:#1f1c1a;
	font-size:22px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:lighter;
	margin:5px 0;
	padding:0;
}
h3 {
	color:#a3966d;
	font-size:16px;
	font-family:Georgia, "Times New Roman", Times, serif;
	margin:1em 0 .5em 0;
}
p { line-height:20px; margin:1em 0;}
strong { font-weight:bold; }
a { text-decoration:none; color: #12356f; }
a:hover { color: #333333; }
.required { color:#FF0000; }
hr { height:9px; background: url(/images/hr.jpg) repeat-x; border:none; margin:5px 0;}
img { border:none; }
.clear {
	clear:both;
	height:0;
    font-size: 1px;
    line-height: 0px;
}
.body {
	font: 14px Georgia, "Times New Roman", Times, serif;
	background: #391604;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}
#container {
	width: 951px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #f8f5e0 url(/images/content-bg.jpg) 0px 380px no-repeat ;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 1px solid #000000;
	text-align: left;
	overflow:hidden;
}
#container.sub {
	background: #f8f5e0 url(/images/content-bg.jpg) 0px 0 no-repeat ;
}
#header {
	padding: 0;
	margin-bottom:40px;
	position:relative;
	z-index:0;
}
#header h1 {
	margin: 0;
	padding: 0;
	border:none;
}
.sub #header h1 { margin-top:40px; }
.sub #header #menu { margin-top:10px;}
#header #menu {
	background:url(/images/menu-bg.gif) no-repeat;
	width:886px;
	padding:0 22px 0 30px;
	height:53px;
}
#left {
	width:225px;
	padding:0 0 0 25px;
	float:left;
}
#mainContent {
	width:427px;
	padding: 0 20px;
	float:left;
	color:#542207;
}
#container.sub #mainContent {
	width:862px;
	position:relative;
	padding:60px 20px 40px;
}
#container.sub #mainContent h1 { position:absolute; top:0px; left:20px; width:862px;}
#container.sub #mainContent .atty-image {
	padding:1em 20px 20px 0;
}
.sub #address { position:absolute; top:110px; right:25px; color:#fff; text-align:center;}
#right {
	width:218px;
	padding:0 16px 0 0;
	float:right;
}
#footer {
	height:79px;
	text-align:center;
	padding: 0 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#f2e9c8 url(/images/footer-bg.jpg) repeat-x;
}
#footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}
#disclaimerContainer{
	width:911px;
	margin:0 auto;
	padding:10px 20px;
	text-align:center;
}
#disclaimer {
	width: 911px; /* adjust width and height for your disclaimer */
	height:50px;
	margin: 10px auto; /* centers the disclaimer (if outside your container div) */
	padding:0;
	text-align: left;
	color:#fff;
}
#disclaimer p {
	margin:0; 
	padding:0; 
	line-height:17px;
	font-size:11px;
}
#disclaimer a { font-weight:bold; color:#fff; }
#disclaimer a:hover { text-decoration:underline; }

/* Footer Navigation */
ul#footerNav { padding:0; margin:10px 0; }
ul#footerNav li { list-style:none; display:inline; }
ul#footerNav a {
	padding:0 10px;
	border-right:1px solid #bd8f71;
	color:#bd8f71;
}
ul#footerNav a:hover {
	color:#fff;
}
ul#footerNav li.last_child a { border:none; }

/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.

The original version of this stylesheet and the associated (x)html
is available at http:/www.stunicholls.com/menuimages/.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

.preload1 {background: url(/images/item-hover.gif);}
.preload2 {background: url(/images/item-over.jpg);}

#menu {}

#nav {padding:0; margin:0 auto; list-style:none; height:53px; background:#fff url(/images/menu-item-bg.jpg) repeat-x; position:relative; z-index:500; font-family:arial, verdana, sans-serif; }
#nav li.top {display:inline; float:left;}
#nav li a.top_link {display:block; float:left; height:53px; line-height:53px; color:#fff; text-decoration:none; font-size:16px; text-transform:capitalize; padding:0 0 0 8px; cursor:pointer;background: url(/images/menu-item-bg.jpg);}
#nav li a.top_link span {float:left; display:block; padding:0 12px 0 4px; height:53px; background: url(/images/menu-item-bg.jpg) right center no-repeat;}
#nav li a.top_link span.down {float:left; display:block; padding:0 12px 0 4px; height:53px; background: url(/images/item-hover.gif) no-repeat right center;}

#nav li:hover a.top_link {color:#fff; background: url(/images/item-over.gif) no-repeat;}
#nav li:hover a.top_link span {background:url(/images/item-over.gif) no-repeat right center;}
#nav li:hover a.top_link span.down {background:url(/images/item-over.gif) no-repeat right top; }

/* Default list styling */

#nav li:hover {position:relative; z-index:200;}

#nav li:hover ul.sub
{left:1px; top:53px; background: #0d2752; padding:3px; border:1px solid #d6c575; white-space:nowrap; width:180px; height:auto; z-index:300;}
#nav li:hover ul.sub li
{display:block; height:20px; position:relative; float:left; width:180px; font-weight:normal;}
#nav li:hover ul.sub li a
{display:block; font-size:11px; height:18px; width:178px; line-height:18px; text-indent:5px; color:#fff; text-decoration:none;border:1px solid #12356f;}
#nav li ul.sub li a.fly
{background:#12356f url(/images/arrow.gif) 80px 6px no-repeat;}
#nav li:hover ul.sub li a:hover 
{background:#12356f; color:#fff; border-color:#fff;}
#nav li:hover ul.sub li a.fly:hover
{background:#12356f url(/images/arrow_over.gif) 80px 6px no-repeat; color:#fff;}

#nav li b {display:block; font-size:11px; height:18px; width:178px; line-height:18px; margin-bottom:3px; text-indent:6px; color:#ff6; border-bottom:1px solid #fff; cursor:default;}

#nav li:hover li:hover ul,
#nav li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover li:hover ul
{left:90px; top:-4px; background: #12356f; padding:3px; border:1px solid #0b4d97; white-space:nowrap; width:180px; z-index:400; height:auto;}

#nav ul, 
#nav li:hover ul ul,
#nav li:hover li:hover ul ul,
#nav li:hover li:hover li:hover ul ul,
#nav li:hover li:hover li:hover li:hover ul ul
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

#nav li:hover li:hover a.fly,
#nav li:hover li:hover li:hover a.fly,
#nav li:hover li:hover li:hover li:hover a.fly,
#nav li:hover li:hover li:hover li:hover li:hover a.fly
{background:#12356f url(/images/arrow_over.gif) 80px 6px no-repeat; color:#fff; border-color:#fff;} 

#nav li:hover li:hover li a.fly,
#nav li:hover li:hover li:hover li a.fly,
#nav li:hover li:hover li:hover li:hover li a.fly
{background:#12356f url(/images/arrow.gif) 80px 6px no-repeat; color:#fff; border-color:#12356f;} 
/* *** ** End   of Basic ** *** */
/* *** ** Start of ContactUsLayout ** *** */
/* SpryFormValidation.css - Revision: Spry Preview Release 1.4 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */


/* These are the classes applied on the error messages
 * which prevent them from being displayed by default.
 */ 
.textfieldRequiredMsg, 
.textfieldInvalidFormatMsg, 
.textfieldMinValueMsg,
.textfieldMaxValueMsg,
.textfieldMinCharsMsg,
.textfieldMaxCharsMsg,
.textfieldValidMsg {
	display: none;
}

/* These selectors change the way messages look when the widget is in one of the error states.
 * These classes set a default red border and color for the error text.
 * The state class (e.g. .textfieldRequiredState) is applied on the top-level container for the widget,
 * and this way only the specific error message can be shown by setting the display property to "inline".
 */
.textfieldRequiredState .textfieldRequiredMsg, 
.textfieldInvalidFormatState .textfieldInvalidFormatMsg, 
.textfieldMinValueState .textfieldMinValueMsg,
.textfieldMaxValueState .textfieldMaxValueMsg,
.textfieldMinCharsState .textfieldMinCharsMsg,
.textfieldMaxCharsState .textfieldMaxCharsMsg
{
	display: inline-block;
	color: #CC3333;
	border: 1px solid #CC3333;
	position:relative;
	top:3px;
	left:150px;
	height:18px;
	width:175px;
}



/* The next three group selectors control the way the core element (INPUT) looks like when the widget is in one of the states: * focus, required / invalid / minValue / maxValue / minChars / maxChars , valid 
 * There are two selectors for each state, to cover the two main usecases for the widget:
 * - the widget id is placed on the top level container for the INPUT
 * - the widget id is placed on the INPUT element itself (there are no error messages)
 */
 
 /* When the widget is in the valid state the INPUT has a green background applied on it. */
.textfieldValidState input, input.textfieldValidState {
	background-color: #B8F5B1;
}

/* When the widget is in an invalid state the INPUT has a red background applied on it. */
input.textfieldRequiredState, .textfieldRequiredState input, 
input.textfieldInvalidFormatState, .textfieldInvalidFormatState input, 
input.textfieldMinValueState, .textfieldMinValueState input, 
input.textfieldMaxValueState, .textfieldMaxValueState input, 
input.textfieldMinCharsState, .textfieldMinCharsState input, 
input.textfieldMaxCharsState, .textfieldMaxCharsState input {
	background-color: #FF9F9F;
}

/* When the widget has received focus, the INPUT has a yellow background applied on it. */
.textfieldFocusState input, input.textfieldFocusState {
	background-color: #FFFFCC;
}
/* Large Contact Form Styling */

.CaptchaComponent img{
	padding:10px 0px;
}

.CaptchaComponent input{
	margin:10px 0px;
}

.pad_frm_itm { display:block; }
form ol { list-style:none; }
form li { margin:2px 0; padding:8px 0 8px 0; width:500px; height:auto;}
form fieldset { border:none; }
form fieldset label { width:150px; display:block; float:left; font-size:12px; margin:0;padding-top:2px;}
form fieldset input, form fieldset select { width:300px; margin:0;}
form fieldset .checkbox input { width:auto; margin: 0 5px 0 0;}
form fieldset input {display:inline;}
form fieldset textarea { width:85%; margin-bottom:10px;  }
form fieldset select {display:block;}
.msg-label {width:300px;}
.checkbox { font-weight:bold;}


#iagree {
-x-system-font:none;
background-color:#ECECEC;
border:1px solid #031C40;
color:#666666;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:11px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
margin:4px 0 8px;
padding:5px;
position:absolute;
width:350px;
float:left;
z-index:4000;
}
#iagree .overlay_submit {
-x-system-font:none;
background-color:#FFFFFF;
border:1px solid #999999;
color:#666666;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:12px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
margin:5px 0 0 0;
padding:4px;
clear:both;
float:left;
}/* *** ** End   of ContactUsLayout ** *** */
