/* Reset All CSS */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline;}
:focus {outline: 0;}
body {line-height: 1;color: black;background: white;}
ol, ul {list-style: none;}
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}

/* Basic Global */
body {margin:0; font:80% Arial, Helvetica, sans-serif;  color:#333; background:#fff url(../images/bg.jpg) 0 -100px fixed;}
body.alt{background:#fff url(../images/bg_alt.jpg) repeat-x center top;}
a, object { outline:none;}
a {color:#333; text-decoration:underline;}
a:hover { text-decoration:none;}
img { border:none;}
strong { font-weight:bold;}
p {padding:0; margin:0 0 20px 0;}
ul { margin:10px 0 10px 30px; list-style:disc;}
hr { clear:both; display:block; height:2px; background:url(../images/hr.png) repeat-x 0 0; border:none; padding:0; margin:20px 0 20px 0;}

/* Headings */
h1, h2, h3, h4, h5, h6{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
h1 { color:#fff; font-size:1.3em; font-weight:normal; padding:0 0 10px 0;}
h2 { color:#67a4ee; margin:0; padding:0 0 10px 0; font-weight:normal; }
h3 {font-size:1.4em; margin:0; padding:0 0 10px 0; font-weight:normal;}
h4 {font-size:1.3em; margin:0; padding:0 0 10px 0;}
h5, h6 {font-size:1.0em; }

big { font-size:1.3em;}

/* Tables */
table { margin:0;}
td { vertical-align:top;}
td.alt1 { padding:8px; border-bottom:1px solid #e6e6e6;}
td.alt2 { background:#F4F4F4; padding:8px;border-bottom:1px solid #e6e6e6;}

/* Global Classes */
.clearer { clear:both;}
.floatLeft { float:left;}
.floatRight { float:right;}
.textalign_center { text-align:center;}
.textalign_left { text-align:left;}
.textalign_right { text-align:right;}

/* Main Containers */
div#page_container { width:989px; margin:0 auto; min-height:800px; overflow:hidden; position:relative; padding:0; z-index:100}

/* Header Stuff */
div#header_container {width:989px; margin:0 auto; padding:0; position:relative;}
div#header_container .logo { clear:both; width:397px; height:141px; float:left;}
div#header_container .phone { background:url(../images/phone.png) no-repeat; width:370px; height:108px; text-indent:-99999px; position:absolute; top:20px; right:0;}

div#header_container #navigation {background:url(../images/nav_bg.png) no-repeat; width:959px; height:39px; padding:25px 0 0 30px}
div#header_container #navigation ul { margin:0; padding:0; list-style:none;}
div#header_container #navigation ul li {display:block; height:39px; float:left; }
div#header_container #navigation ul li a{display:block; height:39px; line-height:40px; float:left; color:#fff; padding:0 34px; text-decoration:none; font-weight:bold; background:url(../images/navbg_off.jpg) repeat-x; margin:0 3px 0 0; position:relative;}
div#header_container #navigation ul li a:hover {text-decoration:underline;}
div#header_container #navigation ul li a span { width:22px; height:39px; display:block; position:absolute;}
div#header_container #navigation ul li a span.L {background:url(../images/nav_corner.jpg) no-repeat 0 -39px; left:0; top:0;}
div#header_container #navigation ul li a span.R {background:url(../images/nav_corner.jpg) no-repeat -22px -39px; right:0; top:0;}
div#header_container #navigation ul li a.on { background:url(../images/navbg_on.jpg) repeat-x; color:#fff; padding:0 34px;}
div#header_container #navigation ul li a.on span.L {background:url(../images/nav_corner.jpg) no-repeat 0 0; position:absolute; left:0; top:0;}
div#header_container #navigation ul li a.on span.R {background:url(../images/nav_corner.jpg) no-repeat -22px 0; position:absolute; right:0; top:0;}

/* Content Stuff */
div#featured{ clear:both; margin:0 auto; width:960px; height:297px; background:url(../images/homefeatured.jpg) no-repeat; overflow:hidden; position:relative;}
div#featured h1 { font-size:3em; line-height:22px; width:570px; height:75px; background:url(../images/featured_heading.png) no-repeat; position:absolute; top:45px; left:30px; text-indent:-99999px;}
div#featured h2 { font-size:1.9em; position:absolute; top:175px; left:30px; color:#EFB300; font-family: Tahoma, Geneva, sans-serif; font-weight:bold;}
div#featured p { position:absolute; top:215px; left:30px; font-size:1.1em; width:550px; font-family: Tahoma, Geneva, sans-serif;}

div#alternateTop {background:#67a4ee; width:900px; height:55px; margin:0 auto; padding:20px 29px 20px 30px; border-bottom:1px solid #fff;}
div#alternateTop #subTitles h1{ color:#fff; font-size:2.0em; font-weight:normal; padding:0; margin:0;}
div#alternateTop #subTitles h2{ color:#fff; font-size:1.0em; font-weight:bold; font-family:Arial, Helvetica, sans-serif; padding:0 0 8px 0; margin:0 0 15px 0;}

div#contentContainer #content .maincopy div#pageTitles h1{ color:#575757; font-size:1.6em; font-weight:bold; padding:0; margin:0;}
div#contentContainer #content .maincopy div#pageTitles h2{ color:#67a4ee; font-size:1.0em; font-weight:bold; font-family:Arial, Helvetica, sans-serif; padding:0 0 8px 0; margin:0 0 15px 0; border-bottom:1px dotted #ccc}

div#contentContainer { margin:0 auto; width:989px; position:relative; background:url(../images/container.png) repeat-y; overflow:hidden;}
div#contentContainer #content { width:960px; margin:0 auto; background:#e4e4e4 url(../images/contentmain.jpg) repeat-x; overflow:hidden; min-height:500px;}

div#contentContainer #content .maincolumn { width:330px;  padding:0 0 0 20px; position:relative;}
div#contentContainer #content .maincolumn .support { width:152px; height:152px; background:url(../images/247support.png) no-repeat; position:absolute; bottom:-25px; right:0; overflow:hidden;}
div#contentContainer #content .maincolumn .support h2{ text-indent:-99999px;}

div#contentContainer #content .maincolumn .alternateCol { /*margin:37px 0 0 0;*/}

div#contentContainer #content .maincolumn .column { width:274px; min-height:248px; background:#5481b8 url(../images/column_top.jpg) no-repeat; color:#fff; padding:20px 20px 0 20px; overflow:hidden;}
div#contentContainer #content .maincolumn .column a{ color:#fff;}
div#contentContainer #content .maincolumn .column h2{ color:#132f52; font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:1.7em;}
div#contentContainer #content .maincolumn .column ul{ padding:0; margin:5px 0 0 20px;}
div#contentContainer #content .maincolumn .column li{ padding:0 0 5px 0; font-size:1.0em;}
div#contentContainer #content .maincolumn .columnBtm { width:314px; height:20px; background:#5481b8 url(../images/column_btm.jpg) no-repeat;}

div#contentContainer #content .maincolumn .column ul#sideNav { margin:0; padding:0;}
div#contentContainer #content .maincolumn .column ul#sideNav li{background:url(../images/sidenav_li.png) repeat-x; padding:2px 0 0 0; list-style:none; margin:0px 0 9px 0; overflow:hidden; font-size:1.8em;}
div#contentContainer #content .maincolumn .column ul#sideNav li img{ vertical-align:top; margin:0 5px 0 0; }
div#contentContainer #content .maincolumn .column ul#sideNav li a{ text-decoration:none; margin:0; padding:0; font-size:55%; font-weight:bold;}
div#contentContainer #content .maincolumn .column ul#sideNav li a:hover{ text-decoration:underline;}

div#contentContainer #content .maincopy { width:536px; margin:38px 20px 0 0; background:#fff url(../images/maincopy.jpg) no-repeat; padding:25px 25px 10px 25px; position:relative;}
div#contentContainer #content .maincopy h2{ font-size:1.8em;}
div#contentContainer #content .maincopy h2 a, h3 a{ text-decoration:none; }
div#contentContainer #content .maincopy h3{ font-size:1.4em; border-bottom:1px dotted #ccc; padding:5px 0 10px 0; margin:0 0 15px 0;position:relative;}

div#contentContainer #content .maincopy a.backtoTop { position:absolute; right:0; top:20px; font-size:60%; display:block; color:#fff; background:#67a4ee; padding:2px 4px;}

div#contentContainer #content .maincopy strong {color:#000;}
div#contentContainer #content .maincopy h4{ font-size:1.2em; font-weight:bold;}
div#contentContainer #content .maincopy h3 img{ vertical-align:bottom; margin:0 5px 0 0;}

div#contentContainer #content .maincopy ul li { padding:10px 0 10px 0;}
div#contentContainer #content .maincopy .maincopyBtm { position:absolute; bottom:0; left:0; width:586px; height:21px; background:#fff url(../images/maincopybtm.jpg) no-repeat;}

div#contentContainerBtm { width:989px; height:34px; background:url(../images/container_btm.png) no-repeat}

/* Footer Stuff */
div#footer { width:949px; height:39px; margin:0 auto; color:#fff; margin-top:20px; background:url(../images/footer.png) repeat-x; overflow:hidden; padding:20px 20px 0 20px;}
div#footer a{ color:#fff;}

/* Scroll Pane*/
.jScrollPaneContainer {position: absolute; top:20px; left:0; overflow: hidden;z-index: 1; padding:0 10px 0 0;}
.jScrollPaneTrack {position: absolute;cursor: pointer;right:4px;top:0;height: 100%; background:#1b2132;}
.jScrollPaneDrag {position: absolute; cursor: pointer;overflow: hidden; width:10px; background:#F06597;}
.jScrollPaneDragTop {position: absolute;top:0;left: 0;overflow: hidden;}
.jScrollPaneDragBottom {position: absolute;bottom: 0;left: 0;overflow: hidden;}
a.jScrollArrowUp {display: block;position: absolute;z-index: 1;top:0;right:4px;text-indent: -2000px;overflow: hidden; background:#2b344d; height:14px;}
a.jScrollArrowUp:hover {background: #404b68;}
a.jScrollArrowDown { display:block; position:absolute;z-index:1; bottom:0; right:4px;text-indent: -2000px;overflow: hidden; background:#2b344d; height:14px;}
a.jScrollArrowDown:hover {background: #404b68;}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {}

/* Form and Validation */
form#Form {padding:5px 0 0 0; margin:0 20px 20px 0;}
form#Form h3{font-size:1.4em; border-bottom:none; color:#666; padding:0; margin:0; font-family: "Trebuchet MS", sans-serif; font-weight: normal;}
form#Form ul { margin:0; padding: 0; }
form#Form li { padding:6px 10px; vertical-align: top; list-style: none; margin: 0 0 2px 0;}
form#Form li.alt {}
form#Form li.section { padding:4px 10px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:1.5em; border-bottom:1px dotted #ccc; padding:0 0 10px 0; margin:0 0 15px 0;}
form#Form legend { color: #333; font-weight: bold; border: 0px; margin:0; padding:0;}
form#Form label {display: block;line-height: 1.8;vertical-align: top;width:150px;float: left; margin-right:10px;font-weight:bold; text-align:left;}
form#Form input.txtinput, textarea.txtinput, select.txtinput, file.txtinput {width:240px;border: 1px solid #d6d6d6;padding:5px;color: #333;font:9pt Arial, Helvetica, sans-serif;background-color: #fff;}
form#Form textarea.txtinput {height:120px;}
form#Form input.txtinput:focus, textarea.txtinput:focus {color: #000;border: 1px solid #797A75;}
form#Form .require{ color:#ca3a34; font-weight:bold;}

div#formcompleted { background:#7dd187; padding:10px; color:#fff;}
div#formcompleted strong{color:#fff;}
div#errorMessage {display: block;color:#fff;margin:15px 0 0 0;padding:8px;background:#B9021E;}