/***************************************************************************************/
/* COMMON LAYOUT */
/***************************************************************************************/

* { padding: 0px; margin: 0px; } /* Start with a clean slate */
* { font-weight: normal; font-size: 12px; font-family: Verdana; color: #333333; line-height: 17px; }  /* Default font for all items */
div { -moz-box-sizing:border-box;box-sizing:border-box; } /* Forces IE & FF to treat padding the same */
html { min-height: 100%; margin-bottom: 1px; } /* Set height to 100% + 1px to force scroll bar in FF */
#ht { position: absolute; top: -2000px; } /* Hidden Text - Look up. WAAAY Up */
.clear { clear: both; height: 0px; overflow: hidden; } /* Used to clear floats without taking up space */
body { margin: 20px 0px 0px 0px; background: #FFFFFF; 
	background-attachment: fixed; }
hr { border-color: #CCCCCC; border-width: 1px; border-top-style: solid; border-bottom-style: solid; height: 1px; overflow: hidden; }

.h { display: none; }

ul, ol { margin-left: 25px; line-height: 20px; margin-bottom: 15px; }
li { list-style-type: square; }

.bordered { border: 1px solid #999999; padding: 2px; }

h1, h2, h3, h4, h5 { font-family: Arial; font-weight: bold; }

h1 { color: #000000; font-size: 16px; margin: 0px 0px 15px 0px; }
h2 { color: #000000; font-size: 14px; margin: 0px 0px 15px 0px; }
h3 { color: #000000; font-size: 12px; margin: 0px 0px 15px 0px; }
p  { color: #333333; font-size: 13px; margin: 0px 0px 15px 0px; }
a  { padding-bottom: 1px; color: #000000; font: bold 12px Verdana; text-decoration: none; border-color: #B5B5B5; border-bottom-style: dashed; border-width: 1px; }
a:hover { text-decoration: none;  border-bottom-style: solid; border-color: #485F91; display: inline; background: #485F91; color: #FFFFFF; }
b { font-weight: bold; }






/***************************************************************************************/
/* SPECIFIC TO THIS LAYOUT */
/***************************************************************************************/



#main {
	width: 858px; /* Main Content Width */
	margin: 0px auto; /* Align to Center */
}


#mainB { width: 854px; border: 1px solid #13377C; }
#mainC { width: 852px; border: 1px solid #0E295D; }

#header { 
	height: 200px;
}

#header div {
	margin-top: 105px;
	text-align: right;
	margin-right: 15px;
	width: 200px;
	float: right;
}

#header img {
	opacity: 0.80; 
	MoZOpacity: 0.80; 
	filter: alpha(opacity=80);
	margin-top: -20px;
}

#contactHeader { text-align: center; height: 24px; line-height: 24px; font-size: 13px; }
.sizeButton {
	height: 24px; line-height: 24px; border: none; background: #425887; display: block; color: #FFFFFF; border: 1px; border-color: #BEBEBE; border-top-style: solid; border-bottom-style: solid;
}
.sizeButton:hover { display: block; height: 24px; line-height: 24px; background: #364970; }

#header a { color: #000000; font-weight: bold; text-decoration: none; text-align: center; display: block; height: 28px; position: relative; }

#navA { text-align: center; color: #CCCCCC; background: #778877; }
#navB { text-align: center; color: #CCCCCC; background: #778877; }

#navA a {
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	height: 22px;
	line-height: 22px;
	padding: 4px 8px 4px 8px;
	text-transform: uppercase;
	font-size: 11px;
}

#navB a {
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	height: 22px;
	line-height: 22px;
	padding: 4px 34px 4px 34px;
	text-transform: uppercase;
	font-size: 11px;
}

#navA a:hover {
	background: #659C3E;
}


#navB a:hover {
	background: #659C3E;
}

#contentHeader { margin-top: 2px; border-color: #2F4678; border-width: 1px; border-bottom-style: solid; }

#bodyContainer { background: #FFFFFF; }

#body {
	background: #FFFFFF;
}

#bodyInner { padding: 15px; }

#footer { margin-top: 3px; color: #000000; margin-left: 3px; margin-right: 3px; font-size: 10px; }

#footerLeft { width: 757px; float: left; color: #000000; font-size: 10px; }
#footerLeft span { color: #000000; font-size: 10px; }
#footerRight { float: right; text-align: right; color: #000000; font-size: 10px; width: 90px; }

#footerLeft a, #footerRight a { color: #000000; text-decoration: none; font-size: 10px; }
#footerLeft a:hover, #footerRight a:hover { color: #FFFFFF; }


#contactInfo { color: #FFFFFF; text-align: center; height: 20px; height: 24px; line-height: 24px; font-size: 13px; background: url('../images/layout/footerbg.gif'); border-width: 1px; border-color: #000000; border-top-style: solid; }
#contactInfo b, span { color: #FFFFFF; }
#contactInfo a { color: #FFFFFF; }
#contactInfo a:hover { background: #263454; }

/* Navigation */


#menuWrapper {
	background: url('../images/layout/footerbg.gif'); border-width: 1px;	height: 23px;
	clear: both;
	border-color: #2F4678;
	border-width: 1px;
	border-bottom-style: solid;
	border-top-style: solid;
}
#p7menubar {
}


.clearit {
	clear: both;
	height: 0px;
	line-height: 0px;
	font-size: 0px;
}
#p7menubar, #p7menubar ul {
	padding: 0px;
	margin: 0px;
	font-family: Arial;
}
#p7menubar a {
	display: block;
	text-decoration: none;
	padding: 0px 9px 0px 9px;
	font-size: 13px;
	line-height: 23px;
	color: #FFFFFF;
	border: none;
	font-weight: bold;
}
#p7menubar a.trigger {
	color: #FFFFFF;
}
#p7menubar li {
	float: left;
	width: 9em;
	color: #D8D8D8;
	line-height: 23px;
	font-weight: normal;
	font-size: 11px;
	list-style: none;
}
#p7menubar ul li {
	border-color: #FFFFFF;
}

#p7menubar li {position: relative;}

/* hide from IE mac \*/
#p7menubar li {position: static; width: auto;}
/* end hiding from IE5 mac */

#p7menubar li ul, #p7menubar ul li  {
	width: 300px;
}

#p7menubar ul li a  {
	color: #FFFFFF;
	border-color: #78839B;
	border-width: 1px;
	border-bottom-style: dashed;
	border-left-style: solid;
	border-right-style: solid;
	border-right-color: #D7D7D7;
	border-left-color: #D7D7D7;
	padding: 1px 12px 1px 12px;
}
#p7menubar .doubleBorder a {
	border-top-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #D7D7D7;
}

#p7menubar li ul {
	position: absolute;
	display: none;
	border-color: #CCCCCC;
	border-width: 1px;
	border-top-style: solid;
}
#p7menubar a:hover { /* main mouseover */
	background: #263454;
}

#p7menubar li ul a { /* drop down */
	background: #425887;
}
#p7menubar li ul li a:hover {  /* drop down mouseover */
	background: #2D3E64;
}





#p7menubar li:hover ul, #p7menubar li.p7hvr ul {
	display: block;
}
#p7menubar li:hover ul a, #p7menubar li.p7hvr ul a {
	color: #FFFFFF;
}

#p7menubar ul a:hover {
	color: #FFFFFF !important;
	background: #778877;
}


li.navSpacer div {
	width: 1px; height: 22px; background: #FFFFFF; overflow: hidden;
}


/***************************************************************************************/
/* PAGE CONTENT */
/***************************************************************************************/


/* Contact Form */

.contactForm {   }
.contactForm th { font-weight: normal; text-align: left; padding-top: 5px; padding-right: 5px; width: 120px; font-weight: bold; }
.contactForm td { padding-top: 5px; }
.contactForm input { width: 200px; height: 16px; line-height: 16px; }
.contactForm select { width: 205px; height: 20px; line-height: 20px; }

.contactForm .checkbox input { width: 16px; margin-right: 10px; }
.contactForm .checkbox div { margin-top: 2px; width: 150px; float: left; }

.contactForm .radio input { width: 16px; margin-right: 10px; }
.contactForm .radio div { margin-top: 2px; width: 150px; float: left; }

/* eNewsletter Signup */

.eNewsletterForm {   }
.eNewsletterForm th { font-weight: normal; text-align: left; padding-top: 5px; padding-right: 5px; width: 120px; }
.eNewsletterForm td { padding-top: 5px; }
.eNewsletterForm input { width: 200px; height: 16px; line-height: 16px; }

/* Form Authorization */

.formAuth {  }
.formAuth th { text-align: right; width: 112px; }
.formAuth td input { width: 220px; }

input.inputButton { border: 1px outset #333333; font-weight: bold; color: #FFFFFF; height: 22px;  padding: 2px 10px 2px 10px; background: url('../images/layout/bodybg.gif'); }



.borders {
	border-width: 1px;
	border-color: #666666;
	border-bottom-style: solid;
	border-right-style: solid;
}
.borders td, .borders th {
	border-width: 1px;
	border-color: #666666;
	border-top-style: solid;
	border-left-style: solid;
	text-align: center;
	padding: 3px 8px 3px 8px;
}
.borders th, .borders th span { font-weight: bold; color: #FFFFFF; border-color: #FFFFFF; }

/* PHOTO GALLERY MODULE */


.photoGallery {
	list-style-type: none;
	padding: 0 0 12px 0;
	margin: 0px auto;
}

p7menubar {
	margin: 0px auto;
	text-align: cnter;
}

.photoGallery li	{
	float: left;
	display: inline;
	margin: 0px 15px 10px 0px;
	padding:0;
	text-align: center;
	width: 200px;
	height: 200px;
}

.photoGallery li a	{
	text-decoration: none;
	color: #333333;
	background: inherit;
	border-color: #D1D1D1;
	border-width: 1px;
	border-bottom-style: dashed;
	font-size: 11px;
	line-height: 18px;
	text-align: center;

}

.photoGallery li a:hover	{
	font-weight: bold;
	text-decoration: none;
	background: inherit;
	border-color: #CCCCCC;
	border-width: 1px;
	border-bottom-style: solid;
}

.photoGallery li p	{
	padding: 2px;
	margin: 0px auto;
	color: #333333;
	text-align: center;
}

.photoGallery li img	{
	border: 2px solid #DCDCDC;
	padding: 4px;
	background: transparent;
}

.photoGallery li a:hover img{
	border: 3px solid #999999;
	padding: 3px;
}

#p7menubar.a { background: #000000; }
#p7menubar.b { background: #FF9900; }