@charset "UTF-8";
/* CSS Document */

* {margin: 0px; padding: 0px}

a {outline:none}

body {background: #0C436A; font-size: 62.5%; line-height: 1.5em; font-family: "Century Gothic", Arial, Helvetica, sans-serif;}

#left  {background:url(images/halfLeft.jpg) repeat-x top; width: 50%; position: absolute; left: 0; top:0; height: 970px; z-indx: 1}
#right {background:url(images/halfRight.jpg) repeat-x top; width: 50%; position: absolute; right: 0; top:0; height: 970px;z-index: 0}

#background {background:url(images/BACKGROUND.jpg) center top no-repeat; width: 100%; position: absolute; top:0; left: 0; z-index: 10; height: 925px;}

#container {width: 1088px; margin: 0 auto; position: relative; z-index: 100; background:url(images/navSubRepeat.jpg) left repeat-y #0C436A}

#header {background: url(images/navSubBKG.jpg) no-repeat; height: 130px; width: 1088px; position: relative}

#branding {background:url(images/logo.jpg) no-repeat; height: 379px; width: 315px; float: left;}

#branding h1 {display: block; height: 100%; width: 100%;}

#branding h1 a {display: block; height: 100%; width: 100%; text-indent: -9999px}


/* ----- header images ----- */

#headerIMG {background:url(images/headerImgBKG.jpg) no-repeat; height: 379px; width: 773px; float: left}

#headerIMG .image { height: 307px; width: 734px}

/* ----- main navigation ----- */

ul.navMain {position: absolute; bottom: 22px; right: 80px; list-style: none; width: 560px}

ul.navMain li {display: block; float: left; border-right: 1px solid #ffffff; padding: 0 10px; margin: 0 0px; font-size: 1.8em}

ul.navMain li.last {border: none}

ul.navMain li a {display: block; padding: 5px; color: #ffffff; text-decoration: none;}
ul.navMain li a:hover {background: url(images/transparent.png) repeat;}


/* ----- sub navigation ----- */

#sideBar {background:url(images/navMainBKG.jpg) no-repeat; height: 342px; width: 346px; clear: left; float: left }
#sideBar ul.navSub {margin: 00px 0 0 60px; padding: 18px 0 0 0; width: 220px}

#sideBar ul.navSub li {display: block; font-size: 2.5em; margin: 10px 0; width: 205px; list-style: none; line-height: 1.5em}
#sideBar ul.navSub li.separate {background:url(images/subNav_separate.jpg) top no-repeat; height: 2px; width: 213px; padding: 0px 0; margin: 0px !important;  overflow: hidden; font-size: 1px }
#sideBar ul.navSub a {color: #ffffff; padding: 7px; text-decoration: none; display: block; height: 100%; width:100%;}
#sideBar ul.navSub a:hover {background: url(images/transparent2.png) repeat-y center; color: #ffffff}


/* ----- content ----- */

#content {background:url(images/contentBKG.jpg) no-repeat top left; float: left; width: 552px; min-height: 382px; padding: 20px 95px; color: #ffffff}

#content h3 {font-size: 4em; font-weight: normal; margin: 0 0 20px 0; }
#content h4 {font-size: 2.5em; font-weight: normal; margin: 0 0 20px 0; line-height: 1.1em}
#content h4 a {color: #ffffff; text-decoration: none; font-weight: normal; padding: 0; padding: 5px; font-size: .8em}
#content h4 a:hover {background: #ffffff; color: #0C436A}

#content p { margin: 8px 0; line-height: 1.5em; font-size: 1.5em; font-family:Arial, Helvetica, sans-serif}
#content a {color: #ffffff; text-decoration: none; font-weight: bold; padding: 0}
#content a:hover {background: #ffffff; color: #0C436A}



#content ul {margin: 7px 0 7px 30px; font-size: 1.4em }
#content ul li {margin: 7px 0}

.servicesNav {padding: 10px 0 10px 0}


/* ----- footer ----- */

#footer {width: 100%; position: relative; z-index: 100;clear: both; margin:0 0 30px 0}

#footer .container {height: 38px; width: 1088px; background:url(images/footerBKG.jpg) no-repeat; margin: 0 auto; position: relative; z-index: 100}

#footer .container p {text-align: center; color: #ffffff; font-size: 1.2em; padding: 10px 0 0 0}
#footer .container p a {color: #ffffff; text-decoration: none;}
#footer .container p a:hover {text-decoration: underline}

#footer .left {background:url(images/footerLeft.jpg) repeat-x; height: 38px; width: 50%; position: absolute; left:0; top:0; z-index: 35;}

#footer .right {background:url(images/footerRight.jpg) repeat-x; height: 38px; width: 50%; position: absolute; right: 0; top: 0; z-index: 30;}

/* ----- form info ----- */
form {width: 450px}
label {font-size: 1.2em; width: 150px; text-align: right; float: left; clear: left; padding: 7px 0 0 0}
input, textarea {padding: 5px; height: 18px; margin: 0 0 10px 7px; float: left; width: 200px; border: 1px solid #6699FF; font-size: 1.4em; font-family: Arial, Helvetica, sans-serif} 
textarea {height: 60px}
form h4 { clear: left}
form p {clear: left}
form hr {margin: 20px 5px ; clear: left}
select {float: left;  margin: 0 0 10px 7px;}
input.small, label.small {width: 15px;clear: none; padding: 0 0 0 0; }
input.small {margin: 0 10px 10px 5px}
input.button {height: auto}
.style1 {color: #8BC540; font-weight: bold}