/* structure.css are the styles for the DIVs in a website and should not contain
any typographic or content-related styles for a site. The styles within are strictly
used to create the layout/structure of the website and, as such, this style sheet 
will (almost) never need to be altered by the client or back-end programmers. */

/* ----- comment styles well for better reference later! ----- */
/* ----- try to lay this out in the following sections and from top to bottom on pages ----- */



/* ---------------------------------------------------- STYLES FOR ALL PAGES */


/* PAGE WRAP */
#uber {
	position: relative;
	margin: 0 auto;
	width: 994px;
	background: url(/images/structure/bg_main.gif) repeat-y;
}

/* HEADER */
#header {
	position: relative;
	margin: 0px 7px;
	width: 979px;
	height: 108px;
	background: url(/images/header/header_bg.gif) right top no-repeat;
	
}
#logo {
	float: left;
}


/* TERTIARY NAVIGATION */

#tertiaryNavWrap {
	position: relative;
	float: right;
	top: 13px;
	right: 24px;
}
#tertiaryNav {
	padding-top: 4px;
	float: left;
	color: #000;
}
#tertiaryNav li {
	float: left;
	border-right: 1px solid #FFF;
	line-height: 1;
	padding: 2px 10px 0 10px;
}
#tertiaryNav li.last {
	border-right: none;
}

#tertiaryNav li.textsize {
	border-right: none;
	padding: 0 10px 0 0;
}


#tertiaryNav a {
	color: #FFF;
	text-decoration: none;
}
#tertiaryNav a:hover {
	text-decoration: underline;
}

/* SEARCH BAR */

#search {
	float: left;
	width: 199px;
	height: 25px;
	background: url(/images/structure/searchbox.gif) no-repeat;
}

#search input {
	float:left;
}

#search .inputbox {
	position: relative;
	top: 4px;
	left: 5px;
	width: 175px;
	height: 23px;
	border: none;
	background: none;
	font-size: 12px;
	color: #3a2200;	
}

#search .searchbtn {
	position: relative;
	top: 0px;
	left: 1px;
	width: 24px;
	height: 23px;
}

/* FOOTER */

#footerWrap {
	position: relative;
	margin: 20px 0 0 0 ;
	/*margin: 0 ;*/
	width: 994px;
	height: 50px;
	background: url(/images/structure/bg_footer.gif) left bottom no-repeat;
}

#footer {
	padding-top: 14px;
	padding-left: 30px;
	float: left;
	color: #666;
}

#footer li{
	float: left;
	border-right: 1px solid #666;
	line-height: 1;
	padding: 0 14px 0 14px;
}

#footer li.last{
	border-right: none;
}

#footer a{
	color: 	#666666;
	text-decoration: none;
}

#footer a:hover{
	color: 	#666666;
	text-decoration: underline;
}

#designed{
	width: 193px;
	height: 20px;
	float: right;
	padding: 11px 30px 0 0;
}

/* ----- END OF ALL PAGES STYLE ----- */


/* ---------------------------------------------------- STYLES HOME PAGE ONLY */

/* CONTENT WRAP */

#home_contentWrap{
	width: 980px;
	margin-left: 7px;
	background: url(/images/structure/curve_tip.jpg) 591px 354px no-repeat;
}

/* MAIN IMAGE */

#home_contentWrap #homepage_image{
	width: 591px;
	float: left;
	position: relative;
}

#home_contentWrap #homepage_news{
	width: 174px;
	float: left;
	padding: 13px 8px 13px 17px;
}

	#homepage_news p, #homepage_news td
	{
		line-height: 16px;
	}

#main_image {
	position: relative;
	margin: 0 8px;
	width: 797px;
	height: 397px;
}

/* SPOTLIGHT AREA */

#home_spotlight_area {
	float: right;
	width: 182px;
}

#home_spotlight_links a {
	color: #3f3f3f;
	text-decoration: none;
	text-transform: uppercase;
}

#home_spotlight_content {
	background: url(/images/structure/home_spotlight_content.gif) no-repeat;
	width: 182px;
	/*width: 154px;*/
	float: right;
	/*padding: 49px 15px 0px 13px;*/
	color:#666666;
}

#home_spotlight_content p {
	padding: 49px 15px 0px 13px;
	color:#666666;
	font-size: 12px;
}

#home_spotlight_image {
	float: right;
	background: url(/images/structure/home_spotlight_image.gif) no-repeat;
	width: 182px;
	height: 131px;
}


#home_spotlight_button {
	float: right;
	background: url(/images/structure/spotlight_button.gif) no-repeat;
	width: 182px;
	height: 36px;
	text-indent: -9999px;	
	font-size: 1%;
	overflow: hidden;
}

#home_spotlight_button:hover {
	float: right;
	background: url(/images/structure/spotlight_button_hover.gif) no-repeat;
	width: 182px;
	height: 36px;
	text-indent: -9999px;	
	font-size: 1%;
	overflow: hidden;
}

#home_spotlight_button_two {
	float: right;
	background: url(/images/structure/spotlight_button2.gif) no-repeat;
	width: 182px;
	height: 36px;
	text-indent: -9999px;	
	font-size: 1%;
	overflow: hidden;
}

#home_spotlight_button_two:hover {
	float: right;
	background: url(/images/structure/spotlight_button2_hover.gif) no-repeat;
	width: 182px;
	height: 36px;
	text-indent: -9999px;	
	font-size: 1%;
	overflow: hidden;
}

#home_spotlight_button_three {
	float: right;
	background: url(/images/structure/spotlight_button3.gif) no-repeat;
	width: 182px;
	height: 36px;
	text-indent: -9999px;	
	font-size: 1%;
	overflow: hidden;
}

#home_spotlight_button_three:hover {
	float: right;
	background: url(/images/structure/spotlight_button3_hover.gif) no-repeat;
	width: 182px;
	height: 36px;
	text-indent: -9999px;	
	font-size: 1%;
	overflow: hidden;
}

#home_spotlight_shadow {
	float: right;
	background: url(/images/structure/spotlight_button_shadow.gif) no-repeat;
	width: 182px;
	height: 7px;
}

/* FOOTER LINKS */

#main a {
	font-size: 12px;
}

#main a:hover {
	font-size: 12px;
}

/* ----- END OF HOME PAGE STYLE ----- */

/* ---------------------------------------------------- STYLES FOR CONTENT PAGES ONLY */

/* CONTENT WRAP */

#contentWrap{
	width: 980px;
	margin-left: 7px;
}

/* CONTENT LEFT NAVIGATION */

#contentleftNav {
	width: 279px;
	float: left; 
	min-height: 400px;
	height: auto !important;
	height: 400px;		
	background: url(/images/structure/content_left_bg.gif) no-repeat;
	overflow: hidden;
}

* html #contentleftNav
{
	height: auto !important;
}

#contentleftNav a{
	color: #555;
	text-transform:uppercase;
	font-weight: bold;
	text-decoration: none;
}


#contentleftHeader {
	float: left;
	height: 47px;
	width: 701px;
	background: url(/images/structure/content_header_bg.gif) repeat-x;
}

#contentleftHeaderCrumbs
{
    float: left;
	padding-left: 30px;	
}

#contentleftHeaderCrumbs a {
	float: left;
	margin: 15px 4px 0px 0px;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	color: #89550a;
}

#contentleftHeaderCrumbs p {
	float: left;
	padding: 11px 10px 0 10px;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	color: #89550a;
}

/* CONTENT BODY */
#contentBody {
	float: left;
	width: 400px;
	/*width: 641px;*/
	padding: 40px 0px 50px 30px;
	/*padding: 23px 30px 23px 30px;*/
}

#contentBody p {
	color: #333333;
    font-size: 12px;
	line-height: 18px;
	padding-bottom: 16px;
}

.faqBullet {
	color: #038bc3;
	font-size: 14px;
}
	
.faqheader {
	font-weight: bold;
}

/* CONTENT IMAGE RIGHT */

#imageArea {
	margin: 20px 23px 0 0;
	float: right;
	width: 200px;
}
#imageArea .imageWrap {
	margin-bottom: 20px;
	border: 2px solid #038bc3;
	background: #65b9db;
}

#imageArea .imageWrap p {
	border-top: 2px solid #038bc3;
}

#imageArea p {
	padding: 12px 16px;
	background: #65b9db;
	color: #FFF;
	font-size: 12px;
	line-height: 18px;
}

/* ----- END OF CONTENT PAGES STYLE ----- */


/* ---------------------------------------------------- TYPOGRAPHY AND LINKS in specific divs that differ from the base.css styles */

/* ----- END OF TYPOGRAPHY AND LINKS STYLE ----- */

/* ----- end template ----- */

#printArea p, #printArea td, #printArea th, #printArea span, #printArea font, #printArea li, #printArea a, #printArea b, #printArea strong
{
    font-size: 1em !important;
}

#printArea .heading
{
    font-size: 2em !important; 
}

#printArea .subheading
{
    font-size: 1.5em !important; 
}

#printArea ul
{
    margin: 0px 0px 16px 40px;
    list-style-type: disc;
}

#printArea ol
{
    margin: 16px 0px 16px 40px;
    list-style-type: decimal;
}

#printArea ul li
{
    list-style-type: disc;
}

#printArea ol li
{
    list-style-type: decimal;
}

#homepageBannerOverlay
{
    position: absolute;
    top: 0px; left: 0px;
    z-index: 1;
    width: 591px;
    height: 390px;
    overflow: hidden;
    background: transparent url(../images/homepage_banner_overlay.png);
}

#homepageBanner
{
    width: 591px;
    height: 390px;
    overflow: hidden;
    z-index: 1;    
}

/*

	Homepage Popup
	
*/

#homepagePopup
{
	top: 200px;
	left: 622px;
	position: absolute;
	z-index: 1001;
	width: 300px;
	/*height: 200px;*/
	height: auto;
	padding: 20px;
	border: solid 1px #89550a;
	background-color: #ffffff;
	display: none;
}

	#homepagePopupText
	{		
		/*height: 170px;*/
		height: auto;
	}
	
	#homepagePopupText, #homepagePopupText p
	{
		font-size: 12px;
		color: #89550a;
		padding: 5px;
	}
		
	#homepagePopupClose
	{
		padding: 10px 0px 0px 0px;
		border-top: solid 1px #89550a;
		margin: 20px 0px 0px 0px;		
		height: 20px;
		text-align: right;
	}