/*This is the normal style sheet for the Broadclose Cottage site -  July 2010*/

/*  Fonts  */

#wrapper {
margin:		auto;
text-align:	left;
width:		1000px;
border-left: 	0px #F3ECC2 solid; /*DDE7C4 #979b9b  #F3ECC2 #A72B36*/
border-right:	0px #F3ECC2 solid; /*DDE7C4 #979b9b   #F3ECC2 #A72B36 */
/*order-style: outset;*/
  min-height: 600px;
}

body {

/*background: url(http://www.2m.org.uk/images/circles4c.jpg) top center;
background-attachment:fixed;*/
background-color: #C1D9B9;
left: 0px; 
width: auto;
/*background-color: #E2EEC2;  /*This is colour for the background*/
color: #000;  /*This is colour for the text*/
font-family: Verdana, Arial, san serif; /*This is type of font for the text*/
font-size: 1.2em;  /*This is relative size of font for the text*/
margin: 0;
}

h1 {

color: #486C3D;
font-size: 1.1em;
text-align: left;
font-style: normal;
letter-spacing: 2px; 
}

.accentitalic {
color: #486C3D;
font-size: 1em;
font-style: italic;
font-weight: bold;
letter-spacing: 1px; 
}

#header h1 {
color: #486C3D;
font-size: 1.1em;
text-align: left;
font-style: normal;
letter-spacing: 2px; 
}

h2 {
font-family: Verdana, Arial, san serif;
color: #555;
font-size: 1em;
/*font-style: italic;*/
font-weight: bold;
}

h3 {
color: #000;
font-size: 1em;
font-style: normal;
font-weight: bold;
text-align: right;
}

h4 {
font-size: 0.8em;
font-style: italic;
color: #555;
}


h5 {
color: #000;
font-size: 0.9em;
text-align: center;
font-style: normal;
letter-spacing: 2px; 
/*line-height: 1.7em;*/
}

h6 {
color: #486C3D;
/*color: #D4C779;*/
font-size: 0.7em;
text-align: center;
font-style: normal;
letter-spacing: 1px; 
/*line-height: 1.7em;*/
}

p {
font-size: 0.8em;
text-align: left;
line-height: 1.3em;
letter-spacing: 0.6px; 
}

hr {
/*color: #D4C779;*/
background-color: #486C3D;
height: 3px;
width: 100%;
}

.p1 {
font-size: 1em;
text-align: justify;
line-height: 1.3em;
letter-spacing: 1px; 
}

.small {
font-size: .8em;
text-align: justify;
line-height: 0.9em;
letter-spacing: 1px; 
}


.quote {
color: #486C3D;
font-size: .7em;
text-align: left;
font-style: italic;
}


.h2 {
font-family: Verdana, Arial, san serif;
color: #000;
font-size: 1.1em;
/*font-style: italic;*/
font-weight: bold;
}

.error {
color: #D2232A;
font-weight: bold;
}


.smallred {
color: #486C3D;
/*color: #A72B36;*/
font-weight: bold;
font-size: 0.7em;
text-align: left;
}


.smallcenter {
font-weight: normal;
font-size: 0.6em;
text-align: center;
}

.blacktext {
color: #000;
font-weight: normal;
}

.accentcolour {
color: #486C3D;
/* font-size: 0.9em;
letter-spacing: 1px; 
text-align: center;
*/
font-style: normal;
font-weight: bold;

}

.leftalign {
text-align: left;
}

.grey {
color: #555555;
font-size: 1.1em;
text-align: center;
font-style: normal;
font-weight: bold;
letter-spacing: 1px; 
}

/*  End of Fonts  */

#content {
width: auto;
}

/*  header  */

#header {
/*position: relative;*/
font-size: 0.7em;
/*background: url(http://www.2m.org.uk/broadclose/images/broadclose.gif) top left ;
background-attachment:scroll;
background-repeat: no-repeat;
/*background-color: #ECE7CB;*/
background-color: #C1D9B9;
left: 0px;
/*width: auto;*/
text-align: left;
/*border-bottom: 4px #A2466F solid; DDE7C4 #979b9b*/
/*border-bottom: 4px #993300 solid; DDE7C4 #979b9b*/

}

#header a:link, #header a:active, #header a:visited {
text-decoration: underline;
font-weight: bold;
padding-bottom: 0px; 
color: #486C3D;
border: 0;
text-align: center;
}

#header a:hover {
text-decoration: none;
font-weight: bold;
padding-bottom: 0px; 
color: #486C3D;
border: 0;
text-align: center;
}


#header img {
border: 0;
}

/*  nav bar  */

#navbar {
/*position: absolute;
margin-top: 0px;
/*   float:left;*/
   width:100%;
background-color: #486C3D;
/*   background:#D4C779;*/
/*   background:#A72B36;*/
/*   border-bottom:4px solid #000;*/
   overflow:hidden;
/*   position:relative;*/
font-size: .8em;
border-top:3px solid #486C3D;
/*border-bottom:3px solid #E36D77;*/
}

#navbar ul {
   list-style:none;
   margin:0;
   padding:10px 25px 10px 25px;
   position:relative;
   left:0%;
   text-align:center;
}
#navbar ul li {
   display:inline;
   list-style:none;
   margin:0 0 0 0px;
   padding:10px 25px 10px 25px;
   position:relative;
}

#navbar a:link, #navbar a:active, #navbar a:visited {
   display:inline;
   margin:0 0 0 6px;
   padding:10px 10px 10px 10px;
background-color: #486C3D;
   color: #fff;
   line-height:1.3em;
text-decoration: none;
font-weight: bold;
}

#navbar a:hover {
   display:inline;
   margin:0 0 0 6px;
   padding:10px 10px 10px 10px;
   background:#C1D9B9;
   color:#486C3D;   

   text-decoration:none;
   line-height:1.3em;
   font-weight: bold;
}

.nav {
background-color: #fff;
text-align: center;  /*was left*/
color: #D4C779;
font-family: Verdana, Arial, san serif;
font-size: 0.9em;
font-weight: bold;
letter-spacing: 1px; 
}

.black {
background-color: #000;
}

/* end of nav bar */

/*  main text  */

#main-text {
/*position: absolute;
top: 196px; /* was 235*/ /*was 225px*/
width: auto;
left: 0px; 
padding: 0px 0px 0px 0px;
/*background-color: #ECE7CB;*/
background-color: #EAF6E6;
/*border-left: 1px #D2232A solid;
border-right: 1px #D2232A solid;
border-bottom: 1px #26707f solid;
border-top: 1px #26707f solid;
/*width: 750px*/
text-align: justify;
}

#main-text ul li {
color: #486C3D;
/*color: #D4C779;*/
font-size: 0.8em;
text-align: left;
line-height: 1.5em;
list-style-type: disc;
margin: 0;
padding: 0;
}

#main-text img {
border: 0px;
text-align: center;
}

#main-text a:link, #main-text a:active, #main-text a:visited  {
background-color: #EAF6E6;
color: #000;  /*This is colour for the text*/
text-decoration: underline;
font-weight: bold;
padding: 2px;
}

#main-text a:hover {
background-color: #EAF6E6;
color: #486C3D;  /*This is colour for the text*/
text-decoration: none;
font-weight: bold;
padding: 2px;
}

#main-text tr.c1 {
font-size: 0.8em;
background-color: #C1D9B9;
color: #000;
text-align: center;
}


#main-text tr.c2 {
font-size: 0.8em;
background-color: #E9F4E5;
color: #000;
text-align: center;
}


#main-text td {
text-align: left;
font-size: 0.8em;
vertical-align: top;
padding:10px;
}



#inlineimages ul li {
list-style: none;
margin-left: 0;
padding-left: 0;
display: inline;
}

#col1 {
  float: left;
  padding: 25px 10px 25px 10px;
  width: 200px;
  font-size: 0.8em;
}
  
#col2 {
  top: 10px;
  padding: 25px 0px 0px 0px;
  margin-left: 25px;
  margin-right: 25px;
}


#col2 ul li {
color: #486C3D;
/*color: #D4C779;*/
font-size: 0.8em;
text-align: left;
list-style-type: disc;
margin: 0;
padding: 0;
}

#col3 {
/*background: url(http://www.creations-hairandbeauty.co.uk/images/bg_image4.jpg) center top repeat-y;*/
/*background-attachment:fixed;*/
  float: right;
  padding: 25px 25px 25px 25px;
  width: 150px;
  font-size: 0.8em;
/*  min-height: 500px;*/
  
}


#footer {
/*float: bottom;*/
/*position: absolute;*/
/*bottom: 10px;*/
background-color: #FBEEF4;
/*background-color: #ECE7CB;*/
color: #486C3D;
/*color: #D4C779;*/
margin: auto;
width: auto;
font-size: 0.8em;
line-height: 1em;
text-align: center;
padding: 2px 5px 2px 5px;
border-left: 0px #9BBA48 solid;
border-right: 0px #9BBA48 solid;
border-bottom: 0px #9BBA48 solid;
}


#footer a:link, #footer a:visited, #footer a:active {
	display:inline;
	margin:0 0 0 6px;
	padding:10px 10px 10px 10px;
	background: #A2466F;
	color: #fff;
	line-height:1.3em;
	text-decoration: none;
	font-weight: bold;
}

#footer a:hover {
	   display:inline;
	   margin:0 0 0 6px;
	   padding:10px 10px 10px 10px;
	   background:#fff;
	   color:#A2466F;
	   text-decoration:none;
	   line-height:1.3em;
	   font-weight: bold;
}