/* -------------------------------------------
project:  Providence
date:    2010/03/12
------------------------------------------- */
/* Reset
------------------------------------------- */
* {margin: 0; padding: 0; color: #666; font-family: Helvetica, Arial, sans-serif; font-size: 100%; line-height: 1.3em;}
html {background: #fff url(../images/background.png) center top repeat-y; }
body { background: url(../images/background-top.png) center top no-repeat; font-size: .875em;}
a, span, strong {font-size: 1em;}
span {color: inherit;}
a, a:visited {color: #b77233; text-decoration: underline; outline: none;}
a:hover {color: #5f7137; text-decoration: none;}
img {border: none;}


/* basic text elements */
h1 {margin: 0; color: #5f7137; font-size: 1.5em; line-height: 1.2em;}
h2 {clear: left; margin: 0 0 1em 0; padding-top: 1.5em; color: #5f7137; font-size: 1.286em;}
h3 {margin: 0 0 0.5em 0; color: #b77233; font-size: 1.286em;}
h4 {margin: 0.5em 0; font-size: 1.1em;}
h5 { font-size: 1.3em; color: #fff;}
p {margin: 0.5em 0;}
ul, ol {margin: 1em 0;}
ul li {margin: 0 0 0 20px;}
ol li {margin: 0 0 0 20px;}
hr {clear: both; margin: 1.5em 0; border: none; border-top: 1px solid #eaeaea;}

/* basic form elements */
fieldset {border: none;}
legend {border: none; font-weight: bold;}
label {display: block; float: left; clear: left; width: 150px; margin: 5px 0;}
desc {display: block; float: left; width: 150px; margin: 5px 0;}
input, textarea, select {width: 275px; margin: 5px 0; padding: 2px; border-top: 1px solid #aaa; border-left: 1px solid #aaa; border-bottom: 1px solid #eee; border-right: 1px solid #eee;background: #fff;}
	input.chk, input.radio {width: auto; border: none;}
textarea {height: 100px;}
button {cursor: pointer;}

/* layout
------------------------------------------- */
.header {position: relative; width: 940px; height: 411px; margin: 0 auto; background: url(../images/background-top.png) center top no-repeat;}
.subheader {position: relative; width: 940px; height: 91px; margin: 0 auto; background: url(../images/background-top.png) center top no-repeat;}
.header *, .subheader * {margin: 0; padding: 0;}
.logo {position: absolute; left: 25px; top: 30px;}
.mainmenu {position: absolute; top: 0; right: 10px; float: right; list-style: none;}
.mainmenu li {float: left; margin: 0 10px 0 0;}
.mainmenu a, .mainmenu a:visited {float: left; padding: 43px 12px 14px 12px; border: 1px solid #fff; background: url(../images/mm.png) right bottom no-repeat; color: #666; line-height: 1em; text-decoration: none;}
.mainmenu a:hover, .mainmenu a.active, .mainmenu a.active:visited {border: 1px solid #d6e6b3; background: url(../images/mm-hover.png) left bottom repeat-x;}

.slideshow {position: absolute; left: 0; bottom: 0; overflow: hidden; list-style: none; width: 940px; height: 283px;}
.slideshow li {position: absolute; left: 0; top: 0; width: 940px; height: 283px;}

.content {overflow: hidden; width: 938px; margin: 0 auto; padding: 30px 0; border: 1px solid #fff; background: url(../images/content-shadow.png) top left repeat-x;}
.sidebar {float: right; width: 255px; padding-right: 23px;}
.sidebar img {float: left; margin: 5px 10px 5px 0;}
.sidebar p.margin {margin-left: 82px;}
.sidebar ul {list-style: none; margin-top: 0; }
.sidebar ul li {margin-left: 0; padding-left: 20px; background: url(../images/bullet.gif) left center no-repeat;}
.sidebar a.submit-projects, .sidebar a.submit-projects:visited {display: block; overflow: hidden; width: 252px; height: 54px; background: url(../images/submit-projects.png) no-repeat; text-indent: -10000px;}

.main {float: left; width: 596px; padding-left: 23px;}
.main2 {float: left; width: 95%; padding-left: 23px;}
	.testimonial {float: right; width: 195px; height: 270px; padding: 35px 0 0 55px;  background: url(../images/testimonial.gif) top center no-repeat;}
	.testimonial p {width: 180px; margin: 0; color: #fff; font-weight: bold; font-style: italic; line-height: 1.2em;}
	.testimonial p.signature {margin-top: 7px; color: #cfd5c3; font-weight: normal; font-size: 0.786em;}
	.text {float: left; width: 340px;}
	p.lead {font-size: 1.143em;}
	p.lead strong {color: #5f7137;}
	h2 span {font-size: 0.778em; font-weight: normal;}
	.bio {float:left; padding:20px;  }
	.quote{float:right; margin-right:40px; padding:30px; background-color:#bbb; color:#fff; width: 260px;}
	
.expanded-section {overflow: hidden; margin: 7px 0;}
.expanded-section div {padding: 10px 0;}
.expanded-section div a, .expanded-section div a:visited {text-decoration: none;}
.expanded-section h3 {margin: 0; font-size: 1em;}
.expanded-section h3 a, .expanded-section h3 a:visited {display: block; height: 40px; padding-left: 66px; background: url(../images/expanded-top.png) left top no-repeat; color: #777; font-weight: bold; line-height: 40px; text-transform: uppercase; text-shadow: #fff 1px 1px 1px; text-decoration: none;}
.expanded-section.expanded h3 a, .expanded-section.expanded h3 a:visited {background-position: 0 -40px; color: #5f7137;}
.expanded-section h3 a:hover {color: #000;}
.expanded-section img {float: left; margin-right: 15px; margin-top: 10px;}

.footer {width: 940px; margin: 0 auto; border-top: 1px solid #f1f1f1;}
.footer p {margin: 2em 0; padding: 0 25px; color: #ccc; font-size: 0.786em; line-height: 1.7em;}
.footer p a, .footer p a:visited {padding: 0 5px; color: #888; text-decoration: none;}
.footer p a:hover {color: #b77233;}
.footer p span {padding-right: 20px; color: #666;}
.footer p.vcard {margin-top: 45px; color: #666; text-align: center;}
.footer p.vcard span {padding: 0;}
.footer p.vcard a, .footer p.vcard a:visited {padding-left: 10px; color: #b77233; text-decoration: none;}
.footer p.vcard a:hover {color: #5f7137; text-decoration: none;}

.subnav {overflow: hidden; width: 930px; margin: 0 auto; padding: 20px 0;}
.subnav ul {float: left; width: 210px; margin: 0; padding: 0 0 0 20px; list-style: none;}
.subnav ul li {margin: 0; color: #cacaca; font-size: 0.786em; }
	
/* repetitive stuff
------------------------------------------- */
.clear {overflow: hidden; clear: both; height: 0;}
.secret {display: none;}


/* special sections and elements
------------------------------------------- */