@import "basestyle.css";

html { min-height: 100%; margin-bottom: 1px; }

html {
height: auto;
}

body {
margin: 0; padding: 0; background: #606060 url(../img/bg_body.gif) repeat-y center; width: 100%; font-family: Arial; font-size: 12px; color: #5f5f61; height: auto; 
}

input, textarea {
font-family: Arial; font-size: 12px; color: #5f5f61;
}

a {
text-decoration: none; color: #5f5f61;
}

a:hover {
text-decoration: underline;
}


#wrapper {
width: 932px; margin: auto;
}


#content {
margin: 0 96px 0 65px; width: 770px;
}

.content a {
color: #639a35; font-size: 12px; text-decoration: none;
}

.content a:hover {
text-decoration: underline;
}
#pagecontent {
margin: 185px 0 90px 0; width: 100%; line-height: 18px;
}
#pagecontent2 {
margin: 185px 0 190px 0; width: 100%; line-height: 18px;
}
#nav-holder {
position: absolute; top: 0; right: 0; width: 669px; height: 18px; color: #ffffff; font-family: Arial; font-size: 12px; padding: 0 0 0px 0; z-index: 200;
}

#logo {
position: absolute; top: 55px; left: 100; z-index: 100;
}

#tagline {
position: absolute; top: 110px; right: 0; z-index: 100;
}



#header {
width: 100%; height: 190px; background: #5e5f63; margin-bottom: 25px;
}

#header h1 {
position: absolute; top: 25%; left: 0; color: #ffffff; font-weight: bold; width: 190px; font-size: 13px; padding: 0 25px 0 25px; line-height: 22px;
}

#header #photos {
position: absolute; right: 0;
}

#header #photos img {
border-left: 5px solid #ffffff; vertical-align: top;
}
#header #video{
border-left: 5px solid #ffffff; vertical-align: top;
}

#header #video img {
border-left: 5px solid #ffffff; vertical-align: top;
}

#header #headertext {
position: absolute; bottom: -1px; right: 0; border-top: 5px solid #ffffff; width: 368px; background: #999999; height: 122px;
}

#header #headertext a {
position: absolute; bottom: 25px; color: #ffffff; font-size: 13px; text-decoration: none; padding: 0 25px 0 25px; display: block;
}

#header #headertext img {
vertical-align: -2px;
}



#textcontent {
	margin-left: 195px;
	line-height: 18px;
	top: auto;
	padding-top: 30px;
}

#textcontent ul {
padding: 0; margin-top: 0; margin-left: 18px;
}

#textcontent ul li {
margin-bottom: 8px;
}

#textcontent .qa {
clear: both; margin-bottom: 10px;
}

#textcontent .qa .q {
font-weight: bold; float: left; width: 25px; text-align: right; margin-right: 10px; color: #639a35;
}

#textcontent .qa .a {
float: left; width: 80%;
}

#textcontent .qa .a b {
display: block; margin-bottom: 4px;
}



#textcontent ol {
padding: 0; margin: 0 0 0 25px;
}

#textcontent ol li {
margin-bottom: 4px; color: #5f5f61;
}

#textcontent ol li .answer {
color: #5f5f61; font-weight: normal;
}

#textcontent ol li .answer b {
color: #5f5f61;
}

#textcontent ol li .answer a {
color: #5f5f61;
}



#textcontent h1 {
color: #639a35; font-size: 13px; margin-bottom: 15px;
}

#textcontent h2 {
color: #639a35; font-size: 12px; margin-bottom: 2px; text-transform: uppercase;
}

#textcontent h3 {
color: #639a35; font-size: 12px; margin-bottom: 2px;
}

#textcontent #col_a {
float: left; width: 275px; margin-right: 25px;
}

#textcontent #col_b {
float: left; width: 275px;
}

#footer {
clear: both;
}

#footer b {
font-weight: normal; color: #639a35; margin: 0 4px 0 4px;
}


/* PAGE GRID MODIFIERS */
#content.content_b {
margin: 0 66px 0 65px; width: 800px; 
}

#content.content_b #header {
height: 244px;
}

#content.content_b #header h1 {
width: 150px; padding: 0 15px 0 15px; line-height: 20px;
}

#content.content_b #textcontent {
margin-left: 182px;
}

#content.content_b #textcontent #col_a {
float: left; width: 245px; margin-right: 5px;
}

#content.content_b #textcontent #col_b {
float: left; width: 360px;
}


#content.nocopy #pagecontent {
margin-bottom: 260px;
}





#bio{
	margin-left: 220px;
	margin-top: 0px;
	width: 550px;
}
#bio.pic{
	margin-left: 0px;
	margin-top: 0px;
	width: 200px;
}
.teammember {
float: left; width: 155px; margin-right: 60px; margin-bottom: 20px;
}
.teammember2 {
float: left; width: 155px; margin-right: 60px; margin-bottom: 20px;
}

.teammember img {
display: block; margin-bottom: 15px;
}

.teammember h2 {
color: #639a35; font-size: 12px; margin-bottom: 1px;
}

.teammember h2 a {
color: #639a35; font-size: 12px; text-decoration: none;
}

.teammember h2 a:hover {
text-decoration: underline;
}
.newsnav  a {
color: #639a35; font-size: 12px; text-decoration: none;
}

.newsnav  a:hover {
text-decoration: underline;
}

/* OTHER */

.gray {
	color: #bfc0ba;
	font-weight: bold;}
	
#commenterry {
	color:#FFFFFF;
	text-transform: capitalize;
	background: #639a35;
	height: 40px;
	width: 600px;
	font: bold 28px "trebuchet MS", "Trebuchet MS1", Helvetica, sans-serif;
	letter-spacing: 0.5em;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	padding-left: 12px;
	padding-top: 12px;
	padding-bottom: 12px;
}
.date{font: bold 12px "trebuchet MS", "Trebuchet MS1", Helvetica, sans-serif;letter-spacing: 0.1em;}
div.ulvideos {
	overflow: auto;
	width: 550px;
	height: 350px;
}

ul.videos {
margin: 0; padding: 0 0 0 0; overflow: hidden;
}

ul.videos li {
margin: 0 15px 15px 0; list-style: none; float: left;
}
#videoheader {
	width: 100%;
	height: 270px;
	background: #5e5f63;
	margin-bottom: 25px;
}
#video {
	width: 450px;
	float: right;
}
#videoheader h1 {
position: absolute; top: 25%; left: 0; color: #ffffff; font-weight: bold; width: 190px; font-size: 13px; padding: 0 25px 0 25px; line-height: 22px;
}

#m a:hover div{
	display:block;
}