* /*Set's border, padding and margin to 0 for all values*/
{
padding: 0;
margin: 0;
}

img {outline: none;}

html, body {
height: 100%;
font-family: Arial, Helvetica, sans-serif;
}

.clearfix {
	clear: both;
	height: 1px;
}

/**************************
STICKY FOOTER
**************************/

body {
	background: #252525 url(../img/background_gradient.gif) top center repeat-x;
}

.wrapper {
width: 960px;
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -41px;
}

#sub-page .wrapper, #sub-page2 .wrapper {
	background: #252525;
}

.footer, .push {
width: 960px;
margin: 0 auto;
height: 40px;
clear: both;
}

.footer {
border-top: 1px dotted #FFF;
background-color: #667476;
text-align: center;
}

.footerwrap {
	padding-top: 10px;
}

.footerwrap p {
	font-size: 9px;
	text-transform: uppercase;
	text-align: center;
}

/**************************
HEADER
**************************/

#header {
	height: 115px;
	margin: 0;
	padding-top: 20px;
}

h1 a {
	display: block;
	width: 157px;
	height: 91px;
	margin: 0 auto;
	text-indent: -9999px;
	background: url(../img/header_logo.png) center no-repeat;
}


/**************************
MAIN NAVIGATION
**************************/

#navBar {
height: 20px;
clear: both;
border-bottom: 1px dotted #FFF;
background-color: #667476;
margin: 0;
}

#navBar ul {
list-style-type: none;
margin: 0;
font-size: 10px;
color: #2c6d9d;
margin: 0 auto 0 auto;
}
	
#navBar li {
display: block;
float: left;
text-align: center;
text-transform: uppercase;
}

#navBar li a {
display: block;
height: 15px;
color: #FFF;
text-decoration: none;
padding: 5px 18px 0 18px;
}

#navBar li a:hover {
color: #252525;
}

#navBar li a.active {
}

#navBar li a.active:hover {
}

/* ######### Drop Down Menu Style ######### */

#navBar1, #navBar2, #navBar3{
position: absolute;
top: 0;
border: 0 solid #ebf4f9; /*THEME CHANGE HERE*/
border-width: 0 0px;
font:normal 10px Arial, Helvetica, sans-serif;
text-align: center;
line-height:9px;
z-index:1000;
background-color: #303030;
visibility: hidden;
margin: 0;
}
/*adjusting margins to make dropdowns appear centered below adjustable width header navs*/
#navBar1 { margin-left: -15px; }
#navBar2 { margin-left: -25px; }
#navBar3 { margin-left: -20px; }



#navBar1 a, #navBar2 a, #navBar3 a{
width: auto;
display: block;
text-indent: 0;
border: 0 dotted #595959; /*THEME CHANGE HERE*/
border-bottom-width: 1px;
padding: 8px 15px 2px 15px;
text-decoration: none;
color: #fff;
height: 15px;
}

* html #navBar1 a, * html #navBar2 a, * html #navBar3 a { /*IE only hack*/
width: 100%;
}

#navBar1 a:hover, #navBar2 a:hover, #navBar3 a:hover{ /*THEME CHANGE HERE*/
color: #FFF;
background-color: #414748;
}

/**************************
CONTENT AND COLUMNS
**************************/
#bodyMain {
clear: both;
}

.mainPhotoBox { height: 435px; margin-top: -18px; }
.subPhotoBox { height: 120px; margin-bottom: 15px; }

#columnA {
width: 550px;
height: auto;
float: left;
margin-bottom: 30px;
}

#columnB {
width: 400px;
height: auto;
float: left;}

#columnA .blockInside { padding: 20px 70px 30px 0; }

#columnB .blockInside { padding: 20px 0 0 0; }


.blockPromo1 {
height: 270px;
width: 259px;
border-right:  1px dotted #92a5b6;
float: left;
}

#columnA .blockPromo1 .blockInside { 
height: 100%;
padding: 20px 15px 0 0;
}

.blockPromo2 {
height: 270px;
width: 259px;
float: left;
}

#columnA .blockPromo2 .blockInside { 
height: 100%;
padding: 20px 0 0 15px;
}


.divider {
border-top: 1px dotted #829599;
margin-top: 40px;
padding-bottom: 30px;
height: 1px;
clear: both;
}


/**************************
COLUMN SWAP (SUB PAGE)
**************************/
#sub-page #columnA {
	float: right;
	border-right: none;
	min-height: 400px;
	width: 637px;
	margin-top: -18px;
	margin-bottom: 0;
}

#sub-page #columnB {
	width: 320px;
	height: 400px;
	border-right:  none;
	float: left;
	margin-top: -18px;
}

#sub-page #columnA .blockInside { padding: 55px 180px 0 55px; }
#sub-page #columnB .blockInside { padding:0 ; }

#sub-page #columnC, #sub-page2 #columnC,  {
	width: 100%;
	height: 400px;
	clear: both;
	padding-top: 30px;
}

#sub-page #columnC .blockInside, #sub-page2 #columnC .blockInside { padding: 60px 170px 0 60px; }

.column {
	padding: 44px; 
	width: 24%;
	border-right: 1px dotted #666;
	float: left;
	min-height: 375px;
	margin: 20px 0 30px 0;
}


#sub-page2 .column {
	width: 400px;
	border: 1px dotted #666;
	float: left;
	min-height: 375px;
	padding: 20px;
	margin: 20px 10px 30px 10px;
}


.column p {
	font-size: 11px;
	line-height: 14px;
}

.column img {margin: 4px 10px 5px 0;}

.detail {
	align: left;
	margin: 0 10px 5px 0;
}

/**************************
Home Page Slider
**************************/
.sliderwrapper{
	position: relative; /*leave as is*/
	overflow: hidden; /*leave as is*/
	width: 960px;
	height: 401px;
}

.sliderwrapper .contentdiv{
visibility: hidden; /*leave as is*/
position: absolute; /*leave as is*/
left: 0;  /*leave as is*/
top: 0;  /*leave as is*/
padding:0;
width: 960px; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
height: 100%;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}

.pagination{
width: 0; /*Width of pagination DIV. Total width should equal slider's outer width (400+10+10=420)*/
text-align: right;
padding: 5px 10px;
}

.pagination a {
width:5px;
height:5px;
background-color:#C60;
margin:0 5px 0 0;
padding:0 7px 0 7px;
text-decoration:none;
}

.pagination a.selected {
text-decoration:none;
background: transparent url(img/circle_filled.png) top center no-repeat;
}

.toc {
background: transparent url(img/circle_open.png) top center no-repeat;
}

.prev {
}

.next {
}


/**************************
TEXT & LINK STYLES
**************************/

p {
	font-size: 12px;
	line-height: 17px;
	color: #FFF;
	margin-bottom: 10px;
}

#sub-page #columnB p {
	font-size: 10px;
	line-height: 13px;
}

h1, h2, h3, h4, h5 {
	margin: 0;
	font-weight: normal;
	color: #829599;
}

h2 {
	font-size: 30px;
	line-height: 20px;
	margin-bottom: 45px;
}

h3 {
	font-size: 18px;
	line-height: 17px;
	margin: 0 0 5px 0;
	padding-top: 8px;
}

h4 {
	font-size: 11px;
	line-height: 17px;
	margin: 0 0 20px 0;
	color: #FFF;
}

h5 {
	font-weight: bold;
	font-size: 12px;
	color: #FFF;
	margin: 20px 0 10px 0;
	border-bottom: 1px dotted #666;
	padding-bottom: 5px;
}

.emphasis {
	font-weight: bold;
	color: #f3f3e1;
}
.italic {
	font-style: italic;
}


a { text-decoration: underline; color: #a1b9be; }
a:hover { color: #829599; text-decoration: underline; }
a img{outline: none; border: none;}

.readmore {
}

.readmore{
	width: auto;
	height: 16px;
	color: #829599;
	float: left;
	font-size: 11px;
	padding: 0 0 20px 10px;
	margin: 20px 50px 0 0;
	background: url(../img/btn_arrow.gif) top left no-repeat;
}

.readmore a {text-decoration: none; }