/* CSS Document */
html, body {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:18px;
background:transparent url(../images/bg.gif) repeat-x scroll top left;
margin:0 0 0 0;
color:#000000;
height:100%;
}

#container {
background-image:url(../images/cont-bk.gif);
background-repeat:no-repeat;
padding-top:7px;
padding-bottom:7px;
width:817px;
margin-left:auto;
margin-right:auto;
height:auto !important;
min-height:100%;
position:relative;
}

.numbers {
font-size:12px;
}

#container-splash {
background-image:url(../images/cont-bk.gif);
background-repeat:no-repeat;
padding-top:7px;
width:817px;
margin-left:auto;
margin-right:auto;
position:relative;
}

#indexbutton {
width:113px;
height:75px;
position:absolute;
left:13px;
top:12px;
cursor:pointer;
}

#middle {
width:787px;
background-color:#FFFFFF;
margin-left:auto;
margin-right:auto;
}

#centre {
width:769px;
margin:0 auto 0 auto;
}

#header {
position:relative;
width:769px;
height:111px;
background-image:url(../images/header.gif);
background-repeat:no-repeat;
margin-bottom:1px;
}

#main-img {
position:relative;
width:769px;
height:215px;
background-position:left;
background-repeat:no-repeat;
}
#photocontainer {
position:absolute;
right:0px;
top:0px;
width:215px;
height:215px;
background-position:center;
background-color:#FFFFFF;
}
#frame1 {
position:absolute;
width:253px;
height:224px;
top:-9px;
left:-6px;
background-image:url(../images/picframe1.png);
behavior: url(/iepngfix.htc);
}
#rotator1 {
overflow:hidden;
position:relative;
width:215px;
height:215px;
}
#rotator1 img {
}


#photoframe {
position:absolute;
float:left;
width:244px;
height:257px;
top:-247px;
}

#photo {
position:absolute;
width:194px;
height:185px;
background-position:center;
background-repeat:no-repeat;
left:16px;
top:15px;
background-color:#FFFFFF;
background-image:url(../images/front/rotate.php)}

#frame {
position:absolute;
left:-16px;
top:-15px;
float:left;
width:244px;
height:257px;
background-image:url(../images/picframe.png);
background-repeat:no-repeat
}

#holder {
position:absolute;
height:244px;
width:257px;
left:0px;
top:334px;
}

#content {
margin-top:10px;
width:769px;
}
#main-content {
float:left;
width:500px;
}
#main-content-pad {
margin-left:20px;
margin-right:20px;
}

.contactinfo {
width:460px;
min-height:100px;
background-repeat:no-repeat;
border:1px solid #1C457D;
}
#midlothian {
background-image:url(../images/midlothian1.jpg);
}
#haddington {
background-image:url(../images/haddington1.jpg);
}
#musselburgh {
background-image:url(../images/musselburgh1.jpg);
}
#edinburgh {
background-image:url(../images/edinburgh1.jpg);
}
#wlothian {
background-image:url(../images/wlothian1.jpg);
}
#director {
background-image:url(../images/director1.jpg);
}
#danny {
background-image:url(../images/danny1.jpg);
}
#jackie {
background-image:url(../images/jackie1.jpg);
}
#linda {
background-image:url(../images/linda1.jpg);
}
#margaret {
background-image:url(../images/margaret1.jpg);
}



#contactinfo-content {
margin-left:80px;
margin-top: 10px;
margin-right:160px;
}

#content-bk {
width:769px;
background-image:url(../images/content-bk.gif);
background-position:bottom;
background-repeat:no-repeat;
padding-bottom:5px;
}

#services-content {
width:458px;
border:1px solid #1C457D;
margin-bottom:15px;
}
#service-content-pad {
margin:10px 10px 10px 10px;
}

.name {
font:"Comic Sans MS";
font-size:18px;
font-weight:bold;
font-style:italic;
color:#990000;
}

#secondNav {
float:left;
width:250px;
height:500px;
margin-right:10px;
background-image:url(../images/secondNav.gif);
background-repeat:repeat-x;
color:#FFFFFF;
line-height:20px;
font-size:16px;
}
#secondNav-pad {
margin:10px 0 0 10px;
}
#secondNav a:link{
color:#FFFFFF;
}
#secondNav a:visited{
color:#FFFFFF;
}

#board {
float:left;
width:80px;
padding:2px 2px 2px 2px;
text-align:center;
border:1px solid #1C457D;
color:#1C457D;
font-size:14px;
margin-left:4px;
}
#board-pad {
margin:2px 2px 2px 2px;
}


#A {
float:left;
width:250px;
margin-right:10px;
}
#A-pad {
margin:10px 12px 10px 12px
}

#B {
float:left;
width:250px;
margin-right:9px;
}
#B-pad {
margin:10px 12px 10px 12px
}

#C {
float:left;
width:250px;
}
#C-pad {
margin:10px 12px 10px 12px
}

#footer {
width:769px;
height:38px;
color:#FFFFFF;
line-height:38px;
margin-top:9px;
background-color:#1C457D;
font-size:12px;
text-align:center;
}
#littlefoot{
width:817px;
height:16px;
background-image:url(../images/littlefoot.gif);
background-repeat:no-repeat;
margin-left:auto;
margin-right:auto;
}

.floatfix {
clear:both;
height:0px;
overflow:hidden;
font-size:0px;
}

#bg-heads {
height:40px;
background-repeat:repeat-x;
color:#1C457D;
background-image:url(../images/welcome1.gif);
padding-top:15px;
font-size:20px;
font-weight:bold;
}
html > body#bg-heads {
height:21px;
}

#sm-heads {
width:220px;
height:36px;
background-repeat:repeat-x;
color:#1C457D;
background-image:url(../images/welcome1.gif);
padding-top:16px;
font-size:19px;
font-weight:bold;
}
html > body#sm-heads {
height:20px;
}

h2 {
font-size:16px;
font-weight:bold;
}

#navbox {
position:absolute;
float:left;
width:520px;
height:54px;
top:14px;
left:280px;
}
#switchbox {
position:absolute;
float:left;
width:130px;
height:21px;
top:80px;
left:635px;
}

#navs {
float:left;
margin-right:6px;
height:54px;
color:#FFFFFF;
background-position:top;
text-align:center;
background-repeat:no-repeat;
font-size:10px;
text-decoration:none;
cursor:pointer;
}
#navs-pad {
margin-top:42px;
}

#navs a:link {
color:#FFFFFF;
text-decoration:none;
}
#navs:hover {
background-position:bottom;
color:#00D7FD;
text-decoration:none;
cursor:pointer;
}
#navs a:hover{
color:#00D7FD;
}
#navs a:visited {
color:#FFFFFF;
text-decoration:none;
}

.home {
width:37px;
background-image:url(../images/home.gif);
}
.about {
width:51px;
background-image:url(../images/about.gif);
}
.contact {
width:58px;
background-image:url(../images/contact.gif);
}
.ourservices {
width:54px;
background-image:url(../images/ourservices.gif);
}
.volunteer {
width:54px;
background-image:url(../images/volunteer.gif);
}
.recruitment {
width:52px;
background-image:url(../images/recruitment.gif);
}
.feedback {
width:67px;
background-image:url(../images/feedback.gif);
}
.links {
width:63px;
background-image:url(../images/links.gif);
}
.donate {
width:46px;
background-image:url(../images/donation.gif);
}

#donate {
float:left;
width:122px;
height:70px;
background-image:url(../images/donate.gif);
background-repeat:no-repeat;
background-position:top;
text-indent:-3000px;
}
#donate:hover {
background-position:bottom;
cursor:pointer;
}

#fn-cont {
float:left;
width:385px;
}
#text-cont {
float:left;
width:384px;
padding-left:20px;
padding-right:20px;
}
html>body #text-cont {
width:344px;
}


#frontNavsA {
height:225px;
width:187px;
background-position:top left;
float:left;
padding-top:10px;
padding-right:10px;
padding-left:10px;
font-size:18px;
font-weight:bold;
color:#66CCFF;
margin-bottom:1px;
cursor:pointer;
}
html>body #frontNavsA {
width:167px;
height:215px;
}
#frontNavsB {
height:225px;
width:187px;
background-position:top left;
float:left;
padding-top:195px;
padding-right:10px;
padding-left:10px;
font-size:18px;
font-weight:bold;
color:#66CCFF;
cursor:pointer;
}
html>body #frontNavsB {
width:167px;
height:30px;
}
#frontNavsA:hover {
background-position:bottom left;
}
#frontNavsA a:link {
color:#66CCFF;
text-decoration:none;
}
#frontNavsA a:visited {
color:#66CCFF;
text-decoration:none;
}
#frontNavsB:hover {
background-position:bottom left;
}
#frontNavsB a:link {
color:#66CCFF;
text-decoration:none;
}
#frontNavsB a:visited {
color:#66CCFF;
text-decoration:none;
}
.a {
background-image:url(../images/front1.jpg);
margin-right:1px;
text-align:right;
text-decoration:none;
}
.b {
background-image:url(../images/front2.jpg);
text-align:left;
text-decoration:none;
}
.c {
background-image:url(../images/front3.jpg);
margin-right:1px;
text-align:right;
text-decoration:none;
}
.d {
background-image:url(../images/front4.jpg);
text-align:left;
text-decoration:none;
}

.heeds {
font-weight:bold;
color:#10427B;
}

.feedbackfield{
	width:150px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#10427B;
	border:1px solid #10427B;
}

.button {
	font-family:Arial, Helvetica, sans-serif;
	color: #10427B;
	border: 1px solid #10427B;
	font-size:16px;
	cursor:pointer;
}
.contacttext {
font-size:16px;
color:#10427B;
}

#index-navs {
float:left;
width:187px;
height:353px;
background-position:top left;
cursor:pointer;
}
#index-navs:hover {
background-position:bottom left;
}
#index-navs a:hover {
background-position:bottom left;
}

.navA {
background-image:url(../images/index1.jpg);
margin-right:7px;
}
.navB {
background-image:url(../images/index2.jpg);
margin-right:6px;
}
.navC {
background-image:url(../images/index3.jpg);
margin-right:7px;
}
.navD {
background-image:url(../images/index4.jpg);
}

#addresses {
float:left;
width:230px;
}
#addresses-pad {
margin-left:10px;
}

#left {
display:none;
text-decoration:none;
font-size:18px;
color:#1C457D;
}
#left a:link {
color:#1C457D;
text-decoration:none;
}
#left a:visited {
color:#1C457D;
text-decoration:none;
}

#right {
display:none;
text-decoration:none;
font-size:18px;
color:#1C457D;
}
#right a:link{
text-decoration:none;
color:#1C457D;
}
#right a:visited{
text-decoration:none;
color:#1C457D;
}

.feed {
color:#1C457D;
font-size:18px;
}
.feed a:link{
color:#1C457D;
font-size:18px;
}
.feed a:visited{
color:#1C457D;
font-size:18px;
}

#timeline {
float:left;
width:500px;
}
#times1 {
width:450px;
margin-left:50px;
}
#times2{
width:425px;
margin-left:75px;
}
h3 {
font-size:15px;
font-weight:bold;
margin-right:10px;
}

#reg {
font-size:9px;
width:600px;
margin-left:auto;
margin-right:auto;
text-align:center;
margin-top:8px;
}