/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup,sub{line-height:-1px;vertical-align:text-top;}sub{vertical-align:text-bottom;}input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;}
/* The above styles are provided by Yahoo for cross-browser compatibility */

/* ######### Global Styles ########## */

body {  
font-family: tahoma; 
font-size:11px; 
line-height:14px; 
color:#838383; 
background-image: url(images/bodybgColour.jpg);
background-repeat: repeat;
}

h1 {
color:#762B2C; /*marron/red*/
font-size: 25px;
font-weight: 100;
line-height: 30px;
text-decoration: none;
}

h2 {
padding: 5px 0 0 0;
color:#762B2C; /*marron/red*/
font-size: 20px;
font-weight: 100;
line-height: 30px;
text-decoration: none;
}

h3 {
margin: 5px 0 0 0;
color:#762B2C; /*marron/red*/
font-size: 14px;
font-weight: 100;
text-decoration: none;
}

p {
padding: 0 0 15px 0;
color: #666;
font-size: 12px;
line-height: 16px;
}

a {
color:#762B2C; /*marron/red*/
text-decoration: none;
}

a:hover {
text-decoration: underline;
}

/* ######### Page Styles ########## */

#container {
width: 1007px;
margin: 30px auto;
background-image: url(images/containerBg.jpg);
background-repeat: repeat-y;
}

#header {
width: 1007px;
height: 317px;
background-image:url(images/headerBg.jpg);
background-repeat: no-repeat;
}

#logo {
float: left;
margin: 150px 20px 0 103px;
}

#logo h1 a {
margin: 0;
color:#762B2C; /*marron/red*/
font-size: 50px;
font-weight: 100;
line-height: 30px;
text-decoration: none;
}

#logo h1 a span.logoGrey{
margin: 0;
font-size: 12px;
color:#666;
}

#menu {
float: left;
width: 400px;
height: 50px;
margin: 53px 0 0 69px;
}

#menu ul {
width: 700px;
height: 50px;
}

#menu li a{
float: left;
width: 100px;
height: 50px;
line-height: 50px;
text-align: center;
font-size: 14px;
color:#762B2C; /*marron/red*/
text-decoration: none;

}

#menu li a.bf{
width:150px;
margin-left:6px;
}

#menu li a:hover {
color:#666;
}

#content {
width: 800px;
margin: 0 100px 0 100px;
background-image: url(images/contentBgMid.jpg);
background-repeat: repeat-y;
}

#contentTop {
width: 800px;
height:22px;
margin: 10px 100px 0 100px;
background-image: url(images/contentBgTop.jpg);
background-repeat: no-repeat;
}

#contentBot {
width: 800px;
height: 26px;
margin: 0 100px 0 100px;
background-image: url(images/contentBgBot.jpg);
background-repeat: no-repeat;
}

#left {
float: left;
width: 450px;
margin: 0 30px 0 43px;
}

#right {
float: left;
width: 235px;
margin: 43px 0 0 0;
}

#inner {
margin: 0 40px 0 40px;
}

img.photo {
margin: 0 0 20px 0;
padding: 3px;
border: 1px solid #762B2C; /*marron/red*/
background-color: #fff;
}

img.photoAbout {
margin: 0 0 20px 140px;
padding: 3px;
border: 1px solid #762B2C; /*marron/red*/
background-color: #fff;
}

img.photoAbout2 {

padding: 3px;
border: 1px solid #762B2C; /*marron/red*/
background-color: #fff;
margin-left:8px;
}

img.map {
float: right;
margin:-6px 0 0 0;
}

img.contact {
margin: 20px 150px -230px 190px;
}

#homeImg {
width: 500px;
height: 329px;
margin: 0;
background-image: url(images/homepage.gif);
background-repeat: no-repeat;
}

img.logos {
float: left;
margin: -30px 0 0 0;
}

p.home {
text-align: right;
}

#footer {
clear: both;
width: 1007px;
height: 43px;
background-image: url(images/footerBg.jpg);
background-repeat: no-repeat;
}

#footer p {
width: 800px;
margin: 5px 100px 0 100px;
text-align: right;
}

#push {
clear: both;
}