* { margin:0; padding:0;}


a:link,  a:visited { 
    color: #005045;
    font-weight: bold;
    text-decoration: none;
}

a:visited { 
    color: #555;
    font-weight: bold;
}

a:hover {
    color: black;
}

body {
    background: url(images/body_bg.jpg) #fedbc3 center;
    color: black;
    font: .75em/1.5em "Trebuchet MS", verdana, arial, helvetica, sans-serif;
    text-align: center;
}

p {
    text-indent: 2em;
 }

h1 {
    color: black;
    font: bold italic 1.5em/2em "Trebuchet MS", verdana, arial, helvetica, sans-serif;
    padding: 1.5em 0;
    text-align: center;
}

.h1_box, .h2_box {
    display: block;
    margin: 1em 0 1em 1em;
    padding: 0 0 1em 0;
    width: 500px;
}

*html h2, h3 {
	margin: 1em 0 0 1em;
	padding: 1em 0 0 1em;
	position: relative;
}

h2, h3 {
    border-bottom: solid 1px gray;
    border-left: solid .3em orange;
    color: #992200;
    font: bold italic 1.75em  "Trebuchet MS", verdana, arial, helvetica, sans-serif;
    margin: 3em 0 1em 0;
    padding: .5em 0 4pt 1em;
    text-align: left;
    text-indent: -.5em;
}


h3 {
    border-bottom: solid 1px silver;
    border-left: solid .3em gray;
    color: black;
    font: bold italic 1.5em "Trebuchet MS", verdana, arial, helvetica, sans-serif;
    margin: 0 0 1em 0;
    padding: 0 0 .2em 1em;
}

.h3_box { 
    display: block;
    height: 1em;
    margin: 1em;
    padding: 1.5em 0 .25em 1.5em;
    width: 30em;
}


.para1 {
    margin: 1em 0 0 0;
    padding: 1em 0 0 0;
    text-indent: 0;
}

ul {
    list-style: disc;
    padding: 1em 4em 0 2.5em;
    text-align: left;
}


#logo{ 
    background: url(images/belvederelogo.jpg) 50% 0px repeat-x;
    height: 110px;
    margin: 0 auto;
    padding: .5em;
    text-indent: -1200em;
    width: 700px;
 }

#navbar {
    background: #005045;
    border-bottom: .3em solid black;
    border-top: silver 2px solid;
    color: white;
    font: .9em/1.5em trebuchet, arial, helvetica, sans-serif;
    list-style: disc;
    margin: 0 auto;
    width: 716px;
  }
#navbar ul{
    text-align: center;
}

#navbar li{
    display: inline;
padding-bottom: 60px;
}

#navbar a:link, #navbar span a:link, #navbar a:visited, #navbar span a:visited {
    color: white; 
    text-decoration: none;
 }

#navbar span{ 
    border-bottom: .4em solid #FFAA00;
}

#navbar a:hover{ 
    border-bottom: .4em solid #AAA;
    color: white;
}

#heart  {
float: right;
}

 #cert {
bottom: -6em;
clear: both;
float: right;
position: relative;
right: -6em;
}

#contact_box { 
    background: #ffffaa;
    font: 1em/1.5em "Trebuchet MS", verdana, arial, helvetica, sans-serif;
    height: 7em;
    margin: 0 auto;
    padding: 1em;
    text-align: center;
    width: 690px;
 }

.address, .email { 
    color: #000;
    font-style: italic;
    font: 1em verdana, arial, helvetica, sans-serif;
 }

.email { 
    font-style: normal;
    font-weight: bold;
 }

.tel { 
    color: black;
    font: 1.5em/2em verdana, arial, helvetica, sans-serif;
 }


.address, .email, .tel {
margin-left: 4em;
 }




/*Content Divs -- Page Header panoramas go in here----------------------------------------------------------------------*/
#content1, #content2, #content3, #content4, #content5, #content6, #content7, #content8 {
    background: url(images/headers/home_header.jpg) 50% 0 no-repeat white;
    border-bottom: solid white .5em;
    border: solid orange 1px;
    color: black;
    margin: 0 auto;
    overflow: hidden;
    padding: 10.5em 3em 2em 3em;
    text-align: justify;
    top: 0px;
    width: 640px;
 }

#content2 { 
    background: url(images/headers/find_header.jpg) 100% 0% no-repeat white;
 }

#content3 {
    background: url(images/headers/facilities_header.jpg) 0 0 no-repeat white;
 }

#content4 {
    background: url(images/headers/tarriff_header.jpg) 100% 0 no-repeat white;
 }

#content5 {
    background: url(images/headers/seasons_header.jpg) 50% 0 no-repeat white;
 }

#content6 {
    background: url(images/headers/area_header2.jpg) 80% 0 no-repeat white;
 }

#content7 {
    background: url(images/headers/eco_header.jpg) 100% 0 no-repeat white;
}

#content8 {
    background: url(images/headers/links_header.jpg) 50% 0 no-repeat white;
 }



.outer, .outer1 {
    width: 100%;
    height: 280px;
    left: 0;
    position: relative;
    margin: 0 0 1em 0;
 }

.outer {
    width: 50%;
    position: relative;
 }

.pic_outer, .pic_outer1 {
    width: 600px;
    margin: 2em auto;
 }

.pic_outer1 {
    width: 600px;
    height: 400px;
 }

.pic_outer img {

}
.pic {
    position: absolute;
 }

.pic1, .pic2, .pic3, .pic4, .seasons_pic1 {
    margin: 0em 1em 2em 0em;
    float: left;
    border: solid 1px gray;
}
 
.pic2, .pic4  {
    float: right;
 }

.seasons_pic1 {
    float: right;
    margin: 1em 0 2em 3em;
 }

.caption1, .caption2 {
    width:325px;
    height: 1.5em;
    font: 1em palatino, times, serif;
    font-style: italic;
    text-indent: 0;
    margin: 0;
    background: white;
    top: 250px;
    text-align: left;
    padding: 1em 0 0 0;
 }

.tarriff ol, .terms ol {
    padding: 0em 5em;
    list-style-type: lower-alpha;
 }

.terms ol  {
    list-style-type: decimal;
    margin: 1.5em 0 0 }

.euros {
    padding: 5em;
 }


.cards /* credit cards outer box */ {
    padding: 1em 1.5em 1.5em 0;
 }

.card /*individual card icon*/ {
    margin: 1em;
 }

#aa_logo {
    position : relative;
    float: left;
    clear: right;
 }

#shropshire_logo {
    float: right;
 }

.map a:link, .map a:visited {
    color: orange;
 }

#footer {
    background: #005045;
    clear: both;
    display: block;
    font-size: 80%;
    margin: 1em auto 0 auto;
    text-align: center;
    width: 800px;
 }

#footer ul, #footer li {
    display: inline;
 }

#footer li a {
    color: white;
    text-decoration: none;
    padding: .7em;
 }

#footer li a:hover {
    border-bottom: .3em solid silver;
    padding-bottom: .2em;
 }

#webmaster {
    clear: both;
    font: .25em  georgia, "times new roman", serif;
    text-align: center;
    top: 1em;
}

#webmaster a {
    font-weight: normal;
    color: teal;
 }

.here {
    border-bottom: .4em solid #555;
    padding-bottom: .3em;
 }