
/* COMMON AND GLOBAL */
body { font:58.5%/1.6 tahoma, arial, verdana, helvetica, sans-serif; margin:0; padding:0; background:#e6e6e6; color:#000; text-align:center; }
/*  This font sizing is for standards based browsers (firefox, opera, mozilla) that can re-size text.  
Declaring the font size in pixels makes it more consistent across browsers. */
td, textarea, input, select { font:100% arial, verdana, helvetica, sans-serif; }
html>body td, html>body textarea, html>body input, html>body select { font-size:11px; }
/* some browsers don't inherit the font into tables or textareas! */

/* ----- IDS ----- */
#container { width:860px; margin:0 auto; text-align:left; font-size:120%; background:url(../../images/containerBg.gif) top left repeat-y; }
#header { position: relative; height: 125px; }
#logo { position: absolute; top: 4px; left: 22px; }
#telephone { position: absolute; top: 84px; right: 26px; }
#container .padding { padding: 8px 23px 8px 23px; }
#flashBanner { margin-bottom: 2px; padding: 3px 23px 0px 23px; }
#jumpBoxes { height: 145px; padding: 0px 23px 0px 23px; }
#jumpBoxes .jump { float: left; margin-right: 2px; }
#jumpBoxes .jump.last { margin-right: 0px; }
#homeContent { padding: 13px 43px 13px 43px; }

#internalContent { background:url(../../images/internalContent.gif) top left repeat-y; margin: 0px 11px 0px 11px; float: left; }
#leftCol { float: left; width: 171px; }
#leftCol .box { }
#leftCol .box a { display: block; font-size: 0.9em; color: #fff; cursor: pointer; text-decoration: none; margin: 0px 0px 20px 0px; width: 171px; }
#leftCol .box .title { display: block; padding-left: 11px; }
#leftCol .box .content { display: block; padding-left: 20px; width: 133px; }
#leftCol .box .btn { display: block; float: right; padding-right: 8px; padding-top: 6px; }
#leftCol .box .clear { clear: both; display: block; }

#rightCol { float: left; width: 667px; }
#rightCol .padding { padding: 8px 20px 12px 20px; }
#rightCol #boxList {}
#rightCol #boxList .box { float: left; margin-right: 15px; width: 140px; }
#rightCol #boxList .box .title { margin-bottom: 10px; font-weight: bold; }
#rightCol #boxList .box .thumb { position: relative; }
#rightCol #boxList .box .frame { position: absolute; top: -5px; left: -5px; }
#rightCol #boxList .box .description { margin-top: 10px; font-size: 0.9em; padding-left: 5px; padding-right: 5px; }
#rightCol #boxList .box .description a { font-weight: normal; }
#rightCol .listItem { background:url(../../images/dotsH.gif) bottom left repeat-x; float: left; }
#rightCol .listItem a { display: block; text-decoration: none; cursor: pointer; width: 630px; padding: 10px 0px 10px 0px; }
#rightCol .listItem .title { display: block; width: 480px; float: left; font-weight: bold; }
#rightCol .listItem .content { display: block; font-weight: normal; width: 480px; padding:10px 0pt 0pt; float: left; }
#rightCol .listItem .btn { display: block; float: right; margin-top: 25px; }
#rightCol .listItem .thumb { display: block; float: right; position: relative; }
#rightCol .listItem .thumb .frame { position: absolute; top: -5px; left: -5px; }
#rightCol .listItem .clear { display: block; clear: both; }

#rightCol .framedListItem { float: left; position: relative; height: 150px; }
#rightCol .framedListItem .frame { position: absolute; top: 4px; left: -8px; display: block; }
#rightCol .framedListItem a { display: block; text-decoration: none; cursor: pointer; width: 630px; padding: 10px 0px 10px 0px; }
#rightCol .framedListItem .title { display: block; width: 540px; float: left; font-weight: bold; }
#rightCol .framedListItem .content { display: block; font-weight: normal; width: 540px; float: left; }
#rightCol .framedListItem .btn { display: block; float: right; margin-top: 103px; }
#map { float:right; width:330px; height:284px;}
#cmsImage { float:right; margin:0px 0pt 10px 15px; position:relative; }
#cmsImage .frame { left:0px; position:absolute; top:0px; }
#cmsImage .image { padding:8px 0pt 10px 8px; }
#cmsImage .imageLarge { padding:6px 6px 6px 6px; }
#cmsImageLeft { float:left; margin:0px 15px 10px 0px; position:relative; }

/* ----- BREADCRUMBS ----- */
#breadcrumbs { background:url(../../images/breadcrumbsBg.jpg) top left no-repeat; width: 850px; height: 89px; margin: 0px 5px 5px 5px; color: #fff; font-weight: bold; font-size: 0.9em; }
#breadcrumbs .padding { padding: 65px 0px 0px 15px; }
#breadcrumbs a { text-decoration: underline; color: #fff; }
#breadcrumbs a:hover { text-decoration: none; }

/* ----- FOOTER ----- */
#footer { clear: both; background:url(../../images/footerBg.gif) top left no-repeat; width:860px; margin:0 auto; }
#footer .padding { padding: 10px 14px 10px 14px; }
#footer #footerL { float: left; }
#footer #footerR { float: right; }
#footer a { font-weight: normal; }

/* ----- MAIN NAVIGATION ----- */
#nav { background:url(../../images/navBg.gif) top left repeat-x; margin: 0px 5px 0px 5px; height: 34px; width: 850px; font-size: 1em; }
#nav ul { margin: 0px 0px 0px 4px; padding: 0px;}
#nav li { position: relative; list-style: none; margin: 4px 0px 0px 0px; display: inline; padding: 0px; float:left; background:url(../../images/navDivider.gif) right 7px no-repeat; }
#nav li.last { background: none; }
#nav a { margin: 0px 15px 0px 15px; display:block; background: none; padding: 0px 7px 0px 0px; color:#4c4c4c; text-decoration:none; }
#nav a span { display:block; margin-top: 0px; background: none; padding: 1px 0px 7px 7px; text-decoration:none; }
#nav a:hover { text-decoration: none; background:url(../../images/navRight.gif) top right no-repeat; color:#4c4c4c; padding:0px 7px 0px 0px;}
#nav a:hover span { background:url(../../images/navLeft.gif) top left no-repeat; padding: 1px 0px 7px 7px;}
#nav .active { text-decoration: none; background:url(../../images/navRight.gif) top right no-repeat; color:#4c4c4c; padding:0px 7px 0px 0px;}
#nav .active span { background:url(../../images/navLeft.gif) top left no-repeat; padding: 1px 0px 7px 7px;}

#nav ul li ul { margin:0px; padding:0px; position:absolute; top:25px; left:16px; display:none; z-index:1000 !important; width:177px !important; border: 1px solid #d3d3d3 }
#nav ul li ul li { border: 1px solid #fff; padding: 0px !important; margin: 0px !important; background: #ffffff !important; width:175px !important; }
#nav ul li ul li a { height: 22px; position:relative; display:block; color: #000000; width:165px !important; padding: 5px 0px 0px 10px !important; margin: 0px !important; }
#nav ul li ul li a:hover {height: 22px; background:#3676b7 !important; color:#FFFFFF !important;  padding: 5px 0px 0px 10px !important; margin: 0px !important;}
#nav ul li ul li.navTopBottom { background:none !important;  border: none !important; line-height:0 !important;  height: 7px !important;  font-size: 0 !important;  padding: 0 !important; }

/* ----- SUB NAVIGATION ----- */
#leftNav { font-size: 0.9em; margin-bottom: 20px; }
#leftNav ul { padding: 0; margin: 0; list-style: none; }
#leftNav li {  }
#leftNav li a { display: block; background: #034083 url(../../images/leftNavBg.gif) 14px 12px no-repeat; color: #fff; padding: 8px 0px 7px 29px; margin-bottom: 2px; }
#leftNav li a:hover { text-decoration: none; background: #02346b url(../../images/leftNavBg.gif) 14px 12px no-repeat; }
#leftNav li .active {}

/* ----- SITE MAP ----- */
#sitemap { list-style:none; margin:0 0 0 5px; padding:0;}
#sitemap ul { list-style:none;  margin:10px 0 0px 15px; padding:0;}
#sitemap li { background:url(../../images/bullet.gif) 0px 13px no-repeat; padding:6px 0 5px 15px;}
#sitemap a { font-weight: normal; }

/* ----- CLASSES ----- */
.clear { clear:both; }
.hide { display:none; }
.show { display:block; }
.printShow { display:none; }
.float_left { float:left !important; }
.float_right { float:right !important; }
.align_left { text-align:left !important; }
.align_center { text-align:center !important; }
.align_right { text-align:right !important; }
.align_justify { text-align:justify !important; }
.align_bottom { vertical-align:bottom !important; }
.image_right { float:right; padding:0 0 15px 15px; }
.image_left { float:left; padding:0 15px 15px 0; }
.image_center { margin:0 auto;}
.relative { position:relative; }
.inline {display:inline;}
.hand { cursor:pointer;}

/* ----- HEADINGS & PARAGRAPHS ----- */
h1, h2, h3, h4, h5, h6 { margin:0; padding:0 0 10px 0; font-size:100%; font-weight:bold;}
h1 { color: #135fab; text-transform: uppercase; }

/* ----- GLOBAL ----- */
img { display:block; border:0; }
p { padding:0 0 5px 0; margin:0; }
address { font-style:normal; display: inline; padding: 0; margin: 0; }

/* ----- LINKS ----- */
a { color:#000000; font-weight:bold; text-decoration:none; }
a:hover { text-decoration:underline; }

/* ----- FORMS ----- */
form { padding:0; margin:0; }
fieldset { padding:0; margin:0; border:0px none; }
legend { padding:0; margin:0; display:none; }
label { display:block; width:260px; }
input, textarea { width:623px; font-size:11px !important;}
.requiredLabel { color:#e4243f;}
.checkRadio { width:20px; position:relative; left:-7px; }
.checkRadioLabel { margin-right: 20px; }
#frmContact { margin-bottom:15px; width: 623px; }
#frmContact select { width:623px;}
#frmContact div { margin-bottom:10px;}
#submit { width:88px; height:32px; border:none; position: relative; top: 10px; }
#dotted { background:transparent url(../../images/dotsH.gif) repeat-x scroll left bottom; float:left; width: 625px }

/* ----- Prototype Validation ----- */
input.disabled { border: 1px solid #F2F2F2; background-color: #e4243f; }
input.validation-failed, textarea.validation-failed, select.validation-failed { border: 1px solid #e4243f; color : #FF3300; }
input.validation-passed, textarea.validation-passed, select.validation-passed { border: 1px solid #00CC00; color : #000; }
.validation-advice { margin: 5px 0; width: 324px; padding: 5px; background-color: #e4243f; color : #FFF; font-weight: bold; }


/* ----- TABLES ----- */
table{ border-collapse:collapse; }
table p { padding:0px; }