
body{
padding:0;
margin: 0;
background: #cccccc;
}
.style{
height: 100%;
font-family: helvetica;
color: #000000;
font-size: 12pt;
font-weight: normal;
}

.accredit{
	color:#302080;
	margin-left:20px;
}

.accredit:hover{
	color: #003377;
	text-decoration:underline;
}

.tm{
	font-size: 9pt;
	font-family: arial;
}

.header{
width: 100%;
height: 100px;
background: #ffffff;
font-size: 14pt;
}

/*Tyler Savin Added CSS tylergsavin@gmail.com */

#events{
	width:250px;
	float:right;
	margin-right:25px;
}

#events ul li{
	margin-left:-17px;
	margin-bottom:5px;
}

h3{
	min-width:250px;
	text-align:center;
	border-bottom:#060 solid 2px;
}

/* End Tyler Savin CSS */

.tagline{
	float: left;
	padding-top: 61px;
	font-size: 14pt;
	font-family: times;
	font-weight: bold;
	color: #003366;
	padding-left: 20px;
}

.headertext{
padding-top: 10px;
padding-left: 20px;
}

.headertext  a{
font-size: 20pt;
color: #000000;
}

.headerlogo{
height: 80px;
width: 160px;
float: left;
margin-bottom: 10px;
margin-left: 10px;
margin-top: 15px;
}

.headerleft{
float: left;
width:470px;
height: 90px;
}

.headlogo{
margin-top: 20px;
margin-left: 20px;
}

.menu{
border-top-width: 1px;
border-top-color: #777777;
border-top-style: solid;
height: 30px;
width: 980px;
background-image:url('images/menubg.jpg');
background-repeat:repeat-x;
}

.menulink{
float: left;
height: 30px;
padding-left: 17px;
padding-right: 17px;
border-right-width: 1px;
border-right-color: #777777;
border-right-style: solid;
font-weight: bold;
}

.menulink:hover{
	background-color: #036;
	float: left;
	height: 30px;
	padding-left: 17px;
	padding-right: 17px;
	border-right-width: 1px;
	border-right-color: #777777;
	border-right-style: solid;
	font-weight: bold;
}

.menu a{
	font-family: arial;
	font-weight: bold;
	font-size: 10pt;
	color: #eeeeee;
}

.menutext{
	margin-top: 7px;
}
.slideoverlayleft {
	position:relative;
	top:-120px;
	left:20px;
}
.slideoverlayright {
	position:relative;
	top:-120px;
	left:600px;
}
#slideshow {
    position:relative;
    height:145px;
	border-bottom: 1px solid #999999;
	border-top: 2px solid #333333;
}

#slideshow div {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow div.active {
    z-index:10;
    opacity:1.0;
}

#slideshow div.last-active {
    z-index:9;
}

a{
text-decoration: none;
font-weight:normal;
color: #302080;
font-size: 11pt;
font-weight:600;
font-family: Georgia, Serif, arial;
}

a:hover
{
	color: #FFFFFF;
	text-decoration: none;
}

.external:hover{
	color: #003377;
	text-decoration:underline;
}

.main{
width: 1000px;
float: left;
margin-top: 10px;
margin-bottom: 10px;
}


.main2 {
width: 700px;
height: 600px;
margin-left: 100px;
float: left;
margin-top: 50px;
}


.pagehead{
float: left;
width: 995px;
padding-left: 5px;
padding-bottom: 20px;
}

.index{
width: 980px;
float: left;
background: #ffffff;
border: #999999 solid 1px;
}

.indexcontent{
background: #ffffff;
width: 843px;
height: 275px;
border: 1px solid #cccccc;
margin-left: 65px;
margin-bottom: 50px;
}

.indexbox{
margin-top: 7px;
padding-bottom: 20px;
background: #ffffff;
width: 200px;
height: 240px;
float: left;
padding-left: 5px;
font-weight: normal;
font-family: georgia, arial;
border-right: 1px solid #eeeeee;
padding-right: 5px;
}

.indexboxend{
margin-top: 7px;
padding-bottom: 20px;
background: #ffffff;
width: 200px;
height: 240px;
float: left;
padding-left: 5px;
font-weight: normal;
font-family: georgia, arial;
}


#indexboxtitle{
padding-top: 10px;
padding-bottom: 3px;
float: left;
height: 20px;
width: 195px;
text-align: center;
font-family: arial;
}

#indexboxtitle a{
color: #003377;
font-size: 13pt;
font-family: arial;
font-weight: bold;
text-decoration: none;
}

#indexboxtitle a:hover{
text-decoration: underline;
}

#indexlinks a{
	font-size: 10pt;
	color: #003377;
}

.companyintro{
width: 500px;
margin-bottom: 5px;
float: left;
}

.introbox{
width: 580px;
float: left;
}

#introbox a{
	color: #990000;

}

.introfocus{
	color: #336699;
	border: 1px solid #cccccc;
	padding-left: 10px;
	padding-bottom: 20px;
	margin-top: 30px;
	margin-bottom: 30px;
}

.introfocus a{
	color: #003377;
}

.introfocus a:hover{
	text-decoration: underline;
}


.picdetail{
width: 210px;
float: left;
padding-right: 15px;
}

.subintrobox{
margin-top: 15px;
padding-bottom: 20px;
background: #ffffff;
width: 190px;
float: left;
padding-left: 10px;
}

.subintrocontent{
background: #ffffff;
width: 820px;
height: 290px;
border: 1px solid #cccccc;
margin-left: 50px;
margin-bottom: 50px;
padding-left: 20px;
padding-right: 20px;
}

.introcontent{
width: 580px;
float: left;
padding-left: 30px;
padding-top: 20px;
font-size: 11pt;
padding-bottom: 10px;
font-weight: normal;
color: #000000;
}

.introdetail{
color: #003377;
font-weight: bold;
font-size: 12pt;
}

.dasheddivider{
width:99%;
background-image:url('images/bardetail.jpg');
background-repeat:repeat-x;
height: 10px;
float: left;
margin-left: 1px;
}

.service{
float: left;
padding-top: 10px;
}

.servicetitle{
margin-left: 10px;
width: 200px;
}

.servicepic{
float: left;
}


.servicecontent{
margin: 10px;
}

.servicelink{
padding-top: 7px;
padding-left: 5px;
font-size: 10pt;
}


.servicelink a{
font-size: 10pt;
}

#service a{
color: #990000;
font-size: 12pt;
}

#service2 a:hover{
text-decoration: underline;
}


.indexbottom{
	height: 0px;
}

.intromain{
width: 940px;
padding-left: 25px;
float: left;
margin-top:30px;
font-weight: bold;
margin-left: 5px;
}

.introside{
width: 970px;
float: left;
font-weight: bold;
margin-top: 10px;
margin-bottom: 10px;
}


.slideshow{
float: left;
width: 300px;
margin-right: 10px;
margin-top: 10px;
}

.maincontent{
width: 350px;
float: left;
margin-left: 10px;
margin-right: 10px;
font-weight: bold;
}

#sidebar a{
color: #330000;
font-size: 11pt;
}

#sidebar a:hover{
text-decoration: underline;
}

.mapbar{
width: 452px;
height: 430px;
float: left;
margin-left: 15px;
margin-top: 10px;
margin-bottom: 20px;
background-image:url('images/mapbg.jpg');
}

.sidebartitle{
font-size: 13pt;
font-weight: bold;
color: #003377;
padding-top: 10px;
padding-bottom: 3px;
width: 100%;
float: left;
height: 20px;
padding-left: 10px;
}

.footer{
width: 100%;
height: 30px;
background: #333333;
float: left;
}

.footertext{
text-align: center;
font-size: 9pt;
color: white;
padding-top: 8px;
padding-left: 10px;
}

.footertext a{
text-align: center;
font-size: 9pt;
color: white;
padding-top: 8px;
padding-left: 10px;
}

.footertext a:hover{
text-align: center;
font-size: 9pt;
color: #06C;
padding-top: 8px;
padding-left: 10px;
}


.a2lalogo{
	float: left;
	width: 70px;
}

.a2lalink{
	padding-top: 20px;
	float: left;
	padding-left: 10px;
}

.sliderwrap{
	height: 230px;
	padding-left: 20px;
	padding-bottom: 30px;
}

.sliderbox{
float: left;
border: 1px solid #dddddd;
padding-top: 20px;
padding-bottom: 10px;
background: #eeeeee;
}

.slidertop{
	height: 190px;
}

.sliderbottom{
	height: 10px;
	padding-left: 10px;
	font-size: 8pt;
	color: #888888;
}


.slidertitle{
font-size: 14pt;
font-weight: normal;
color: #990000;
padding-bottom: 8px;
padding-left:10px;
border-bottom: 1px solid #dddddd;
margin-bottom: 10px;
}


.container { width:300px; float: left; height:180px; overflow:hidden; position:relative; cursor:pointer; }
    div.slides { position:absolute; top:0; left:0; }
    ul.slides { position:absolute; top:0; left:0; list-style:none; padding:0; margin:0; }
    ul.slides li { position:absolute; top:0; width:300px; display:none; padding:0; margin:0; }

	
    #loopedSlider {margin:0 auto; width: 560px; position:relative; clear:both; }
    ul.pagination { list-style:none; float: left; padding:0; margin:0; }
    ul.pagination li  {padding-bottom: 10px; }
    ul.pagination li a { color: #333333; font-size: 11pt; font-weight: normal; padding-top:2px; padding-bottom:4px; padding-left:15px; padding-right:7px; }
    ul.pagination li.active a { color:#003377; font-weight: bold; }
