@charset "UTF-8";
/* CSS Document */

/*------------------------------------------------------------------
[Master Stylesheet]

Project:	Jeff Low Charitable Trust Website
Version:	1.0
Last change:	05/13/09 [added styles, kl]
Assigned to:	Kyle Larkin (kl)
Primary use:	Jeff Low Charitable Trust Website Global Styles
-------------------------------------------------------------------*/
body, html{
	background-color: #FFF;
	font-family: Century Gothic, Helvetica, Arial, Verdana, sans-serif;
	font-size: 12px;
	color: #9E9689;
	line-height: 1.35em;
}

a{
	text-decoration: underline;
	color: #F7931E;
}

p{
	display: block;
	width: 340px;
	margin-top: 120px;
	margin-bottom: 10px;
	text-align: left;
	letter-spacing: .1em;
}

.float_left{float: left;}
.float_right{float: right;}

/*------------------------------------------------------------------
Layout
-------------------------------------------------------------------*/
#index_container{
	display: block;
	width: 866px;
	height: 391px;
	margin: 0 auto;
	margin-top: 30px;
	padding: 16px;
	border: solid 1px #9E9689;
}

#wrapper{
	display: block;
	width: 898px;
	margin: 0 auto;
	margin-top: 30px;
}

#container{
	display: block;
	position: relative;
	float: left;
	width: 898px;
	border: solid 1px #9E9689;
	
}

#page_title{
	display: block;
	width: 190px;
	float: left;
	margin: 20px 20px 0 0;
	text-align: right;	
}


/*------------------------------------------------------------------
Index
-------------------------------------------------------------------*/
#tagline{
	position: absolute;
	top: 425px;
}

p#info_copy{display: none;}

/*------------------------------------------------------------------
Nav
-------------------------------------------------------------------*/
ul#index_nav{
	margin-top: 10px;
}

ul#index_nav li{
	float: left;
	margin-right: 18px;	
}

ul#index_nav a:hover{
	background-position: 0 -19px;
}

a#nav_who{display: block;  width: 33px; background-image: url(../img/nav_who.jpg); background-repeat: no-repeat; text-decoration: none;}

a#nav_what{display: block; width: 39px; background-image: url(../img/nav_what.jpg); background-repeat: no-repeat; text-decoration: none;}

a#nav_when{display: block; width: 42px; background-image: url(../img/nav_when.jpg); background-repeat: no-repeat; text-decoration: none;}

a#nav_where{display: block; width: 47px; background-image: url(../img/nav_where.jpg); background-repeat: no-repeat; text-decoration: none;}

a#nav_why{display: block; width: 30px; background-image: url(../img/nav_why.jpg); background-repeat: no-repeat; text-decoration: none;}


/*------------------------------------------------------------------
About
-------------------------------------------------------------------*/
#about_content{
	display: block;
	width: 462px;
	margin: 20px 0 0 0;
	float: left;
}

/*------------------------------------------------------------------
Contact Us
-------------------------------------------------------------------*/
#contact_content{
	display: block;
	width: 600px;
	height: 350px;
	margin: 20px 0 0 0;
	float: left;
}

#contact_form{
	margin-bottom: 40px;
}

.display_block{
	display: block;
}

#contact_form label{
	width: 150px;
	float: left;
	color: #888;
	margin: 0 0 0 2px;
}

#contact_form input, select, #contact_form textarea{
border: 1px solid #9E9689;
margin-bottom: 10px;
}

.submit{
	margin-left: 152px;
	background: #FFF;
	color: #999;
	border: 1px solid #9E9689;
}

.submit:hover{
	background: #9E9689;
	color: #FFF;
}

#contact_form input.invalid{
	border: 1px solid #C00;
}

#thankyou{
}

p#address{
	width: 180px;
	margin-top: 50px;
	margin-left: 1px;
	font-size: 12px;
	color: #888;
	line-height: 1.7em;
}