/* 
sand : CCCC99
lt. green : 83A06A
md. green : 5C704A
sedona red: 7B5C54
bark : 2D2920
*/

body {
background-color: #83A06A;
margin: 0;padding: 0;
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: 11pt;
font-weight: normal;
font-style: normal;
line-height: 160%;
}


#container {
width: 900px;
margin: 0px auto;
border-left: 7px #5C704A solid;
border-right: 7px #5C704A solid;
background-color: #CCCC99;
}

img { border-width: 0;}


.clear { clear:both; }


#header {
width: 900px;
margin: 0;
padding: 0;
background-color: #ffffff;
}


#nav {
	width: 900px;
	list-style-type: none;
	margin: 0; padding: 0;
	background-color: #CCCC99;
	height: 37px;
}
#nav li {
	float: left;
	margin-right:5px;
}
#nav li#about-nav { 
	margin-left: 10px;
	}
#nav li a {
	display: block;
	margin: 0px 10px 0px;
	height: 13px;
	overflow:hidden;
	padding:0;
	text-indent: -99999px;
	border: 12px solid #CCCC99;
}

#about-nav a {
	width: 70px;
	background: #CCCC99 url(graphics/nav/about.gif) 0 0 no-repeat;		
}
#services-nav a {
	width: 66px;
	background: #CCCC99 url(graphics/nav/services.gif) 0 0 no-repeat;		
}
#gallery-nav a {
	width: 60px;
	background: #CCCC99 url(graphics/nav/gallery.gif) 0 0 no-repeat;		
}
#careers-nav a {
	width: 59px;
	background: #CCCC99 url(graphics/nav/careers.gif) 0 0 no-repeat;		
}
#resources-nav a {
	width: 78px;
	background: #CCCC99 url(graphics/nav/resources.gif) 0 0 no-repeat;		
}
#contact-nav a {
	width: 61px;
	background: #CCCC99 url(graphics/nav/contact2.gif) 0 0 no-repeat	
}

#nav li a:hover, 
#about #about-nav a,
#projects #projects-nav a,
#blog #blog-nav a,
#store #store-nav a,
#downloads #downloads-nav a,
#join #join-nav a,
#contact #contact-nav a
{ 
background-position: 0 -13px;
border-color: #7B5C54;
}

#below_nav {

background-color: #CCCC99;
position: relative;
height: 10px;
margin: 0;
padding:0 0 10px 0;
text-align: left;}

#index_feature #index_featuretext {
	width: 450px;
	float: right;
	padding: 18px 0 0 18px;
}


#index_feature a:link, #index_feature a:visited, #index_feature a:active {
color: #7B5C54;
font-weight: bold;
font-style: normal;
text-decoration: none;}

#index_feature a:hover {
color: #CCCC99;
font-weight: bold;
font-style: normal;
text-decoration: none;
background-color: #7B5C54;}


#content{
margin-top: 10px;
margin-left: 30px;
margin-bottom: 30px;
margin-right: 30px;
padding: 0px;
background-color: #CCCC99;
color: #7B5C54;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 10pt;
font-weight: bold;}

#content a:link,#content a:visited, #content a:active  {
color: #7B5C54;
font-weight: bold;
font-style: normal;
text-decoration: underline;} 


#content a:hover {
color: #7B5C54;
font-weight: bold;
font-style: normal;
text-decoration: none;
background-color: #CCCC99;}

#content  h1 {
font-size: 18pt;}

#content  h2 {
font-size: 12pt;
font-weight: bold;
color: #7B5C54;
}

#content  li {
font-size: 11pt;
margin-left: 50px;
list-style-type: circle;}









#narrowcontent {
 left:              0px;
 right:             10px;
 background-color: 	#fff;
 border: 0px solid 	#333;
 margin:            0 10px 0 10px;
 padding:           10px 12px 12px 12px;
 width:             auto;
}
* html #narrowcontent {
 width:             100%;
 width:            	auto;
}



.breadcrumb {
 margin:            15px 0 15px 6px;
 font-family:       Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
 font-size:         11px;
 background-color:  transparent;
}

.paginate {
 margin:            10px 0 10px 6px;
 font-family:       Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
 font-size:         11px;
 background-color:  transparent;
}

.windowclose {
 margin:            15px 0 10px 0;
 font-family:       Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
 font-size:         10px;
 background-color:  transparent;
 text-align: 		center;
}

.spacer {
 font-size:	10px;
 margin:		5px 0 5px 0;
}

img {
 margin:		0;
 padding:	0;
 border:		0;
}

.border {
 border:	1px solid #000;
}

.paddedborder {
 padding: 	20px;
 border: 	1px solid #000;
}

.thumbs {
 text-align:	center;
 padding:	15px 3px 8px 3px;
 background-color: #EAEBEE;
}

.title {
 margin:            3px 0 0 0;
 font-family:       Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
 font-size:         11px;
 font-weight: 		bold;
 color:             #000;
}

.caption {
 margin:  			12px 0 4px 0;
 background-color:	transparent;
 font-family:       Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
 font-size:         11px;
 color: #000;
}


li {
 margin:            0 0 15px 0;
 font-family:       Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
 font-size:         11px;
 color: 				#333;
 background-color:  transparent;
 text-align: 		left;
 padding-bottom: 	5px;
 border-bottom: 		1px dashed #ccc;
}


.imageBG {
 text-align: center;
 background-color:  #8185A9;  
}

.categories {
padding: 5px 10px 5px 12px;
background-color:  #ffffff;
font-size: 10pt;
font-weight: normal;
color: #7B5C54;}


.tableBorder {
 border: 1px solid #5C704A;
}

th {
 font-family:       Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
 font-size:         12px;
 color:             #fff;
 font-weight:		bold;
 text-align:			left;
 padding:           5px 4px 5px 12px;
 background-color:  #5C704A;  
}



td {
font-family: Arial, Helvetica, Verdana, sans-serif;
 font-size:         11pt;
 color:             #7B5C54;
}

.powered {
 margin:            15px;
 font-family:       Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
 font-size:         10px;
 background-color:  transparent;
 text-align:			center;
}


#footer {
	clear:both;
	position:relative;
	width:100%;
	margin-top: 20px;
	background-color:#000000;
	color: #d4cfa5;
    text-align: center;
background-image: url(graphics/footer_bg.jpg);
background-repeat: repeat-x;}

#footer a:link, #footer a:visited, #footer a:active {
color: #CCCC99;
font-weight: normal;
font-style: normal;
text-decoration: none;
} 

#footer a:hover {
color: #CCCC99;
font-weight: normal;
font-style: normal;
text-decoration: underline;
}


#copyright {
	clear:both;
	width: 84px;
	height:25px;
	margin: 25px auto 0 auto;
}

h6 {
margin: 0px;
padding: 0px;
font-size: 9pt;
color: #7B5C54;
font-style: normal;
font-weight: normal;
}