/*
* Leeds Homeopath.css
*
*Version 1.02
* PAH September 2006
*/

/* general declarations */
 @media screen {

html {
font-family: Verdanna,  Arial, Helvetica, sans-serif;
color: #339;
background-color: #07cae1;
overflow:scroll;
 
}

/* browser */

body {
margin: 0 auto;
padding: 0;
font-size: 62.5%;
   color: #339;
background: #07cae1;
text-align:center;
 width: 99%;
 line-height:1.2;
}


/*curvy stuff */



.bl {color:#000; background: url(../images/bl.gif) 0 100% no-repeat #fff; margin-top:0px; margin-left:0px;margin-bottom:0px;background-color:transparent}
.br {background: url(../images/br.gif) 100% 100% no-repeat;background-color:transparent}
.tl {background: url(../images/tl.gif) 0 0 no-repeat;background-color:transparent}
.tr {background: url(../images/tr.gif) 100% 0 no-repeat; padding:0.5em;background-color:transparent}
.clear {font-size: 1px; height: 1px}

.tr p {margin-right:12em;}

/*end of curvy stuff start maincontent right angle corners*/

#container {
  margin: 0 auto;
 
  text-align: left;
  background: #339;
  border-width: 0.1em;
  border-color: #ff0;
  margin: 0 auto;
  border-style:solid;
padding:3px;
  	
	
  }




p {
font-family:  Verdanna, Arial, Helvetica, sans-serif;
color: #339;
background: #fff;
font-size: 1.1em;
padding: 3px;
margin: 0;
text-align:justify;
}

img {
border: 0px solid;
vertical-align: top;
float: left;
padding-right: 0.0em;
}

  
     blockquote {
     width:75%;
     color:#06f;
     font-size:0.9em;
     	position: relative;
     	text-indent: 0em;
     }
     .bqstart,
     .bqend { font-size: 0;color:#fff; font-family:Georgia}
     /* apply IE specific rules first */
     .bqstart {
     	text-indent: 0;
     	margin: -0.6em 0 -2em 0;
     	float: left;
     }
     blockquote> .bqstart {
     	/* add extra non-IE rules */
     	position: absolute;
     	top: -0.2em;
     	left: 0;
     	/* remove IE specific rules */
     	float: none;
     	margin: 0;
     }
     .bqend {
     	position: absolute;
     	margin-top: -0.6em;
     	
     	right: 0;
     	text-indent: 0;
     }
     blockquote> .bqend {
     	margin-top: -0.2em;
    
}


div.quote p{
width:95%;
font-size:0.9em;
color:#0cf;
font-style:italic;
}

h1 {
font-family:  Verdanna, Arial, Helvetica, sans-serif;
font-weight: bold;
font-style:italic;
font-variant:normal;
color: #339;
background: transparent;
font-size: 2.0em;
margin-right:0.2em;
margin-left: 0.2em;
margin-top: 0;
margin-bottom: 0;
}
h2 {
font-family:  Verdanna, Arial, Helvetica, sans-serif;
font-weight: bold;
font-style:italic;
font-variant:normal;
color: #339;
background: transparent;
font-size: 1.8em;
margin-right: 1.0em;
margin-left: 1.0em;
margin-top: 0;
margin-bottom: 0;
}

h3{
font-family:  Verdanna, Arial, Helvetica, sans-serif;
font-weight: bold;
font-style:italic;
font-variant:normal;
color: #339;
background: transparent;
font-size: 1.6em;
margin-right: 1.0em;
margin-left: 1.0em;
margin-top: 0;
margin-bottom: 0;
}

h4 {
font-family:  Verdanna, Arial, Helvetica, sans-serif;
font-weight: bold;
font-style:italic;

color: #339;
background: transparent;
font-size: 1.1em;
margin-right: 0.9em;
margin-left: 0.9em;
margin-top: 0;
margin-bottom: 0;
}


table tr td {
border:1px solid #339;
background-color:#cff;
margin:0.9em;
padding:0.4em;
}

/* div declarations fonts and position */

/* logo header */

div#header {
display: block;
	text-align: center;
	margin: 0 auto;
color: #339;
height:8.5em;
border-bottom: solid 0.0em #fff;
background:transparent;
background-image: url(../images/header.jpg); 
background-repeat:no-repeat;
background-position: top left;
}

div#headerright {
display: block;
	text-align: center;
	margin: 0 auto;
color: #339;
height:8.5em;
border-bottom: solid 0.0em #fff;
background:#3d57b6;
background-image: url(../images/headerright.jpg); 
background-repeat:no-repeat;
background-position: top right;
}
/* main content */

div.spacer {
text-decoration: none;
font-size: 1.0em;
margin: 4em;
color: #f30;
background:transparent;
clear:both;
}


div.maincontent {
line-height: 1.2;
color: #339;
border: 0.1em  solid #339;
background: #fff;
margin-left: 13.3em;
margin-right: 12.5em;
padding:0;
margin-top:0;
  }
div.maincontent img{
padding:0.5em;
}
	 div.maincontent a{
	 color: #a03;
	 border: 0.0em  solid #339;
	 background: transparent;
	 text-decoration:none;
	 margin-left: 0em;
	 margin-right: 0em;
  }
    div.maincontent  li{
         
	 vertical-align:middle;
    background-color: transparent;
         list-style-type: circle;
         padding-left: 2px;
         border: 0;
          margin-left: 0em;
	  list-style-position: inside;
	  color:#339;
	  background:transparent;
    }
    
    div.maincontent ul{
         
	  vertical-align:middle;
     background-color: transparent;
         list-style-type: circle;
         padding-left: 2px;
         border: 0;
          margin-left: 0em;
	  list-style-position: inside;
	  color:#339;
	  background:transparent;
    }
	  
 div.maincontent p li{
     
      vertical-align:middle;

     list-style-type: circle;
     padding-left: 8px;
     border: 0;
      margin-left: 0em;
      list-style-position: inside;
      color:#339;
	  background:transparent;
}

div.maincontent p{
     font-size: 1.1em;
       color: #339;
	 background: transparent;
     padding-left: 2px;
 
      margin-left: 0em;
     
}


div.maincontent p ul{
     
      vertical-align:middle;
     font-size: 1.3em;
     list-style-type: circle;
     padding-left: 0px;
     border: 0;
      margin-left: 0em;
      list-style-position: inside;
}

.switchcontent{
color:red;
background:#fff;
}

.showstate{
color:red; 
background:#fff;
}
	  
div.textbox{
font-family: Verdanna,  Arial, Helvetica, sans-serif;
margin-left: 1em;
margin-right: 1em;
background-color: #fff;
border-width: 0.1em;
border-color: #339;
color:#339;
border-style:solid;


padding-left: 0.2em;
padding-right: 0.2em
 }
div.textbox fieldset{
border-width: 0;
}
div.textbox ul{

font-size: 1.0em;
list-style-type: circle;
padding-left: 0.2em;
border: 0;
margin-left: 0em;
}
div.colimageleft {
text-align: right;
width: 20.2em;

margin: 1em;
float: left;

font-size: 1.0em;
 }
    
div.colimageright {
text-align: right;
width: 18.0em;

margin: 0;
float: right;

font-size: 1.0em;
 }
    

div.coltext p{
width:70%;

display: block;
float: left;
margin: 0;
background: transparent;
color:#339;
overflow: auto;
 }
    
div.siterow {
border-color: #eed;
 }


/*  by line under header for special links etc */
div#byline {
display:block;
	text-align: center;
	margin: 0 auto;
background-image: url(../images/bluewhitegradient.gif);
background-position:bottom;

}

div#byline p{
display:block;
	text-align: center;
	margin: 0 auto;
background-image: url(../images/bluewhitegradient.gif);
text-align: center;

color: #fff;
font-size: 0.9em;

border-bottom: solid 0.0em #fff;
}




/* left navigation bar */

div#leftnav {
float: left;
margin-bottom: 0;
width: 12em;
margin-left: 0.0em;
background-color: #339;
border-right: solid 0px #339;
padding: 0;
color: #fff;
}

/* left navigation bar links list*/

div#leftnav ul {
list-style: none;
padding: 0;
border: 0;
margin: 0;
}

div#leftnav li {
text-align: left;
margin: 0;
padding-left: 0;
border-bottom: 1px solid #fff;
font: 1.1em Verdanna, Lucida, Arial, sans-serif;
color: #fff;
background: #fff;
text-decoration: none;
width: 12em;
voice-family: "\"}\"";

voice-family: inherit;

width: 11.9em;
}

/* left navigation bar puts line on top of first link to complete button border*/
#leftnavtop {
border-top: 0.1em solid #fff;
text-decoration: none;
width: 12em;

}

/* left navigation bar treats each item in list as a block*/

div#leftnav li a {
display: block;
font-weight: normal;
padding: 0;
border-left: 0.1em solid #339;
border-right:0.1em solid #339;
color: #fff;
background:#339;
text-decoration: none;
width: 12em;
voice-family: "\"}\"";

voice-family: inherit;

width: 11.9em;

}

html#leftnav li a {
width: 12em;
background:#339;
color:#fff;
}

div#leftnav li a:hover {

border-left: 0.1em solid #fff;
border-right: 0.0em solid #fff;
background: #339;
color: #ff0;
text-decoration: none;


}
div#leftnav p form{
color:#fff;
background:#339;
font-size:1.0em;
width:13.2em;
}


/* right bar */
html#rightbar {
width: 12.5em;
}


div#rightbar {
line-height: 1.2;
float: right;
top: 0.0em;
width: 12.5em;
right: 0.0em;
padding: 0;
margin-right: 0em;
color: #339;
background:#339;

}




div#rightbar h1{

text-align: center;
font-size: 1.3em;
font-weight: bold;
color: #fff;
background:#339;
padding: 0;
}

div#rightbar a{

text-align: center;
font-size: 0.9em;
font-weight: bold;
color: #ff0;
background:#339;
padding: 0;
}

div#rightbar h4{

text-align: center;
font-size: 0.9em;
font-weight: bold;
color: #fff;
background:#339;
padding: 0;
}
div#rightbar p{

text-align: center;
font-size: 0.9em;

color: #fff;
background:#339;
padding: 0;
}

/* footer */
div#footer p{
clear: both;
background: #339;
border-top: 0.0em ridge #339;
border-bottom: 0.0em ridge #339;
font-size: 0.9em;
color: #fff;
padding: 0;
text-align: center;
}

div#footer p a{
font-weight: normal;
padding: 0;
color: #fff;
background: #339;
text-decoration: none;
}

 /* form formatting */

div#newsletterform p{
 
   margin:0;
   background:#339;
   color:#fff;
   padding-right:0px;
   text-align:left;
   font-size:0.9em;
}

div#newsletterform a{
   margin:0;
   background:#339;
   color:#fff;
   padding-right:0px;
   text-align:left;
   font-size:0.9em;
}

div#newsletterform{
width:13em;
background:#339;
color:#fff;
margin:0;
padding:0;
}

div#newsletterform submit{
    	padding-top: 0.1em;
    	clear: both;
    	color: #000;
	background:#fff;
	border: 0.1em solid #fff;
    } 
    
    div#newsletterform input{
    	background-color: #07cae1;
    	font: 1em/1.0em Verdanna, Arial, Helvetica, sans-serif;
    	color: #fff;
    	margin: 0em;
    	padding: 0.1em;
    	border: 0.1em solid #fff;
    }
    
    div#newsletterform fieldset{
    border:0;
    }
    
    
    div#formstyle fieldset{
    border: 0.1em solid #339;
        margin-left: 1em;
        margin-right: 1em;
        padding: 1em;
        color: #339;
        background: transparent;
        
        
        }
        div#formstyle legend{
        color: #339;
        background: #fff;
        font-weight: bold;
        font-size: 1.3em;
        }
        
        #title {
        	width: 50em;
        	height: 2.6em;
        	color: #339;
    	background:#fff;
        	font: bold 1.0em/1.8em Verdanna,  Arial, Helvetica, sans-serif;
        	padding-top: 0.5em;
        	text-transform: uppercase;
        	letter-spacing: 0.2em;
        	text-align: center;
        }
        
        form {
        	
    	 
        }
        
        .col1 {
        	text-align: right;
        	width: 12em;
        	height: 3.0em;
        	
        	float: left;
        	margin-right: 0.2em;
        	font-size: 1.3em;
        }
        
        .col2 {
        	width: 20em;
        	height: 3em;
        	display: block;
        	float: left;
        	margin: 0;
    	font-size: 1.2em;
        }
        
        .col2comment {
        	width: 25.0em;
        	height: 9.8em;
        	margin: 0;
        	display: block;
        	float: left;
        	font-size: 1.2em;
        }
        
        .col1comment {
        	text-align: right;
        	width: 15em;
        	height: 9.8em;
        	float: left;
        	display: block;
        	
        	font-size: 1.3em;
        }
        
        .col3comment {
        	width: 0.5em;
        	height: 9.8em;
        	display: block;
        	float: left;
        	margin: 0;
        	color: #f00;
    	background:#54f3f3;
        	font-weight: bold;
        }
        
        
        .col3 {
        	width: 0.5em;
        	
        	display: block;
        	float: left;
        	margin: 0;
        	color: #f00;
    	background:#54f3f3;
        	font-weight: bold;
        }
        
        
        div.row {
        	clear: both;
        	width: 50em;
        }
        
       
        .input {
        	background-color: #ffe;
        	font: 1em/1.0em Verdanna, Arial, Helvetica, sans-serif;
        	color: #339;
        	margin: 0.4em 0 0.5em 0.9em;
        	padding: 0.1em;
        	border: 0.1em solid #339;
        }
        
        .textarea {
        	border: 0.1em solid #339;
        	background-color: #ffe;
        	font: 1.0em/1.4em Verdanna,  Arial, Helvetica, sans-serif;
        	color: #339;
      	margin: 0.4em 0 0.5em 0.5em;
        }
        
        .checkbox {
        background-color: #ccc;
        font: 1em/1.0em Verdanna,  Arial, Helvetica, sans-serif;
            	color: #339;
            	margin: 0.4em 0 0.5em 0.9em;
            	padding: 0.1em;
        	border: 0.1em solid #339;
   }
   label{
   
   float: left;
   
   width: 12em;
   
   font-weight: bold;
   
   text-align: right;
   
   margin-right:5px;
   
   }
   
   
   
   input{
   
   width: 12em;
   
   margin-bottom: 0.5em;
   
   background: #fff;
   
   color: #339;
   
   border:1px outset #fff;
   
   border-color: #339;
   
   }
   
   
   
   textarea{
   
   width: 20em;
   
   height: 12em;
   
   border:0.2em outset #fff;
   
   background: #fff;
   
   color: #339;
   
   }
   
   
   
  
   
   
   
   
   
   
   #submitbutton{
   
   margin-left: 1em;
   
   margin-top: 0.5em;
   
   width: 6.0em;
   
   border:0.1em outset #fff;
   
   }
   
   
   
   #reset{
   
   
   
   width: 6.0em;
   
   border:0.1em outset #fff;
   
   }


      }
    
        @media print {
           div#header {
           display:none;
           }
           div#byline {
           
           display:none;
           }
           div#leftnav {
           
           display:none;
           }
           div#rightbar {
           
           display:none;
           }
           div#footer {
           
           display:none;
           }
}