/*---- Common Elements START ----*/
*{padding:0;margin:0}
html,body{
	background:#dddbcd;
	font:11px Verdana, Arial, Helvetica, sans-serif;
	color:#666
}

a{
	color:#4e5974;
	font-weight:normal;
	outline:none;
	font-variant: normal;
	text-decoration: none;
}

#main{
	width:784px;
	margin:0 auto
}

h2{
	color:#3C4861;
	font-size:12px;
	margin:0 0 5px
}
h3{
	color:#aa8f8f;
	font-weight:normal;
	font-size:10px;
	margin:0 0 5px
}
.link{
	color:#fff
}
p{margin:0 0 20px}

#header{
	float:left;
	clear:both;
	height:212px;
	width:784px;
	background:url(headers/splash1.jpg) no-repeat
}
#header2{
	float:left;
	clear:both;
	height:212px;
	width:784px;
	background:url(headers/splash2.jpg) no-repeat
}

#header3{
	float:left;
	clear:both;
	height:212px;
	width:784px;
	background:url(headers/splash3.jpg) no-repeat
}

#header4{
	float:left;
	clear:both;
	height:212px;
	width:784px;
	background:url(headers/splash4.jpg) no-repeat
}

#header5{
	float:left;
	clear:both;
	height:212px;
	width:784px;
	background:url(headers/splash5.jpg) no-repeat
}

#header6{
	float:left;
	clear:both;
	height:212px;
	width:784px;
	background:url(headers/splash6.jpg) no-repeat
}

#header7{
	float:left;
	clear:both;
	height:212px;
	width:784px;
	background:url(headers/splash7.jpg) no-repeat
}
#header8{
	float:left;
	clear:both;
	height:212px;
	width:784px;
	background:url(headers/splash8.jpg) no-repeat
}

#header9{
	float:left;
	clear:both;
	height:212px;
	width:784px;
	background:url(headers/splash9.jpg) no-repeat
}

#header10{
	float:left;
	clear:both;
	hight:212px;
	width:784px;
	background:url(headers/sunsetsplash10.jpeg) no-repeat
}

#header11{
	float:left;
	clear:both;
	hight:212px;
	width:784px;
	background:url(headers/splash_front11.jpeg) no-repeat
}

#header13{
	float:left;
	clear:both;
	hight:212px;
	width:784px;
	background:url(headers/splash_nettle13.jpeg) no-repeat
}

#header15{
	float:left;
	clear:both;
	hight:212px;
	width:784px;
	background:url(headers/splash_creamtea15.jpeg) no-repeat
}


#links{
	float:left;
	clear:right;
	position:relative;
	margin-top:25px;
	left:374px;
}
#links a{
	display:block;
	float:left;
	width:40px;
	height:17px;
	padding:0 5px 0
}

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

/*---------- Nav START ----------*/
#nav{
	width:748px;
	padding-left:36px;
	background:url(images/bg_nav_bar.gif);
	height:30px;
	clear:left
}
#nav a,#header a{
	text-indent:-9999px;
	text-decoration:none
}
#nav ul,#links ul{
	margin:0;
	padding:0;
	list-style:none
}
#nav li,#links li{
	float:left;
	
}
#nav a{height:30px;float:left}

/*----------- Nav END -----------*/
   #topmenu {
	position: relative;
	top: 2px;
	left: -10px;
	width: 720px;
	font-size:1.0em;
	margin: 0;
	line-height:normal;
	height: 31px;
      }
    #topmenu ul {
	  margin:0;
	  padding:0px 0px 0 2px;
	  list-style:none;
      }
    #topmenu li {
      display:inline;
      margin:0;
      padding:0;
      }
    #topmenu a {
      float:left;
      background:url(images/bg_menu.gif) no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
      }
    #topmenu a span {
      float:left;
      display:block;
      background:url(images/menuright.gif) no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#414A2D;
      }
	  

/*-------- Content START --------*/
#content{
	width:724px;
	float:left;
	background:url(images/bg_page.gif);
	padding:14px 0 10px 60px;
	height: auto;
}
#page{
	float:left;
	width:484px;
	margin-right:30px
}
#page p,#page ul,#page li{line-height:16px}
#page ul{
	list-style:none;
	padding:0 7px;
	margin-bottom:10px
}
#page ul ul{margin-bottom:0}
#page li{
	background:url(images/bulletLg.gif) 0 4px no-repeat;
	margin:0;
	padding-left:23px;
	margin-top:3px
}
#page li li{
	background:url(images/bulletSm.gif) 0 6px no-repeat;
	padding-left:18px
}

#headerstyle{
	margin:10px 0 15px;
	color:#4e5974;
	clear:left;
	font:18px "Times New Roman", Times, serif
}

/*--------- Right Collumn START ---------*/
.sideBox{
	background:url(images/bg_side_box.gif) bottom no-repeat;
	padding:0 18px 15px 10px;
	width:182px;
	float:left;
	margin-bottom:0;
	font-size:10px
}
.sideBox h6{
	font-size:10px;
	margin:10px 10px 0 
}
#rightCol{
	float:left;
	width:182px;
	height: auto;
}
#rightCol a{font-weight:normal}
.sideBox p{margin:0 10px 10px}
.sideBox q{
	margin:10px;
	display:block;
	width:160px;
	font-style:italic
}
.sideBox ul{
	margin:0 10px 10px;
	list-style:none
}
.top{
	width:210px;
	height:25px;
	background:url(images/top_side_box.gif);
	clear:both
}
.sideBox img{
	margin-top: 6px;
	margin-right: 17px;
	margin-bottom: 4px;
	margin-left: 17px;
}
.right{text-align:right}
#affLinks{
	padding:0 18px 15px 10px;
	width:162px;
	float:left;
	font-size:10px
}
/*---------- Right Column END ----------*/
/*--------- Footer START --------*/
#footer{
	font-size:9px;
	color:#999;
	width:625px;
	height:38px;
	padding:0 80px;
	float:left;
	background:url(images/bg_footer.gif)
}
#footer p{margin:7px 0;}
#footer a{
	font-weight:normal;
	color:#999
}
#left{float:left;width:300px}
#right{float:right}

.photo {
	padding: 11px;
	display: block;
	background-color: #FFFFFF;
	float: centre;
	margin-top: 0;
	
	margin-bottom: 0;
	margin-left: 10;
	margin-right: 10;
}


.photo_left {
	display: block;
	padding: 0px;
	background-color: #FFFFFF;
	float: left;
	margin-top: 0px;
	margin-bottom: 30px;
	margin-left: auto;
	margin-right: 10px;
	
	
}

.photo_right {
	display: block;
	padding: 0px;
	background-color: #FFFFFF;
	float: right;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: auto;
	
	
}