/*
// Garstang.net
// Stylesheet


Turquoise Grad:
// Darkest #004741 // #055e58 // #3f7972 // #6b9791 // Lightest #a2bfbc 
// // 

*/


html{
min-height: 101%;
}


body{
font-family: arial, tahoma, verdana, arial;
font-size: 0.8em;
padding: 0px;
border: 0px;
margin: 0px;
background-color: #e3e3e3;
color: #004741;
background-image: url(../images/back.png);
behavior: url('csshover.htc');
background-repeat: repeat-x;
}

h1{
font-size: 15px;
color: #669966;
}

h1{
font-size: 12px;
background-color: #669966;
color: white;
padding: 3px 14px;
letter-spacing: 1px;
font-weight: normal;
}

h2{
font-weight: normal;
font-size: 13px;
color: #336633;
margin: 5px 0px -15px 0px;
text-transform: uppercase;
letter-spacing: 1px;
}

a{
text-decoration: none;
}

img{
border: none;
}






#container{
width: 950px;
text-align: left;
margin-top: 5px;
}



#banner{
width: 948px;
height: 175px;
border: 1px solid #669966;
border-bottom: none;
background: #669966;
}

#logobox{
width: 453px;
height: 175px;
float: left;
text-align: left;
position: relative;
}

#logobox a{
display: block;
font-family: 'Trebuchet MS',arial,tahoma,verdana,sans-serif;
font-size: 24px;
font-weight: bold;
color: white;
height: 75px;
padding-left: 15px;
}

#logo_small_imgs{
border-top: 1px solid white;
}

#logo_small_imgs img{
border-right: 1px solid white;
margin: 0px;
margin-right: 0px;
}


#imgbox{
position: relative;
width: 495px;
float: left;
}

#searchbox{
width: 215px;
height: 50px;
position: absolute;
top: 0px;
left: 280px;
background-image: url(../images/searchbox.png);
background-repeat: no-repeat;
}

#searchbox div{
margin-left: 10px;
}

#searchbox form{
margin: 0px;
}

#sub_box{
position: absolute;
top: 0px;
left: 177px;
background-image: url(../images/trans.png);
padding: 4px;
color: white;
}






#content{
float: left;
width: 910px;
background: white;
padding: 19px;
padding-top: 5px;
text-align: justify;
color: #363636;
line-height: 14pt;
}

#contentwrap{
clear: both;
float: left;
width: 948px;
background: white;
border-left: 1px solid #669966;
border-right: 1px solid #669966;
}


#rightbar{
float: left;
width: 210px;
padding-top: 8px;
}



#footer{
width: 950px;
height: 30px;
color: white;
font-size: 10px;
background: #336633;
border-top: 1px solid #6b9791;

}
#footer a{
color: white;
}
#footer a:hover{
color: #ccc;
}



#footl{
float: left;
width: 350px;
text-align: left;
padding: 5px;
margin-top: 3px;
}

#footm{
float: left;
width: 200px;
text-align: center;
padding: 5px;
margin-top: 3px;
}



#footr{
float: left;
width: 350px;
text-align: right;
padding: 5px;
margin-top: 3px;
}


#breadcrumbs{
width: 714px;
background: #055e58;
color: white;
padding: 3px;
}

#breadcrumbs a{
color: white;
text-decoration: underline;
}

#breadcrumbs a:hover{
color: #3f7972;
text-decoration: none;
}

.formbar{
background: #c6dbc6;
color: #004741;
padding: 4px;
border-bottom: 2px solid #6b9791;
}

.contact_form{
margin-left: 150px;
}

#msgbox{
text-align: center;
padding: 8px;
border: 1px solid #055e58;
background: #6b9791;
}







div.formbox{
clear: both;
width: 630px;
overflow: auto;
}

div.floatcol{
float: left;
padding: 5px;
}

div.left{
clear: both;
width: 130px;
text-align: left;
}

div.right{
width: 250px;
}

div.left_column{
float: left;
width: 440px;
margin-right: 10px;
}

div.right_column{
float: left;
width: 450px;
}




div.dir_top{
width: 909px;
overflow: auto;
border: 1px solid #ccc;
}

div.dir_dets{
float: left;
width: 278px;
padding: 10px;
}

.dir_logo{
float: left;
width: 300px;
min-height: 200px;
border-left: 1px solid #ccc;
text-align: center;
}

.dir_bullets{
float: left;
width: 310px;
background: #c6dbc6;
min-height: 200px;
}

div.dir_bullets ul{
margin-left: 0px;
padding-left: 0px;
border-left: 24px solid #c6dbc6;
}

div.dir_bullets li{
list-style-image: url(../images/bullet.png);
padding-left: 5px;
color: #336633;
}

.dir_text{
width: 570px;
padding-right: 30px;
padding-top: 10px;
float: left;
line-height: 12.5pt;
}

.dir_side{
float: left;
width: 310px;
text-align: center;
background: white;
overflow: auto;
padding-bottom: 20px;
}

.dir_imgs{
padding: 10px 0px;
}

.dir_opening{
padding: 5px;
overflow: auto;
color: #336633;
border: 1px solid #336633;
margin: 4px 0px;
font-size: 12px;
line-height: 11px;
}

.dir_openingl{
float: left;
width: 100px;
font-weight: bold;
text-align: left;
margin-left: 30px;
}

.dir_openingr{
float: left;
width: 120px;
text-align: left;
}

a.firstletterbox{
display: block;
padding: 5px;
background: #99cc99;
width: 900px;
color: white;
}





.listbox{
clear: both;
width: 900px;

margin-bottom: 1px;
}

.listboximg{
width: 300px;
height: 200px;
float: left;
margin-right: 10px;
text-align: center;
}

.noheightset{
height: auto;
}

.listboxdets{
width: 200px;
float: left;
margin-right: 10px;
}

.schooldets{
width: 300px;
}

.listboxdesc{
width: 320px;
float: left;
}

.listboxdescsch{
width: 200px;
float: left;
}

.listboxwide{
width: 560px;
float: left;
border-top: 1px solid #ccc;
}

div.listboxwide h2{
margin-bottom: 6px;
}





.benefits{
overflow: auto;
margin-bottom: 2px;
}

h2.btmmarg{
margin-bottom: 6px;
}

div.rc{
height: 30px;
background-color: #336633;
background-image: url(../images/titlerc.png);
background-repeat: no-repeat;
background-position: top left;
margin-bottom: 0px;
font-size: 12px;
}

div.rc h2{
color: white;
margin: 0px 0px 0px 8px;
padding-top: 7px;
text-transform: none;
}

.benefits_l{
float: left;
width: 250px;
padding: 5px;
font-weight: bold;
}

.benefits_r{
float: left;
width: 450px;
padding: 5px;
}



div.news_story{
padding: 6px;
background-color: #669966;
border: 1px solid #ccc;
background: #e2e2e2;
margin-bottom: 5px;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
background-image: url(../images/news_grad_1.png);
background-repeat: repeat-x;
}

div.news_headline{
font-size: 14px;
letter-spacing: 1px;
border-bottom: 1px solid #bbb;
}

div.news_body{
margin: 5px 0px;
}

div.news_body img{
float: right;
margin-left: 8px;
}

div.list-view{
min-height: 105px;
}

div.full-view{
overflow: hidden;
}

div.news_footer{
font-size: 11px;
}

div.news_footer a{
color: #363636;
font-weight: bold;
}

div.news_footer a:hover{
color: #666666;
}








#featured_business{
background: #669966;
color: white;
padding-top: 4px;
}

#featured_business h3{
font-size: 12px;
color: white;
font-weight: normal;
letter-spacing: 1px;
padding: 2px;
margin: 4px;
}

#featured_business p{
font-size: 12px;
padding: 0px 6px;
}

#featured_business img{
margin: 0px 1px;
}

#featured_business a{
color: #336633;
}

#featured_business a:hover{
color: #669966;
}

#featuredets{
padding: 4px;
font-weight: bold;
}

div.readmore{
background-image: url(../images/readmore.png);
background-repeat: no-repeat;
background-position: bottom left;
padding-top: 5px;
padding-left: 3px;
height: 18px;
width: 80px;
font-size: 0.9em;
}

div.readmore a{
color: white;
}

div.readmore a:hover{
color: #e2e2e2;
}



#featured_event{
background: #669966;
color: white;
padding-top: 0px;
}

#featured_event img{
margin: 0px 1px;
}







.directory_listing{
clear: both;
width: 930px;
height: 20px;
}

.dl_busname{
color: #055e58;
float: left;
width: 330px;
padding: 3px;
}

.dl_haslisting{
float: left;
width: 40px;
padding: 3px;
text-align: center;
}

.dl_buscat{
float: left;
padding: 3px;
width: 568px;
}

.dl_link{
float: left;
width: 204px;
padding: 3px;
}
.dl_link a{
text-decoration: underline;
color: #3f7972;
}
.dl_link a:hover{
color: #004741;
}
.dl_header{
background: #336633;
}





#fp_stories{
overflow: hidden;
}

.fp_news_story{
border: 1px solid #bbb;
padding: 5px;
width: 215px;
height: 200px;
float: left;
overflow: auto;
margin: 0px 6px 5px 0px;
font-size: 11px;
background-image: url(../images/news_grad.png);
background-repeat: repeat-x;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
}

div.fp_news_story a.news_title{
display: block;
color: #23528c;
font-weight: bold;
margin-bottom: 6px;
text-transform: none;
letter-spacing: 0px;
border-bottom: 1px solid #ccc;
cursor: pointer;
}

div.fp_news_story a.news_title:hover{
color: #153256;
border-bottom-color: #aaa;
}

#more_news_link{
display: block;
clear: both;
width: 100%;
text-align: right;
font-size: 14px;
float: right;
color: #23528c;
font-weight: bold;
border-top: 1px solid #ccc;
margin-top: 6px;
}

a#more_news_link:hover{
border-top-color: #aaa;
color: #153256;
}

#news_title_container{
display: block;
overflow: hidden;
border-bottom: 1px solid #ccc;
margin-bottom: 10px;
}

#news_stories_title{
font-size: 16px;
margin: 0px;
float: left;
text-transform: none;
padding-bottom: 5px;
}

#news_stories_subscribe{
font-size: 12px;
margin: 0px;
float: right;
}

#slideshow{
width: 700px;
height: 280px;
}

#slideshow img{
width: 700px;
height: 280px;
}

.slide{
position: relative;
}

a.headline_overlay{
display: block;
position: absolute;
top: 230px;
left: 0px;
background-image: url(../images/overlay.png);
padding: 3px 6px;
width: 650px;
font-size: 14px;
font-weight: bold;
color: #222222;
}









.heritage_points{
margin: 0px;
padding: 8px 6px 8px 0px;
border-bottom: 1px solid #e2e2e2;
}

p.smallertext{
font-size: 0.85em;
padding: 5px;
}

#heritageleft{
width: 540px;
float: left;
font-size: 0.85em;
border-right: 1px solid #e2e2e2;
}

#heritageright{
width: 350px;
float: left;
}

#heritageright img{
margin-bottom: 30px;
}

#heritageright p{
margin: 10px;
}

.descriptor{
clear: both;
display: inline;
float: left;
width: 100px;
padding: 5px;
background: #c6dbc6;
margin-bottom: 2px;
}

.descriptor_data{
width: 240px;
display: inline;
padding: 5px;
float: left;
margin-bottom: 2px;
}

.d1{
width: 98%;
}

.cpcont{
width: 90%;
background: #669966;
padding: 10px;
margin-bottom: 8px;
color: white;
}


img.marginimg{
margin: 6px 12px;
border: 3px double #669966;
}


.clear{
clear: both;
height: 0px;
width: 1px;
line-height: 0px;
background: white;
}

div.infobar{
background: #669966;
color: white;
padding: 4px;
margin-bottom: 1px;
text-align: right;
width: 340px;
}

#contactleft{
float: left;
width: 400px;
margin-right: 10px;
}

#contactright{
float: left;
width: 400px;
}


ul.splitlist{
width: 300px;
float: left;
}

img.listing_extra{
margin-bottom: 5px;
}

#links{
list-style-type: none;
}


#loginbtn{
display: block;
width: 350px;
margin-bottom: 5px;
}

.chamber_box{
float: right;
margin-left: 8px;
text-align: right;
}

.errormsg{
width: 600px;
border: 1px solid red;
background: #e9c4c4;
color: red;
font-weight: bold;
padding: 6px;
text-align: center;
margin-bottom: 8px;
}


#bus_text{
padding: 8px;
font-size: 12px;
font-family: verdana,tahoma,arial,sans-serif;
border: 1px solid #666666;
background: #f3f3f3;
}
















#navholder{
width: 950px;
height: 27px;
border-bottom: 1px solid #336633;
text-align: center;
background: #336633;
}




#menu {
width: 870px;
margin-left: auto;
margin-right: auto;
z-index: 99;
}

#menu ul {
list-style: none;
margin: 0;
padding: 0;
width: 15em;
float: left;
width: auto;
z-index: 500;
}

#menu a, #menu h2 {
font: bold 11px/16px arial, helvetica, sans-serif;
display: block;
margin: 0;
padding: 5px 3px 6px 3px;
width: auto;
font-size: 0.8em;
z-index: 500;
margin-right: 10px;
text-align: left;
}

#menu h2 {
color: white;
cursor: pointer;
text-transform: uppercase;
z-index: 99;
border-bottom: none;
}

#menu a {
color: #000;
cursor: pointer;
text-decoration: none;
z-index: 99;
}

#menu a.toplink {
color: white;
text-transform: uppercase;
letter-spacing: 1px;
z-index: 500;
}

#menu a.trans {
border-top: 1px solid #dad08a;
color: white;
background: #336633;
width: 14em;
z-index: 500;
}

#menu a:hover {
color: #ddd;
}

#menu li {position: relative; z-index: 500;}

#menu ul ul {
position: absolute;
z-index: 500;
left: 0px;
}

#menu ul ul ul {
position: absolute;
z-index: 500;
top: 0;
left: 100%;
}

div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}