body { margin: 0px; padding: 0px; font-family: Arial, Helvetica, sans-serif; background-color: #fff;}
p { color: #333333; font-size: 1.2em; }
h1 { color: #333333; margin: 0px; padding: 0px; font-size: 1.6em;}
h1.title { color: #333333; margin: 0px; padding: 0px; font-size: 1.8em; font-family: Arial, Helvetica, sans-serif; }

h2 { color: #333333; margin: 0px; padding: 0px; font-size: 1.3em; }


p.slogan { font-style: italic; font-weight: bold; text-align:left;}
p.author { font-weight: bold;}
p.date { font-style: italic; }
.warning { color: #FF0000; font-weight: bold; font-size: 1.2em;}
#wrapper { width: 810px; margin: 0 auto; }
#header { width: 810px; float: left; }
#header-pic { width: 557px; border-left: 2px #fff; height: 345px; float: left; }
#logo { width: 800px; float: left; background-color: #fff; }

#content li { font-size: 1.2em; font-style: italic; }

#header-left-border { width: 212px; background-color: #A8B8CF; border-left: 31px solid #E0E6EF; height: 345px; float: left;}


a.login { color: #fff; font-size: 14px; text-decoration: none; padding: 10px; }


/***** navigation  *********/
#navigation { background-color: #A8B8CF; height: 30px; border-top: 1px solid #fff; border-bottom: 1px solid #fff;width: 800px; float: left;}
#navigation ul { width: 770px; color: #ccc; font-family: Arial, Helvetica, sans-serif; font-weight: bold; margin:0px; padding: 0px; float: right; margin-right: 0px; background-color: #A8B8CF;}
#navigation li { text-decoration: none; list-style: none; float: left;  width: 100px; border-left: 1px solid #fff;  border-right: 1px solid #fff; padding: 2px; height: 26px; margin: 0px;}
.lightgreen { background-color: #999900;}
.darkgreen { background-color: #339900;}
.grey {background-color: #666666;}
.orange {background-color: #CC6600;}
.yellow { background-color: #DFB700; }
.pink {background-color: #CC6666;}
.blue {background-color: #339999; }
.brown {background-color: #663300; }
.maroon {background-color: #993333;}
.red {background-color: #EF0020; }
.brown {background-color: #8F3200;}


#navigation a:link, #navigation a:visited { color: #ffffff; font-weight: normal; margin-top: 5px; margin-left: 10px; text-decoration: none; display: block; font-size: 1.2em; }

#navigation li:hover { background-color: #0099CC; }
.nav-thumbs { width: 800px; background-color: #A8B8CF; height: 50px; float: left; clear: both;  border-bottom: 1px solid #fff;}
img.nav-thumb { display: block; margin: 0 auto; width: 100px;}
/****************************************************/

#content-wrapper { background-color: #fff; height: auto; width: 800px; float: left;}
#content-left-border { width: 212px; background-color: #A8B8CF; border-left: 31px solid #ffffff; height: 100%; float: left;}

a.read-more:link, a.read-more:visited  { color: #333333; display: block; clear: left;}
a.read-more:hover { color: #0033FF; }

#wiredbanner { color: #666; font-size: 12px; float: left; clear: both; text-align: right; padding: 10px; width: 790px; margin: 0 auto;}
#wiredbanner a:link, a:visited { color: #666; text-decoration: none;}
#wiredbanner a:hover { color: #fff; }



#content { float: left; padding: 10px; width: 537px; background-color: #ffffff; color: #333333;}


/********* form styles *********/
#form-message-wrapper {width:500px;float: left; }

.message { text-align: left; float: right; color: #333333; font-weight: bold; width: 250px; clear:right; padding-top: 30px; padding-bottom: 20px; font-size: 1.2em; margin-right: 30px;}
/*#message { width: 200px; float: left;  color: #FF0000; font-weight: bold; padding: 20px;}*/



.contact_text { width: 200px; float: left; clear: left; background-color: #fff;}
input.contact_text { width: 200px; float: left; clear: left; background-color: #fff;}
label.contact { float: left; clear:left; color: #333333; padding-top: 5px; padding-bottom: 5px;}
.contact_textarea{ width: 300px; height: 150px; float: left; clear: both;}
.feedback { color: #333333; text-align: left; height: 200px; font-weight: bold;}

.contact_submit{ width: auto; float: left; clear: both; margin-top: 10px;}
.admin_text { width: 200px; float: left; clear: left;}

form.login-form { padding: 20px; width: 200px; float: left; }
label.login { float: left; clear:left; color: #333333; padding-top: 5px; padding-bottom: 5px;}
.login-text{ width: 200px; float: left; clear: left;}
.login-submit { clear: both; float: right; margin-top: 20px;}


/******** news headlines *********/

#news-heading { /*background-color: rgb(186,186,186);*/ height: auto; clear: both;}
h2.news-title { font-size: 1.5em; text-align: center; clear: both; font-weight: bold;}
h2.news { font-size: 1.3em; }
a.news-header-link:link, a.news-header-link:visited { font-size: 1.3em; text-decoration: none; color: #353535;}
a.news-header-link:hover {color: #666;}
.news { clear: both; color:#666666; font-size: 1.2em; font-weight: bold; padding: 5px; text-decoration: none;}
.news-blurb { color: #333; font-size: 1.2em; font-weight: normal; padding: 0px 5px 0px 5px; text-align: left; margin: 0px;}
.news-link { color: #666666; font-size: 1.2em; padding: 0px 5px 5px 5px; margin: 0px; float: right; clear: left; display: block; text-decoration: none;}
a.news-link:link, a.news-link:visited { text-decoration: none; }
a.news-link:hover { color: #333333;}



a.newsflash-title:link, a.newsflash-title:visited { display: block; float: left; clear: both; text-decoration: none; color: #353535; font-size: 1.1em; }
a.newsflash-title:hover { color: blue;}

a.newsflash-blurb:link, a.newsflash-blurb:visited { display: block; float: left; clear: both; text-decoration: none; color: #fff; font-size: 1.1em; }
a.newsflash-blurb:hover { color: #ccc;}
.space-top { margin-top: 0px;}
.small-space-top { margin-top: 5px;}
.small-padding { padding: 5px 10px 5px 10px;}


.newsflash-wrapper { float: left; padding: 0px; width: 200px; clear: both; margin-top: 10px; margin-bottom: 10px;}

.read-more-news { color: #353535; font-size: 14px; padding: 5px 5px 5px 5px; margin: 0px; margin-right: 10px; float: right; clear: left; display: block; text-decoration: none;}
a.read-more-news:link, a.read-more-news:visited { text-decoration: none; }
a.read-more-news:hover { color: #333333;}


.white { color: #fff; }
.lgrey {color: #c0c0c0;}
.dgrey {color: #353535;}
/********* news articles ***********/

.news-title { color:#333; font-size:1.4em; font-weight: bold; padding: 10px 0px 10px 0px;}

/*************************************/
/******* gallery thumb ************/

.gallery-thumb { padding: 0px; border: 2px solid #cccccc; margin: 5px;}
.gallery-wrapper { width: 537px; margin: 0 auto; }
.gallery-title { font-size: 18px; color: #666666; text-align: center; margin-top: 10px; margin-bottom: 0px;}
.gallery-info { text-align: center; margin: 0px;}

a.return:link, a.return:visited {display: block; margin-top: 50px; text-decoration: none; margin: 0 auto;  color: #333; width: 200px; text-align: center; clear: both; padding-top: 50px;}
a.return:hover { color: #333;}
/******* breadcrumbs ********/
#bread-crumbs { width: 557px; float: left; color: #333; font-weight: normal; height: 30px;  background-color: #E0E6EF; font-size: 12px; margin: 0px; padding: 0px; border-top: 1px solid #fff;}
#trail { margin: 0px; margin-top: 7px; margin-left: 5px;}
.crumbs { margin: 0px; padding-top: 10px; font-weight: normal; color: #333;}
a.crumbs:link, a.crumbs:visited { display: inline; padding: 5px 5px 5px 0px; font-weight: normal; font-size: 12px; color: #333; text-decoration: none;}
a.crumbs:hover { color: #666; }

/*****************************/
/******** downloads ***********/

a.downloads-title:link, a.downloads-title:visited  { font-size: 1.3em; text-decoration: underline; color: #333; margin: 0px; font-style: italic;}
a.downloads-title:hover { color: #666666; }
.downloads-blurb { margin-top: 5px; font-size: 1.2em;}


/****************************/

/********** new navigation *****************/
#new-navigation { width: 769px; /*margin: 0 auto; */ border-left: 31px solid #cccccc; margin-left: 0px; background-color: #cccccc; height: 90px; clear: both; border-top:1px solid #fff; border-bottom:1px solid #fff;}
.thumb-link { width: 106px; height: auto; float: left;}
.text {text-decoration: none; font-size: 18px; color: #fff;}
.nav-thumb {border-top: 1px solid #fff; border-left: 1px solid #fff;border-right: 1px solid #fff;}
.nav-thumb-pic {border: none;}
a.nav-link:link, a.nav-link:visited {text-decoration: none; font-size: 16px; color: #fff;  display: block; padding: 5px 5px 5px 5px; width: 94px; text-align: center; border-left:1px solid #fff; border-right:1px solid #fff;}
a.nav-link:hover { background-color: #0099CC; }
a.nav-thumb-link:link, a.nav-thumb-link:visited { display: block; width: 104px;}
a.nav-thumb-link:hover { background-color: #0099CC; }
.no-left-border { border-left: 0px solid #fff; }


/******** newer navigation ***********/
 a.button:link, a.button:visited { display: block; float:left;  text-align: center; text-decoration: none; font-size: 16px; padding-top: 5px; color: #fff; background-repeat: no-repeat; height: 85px; width: 105px; background-color: #666; background-position: bottom; border-left: 1px solid #fff; border-right: 1px solid #fff;}
a.button:hover { background-color: #ccc;}


.about {background-image: url(http://www.wiltshirepeoplefirst.org/images/nav_thumb_about.png); }
a.pink:link, a.pink:visited {background-color: #CC6666;}
a.brown:link, a.brown:visited {background-color: #663300;}
a.orange:link, a.orange:visited {background-color: #CC6600;}
a.darkgreen:link, a.darkgreen:visited {background-color: #666600;}
a.lightgreen:link, a.lightgreen:visited {background-color: #999900;}
a.maroon:link, a.maroon:visited {background-color: #993333;}
a.blue:link, a.blue:visited {background-color:  rgb(0,0,204);}
a.hover:hover { background-color: #0099CC; }
a.no-border:link, a.no-border:visited { border-right: 0px;}





/***** navigation  *********/
#navigation { background-color: #fff; height: auto; border-top: 1px solid #fff; width: 800px; float: left; background-color:#A8B8CF;}
#navigation ul { width: 770px; color: #ccc; font-weight:normal; margin:0px; padding: 0px; float: right; margin-right: 0px; background-color:#A8B8CF;}
#navigation li { text-decoration: none; list-style: none; float: left;  width: 100px; border-left: 1px solid #fff;  border-right: 1px solid #fff; padding: 2px; height: 90px; margin: 0px; background-image: url(images/nav_thumb_about.png); background-repeat: no-repeat; background-position: bottom; }
.lightgreen { background-color: #999900;}
.darkgreen { background-color: #666600;}
.grey {background-color: #666666;}
.orange {background-color: #CC6600;}
.pink {background-color: #CC6666;}
.blue {background-color: #339999; }
.brown {background-color: #663300; }

#navigation a:link, #navigation a:visited { color: #ffffff; font-weight: normal; margin-top: 5px; margin-left: 0px; text-decoration: none; display: block; font-size: 18px; text-align:center; }

#navigation li:hover { background-color: #0099CC; }

#navigation ul ul.submenu { display: none; position: absolute; left: 260px; top: 357px; margin: 0 auto; height: 40px; border-top: 0px solid #fff; border-bottom: 0px solid #fff; width: 740px; background-color:  #0099CC;  }
#navigation ul.submenu li { list-style: none; float: left;  width: auto; padding-left:10px;  padding-right:10px; border: none; border-left: 0px solid #fff; height: 26px; background-color:  #0099CC; background-image: none;}

#navigation ul li:hover ul.submenu { display:block; background-color: #0099CC; }