body { font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; background-color: #FFF; text-align: center; }

.wrapper { margin-right: auto; margin-left: auto; position: relative; z-index: 1; width: 960px; padding-top: 30px; }

.clear { clear: both; }

#staceyirvin {
position:relative;
float: left;
width: 29%;
text-align: left;
height: 31px;
}

.menu {
text-align: right;
padding-top: 15px;
}

#menubox { 

}

#nav_controls {
float: left;
width:42%;
}

.features { float: left; margin-left: 40px; }
.bottom-button { float: left; display: block; }
.bottom-button a {
	color: #91817A;
	display:block;
	width: 30px;
	height: 16px;
	overflow: hidden;
	text-decoration:none;
	background-image: url(http://www.photonomad.com/humanityinfocus/css/bottom.png);
	background-position: center 4px;
	background-repeat: no-repeat;
	border: 0;
}

#togglebox {
position:relative;
color:#AFA8A3;
font-size:26px;
line-height:16px;
text-decoration:none;
z-index: 200;
margin-top: 12px;
padding-left: 100px;
}

#togglebox a, 
#togglebox a:link, 
#togglebox a:active,
#togglebox a:visited {
color: #afa8a3;
font-size:10px;
font-weight:bold;
text-decoration:none;
line-height: 15px;
}

.colmask { position: relative; width: 100%; float: left; clear: both; overflow: hidden }

.colright, .colmid, .colleft { position: relative; width: 100%; float: left }

.col2, .col3 { position: relative; float: left; overflow: hidden }

.col1 { padding-top: 0; position: relative; float: left; overflow: hidden }

#contactpage { padding-top: 70px; padding-bottom: 0; margin-bottom: 0; }


.threecol .col1 { text-align: left; left: 100%; width: 55%; margin-bottom: 50px; }
.threecol .col2 { left: 20%; width: 18% }
.threecol .col2 h2 { }
.threecol .col2 ul {  }

.threecol .col3 { left: 82%; width: 20%; }
.threecol .col3 p { text-align: right; }

#contactinfo h2, #contactinfo p { color: #afa8a3; }

.threecol { color: #7D756C; font-size: 13px }

.threecol h2 { color: #7D756C; font-size: 14px; margin: 0 0 1em 0; padding: 0; }

.threecol .newsitem { margin-bottom: 35px; width: 450px; line-height:1.25em; }

.article { color: #7D756C; line-height:1.25em; width: 450px; }

.article h2 { color: #7D756C; }

.threecol .article p { margin-bottom: 10px; }

.icons { margin-top: 15px; }

.icons a { display: block; float: right; width: 24px; height: 16px; overflow: hidden; }

.threecol p { text-align: justify; margin:0 0 10px; }

.newsitem p { text-align: left; }

.newsitem a, .newsitem a:link, .newsitem a:active, .newsitem a:visited, .article a, .article a:link, .article a:active, .article a:visited { color: #7D756C; text-decoration: underline; font-weight: bold; }

.newsitem a:hover, .article a:hover { color: #7D756C }

.threecol .col2 { text-align: left }

.threecol h2 a, .threecol h2 a:link { color: #afa8a3; text-decoration: none; }

.threecol h2 a:hover { color: #afa8a3; text-decoration: none; }
.side_content { font-size: .8em; }

.side_content li a:hover, .side_content a:hover  { text-decoration: underline; }

.threecol .col2 li { font-weight: normal; padding-bottom: 1em; }

.threecol .col2 a, .threecol .col2 a:link, .threecol .col2 li a:active, .threecol .col2 li a:visited { color: #7D756C; text-decoration: none; }

.threecol .col2 li a:hover, .threecol .col2 a:hover { color: #7D756C; text-decoration: underline; }

.threecol .col3 { text-align: right }

/***************  header ***************/
#header { position: relative; }
.header .colleft { background-image: url("linepixel.png"); background-repeat: repeat-x; background-position: 0 bottom; right: 0 }
.header .col1 { background-color: #fff; text-align: left; left: 0; width: 30%; height: 31px }
.header .col3 { left: 1%; width: 69% }
.header img { border: 0 }

/*************** tagline ***************/

.tagline { padding: 14px 0 0; }
.tagline .col1 { width: 67%; border-top: 1px solid #808080 }
.tagline .col3 { background-image: url(http://www.photonomad.com/humanityinfocus/images/4.png); background-position: top right; background-repeat: no-repeat; background-color: #fff; text-align: right; left: 0; width: 33%; height: 37px }

/* slides */
#slides { width: 960px; padding-top: 14px; clear:both; }
#slides img { margin: 0; padding: 0; border-width: 0 }
.file { position: relative; top:-0.25em; }
.filesize { font-size: .7em; }
.link { position: relative; top:-0.25em; } 

/*********** HOME Slideshow ***********/

#homeshow {
position: relative;
text-align:left;
width: 960px;
margin: 0;
}
#homeshow p {
width: 100%;
text-align: center;
margin: 0;
padding: 0;
}
#homeshow a {
margin: 0;
}
#homeshow img {
border: 0;
margin: 0
}

#cap p {
color:#7D756C;
font-size:0.7em;
line-height:1.25em;
padding-top:5px;
text-align:left;
padding: 5px 10px 0 0;
}
/*********** Contact Form ***********/

#contact_form { text-align: left; padding-left: 12px; color: #7D756C; }

p.submit_button { margin-left: 5.5em; }

.submit_button input { width: 75px; }

.zemSubmit {
    color: #FFF;
    border: 1px solid #afa8a3;
    background: #7D756C;
}
.zemSubmit:hover {
    color: #7D756C;
    border: 1px solid #7D756C;
    background: #FFF;
}

.contact_input input { visibility: visible; margin: 0 0 10px 0; display: block; width: 200px; border: 1px solid #afa8a3;  }

.contact_message { text-align: center; color: #f00;  font-size: 12px; font-weight: bold; }

#contact_form h2 { margin-top: 0.25em; padding-top: 0 }

textarea { 
height:10em;
margin:0 0 1em;
width:26em;
border: 1px solid #afa8a3;
}

label
{
font-weight: bold;
line-height: 1.5em;
width: 5em;
float: left;
text-align: right;
margin-right: 0.5em;
display: block;
}

.required { }

ul.zemError { border: 1px solid #7D756C; background-color: #FFFFCC; margin-bottom: 10px; }

#contact_form ul { margin:0 25px 20px 70px; padding: 5px 5px 0 5px; }

.zemError li { color: #7D756C; list-style-type: none; padding: 0 0 5px 0; margin: 0 }



a.pdf { /*The background image*/
background:transparent url(http://www.photonomad.com/humanityinfocus/css/pdf.png) no-repeat scroll left center;
display:block;
line-height:18px;
padding-left:20px;
min-height: 18px;
}

a.txt { /*The background image*/
	background: url(http://www.photonomad.com/humanityinfocus/css/txt.png) no-repeat left center;
	padding-left: 20px;
	line-height: 16px;
}

a.zip { /*The background image*/
	background: url(http://www.photonomad.com/humanityinfocus/css/zip.png) no-repeat left center;
	padding-left: 20px;
	line-height: 16px;
}

a.email {
	background: url(http://www.photonomad.com/humanityinfocus/css/email.png) no-repeat left center;
	padding-left: 20px;
	line-height: 16px;
}

a.external {
	background: url(http://www.photonomad.com/humanityinfocus/css/external-link.png) no-repeat 2px 2px;
	display:block;
	line-height:18px;
	padding-left:20px;
	min-height: 18px;
}

.return { font-size: 1.1em; margin-bottom:50px; margin-top:0; font-weight: bold; }

.up a { padding-left: 19px; }

.side-icon {
background-image:url(http://photonomad.com/humanityinfocus/css/images/ui-icons_afa8a3_256x240.png);
background-position:-96px -191px;
background-repeat:no-repeat;
height:16px;
left:0;
margin-top:-3px;
overflow:hidden;
position:absolute;
width:16px;
}

.button:hover { text-decoration: underline; }

.selected { color: #7D756C; }
dl { margin-top: -1em; margin-bottom: 1em; }
dt { font-weight: bold; color: #7D756C; font-size: 14px; margin: 1em 0 1.5em 0; padding: 0; }
dd { font-size: 0.9em; margin: -0.5em 0 1em 0.5em; }


#accordion_menu { margin-top: 0; }

.gigs p { text-align: left; margin: 0 0 25px 0; }