/*****************************************
 Style sheet created by Msoft eSolutions
 Copyright Msoft eSolutions
 Licensed to The Peter Marsh Group
 For use on www.petermarsh.co.uk
*****************************************/


/*****************************
         Generic Styles
*****************************/

* {
  margin: 0;
  padding: 0;
  }

body {
  background: #cbccd0 url(../images/bodybg.gif);
  background-repeat: repeat-x;
  font : 62.5%/1.6 verdana, arial, "lucida grande", sans-serif;
  }

a, a:link {
  color: #7a0001;
  text-decoration: none;
  }

/*****************************
    Header and Nav Styles
*****************************/


#main_wrapper {
  width: 950px;
  margin: 33px auto;
  }

#header {
  background: transparent url(../images/header.gif);
  width: 950px;
  height: 159px;
  }

#header h1 {
  display: none;
  }

#main_nav {
  width: 950px;
  height: 23px;
  background: #000;
  border-top: 2px solid #fcc719;
  border-bottom: 2px solid #fcc719;
  color: #fff;
  text-align: center;
  }

#main_nav a, #main_nav a:link {
  color: #fff;
  text-decoration: none;
  }
	
#main_nav a:hover {
	color: #fcc719;
	}

ul {
  padding: 0;
  margin: 0;
	margin-left: 10px;
  list-style: none;
	text-transform: uppercase;
  }
	
li {
  float: left;
  position: relative;
	padding-top: 3px;
  width: 9.1em;
	border-right: 1px solid #fff;
	height: 20px;
  }
	
li ul {
  display: none;
  position: absolute; 
  top: 1em;
  left: 0;
	border: 2px solid #fcc719;
  }
	
li > ul {
	top: auto;
	left: auto;
	}
	
li ul li { /* puts the black background and yellow arrow on the  dropdown */
	border-right: none;
	width: 163px;
	display: block;
  text-align: left;
	background: #000 url(../images/arrow.gif);
	background-position: top right;
	background-repeat: no-repeat;
	}
	
li:hover ul, li.over ul{ 
	display: block; 
	background: #000;
	margin-left: 0px;
	margin-top: 4px;
	padding: 2px;
	padding-right: 10px;
	padding-left: 10px;
	}

li:hover ul a, li.over ul a:link{ 
  color: #fcc719!important;
  }
	
li:hover ul a:hover {
	color: #fff!important;
	}

.last {
  border-right: none;
  }


/*****************************
      left box Styles
*****************************/

#left {
  float: left;
  width: 242px;
  border-right: 1px solid #c1c9d6;

  background: #edefee url(../images/leftbg.gif);
  background-repeat: repeat-x;
  }

#left h2 {
  height: 28px;
  width: 233px;
  padding-top: 2px;
  padding-left:  10px;
  background: #7a0001;
  color: #fff;
  font-size: 1.5em;
  font-weight: normal;
  }
#left h4 {

  padding-top: 5px;
  padding-left:  10px;
  color: #7a0001;
  font-size: 1.2em;
  font-weight: bold;
  }
.date {
  color: #7a0001;
  margin-left: 10px;
  margin-top: 10px;
  font-size: 1.3em;
  }

#left p {
  color: #131313;
  margin: 10px;
  padding-bottom: 10px;
  border-bottom: 1px dotted #7a0001;
  }

#left a, #left a:link {
  color: #7a0001;
  font-size: 0.9em;
  }

.left_link {
  color: #7a0001;
  font-size: 1.2em;
  font-weight: bold;
  border-bottom: none!important;
  }

.left_link a, .left_link a:link {
  text-decoration: none;
  }



/*****************************
    form layout Styles
*****************************/

.form {
  background: #edefee;
  background-repeat: repeat-x;
  padding-bottom: 10px;
  }

#contactform {
  margin-left: 10px;
  }

fieldset {
  margin: 0 20px;
  border: none;
  padding: 10px;
  }

label {
  display: block;
  margin: 5px;
  margin-left: 0;
  }

legend {
  margin-top: 10px;
  font-size: 1.1em;
  font-weight: bold;
  }

textarea, input {
  width: 220px;
	color: #7a0001;
  }

/*****************************
    content layout Styles
*****************************/

#main_content {
  float: left;
  width: 706px;
  background: #fff;

  font-size: 12px;
  }

#main_content h2 {
  margin: 40px;
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: bold;
  color: #7a0001;
  }
	
	#main_content h4 {
	margin-left: 40px;
  margin-top: 10px;
  font-size: 14px;
  font-weight: bold;
  color: #7a0001;
  }

#main_content p {
  margin-left: 40px;
  margin-top: 20px;
  line-height: 2em;
  margin-right: 30px;
  }

.img_left {
  float: left;
  margin-left: 10px;
  margin-top: 20px;
  width: 205px;
  height: 232px;
  }
.line {
  clear: both;
  margin: 0 40px;
  height: 1px;
  background: #a9adb0;
  }

#content_wrap {
  clear: both;
  width: 950px;
  background: #fff;
  }

.index_boxs {
  clear: both;
  margin-top: 40px;
  float: left;
  width: 250px;
  }

.index_boxs h2 {
  height: 28px;
  width: 250px;
  padding-top: 2px;
  padding-left:  10px;
  background: #7a0001;
  color: #fff!important;
  font-size: 1.3em!important;
  font-weight: normal!important;
  }

.index_box {
  width: 258px;
  border: 1px solid #c1c9d6;
  margin-left: 40px;
  margin-top: -8px;
  background: #e1e2e4 url(../images/index_box.gif);
  background-repeat: repeat-x;
  }

.index_box img, .index_box2 img {
  float: right;
  }

.index_box p, .index_box2 p {
  position: relative;
  font-size: 11px;
	margin-left: 10px!important;
  }

.index_boxs2 {
  margin-top: 40px;
  float: right;
  width: 250px;
  margin-right: 90px;
  }

.index_boxs2 h2 {
  height: 28px;
  width: 250px;
  padding-top: 2px;
  padding-left:  10px;
  background: #7a0001;
  color: #fff!important;
  font-size: 1.3em!important;
  font-weight: normal!important;
  }

.index_box2 {
  width: 258px;
  border: 1px solid #c1c9d6;
  margin-left: 40px;
  margin-top: -8px;
  background: #e1e2e4 url(../images/index_box.gif);
  background-repeat: repeat-x;
  }

.index_box2 a, .index_box2 a:link, .index_box a, .index_box a:link {
  color: #7a0001;
  text-decoration: none;
  }

	
/*****************************
    footer layout Styles
*****************************/

#footer {
  clear: both;
  height: 65px;
  width: 950px;
  background: #fff url(../images/footer.gif);
  }

#footer p {
  float: left;
  margin-top: 35px;
  margin-left: 10px;
  }

#footer a, #footer a:link {
  color: #7a0001;
  text-decoration: none;
  }

/*////////////////////////
///sitemap
///////////////////////*/

.sitemap {
margin-left: 40px;
}

.sitemap ul {
float: left;
clear: both;
  list-style: none;
	text-transform: uppercase;
	margin-bottom: 40px;
	margin-top: 20px;
  }
	
.sitemap li {
  float: left;
	clear: both;
  width: 9.1em;
  }
	
.sitemap li ul {
 float: left;
clear: both;
  }
	
.sitemap li > ul {
	float: left;
clear: both;
	}
	
	/* the next 2 rules stop the dropdown showing on the sitemap */
	
.sitemap li ul li { 
display: none;
	}
	
.sitemap li:hover ul, .sitemap li.over ul{ 
display: none;

	}


	
.paginate {
clear: both;
margin-left: 40px;
padding-bottom: 10px;
}

.paginate p {
margin-left: -20px;
}



.ditto_paging {
    border-top: 1px solid #ccc;
    padding: 10px; 
    font-size: 86%;
    color: black;
}

#ditto_pages .ditto_currentpage {
    border: 1px solid #999898;
    padding: 1px 5px 2px; 
    margin-right: 4px;
    background-color: #7a0001; 
    color: #fff;
} 

#ditto_pages .ditto_off {
    border: 1px solid #7a0001;
    padding: 1px 5px 2px; 
    margin-right: 4px;
    color: #fff;
}

#ditto_pages a, #ditto_pages a:link, #ditto_pages a:visited {
    border: 1px solid #7a0001; 
    padding: 1px 5px 2px; 
    margin-right: 4px; 
    text-decoration: none !important; 
    color: #7a0001;
} 
