﻿/* Containers Treatment */
body {background:url(../images/layout/background_gradient.jpg) top left repeat-x #DDE5E8; margin:0;}
html, body {
    height: 100%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#555555;line-height:17px;
}
img{border-width:0; display:block;}
a {
color : #ad7508; 
}
a:focus, a:hover, a:active { outline:none }

.clear {clear:both; height:0px; overflow:hidden;}

.introPara 
{
    font-size:13px;
    line-height:19px;
	margin-bottom:20px;
}

h1 { color:#96a30f;
font-size:24px;
font-weight:bold;
line-height:24px;
margin:0 0 10px 0; font-weight:normal; padding:0px;}

h2 {color:#666666; font-size:18px; font-weight:normal; margin:0px; padding:0; }
h3 {color:#666666; font-size:14px; font-weight:bold; margin:0px; padding:0; }
h5 {font-size:10px; text-transform:uppercase; color:#FFFFFF; background-color:#ADADAD; padding:0 3px 1px; margin:6px 0 8px;}
hr {height:0px; border:none; border-bottom:1px solid #ADADAD; color:White; background-color:Transparent; margin:10px 0 20px;}
#leftGutterImage{
   width:54px;
   height:520px;
   float:left;
   background:url('/images/layout/gutter_left.jpg') top left no-repeat;
}

.crumbTrail {font-size:11px;padding-left:8px; width:610px; margin-top:-10px !important; margin-bottom:14px !important; }
* html #rightgutter {width:50px;}
/* Hacks */

* html img {
	behavior: url("/htc/ie_png.htc");
}
.smallLabel {font-size:9px !important; font-weight:bold; text-transform:uppercase; color:#444444;}
#section1container {
	position:relative; 
	margin:6px 0 0; 
	padding:0;
	z-index:0;
}

#maincontentcontainer { 
	float:left;
	margin:-100px 0 0 4px; 
	padding:0;
	z-index:3;
	position:relative;
}

* html #maincontentcontainer {display:inline;}

#section1container {
	min-height:150px;
	width:860px;
	background-repeat: no-repeat;
	background-position: top;
	height:300px;
}

#section1container {
	min-height:150px;
	width:860px;
}


#section1container_flash {min-height:150px; width:856px; z-index:-1;
}


#section2contentcontainer {
position:relative;
	width:586px; 
	overflow:visible; 
	margin:0 26px;
	padding:26px 0 16px;
}

#section2container {
	margin:0; 
	padding:0;
	float:left;
	width:645px;
	/*
	background:url(../images/layout/mainarea/shadow_top_leftcontent.png) top left no-repeat;
	_azimuth: expression(
	this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
	this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='crop')",
	this.src = "images/blank.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
	this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
	this.runtimeStyle.backgroundImage = "none")),this.pngSet=true);
	*/

}


#section2container2 {
	width:645px;
	min-height:460px; height:auto !important; height:460px;
	 margin:0;
	 padding:0;
	background: url(../images/layout/mainarea/shadow_bottom_leftcontent.png) bottom left no-repeat;
}

* html #section2container {display:inline;}

#section3contentcontainer {padding:8px 6px; margin:8px; width:174px; overflow:hidden; position:relative; overflow:visible;}

#section3container {
	border:0;
	margin:0;
	float:left;
	width:206px;
	background:url(../images/layout/mainarea/shadow_top_rightcontent.png) top left no-repeat;

	_azimuth: expression(
	this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
	this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='crop')",
	this.src = "images/blank.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
	this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
	this.runtimeStyle.backgroundImage = "none")),this.pngSet=true);
	
	z-index: auto;
}
	
#section3container2 {min-height:530px; height:auto !important; height:530px;}

* html #section3container {display:inline;}

#section4container {width:850px; float:left; overflow:hidden; padding-bottom:10px;}



/* css tweaks to shrink gap in main page*/
#section2_4container{
   float:left;
   
	background:url(../images/layout/mainarea/shadow_top_leftcontent.png) top left no-repeat;
	_azimuth: expression(
	this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
	this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='crop')",
	this.src = "images/blank.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
	this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
	this.runtimeStyle.backgroundImage = "none")),this.pngSet=true);
}
#section2container, #section4container{
   float:none;
}

.internationalPage #section2container{

	background:url(../images/layout/mainarea/shadow_top_leftcontent.png) top left no-repeat;
	_azimuth: expression(
	this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
	this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='crop')",
	this.src = "images/blank.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
	this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
	this.runtimeStyle.backgroundImage = "none")),this.pngSet=true);
	float:left;
}

#section4container{
   width:600px;
}
/*end css tweaks*/

.mainHeaderList {list-style:none; list-style-type:none; margin:0px; padding:0;}
    .mainHeaderList li {float:left;}
    .subHeaderList {list-style:none; list-style-type:none; margin:0px 6px; padding:0;}
    .subHeaderList li {float:left; padding:0; margin:6px 0 0;}


#topnav {text-align:center; margin-left:4px; height:40px; width:861px; background:url(/images/layout/header/topnavbg.gif) top left no-repeat;}

#contentcontainer {margin:0px 5px 3px; padding:0px; overflow:visible;}

.headercontainer {
	width:870px;
	background:url(../images/layout/header-bg.jpg) top left no-repeat transparent;
	margin:0px;
	padding:0px;
}

#logocontainer {position:relative; margin:0 0 0 20px; height:120px;}

#headercontent {position:relative; float:left; margin:-206px 0 0 0; display:inline; z-index:2; width:870px;}


#headercontenttop {
	margin:0 8px 0; 
	padding-top:8px;
	height:37px; 
	width:854px;
}

.headeroverlay {
	position:relative;
	float:left; 
	margin:0 0 0 0; 
	display:inline;
}

#maincontainer {
	width:870px; 
	max-width:870px;
	float:left;
	background-color:#FFFFFF;
}


/* outercontainer used for main wrapper */

#outercontainer, .outercontainer { 

	margin:0 auto; background:url(../images/layout/side_shadows.png) repeat-y top left; width:978px;
	_azimuth: expression(
	this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
	this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
	this.src = "images/blank.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
	this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='scale')",
	this.runtimeStyle.backgroundImage = "none")),this.pngSet=true);
}

/* Footer */


#footercontainer { 

	margin:0 auto 10px; padding:16px 54px; position:relative; background:url(../images/layout/bottom_shadows.png) no-repeat top left; width:870px;
	_azimuth: expression(
	this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
	this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='crop')",
	this.src = "images/blank.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
	this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
	this.runtimeStyle.backgroundImage = "none")),this.pngSet=true);

}
#footercontainer {font-size:10px; color:#7096B8;}
#footercontainer a {color:#7096B8;}

#headercontenttop {font-size:10px; color:#FFFFFF;}
#headercontenttop a {color:#FFFFFF;}

.largeThumbContainer {background-image:url(../images/layout/largeThumbFrame.gif); overflow:hidden; width:170px; height:120px; position:relative;}
.largeThumbContainer2 {width:156px; height:106px; margin-left:7px; margin-top:7px; overflow:hidden; position:relative;}

.expandMainContent {margin:0 -16px; float:left; position:relative; width:620px;}

.slide {
	width:201px;
	height: 278px;
	float: left;
	border: solid #CCC 0px;
	margin: 0px 0px;
	padding: 0px 3px 6px 3px;	
}

.slideContainer {
	border: solid red 0px;
	height: 284px;
	
	/* from section2contentcontainer */
	
	width:618px; 
	overflow:hidden; 
	position:relative;
	margin:0 -20px; float:left; position:relative;
	padding:0 4px;
}

.slider {
	position: relative;
	left: 0px;
	border: solid blue 0px;
	height:284px;
	
}

#previousArrow, #nextArrow {
	position: absolute; float:left;
	margin-top: -175px; cursor:hand;cursor:pointer;
}

#previousArrow {
	margin-left: -1px;
}

#nextArrow {
	right: 0px;
}

.slideContent 
{border: solid #CCC 1px; height:234px;  padding:10px 13px;
}
.slideHeader {background-color:#ACBA0B !important; color:#FFFFFF; font-size:14px; font-weight:bold; padding:4px 6px; vertical-align:middle;}
.slideHeader a{color:#FFFFFF; text-decoration:none;}
.slideHeader a:hover{text-decoration:underline;}