/*** Popokatea v.3 2009 
copyright: Laura Whitehead http://www.popokatea.co.uk ***/


html { 
	margin: 0;
	padding: 0;
	width: 100%;
	
}

body {
	margin: 0;
	padding: 0;
	font-size: 62.5%; 
	font-family: "Georgia", georgia, "Times New Roman", Times, serif;
        background: #F0F1EB url(img/bodybg.jpg) repeat;
        color: #523600;
       	text-align: center;
 position: relative;
  	width: 100%;
}

h1, h2, h3, h4 {
	margin: 0;
	padding: 0;
	color: #523600;
}

p {
	padding: 0;
	margin: 0;
}

a { 
	padding: 0;
	margin: 0;
	text-decoration: none;
	font-weight: normal;
        color: #523600;
        display: inline;
	border-bottom: 1px dotted #E1E3D8;
}



.content a:hover { 
	color: #527267;
	border-bottom: 1px solid #527267;
	padding: 0;
	margin: 0; 
background-color: #E1E3D8;}

#container {
	width: 960px;
	margin: 0 auto 0 auto;
	padding-top: 0px;
        text-align: left;	
 background: url(img/grass.gif) no-repeat right bottom;}


blockquote {
	padding: 0;
	margin: 0;
}

.clear {
	clear: both;
}

/**** Header ****/

#header	{
	width: 960px;
	margin: 0px;
	float: right;
	font-size: 1.5em;
	background-color: transparent;background: url(img/clouds.png) no-repeat 0 top;}
	
#header h1.sitename {
	font-size: 2.4em;
	color: #527267;
	letter-spacing: -1px;
	margin: 45px 0 0px 55px;
	font-style: italic;
	float: left;
}

#header h1.sitename a:hover {
	text-decoration:none; border: none;
color: #527267;}

#header ul {
	float: right;
	margin: 15px 45px 0 0;
	text-align: right;
}

#header li {
	display: inline;
	margin-left: 15px;
	position: relative;
	color: #523600;

}

#header a {
	display: inline;
	padding: 0;
	margin: 0;
	color: #523600;
	text-decoration: none;
	font-weight: bold;
border: 0;}

#header a:hover	{
	padding-bottom: .2em;
  	border-bottom: 4px solid #608679;
}

#current    {
    padding-bottom: .2em;
    border-bottom: 4px solid #527267;
}

#current a:hover	{
	padding-bottom: 0;
	border: 0;
}
	
/**** Main content ****/

.content {
	float: left;
	overflow: hidden;
	width: 740px;
	}
	
.content h1 {
	font-size: 2.9em;
	font-weight: normal;
	margin-top: 96px;
}

.content h2 {
	font-size: 2.2em;
	font-weight: normal;
        margin: 14px 0 20px 0;
        padding-bottom: 2px;
        border-bottom: 1px solid #C2C6B0;
}

.content h3 {
	margin-top: 18px;
	margin-bottom: 8px;
	font-size: 1.0em;
	font-weight: bold;}

/**** intro styles ****/
.introblock {
	width: 100%;
	border-bottom: 4px solid #C2C6B0;
background: url(img/popo.png) no-repeat 0 bottom;}


span.amp {
	font-family: Baskerville, "Goudy Old Style", "Palatino", "Book Antiqua", serif;
	font-weight: normal;
	font-style: italic;
	font-size: 1.1em;
	color: #527267;
}	

.introblock p.intro {
       width: 70%;	font-size: 2em;
	line-height: 1.4em;
	color: #523600;
	text-align: right;
       	margin-top: 5px;
       	padding: 0px 10px 55px 15px;
       	font-style: italic;
	float: right;
}
.introblock a {
	border:0;
color: #527267;}

/**** Content styles ***--*/

.content ul {
	padding: 0;
        margin: 7px 0 13px 0;
	color:#31322C;
        font-style: italic;
}

.content li, .main li {
color: #523600;
font-size: 1.6em;	background: url(img/little_star.gif) no-repeat left center;
	padding-left: 15px;
	font-weight: normal;
	font-style: normal;
	list-style-type: none;
}

.content dl {
	padding: 0;
        margin: 1.2em 0 2.6em 0;
color:#31322C;        
}

.content dt {
	color: #523600;
    display: block;
    margin: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
font-size: 1.6em;background: url(img/little_star.gif) no-repeat left center;
	padding-left: 15px;}

.content dd {
        display: block;
        margin: 0.2em 0 1.2em 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
padding-left:15px; color: #31322C;}


.content p {
	font-size: 1.6em;	
	padding: 0 0 2em 0;
	line-height: 1.5em;
	font-weight: normal;
	font-style: normal;
}


.featuredleft {
	float: left;
}

.main {
	float: right;
}

.featuredleft {
	width: 210px;
	padding: 0;
	margin: 0 0 40px;
}

.main {
	width: 460px;
	margin: 0 0 40px;
	padding-top: 0;
	padding-left: 0;
	padding-right: 0;
}

.featuredleft h2, .main h2, #footerright h2 {
	font-size: 2em;
	font-weight: normal;
	margin: 20px 0 10px 0;
}

.featuredleft h3, .main h3 {
	font-size: 1.6em;
        margin: 1em 0 .6em 0;
        padding: 0;
	font-weight: bold;
}

.featuredimageleft, .featuredimageright {
	border: 4px solid #C2C6B0;
	padding: 2px;
	background: #fff;
	width: 400px;
	height: 150px;
	
}
	
.featuredimageleft a img, .featuredimageleft a:hover, .featuredimageright a img, .featuredimageright a:hover {
	border: 0;
}           

.featuredleft p, cite, .main p, cite, #footer li	{
	
	line-height: 1.6em;
	font-style: italic;
	margin-bottom: 8px;
	display: inline;
 color:#31322C;}

.featuredleft cite, .main cite {
        color:#31322C;
	font-size:1.3em;
	padding-top: 0;
	padding-left: 0;
	padding-right: 0;
	margin-right: 0;
	margin-top: 0;
	margin-left: 0;
}

.featuredleft cite strong, .main cite strong {
    display: block;
    margin: .8em 0 1.6em 0;
    padding-top: 3px;
    color: #523600;
    border-top: 2px solid #C2C6B0;border-bottom: 1px solid #C2C6B0;        
	font-weight: normal;
	}
.main cite strong  {
	background: url(img/little_star.gif) no-repeat left center;
	padding-left: 15px;
	line-height: 2.2em;}
	
	.service {
	margin-left: 20px;
border-bottom: 2px solid #C2C6B0;
padding-bottom: 2em;}

.service h3 {
	background: url(img/little_star.gif) no-repeat left center;
	padding-left: 15px;}
	
	.service p {
	color:#31322C;  
	
}

/**** Sidebar ****/

.sidebar	{
	float: right;
	width: 210px;
	height: 100%;
	padding: 0px 0 30px 0;
	background-color: transparent;
}

.sidebar h3 {
	font-size: 2em;
	font-weight: normal;
	margin: 18px 0 19px 20px;
	padding-bottom: 0.2em;
	border-bottom: 1px solid #C2C6B0;
}	

.sidebar p {
	margin: 0 0 19px 15px;
    font-size: 1.3em;
	line-height: 1.6em;
	display: inline;
width:170px;
	float: right;
	padding-left: 15px;
	font-weight: normal;
	font-style: normal;
}
	
	
/**** Footer ****/

.footer {border-top: 2px solid  #C2C6B0; width: 960px;float: left; width: 960px; padding: 20px 0px 20px 0px; margin: 0px 0px 10px 0px; font-size: 1.3em;background: url(img/footer.gif) no-repeat center bottom;}

.footer p, .footer ul { margin: 0px; }

.footer p a, .footer ul li a { border-bottom: none;color: #523600;}

.footer .left { float: left;
	padding-left: 20px;
}

.footer .right { float: right;
	padding-right: 20px;
}



.footer ul { float: right;
	padding-right: 20px;
}

.footer ul li { padding-left: 8px; list-style-type: none; float: left; }

.footer ul li span { padding-right: 8px; border-right: 1px solid #527267; }

.footer p a:hover, .footer ul li a:hover {  background-color: #E1E3D8; color: #527267; text-decoration: underline;}

 /**** EmailForm ****/

#EmailForm {

	width: 360px;

	text-align: left;

	padding-bottom: 20px;

	border: none;

    padding-top: 20px;   

}

#EmailForm.full { width: 100%; }





fieldset {

    border: none;

}



legend {

	display: none;

}

#EmailForm h3 {

	clear: both;

	padding: 15px 0 5px;

	font-size: 14px;

	color: #000;

	font-weight: bold;

}



#EmailForm label,

#EmailForm p {

	display: block;

	clear: both;

	width: 310px;

	font-size: 1.3em;

	line-height: 1em;

	padding: 0 0 9px;

        }



#EmailForm input {

	display: block;

	margin-top: 3px;

}



#EmailForm select {

	float: left;

	display: block;

}



#EmailForm label.first,

#EmailForm label.city {

    clear: left;

    margin-right: 10px;

    width: 150px;

}



#EmailForm label.second,

#EmailForm label.state {

	float: left;

	clear: none;

	margin: 0 10px 0 0;

	width: 150px;

}

#EmailForm label.state { width: 60px; }



#EmailForm label.first input,

#EmailForm label.city input,

#EmailForm label.second input {

	float: left;

	width: 150px;

	padding: 0;

}



#EmailForm label.state select {

	width: 60px;

	float: left;

	margin-top: 3px;

}



#EmailForm label.zip,

#EmailForm label.zip input {

	float: left;

	width: 80px;

}

#EmailForm label.zip { clear: none; }



#EmailForm label {

	float: left;

	clear: left;

	width: 310px;

	margin: 0;

	line-height: 1.5em;

}



#EmailForm label input {

	float: left;


	width: 310px;

	padding: 0;

}



#EmailForm input.radio,

#EmailForm input#radiobutton_1,

#EmailForm input#radiobutton_2,

#EmailForm input#radiobutton_3,

#EmailForm input#radiobutton_4 {

	clear: left;

	float: left;

	padding: 0;

	margin: 0;

}



#EmailForm label.radio,

#EmailForm label.radioitem {

	clear: none;

	margin: 0 0 0 25px;

	padding: 0 0 15px;

}



#EmailForm input.checkbox,

#EmailForm input#checkbox_1,

#EmailForm input#checkbox_2,

#EmailForm input#checkbox_3,

#EmailForm input#checkbox_4 {

	clear: both;

	float: left;

	padding: 0;

	margin: 0;

}



#EmailForm label.checkbox {

	clear: none;

	margin: 0 0 0 25px;

	padding: 0 0 15px;

}

/* styling the #EmailForm elements to look similar across browsers ... emulates Safari */

#EmailForm label input,

#EmailForm textarea {

    border: 1px solid #ddd;

    border-left-color: #c3c3c3;

    border-top-color: #7c7c7c;

    padding: 0 2px;

    height: 18px;

    line-height: 20px;

    background: #fff;

}

#EmailForm input.checkbox,

#EmailForm select {

    border: 1px solid #ddd;

    border-left-color: #c3c3c3;

    border-top-color: #7c7c7c;

    background-color: #fff;    

}

#EmailForm textarea {

	margin-top: 3px;

	width: 383px;

	height: auto;

	display: block;

}



#EmailForm label input.calc {

    text-align: right;

    width: 100px;

    clear: left;

    padding: 0;

}

#EmailForm input.button {

    clear: left;

    border: 1px solid #ddd;

    border-left-color: #c3c3c3;

    border-top-color: #7c7c7c;

	background-color: #EBE9ED;

}

/**** Misc ****/
.skiplink {display:none;}

.hide {display:none;}

/**** That's all folks! Hope you enjoyed looking at my CSS! ****/