/*******************************************************
TITLE: Fixed Three-Column Layout v1.0
DATE: 200801
AUTHOR: The CSS Tinderbox - http://www.csstinderbox.com
*******************************************************/

/* << ----------------// General Styles //------------ */
body {
margin:15px 0 0 0;
padding:0;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#666666;
background-color:#003a63;
background-image:url(/data/assets/images/background-grad.gif); background-repeat:repeat-x;}


html {min-height: 100%; margin-bottom: 1px;}

p {margin:4px 0 6px 0; color:#666666; line-height:20px;}
strong {font-weight:bold;}
em {font-style:italic;}
h1, h2, h3, h4 {font-weight:bold; margin:10px 0 0 0;}
h1 {margin:10px 0 15px 0; font-size:20px; color:#1c3462;}
h2 {font-size:14px;}
h3 {margin-bottom:15px; font-size:15px;}
h4 {margin:0 0 0px 0; font-size:15px; font-weight:normal; color:#666666; line-height:19px;}
h5 {margin:0 0 0px 0; font-size:14px; font-weight:bold; line-height:19px;}
/*strong {color:#000000;}*/

form {padding-left:15px;}
.formfield-long {width:100%;}
textarea {font-family:Arial, Helvetica, sans-serif; font-size:14px;}

a:link, a:visited {color:#6aacc0; text-decoration:underline;}
a:hover, a:active {color:#6aacc0; text-decoration:none;}
ul {margin:5px 0 5px 20px; padding:0; list-style-type:disc;}

ol {margin:5px 0 5px 30px; padding:0; list-style-type:decimal;}
ul li, ol li {margin:0 0 4px 0; padding:0;}

.intro,
p.intro,
#columnOne p.intro {font-size:22px; line-height:28px; font-weight:normal;}

.quote {display:block; font-family:Georgia, "Times New Roman", Times, serif; font-size:26px; line-height:29px; font-weight:normal;}
.quoter {display:block;}

/* << ----------------// Outer container that holds all the columns //------------ */

#mainContainer {margin:0 auto 20px auto; padding:0; width:970px; background-color:#FFFFFF;}


/* << ----------------// Header //------------ */
#header {margin:0; padding:0; width:970px; height:110px; color:#ffffff; border-bottom: 2px solid #FFFFFF; background-image:url(/data/assets/images/header.gif); background-repeat:no-repeat;}

/* << ----------------// Horizontal navigation //------------ */


#navHorizontal {padding:0; margin: 0 auto; width:910px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight:bold; border-top: 2px solid #dfdfdf; text-align:center;}
#navHorizontal ul{padding:0; margin:0; width:910px; list-style-type: none;}
#navHorizontal li {display: inline;}
#navHorizontal li a{display: block; float: left; padding:12px 27px; margin:0; height:18px; text-align: left; font-size: 14px; font-weight: bold; text-decoration: none; text-align:center; color:#9c9d9f;}
#navHorizontal li a:hover{text-decoration: none; color:#000;}

/* Hide from IE5-Mac \*/
/* #navHorizontal li a {float: none} */
/* End hide */ 

/* GLOBALHEADER */
#mainheader { width: 970px; height: 46px; margin: 0 auto; position: relative; z-index: 900;}
#mainheader #mainnav { margin: 0; padding: 0; }
#mainheader #mainnav ul { list-style: none outside; }
#mainheader #mainnav li { display: inline; }
#mainheader #mainnav li a { float: left; height: 0; padding-top: 46px; overflow: hidden; }
#mainheader #mainnav li a,
#mainheader { background-image: url(/data/assets/images/navigation.gif); background-repeat: no-repeat; }

/* BUTTONS */
#mainheader #mainnav li#mn-wwa a { background-position: 0 0; width: 157px; }
#mainheader #mainnav li#mn-wwd a { background-position: -157px 0; width: 157px; }
#mainheader #mainnav li#mn-wwh a { background-position: -314px 0; width: 157px; }
#mainheader #mainnav li#mn-hww a { background-position: -471px 0; width: 157px; }
#mainheader #mainnav li#mn-fom a { background-position: -628px 0; width: 157px; }
#mainheader #mainnav li#mn-imm a { background-position: -785px 0; width: 157px; }

/* OVER STATES */
#mainheader #mainnav li#mn-wwa a:hover { background-position: 0 -39px; }
#mainheader #mainnav li#mn-wwd a:hover { background-position: -157px -39px; }
#mainheader #mainnav li#mn-wwh a:hover { background-position: -314px -39px; }
#mainheader #mainnav li#mn-hww a:hover { background-position: -471px -39px; }
#mainheader #mainnav li#mn-fom a:hover { background-position: -628px -39px; }
#mainheader #mainnav li#mn-imm a:hover { background-position: -785px -39px; }

/* PRESSED STATES */
#mainheader #mainnav li#mn-wwa a:active { background-position: 0 -78px; }
#mainheader #mainnav li#mn-wwd a:active { background-position: -157px -78px; }
#mainheader #mainnav li#mn-wwh a:active { background-position: -314px -78px; }
#mainheader #mainnav li#mn-hww a:active { background-position: -471px -78px; }
#mainheader #mainnav li#mn-fom a:active { background-position: -628px -78px; }
#mainheader #mainnav li#mn-imm a:active { background-position: -785px -78px; }

/* ON STATES */
#mainheader.wwa #mainnav li#mn-wwa a { background-position: 0 -117px; cursor: default; }
#mainheader.wwd #mainnav li#mn-wwd a { background-position: -157px -117px !important; }
#mainheader.wwh #mainnav li#mn-wwh a { background-position: -314px -117px !important; }
#mainheader.hww #mainnav li#mn-hww a { background-position: -471px -117px !important; }
#mainheader.fom #mainnav li#mn-fom a { background-position: -628px -117px !important; }
#mainheader.imm #mainnav li#mn-imm a { background-position: -785px -117px !important; }



.navborder {background-image:url(/data/assets/images/nav-bar.gif); background-position:right; background-repeat:repeat-y;}
.navborderselected {background-image:url(/data/assets/images/nav-bar.gif); background-position:right; background-repeat:repeat-y; /*background-color:#dfdfdf;*/}
.navnoborderselected {/*background-color:#dfdfdf;*/}

.dividespace {margin:15px 24px 5px 24px}

.indent {margin-left:10px;}
.linkhead {font-size:14px; font-weight:bold;}
.linkcurrent {text-decoration:underline;}
.linksection {font-weight:bold;}


/* << ----------------// Vertical navigation //------------ */
#navVertical {margin:0 -5px 0 -5px; padding:0; width:229px; background-color:#454545;}
#navVertical ul {margin:0 0 0 5px; padding:0; list-style:none;}
#navVertical ul li {margin:0 0 0 -5px; padding:0; list-style:none; border-bottom:1px solid #999999;}
#navVertical ul li a:link, #navVertical ul li a:visited {padding:5px 8px 5px 8px; color:#eeeeee; text-decoration:none; display:block;}
#navVertical ul li a:hover, #navVertical ul li a:active {color:#454545; text-decoration:none; background-color:#eeeeee;}

/* << ----------------// Image Area //------------ */
#imagearea {clear:left; height:339px;margin-left:24px;}

/* << ----------------// Left column - no border //------------ */
#columnOne {float:left; margin:0 0 0 24px; padding:0; width:451px; border-right: 2px solid #FFFFFF;}
#columnOne p, #columnOne ul li, #columnOne ol li {padding:0 0 10px 0; font-size:14px;}
#columnOne h1 {font-size:12px; margin-bottom:30px; color:#5d5d5d;}


/* << ----------------// Middle column //------------ */
#columnTwo {float:left; margin:0 0 0 20px; padding:0; width:215px;}
#columnTwo p, h1, h2, h3, h3, ul {padding:0; margin:0; font-size:12px;}
#columnTwo h1 {font-size:12px; margin-bottom:30px; color:#5d5d5d;}
#columnTwo p {margin:0 0 15px 0; padding:0; line-height:18px;}
#columnTwo ul {padding:10px 0 0 10px; list-style:square;}
#columnTwo ol {padding:10px 0;}
#columnTwo li {padding-bottom:10px;}
#columnTwo img {margin-bottom:10px;}


/* << ----------------// Right column //------------ */
#columnThree {float:left; margin:0 0 0 20px; padding:0; width:215px;}
#columnThree p, h1, h2, h3, h3, ul {padding:0; margin:0; font-size:12px;}
#columnThree h1 {font-size:12px; margin-bottom:30px; color:#5d5d5d;}
#columnThree p {margin: 0 0 15px 0; padding:0; line-height:18px;}
#columnThree ul {padding:10px 0;}
#columnThree ol {padding:0; margin:0; list-style:none;}
#columnThree li {padding:0 0 10px 0; margin:0; font-size:12px;}
#columnThree form {padding:0; margin:0;}
.contacttext {font-size:16px; line-height:20px;}


/* << ----------------// CASE Left column //------------ */
#CasecolumnTwo {float:left; margin:0 0 0 24px; padding:0; width:215px;}
#CasecolumnTwo p, h1, h2, h3, h3, ul {padding:0; margin:0; font-size:12px;}
#CasecolumnTwo h1 {font-size:12px; margin-bottom:30px; color:#5d5d5d;}
#CasecolumnTwo p {margin:0 0 15px 0; padding:0; line-height:16px;}
#CasecolumnTwo ul {padding:0; list-style: none outside;}
#CasecolumnTwo ol {padding:0;}
#CasecolumnTwo li {padding-bottom:5px; font-weight:bold;}
#CasecolumnTwo li a {font-weight:bold; text-decoration:none;}
#CasecolumnTwo img {margin-bottom:10px;}

/* << ----------------// CASE Middle column - no border //------------ */
#CasecolumnOne {float:left; margin:0 0 0 20px; padding:0 0 10px 0; width:451px; border-right: 2px solid #FFFFFF;}
#CasecolumnOne p, {padding:0 0 10px 0; font-size:14px;}
#CasecolumnOne h1 {font-size:12px; margin-bottom:30px; color:#5d5d5d;}
#CasecolumnOne ul {margin:20px 20px 10px 20px; font-size:14px;}
#CasecolumnOne li {padding-bottom:5px;}

/* << ----------------// CASE FULL column - no border //------------ */
#CasecolumnFull {float:left; margin:0 0 0 24px; padding:0 0 10px 0; width:920px; border-right: 2px solid #FFFFFF;}
#CasecolumnFull p, {padding:0 0 10px 0; font-size:14px;}
#CasecolumnFull h1 {font-size:12px; margin-bottom:30px; color:#5d5d5d;}
#CasecolumnFull ul {margin:20px 20px 10px 20px; font-size:14px;}
#CasecolumnFull li {padding-bottom:5px;}

/* << ----------------// NEWS Middle column - no border //------------ */
#NewscolumnOne {float:left; margin:0 0 0 20px; padding:0 0 10px 0; width:685px; border-right: 2px solid #FFFFFF;}
#NewscolumnOne p {padding:0 235px 10px 0; font-size:14px;}
#NewscolumnOne h1 {font-size:12px; margin-bottom:30px; color:#5d5d5d;}
#NewscolumnOne ul {margin:20px 20px 10px 20px; font-size:14px;}
#NewscolumnOne li {padding-bottom:5px;}
#NewscolumnOne img {float:right; margin:25px 0 10px 0;}

.tableclient p {font-size:12px;}
.tableclient h4 {font-size:14px;}
.tableclient em {font-size:12px;}
.tcbb {border-bottom:1px solid #000000;}
.tcbr {border-right:1px solid #000000;}


.headshot {padding:0 20px 10px 20px;}


/* << ----------------// Footer //------------ */
#footer {margin:0 auto; padding:0; width:970px; height:90px; font-size:11px; background-color:#FFFFFF; background-image:url(/data/assets/images/full-divider.gif); background-position:center top; background-repeat:no-repeat;}
#footer a:link, #footer a:visited {color:#666666; text-decoration:none;}
#footer a:hover, #footer a:active {color:#666666; text-decoration:underline;}
#comingsoon{float:left; width:215px; margin-left:40px; padding:20px 0; color:#666666; line-height:16px;}
#address1 {float:left; width:215px; margin-left:262px; padding:20px 0; color:#666666; line-height:16px;}
#address2 {float:left; width:215px; margin-left:20px; padding:20px 0; color:#666666; line-height:16px;}

/* << ----------------// Fix so that the outer DIV will wrap around all floated DIVs within //------------ */
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.clear {display:block; clear: both; height:0;}
.formbutton {margin-top:10px;}

#Carousel img { display: none }
#Carousel img.first { display: block }

.homepromo p {padding:15px 0 0 0; line-height:16px; width:250px;}
.homepromo img {float:right;}
.promo-left {padding:0 0 0 25px; float:left; width:451px;}
.promo-left p {width:250px;}
.promo-right {padding:0 0 0 20px; float:left; width:451px;}
.promo-right p {width:300px;}












/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */

