﻿/* BEG RESET */
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, b, u, i, center, 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-size:100%; vertical-align:baseline; background:transparent;} body {line-height: 1;}ol, ul{list-style:none;} blockquote, q{quotes:none;} blockquote:before, blockquote:after, q:before, q:after{content:'';content:none;} :focus{outline:0;} ins{text-decoration:none;} del{text-decoration:line-through;} table{border-collapse:collapse; border-spacing:0;}
img {
    border: 0;
}
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

/* apply a natural box layout model to all elements */
*, *:before, *:after {
  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
 }
/* END RESET */

/* This rule targets any element that has an inline style with a background color of rgb(204, 204, 204). 
   It then overrides the background color with #ddd (a lighter gray), using !important to ensure it takes precedence. */
[style*="background-color: rgb(204, 204, 204);"] {
    background-color: #eee !important; /* Override with a lighter gray */
}

html,
body
{
    margin:0px;
    padding:0px;
	width:100%;
    height:100%;
    font-family:Arial;
    font-size: 14px;
    color: #000;
    background-image: url(/images/bg.jpg);
    background-repeat:no-repeat;
    background-attachment:fixed;
    background-position:top center; 
    background-size: cover;
}


/* COLORS
Blue: #004fa3
Red: #990000
Dark Gray: #0e0e0e
Medi Gray: #1b1b1b
*/
/*************************************************************************** Page HTML Elements */
a:link,
a:visited
{  
    color: #004fa3; 
    text-decoration: none;
}
a:hover
{
    color: #444; 
    text-decoration: underline;
}
h1
{
    /*color: #004fa3;
    font-style: normal;
    font-size: 2em;
    margin: 10px 0px;
    font-weight:lighter;
    line-height:300%;*/
	font-size:2.25em;
	font-family: Arial;
	color:#fff;
    margin:0px;
}
h2
{
    font-style: normal;
    font-weight: bold;
    font-size: 1.3em;
    margin: 10px 0px;
    color:#004fa3;
}
h3,h4,h5
{
    font-style: normal;
    font-weight: bold;
    font-size: 1.1em;
    margin: 5px 0px;
    line-height: 1;
    color:#333;
}
hr
{
    color: #999;
    background: #999;
    height: 1px;
    border: 0px;
    margin: 10px 0px;
}
fieldset { 
    display: block;
    margin-left: 2px;
    margin-right: 2px;
    padding-top: 0.35em;
    padding-bottom: 0.625em;
    padding-left: 0.75em;
    padding-right: 0.75em;
    border: 1px dotted #666;
}
legend { 
    display: block;
    padding-left: 5px;
    padding-right: 5px;
    border: none;
    margin:auto;
    font-size:1.5em;
    background-color:#eee;
}
.center {
    display: block;
    margin-left: auto;
    margin-right: auto 
}
.imgEffects {
    margin:5px;
	/*border:2px #666 solid;*/
			-webkit-box-shadow: 2px 3px 5px 0px black;
	-moz-box-shadow: 2px 3px 5px 0px black;
	box-shadow: 2px 3px 5px 0px black;
}
.imgEffectsAll {
    margin:5px;
    /*border:2px #666 solid;*/
			-webkit-box-shadow: 2px 3px 5px 0px black;
	-moz-box-shadow: 2px 3px 5px 0px black;
	box-shadow: 2px 3px 5px 0px black;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 15px;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 5px;
}
.imgEffectsAllCenter {
    display: block;
    margin:5px auto;
    /*border:2px #666 solid;*/
			-webkit-box-shadow: 2px 3px 5px 0px black;
	-moz-box-shadow: 2px 3px 5px 0px black;
	box-shadow: 2px 3px 5px 0px black;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 15px;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 5px;
}
.conFormText
{
    color:#666;
}
.grid {
	padding:5px;
}
.clear {
    clear:both;
}

#content ul {
    list-style-position: inside;
    list-style-type: initial;
    margin: 10px;
}
#content ul li {
    text-indent: 10px;
}

label {
    width: 100%;
    text-align: left;
}
/* end HTML Elements */
  
/*************************************************************************** body */
#bodyContainer  
{
	position:relative;
	width:100%;
	min-height:800px;
	height:auto;
	_height:100%;
	border:0;
}
/*************************************************************************** header */
#headerContainer
{
	margin:auto;
	text-align:center;
	min-height:160px;
	/*background-image: url(/images/logo.png);
	background-position: center;
    background-repeat: no-repeat;*/
}
#headerTop {
	width:100%;
	margin:auto;
}
#headerTitle 
{
    font-size:3.25em;
    font-family:Times New Roman;
    color:#eee;
    text-indent:120px;    
}
#headerPhone {
	text-align:right; 
	color:#fff; 
	padding:10px 0 0 0; 
	font-size:1.5em;
}
#miniNav 
{
	float:right; 
	margin:10px; 
	width:350px;
	color:#666;
	font-size:.8em;
	text-align: right;
}
#miniNav a:link, #miniNav a:visited {
	color:#666;
}
/* end header */
/*************************************************************************** top nav*/
#navContainer {
	width:1000px;
	margin:auto;
	z-index:100;
    position:relative;
    border:2px solid #fff;
    background: #004fa3;
    transform: skewX(-20deg);
    border-top-left-radius: 10px;
    border-bottom-left-radius: 25px;
    border-top-right-radius: 25px;
    border-bottom-right-radius: 10px;
    -webkit-box-shadow: inset 0px 0px 3px 4px rgba(9, 14, 7, 0.50);
-moz-box-shadow:    inset 0px 0px 3px 4px rgba(9, 14, 7, 0.50);
box-shadow:         inset 0px 0px 3px 4px rgba(9, 14, 7, 0.50);
}
#navMain {
	width:100%;
    border:0px;
	z-index:100;
	/*	-moz-box-shadow: 0px -0px 60px 0px #000;
	-webkit-box-shadow:  0px -0px 60px 0px #000;
	box-shadow:  0px -0px 60px 0px #000;*/
    transform: skewX(20deg);
}
#navPrimary {
    display:block;
}
#navMobile {
    text-align:center;
    padding:5px;
	display:none;
}
#navMobile ul li  {
    float:left;
	width:50%;
	height:30px;
	line-height:30px;
	text-align:center;
	font-family:Times New Roman;
	font-size:1.15em;
	background-color:#004fa3;
	color:#fff;
	list-style: none;
			-webkit-box-shadow:inset 0px 0px 15px #000;
    -moz-box-shadow:inset 0px 0px 15px #000;
    box-shadow:inset 0px 0px 15px #000;
    display:table-cell;
}
#navMobile ul li a {
    width:100%;
    height:100%;
    padding:8px;
    max-height:100%;
   	text-decoration:none;
}
#navMobile ul li:hover {
	background-color:#444;
}
.navImgLeft {
    position:absolute;
    left:0;
}
.navImgRight {
    position:absolute;
    right:0;
}
/*************************************************************************** main body */
#contentContainer{
	width:100%;
	height:auto;
	_height:100%;
	border:0;
}

#splash {
	width:100%;
	z-index:10;
    border-top:2px solid #000;
    border-bottom:2px solid #000;
	background-color: #990000;
    padding:2px 0px 2px 0px;
    margin-top:15px;
}

#pageTitle {
    display:table;
	width:100%;
    height:110px;
    max-height:110px;
	background-color: #666;
    background-image: url(/images/bg_title.jpg);
    background-repeat: repeat-x;
	text-align:center;
	vertical-align:middle;
	/*line-height:100px;*/
    margin: 15px 0px;
}
#pageTitleText {
    display: table-cell;
    height:100%;
    width:100%;
    vertical-align: middle;
}
#pageSubTitle {
	width:100%;
	margin:15px 0px;
	font-size:1.75em;
	font-family: Arial;
    font-weight:bold;
	color:#004fa3;
	text-align:center;
	vertical-align:middle;
}

#pageContent {
    max-width: 960px;
	margin:auto;
	vertical-align:top;
	z-index:0;
    background-image: url(/images/brushed_metal.jpg);
    background-repeat:repeat;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 25px;
    border-top-right-radius: 25px;
    border-bottom-right-radius: 10px;
    -webkit-box-shadow: inset 0px 0px 3px 4px rgba(9, 14, 7, 0.50);
    -moz-box-shadow:    inset 0px 0px 3px 4px rgba(9, 14, 7, 0.50);
    box-shadow:         inset 0px 0px 3px 4px rgba(9, 14, 7, 0.50);
    padding:30px;
}

#content {
	width:100%;
    min-height:600px;
	font-family: Arial;
    background-color: #eee;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 23px;
    border-top-right-radius: 23px;
    border-bottom-right-radius: 8px;
    -webkit-box-shadow: 0px 0px 3px 4px rgba(9, 14, 7, 0.50);
    -moz-box-shadow:    0px 0px 3px 4px rgba(9, 14, 7, 0.50);
    box-shadow:         0px 0px 3px 4px rgba(9, 14, 7, 0.50);
    padding:15px;
    overflow:hidden;
}
#colLeft {
	max-width:600px;
	float:left;
	display:table-cell;
}
#colRight 
{
	max-width:250px;
	float:right;
    text-align:center;
}

#staticContent {
	padding-top:15px;
}
/* end main body */

form
{
    height:100%;
	width:100%;
    /*background-image: url('/images/bgBodyTop.jpg');
    background-position: center top;
    background-repeat: no-repeat;*/
}


/************************************************************************* Home THUMB Nav */
.thumbnails {
	margin:20px auto;
	text-align: center;
}
.thumbnails, 
.thumbnails a:link,
.thumbnails a:visited {
	/*color:#004fa3;*/ /* rem ADA 11/2024*/
	text-decoration: none;
    color: #ffffff;
}
.thumbnails a:hover {
	color:#666;
}
.THItem {
    position:relative;
    min-width:190px;
    max-width:240px;
    height:auto;
    margin:10px;
    padding:0px;
    display:inline-block;
        zoom: 1;
    *display: inline;
}
.THText {
    position: absolute;
    top: 60%;
    padding: 5px;
    width: 100%;
    font-size: 1.15em;
    /*color:#004fa3;*/ /* rem ADA 11/2024*/
    font-weight: bold;
    text-align: center;
    /*-webkit-text-stroke: 1px black;*/ /*rem pre ADA */
    /*text-shadow: -1px 0 #fff, 0 1px #fff, 1px 0 #fff, 0 -1px #fff;*/ /* rem ADA 11/2024*/
    /* ADA Edits 11/2024 */
    background: #000000;
    color: #ffffff;
}
.THImage {
	width:100%;
	height:auto;
}
.THImage img {
	width:100%;
	height:auto;
    margin-left:0px;
}
/*************************************************************************** SideBar */
.sideContainerFloat {
    width: 250px;
    display: table;
    float: right;
}
.sideContainer
{
	width:250px;
	margin:0px auto 15px auto;
	background-color:#fff;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 23px;
    border-top-right-radius: 23px;
    border-bottom-right-radius: 8px;
}
.sideTitle
{
	background-color:#004fa3; 
	text-align:center; 
	font-size:1.10em; 
    font-weight:bold;
	color:#fff; 
    padding:10px;
    border-top-left-radius: 8px;
    border-top-right-radius: 23px;
}
.sideContent
{
	padding:10px 5px; 
	vertical-align:top;
}
.sideItem
{
	min-height:30px;
	/*border:1px solid #333;
	background-color:#4a4670;*/
	padding:5px;
	position:relative;
	margin-top:1px;
	background-image: url(/images/website/bullet_sidebar.png);
	background-position:right center;
	background-repeat:no-repeat;
}
.sideText
{
	display:table-cell;
	text-align:left;
	font-size:100%;
	vertical-align: middle;
	width:205px;
}
.sideItem a:hover, .sideBItemTitle a:hover, .sideBText a:hover
{
	text-decoration:none;
}
.sideItem img
{
	display:table-cell; 
	vertical-align: middle;
	border:0px;
}	
.sideItemTitle
{
	color:#444;
	font-size:14px;
}
.sideItemDate
{
	font-size:12px;
	color:#777;
}
/* end SideBar */


/*************************************************************************** Footer */
#footerContainer
{
	/*height:60px;*/
	padding-top:20px;
	color:#fff;
	bottom:0px;
	width:960px;
    margin:auto;

}
#footer 
{
	width:100%;
	margin:auto;
    z-index:100;
    min-height:60px;
    position:relative;
    border:2px solid #000; 
    background: url(/images/bg/fabric_09.jpg) repeat #222;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 25px;
    border-top-right-radius: 25px;
    border-bottom-right-radius: 10px;
    -webkit-box-shadow: inset 0px 0px 3px 4px rgba(9, 9, 9, 0.50);
-moz-box-shadow:    inset 0px 0px 3px 4px rgba(9, 9, 9, 0.50);
box-shadow:         inset 0px 0px 3px 4px rgba(9, 9, 9, 0.50);
}
#footerContent 
{
    width:100%;
    padding:0px 20px;
}
.footer
{
	color:#999;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
}
.footer a:link,
.footer a:visited
{  
    color: #eee; 
    text-decoration: none;
}
.footer a:hover
{
    color: #666; 
    text-decoration: underline;
}
#CopyrightFooter
{
    margin:20px 20px;
	text-align: left;
	font-size:12px;
}
#AddressLogo {
    width: 80%;
    text-align:center;
    display: table-cell;
    margin: 3px auto;
    /*transform: skewX(20deg);*/
}
#AddressLogo img {
    display:inline-block;
}
#AddressFooter
{
     width: 300px;
     padding:2px 20px 20px 20px;
     margin: 40px auto;
     font-size:16px;
     color:#eee;
     text-align: center;
     font-family:Arial;
     /*background: url(/images/bg/bg_leather_2.jpg) repeat #222;*/
     background: url(/images/bg/fabric_10.jpg) repeat #222;
     border-top-left-radius: 20px;
    border-bottom-left-radius: 45px;
    border-top-right-radius: 45px;
    border-bottom-right-radius: 20px;
    /*transform: skewX(-20deg);*/
    -webkit-box-shadow: inset 0px 0px 3px 4px rgba(0, 0, 0, 0.50);
-moz-box-shadow:   inset 0px 0px 3px 4px rgba(0, 0, 0, 0.50);
box-shadow:        inset 0px 0px 3px 4px rgba(0, 0, 0, 0.50);
}
#AddressText {
   /* transform: skewX(20deg);*/
}

/* end Footer */
/*************************************************************************** Bottom Nav */
#botNavContainer
{
 	width:100%;
 	margin:15px auto;
	text-align: center;  
	/*white-space: nowrap;  */
	/*min-height: 100px;*/
	font-family:Arial;
}
.navBlockTitle {
    margin-top:15px;
}
.navBlockTitle,
.navBlockTitle a:link,
.navBlockTitle a:hover,
.navBlockTitle a:visited {
    text-align: center;
    font-size: 18px;
    text-decoration: none;
    /*color: #004fa3;*/ /* REM ADA 11/2024 */
    color: #ffffff; /* ADA 11/2024 */
}

.navBlock
{
	width:125px;
	display: inline-block;  
	zoom: 1;
    *display: inline;
    vertical-align: top;  
	text-align:left;
	/*border:solid; border-color:#000; border-width:1px;
	-moz-border-radius: 15px;
	border-radius: 15px;*/
}
.navBlock li
{
	line-height:1.00;
	color: #fff; 
	list-style: none;
	padding-top:6px;
	white-space:normal;  
	
}
.navBlock ul
{
	margin-left: 0px; 
	padding: 0 4px;
	margin-top: 5px;
	font-size:12px;
}
.botNav {
	text-align: center;
}
.sub-menu {
	font-family:Arial;
}
.subNav a:link,
.subNav a:visited
{  
    color: #fff; 
    text-decoration: none;
}
.subNav a:hover
{
    color: #fff; 
    text-decoration: underline;
}

/* end Bottom Nav */

/*************************************************************************** PROGRESS */
.ProgressTemplate {
	background-color:#ffffff;
	z-index: 10000;
	filter: alpha(opacity=50); /*older IE*/
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); /* IE */
	-moz-opacity: .50; /*older Mozilla*/
	-khtml-opacity: 0.5;   /*older Safari*/
	opacity: 0.5;   /*supported by current Mozilla, Safari, and Opera*/
	position:fixed; 
	top:0px; 
	left:0px; 
	width:100%; 
	height:100%; 
	text-align:center; 
	vertical-align:middle;
	display:table;
	background-image:url(/images/progress.gif) no-repeat center center;
}
.ProgressTemplateCell {
	display:table-cell;
	vertical-align:middle;
	text-align:center;
	margin:50% auto;
}
.ProgressTemplateCell img
{

  display:block;
      zoom: 1;
    *display: inline;
  vertical-align:middle;
  margin:0 auto;
}
/*************************************************************************** SURVEY */
.surveyItem {
    margin: 20px auto;
}
.surveyQuestion {
    font-weight: bold;
}
/*************************************************************************** MISC */
.rounded-corners {
    behavior: url(/styles/border-radius.htc);
    border-radius: 10px;
}
.vignette
{
    display:block;
        zoom: 1;
    *display: inline;
    position:relative;
}
.imageShadow {
		-webkit-box-shadow: 2px 3px 5px 0px black;
	-moz-box-shadow: 2px 3px 5px 0px black;
	box-shadow: 2px 3px 5px 0px black;
}
.vignette::before
{
	-webkit-box-shadow:inset 0px 0px 65px #000;
    -moz-box-shadow:inset 0px 0px 65px #000;
    box-shadow:inset 0px 0px 65px #000;
    width:100%;
    height:100%;
    content:'';
    position:absolute;
}
.box
{
    border: #003358 1px solid;
}
/*************************************************************************** FORMS */
#contactTable table {
    margin-top:20px;
    padding:15px;
    background-color:#EBEBEB;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 23px;
    border-top-right-radius: 23px;
    border-bottom-right-radius: 8px;
    -webkit-box-shadow: 0px 0px 3px 4px rgba(9, 14, 7, 0.50);
    -moz-box-shadow:    0px 0px 3px 4px rgba(9, 14, 7, 0.50);
    box-shadow:         0px 0px 3px 4px rgba(9, 14, 7, 0.50);
}
#formContact 
{
    border:1px solid #ff0000;
}
.conFormText {
    padding: 5px;
}
.branch
{
    padding-left: 12px;
    background-image: url('/images/branch.gif');
    background-repeat: no-repeat;
    background-position: left top;
}

.pageButtonPrev {
	float:left;
	font-size:1em;
	margin-top:20px;
}
.pageButtonNext {
	float:Right;
	font-size:1em;
	margin-top:20px;
}
.formCheck, .formCheck td
{
    background-color:#666;
    border:2px solid #222;
    padding:0;
    margin:0;
}
.submit 
{
    background-color: #000;
    color:#fff;
    padding:10px;
    border: #000 1px solid;
    border-radius:10px;
	cursor:pointer;
}
.labelStatus 
{
	color:#FA7500;
	font-size:14px;
	text-align: center;
	font-weight:bold;
}
.optionalField {
	color:Fuchsia;
}
.automaticField {
	color:Gray;
}
.requiredField {
	color:#FA7500;
}
.fieldError {
	color:#FA7500;
	text-align:right;
}
.fieldLabel {
	color:#000;
	text-align:right;
}
.fieldNote {
	color:Gray;
    font-size:75%;
    text-align:left;
}
.fieldRequired{
	color:#ff0;
	font-weight:bold;
}
.field
{
    border: #222 1px solid;
    font-size: 11px;
    font-weight: normal;
    font-family: verdana, arial, helvetica;
    background-color: #fff;
    color:#000;
    margin:4px 0px;
    padding:4px;
}
.clear
{
	clear:both;	
}
.errormsg
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    COLOR: #DD0000;
    FONT-FAMILY: verdana, arial, helvetica
}
.confirmmsg
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    COLOR: #009900;
    FONT-FAMILY: verdana, arial, helvetica;
}
.button,
.button a:link,
.button a:active,
.button a:visited
{
    background-color: #666;
     border: #000 1px solid;
    -webkit-box-shadow: 0 3px 5px 0px black;
	-moz-box-shadow: 0 3px 5px 0px black;
	box-shadow: 0 3px 5px 0px black; 
	cursor:pointer;
    color: #FFFFFF;
	cursor: pointer;
	text-decoration: none;
    padding:5px;
}
.pageButtons
{
	text-align:center;
	color:#ffffff;
}
.pageButtons a:link,
.pageButtons a:visited,
.pageButtons a:active {
	color:#fff;
	text-decoration:none;
}
.notice {
	color:#666;
	font-size:85%;
	font-style:italic;
}
.buttonLarge,
.buttonLarge a:link,
.buttonLarge a:active,
.buttonLarge a:visited 
{
    background-color: #4a4670;
    border: #000 1px solid;
    -webkit-box-shadow: 0 3px 5px 0px black;
	-moz-box-shadow: 0 3px 5px 0px black;
	box-shadow: 0 3px 5px 0px black; 
	cursor:pointer;
    color: #FFFFFF;
	cursor: pointer;
    font-size: 125%px;
    font-weight: bold;
	cursor: pointer;
	text-decoration: none;
	padding:20px;
}
/* end common */
/* COLORS
Blue: #004fa3
Red: #990000
Dark Gray: #0e0e0e
Medi Gray: #1b1b1b
*/



