﻿body, html {
font-family:Arial, Helvetica, sans-serif;
margin-right:auto;
margin-left:auto;
margin:0;
padding:0px;
border:0px;
height:auto;
}


div, p, span {
font-family:Arial, Helvetica, sans-serif;
color: #000000;
font-size:14pt;
font-weight:500;
margin-right:auto;
margin-left:auto;
margin-top:0px;/****need this to get rid spacing issue in Chrome****/
margin-bottom:0px;/****need this to get rid spacing issue in Chrome****/
padding:0px;	/****need this to get rid spacing issue in Chrome****/
border:0px;
line-height:24pt;
}


.hide {visibility:hidden;}

.hideImg{outline:none;outline:expression(hideFocus='true');text-decoration:none;}

.linkImg {
text-decoration:none;
outline-style: none;
border: none;
outline:none;
outline:expression(hideFocus='true');
}

/*******float text around an image****************/
.clearfix:before,
.clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1;}
/*******End float text around an image****************/


/*****************text*****************/

h1{font-size:18px;}
h2{font-size:16px;}
h3{font-size:16px;}


.h100{height:100%!important}
.w100{width:100%!important}
.w50{width:50%}

.t1{font-family:Arial, Helvetica, sans-serif;}
.t2{font-family:"Segoe UI", Tahoma, Geneva, Verdana, sans-serif;}

.b1{background-color: #ffffff;}/***white***/
.b2{background-color: #000000;}/***black***/

.c1{color:#000000;}/***black***/
.c2{color:#ffffff;}/***white***/
.c3{color:#3b3838;}/***darker grey***/
.c4{color:#666666;}/***grey***/
.c5{color:#003399;}/***blue***/
.c6{color:#cc0000;}/***red***/


.mt28{margin-top:28px;}
.mt120{margin-top:120px;}

.pb20{padding-bottom:20px;}
.pt20{padding-top:20px;}
.pt30{padding-top:30px;}
.pb30{padding-bottom:30px;}

.ts14{font-size:14px;}
.ts16{font-size:16px;}
.ts18{font-size:18px;}
.ts20{font-size:20px;}
.ts24{font-size:24px;}
.ts30{font-size:30px;}

.tls1{letter-spacing:4px;}

.tc{text-align:center;}
.tl{text-align:left;}
.ti{font-style:italic;}
.tj{text-align:justify;}
.tu{text-decoration:underline;}
.to{outline-style:solid;}

.tw400{font-weight:400;}
.tw500{font-weight:500;}
.tw600{font-weight:600;}
.tw700{font-weight:700;}
.tw800{font-weight:800;}
.tw900{font-weight:900;}

/*****************End text*****************/


#bgmain {
margin: 0 auto; /*Center container on page*/
background:url('images/bg-psd.png') repeat center top;
font-family:Arial, Helvetica, sans-serif;
}


#wrapper {
width:1140px;
height:100%;
margin-left:auto;
margin-right:auto;
background-color:transparent;
}

#header {
position:relative;
width:1140px;
height:203px;
margin: 0 auto; /*Center container on page*/
background: url(images/page_01.png) no-repeat center top;
background-color:transparent;
z-index:500;
}

#middle {
width: 100%;
height:auto;
background: url('images/page_02.png') repeat-y center top;
background-color:transparent;
margin: 0 auto; /*Center container on page*/
padding:0px;
z-index:60;
}


#middleContent2{
position:relative;
top:20px;
left:0px;
background-color:transparent;
width:840px;
margin: 0 auto; /*Center container on page*/
padding:0px;
}


#footer{
position:relative;
width:100%;
min-width:800px;
min-height: 563px;
margin: 0 auto; /*Center container on page*/
background: url('images/page_03.png') no-repeat center top;
background-color:transparent;
z-index:500;
}

.footerContent{
position:relative;
background-color:transparent;
height: 563px;
min-height: 563px;
max-height: 563px;
width:900px;
margin: 0 auto; /*Center container on page*/
}

.links{
position:relative;
background-color:transparent;
width:1200px;
height: auto;
margin-left: auto;
margin-right: auto;
}


.headerAddress{position:absolute; top:64px; left:405px; width:490px; height:50px;}
.headerEmail{position:absolute; top:98px; left:410px; width:490px; height:50px;}
.headerSocial{position:absolute; top:24px; right:115px; width:160px;height:50px;}
.headerPhone{position:absolute; top:68px; right:100px; width:180px;height:50px;}
.headerPhone2{position:absolute; top:98px; right:100px; width:180px;height:50px;}
.footerDirections{position:absolute; top:126px; left:211px; width:780px;height:50px;}
.footerEmail{position:absolute; top:158px; left:215px; width:780px;height:50px;}
.footerHours{position:absolute; top:188px; left:227px; width:780px;height:50px;}
.footerPhone{position:absolute; top:232px; left:202px; width:780px;height:50px;}
.footerCopyright{position:absolute; top:498px; left:120px; width:380px;height:50px;padding-bottom:60px;}
.footerPrivacy{position:absolute; top:498px; right:0px; width:350px;height:50px;}
.footerTOU{position:absolute; top:548px; right:0px; width:350px;height:50px;padding-bottom:60px;}
.footerSocial{position:absolute; top:345px; left:0px; width:240px;height:84px;}
.footerLogo{position:absolute; top:320px; left:375px; width:140px;height:135px;}
.footerBBB{position:absolute; top:345px; right:0px; width:240px;height:84px;}

.linkRed a{color:#cc0000;}
.linkRed a:hover{color:#003399;}
.linkBlue a{color:#003399;}
.linkBlue a:hover{color:#cc0000;}
.linkGray a{color:#3b3838;}
.linkGray a:hover{color:#003399;}
.linkWhite a{color:#ffffff;}
.linkWhite a:hover{color:#cccccc;}
.linkBlack a{color:#000000;}
.linkBlack a:hover{color:#003399;}


.piclink{
position:relative;
z-index: 999;
border: none;
display:block;
outline:none;
outline:expression(hideFocus='true');
}
.sponsor1{
margin-left:40px;
padding-top:30px;
padding-bottom:30px;
height:76px;
width:133px;
}
.sponsor2{
margin-left:20px;
padding-top:30px;
padding-bottom:30px;
height:76px;
width:133px;
}

#columns{
display:table;
position:relative;
float:left;
top:0px;
left:95px;
width:800px;
height:auto;
border-style:none;
border-collapse:collapse;
padding:0px;
background-color:transparent;
text-align:center;
margin: 0 auto; /*Center container on page*/
}

#contactDiv{
position:relative;
top:20px;
left:0px;
height:440px;
background-color:transparent;
width:900px;
padding:0px;
margin: 0 auto; /*Center container on page*/
}

.columnDiv{
position:relative;
float:left;
left:0px;
background: url('images/misc/bgColumns-psd.png') no-repeat center top;
background-color:transparent;
width:320px;
height:400px;
margin-right:10px;
margin-left:10px;
padding:0px;
}
.columnDiv2{
position:relative;
float:left;
left:0px;
background: url('images/misc/bgColumns2-psd.png') no-repeat center top;
background-color:transparent;
width:260px;
height:400px;
margin-right:10px;
margin-left:10px;
padding:0px;
}
.columnImg{
position:relative;
float:left;
background-color:transparent;
width:144px;
height:90px;
padding-top:10px;
}


/*****************************************************************************************/
/*****************************************************************************************/
/*****************************************************************************************/
/*---------IMAGE SLIDER CSS--------*/

#sliderFrame {
position:relative;
width:910px;
height:400px;
top:0px;/*top of screen for the entire slider*/
margin-right:auto;
margin-left:auto;
padding-right:5px;
padding-bottom:30px;
padding-top:20px;
z-index:100;
}

#slider {
position:relative;
width:910px;height:400px;/* Make it the same size as images */
background:#fff url('sliderProjects/loading.gif') no-repeat 50% 50%;
margin-right:auto;
margin-left:auto;
z-index:100;
}

#slider img, #slider>b, #slider a>b{
position:absolute;
border:none;
display:none;
}

/* ------ built-in navigation bullets - DO NOT DELETE needed by javascript file ------*/
.navBulletsWrapper  {
top:60px;
left:472px; 
width:20px;/* small number makes list appear vertically, large number horizontally*/
background:none;
position:relative;
z-index:5;
cursor:pointer;
}

/* each bullet */
.navBulletsWrapper div {
font-size:0px;/* keep pic numbers from showing */
width:11px; height:11px;
background:transparent url('sliderProjects/bullet.png') no-repeat 0 0;
float:left;overflow:hidden;vertical-align:middle;cursor:pointer;
margin-right:8px;/* distance between each bullet*/
margin-bottom:10px;/* vertical distance between each bullet*/
position:relative;
}

.navBulletsWrapper div.active {background-position:0 -11px;}

.loading{ 
width:100%; height:100%;
background:transparent url('sliderProjects/loading.gif') no-repeat 50% 50%;
filter: alpha(opacity=60);
opacity:0.6;
position:absolute;
left:0;
top:0; 
z-index:9;
}/*---------END OF SLIDER CSS--------*/

/* Purchased from menucool.com, using generic page styles*********/
/********************** menu*******************************/

#menuwrap {
position:relative;
width:730px;
top:156px;
left:0px;
height:40px;
list-style:none;
background-color:transparent;
padding-left:4px;
z-index:1800;
}

#menu li {
float:left;
display:block;
text-align:center;
vertical-align:middle;
position:relative;
padding: 2px 28px 6px 28px;
border:none;
line-height:125%;
}

#menu li:hover {
background: #999999;
	/* Rounded corners */
-moz-border-radius: 5px 5px 0px 0px;
-webkit-border-radius: 5px 5px 0px 0px;
border-radius: 5px 5px 0px 0px;
}

#menu li a {/* text color on main menu*/
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
font-weight:500; 
color: #003399;
display:block;
outline:0;
text-decoration:none;
}

#menu li:hover a {/* text color on main menu when hovering*/color:#ffffff; }

