html {background: #7f6241 url(../images/bckgrd_bottom.png) 50% 0 repeat}

body {background: url(../images/bckgrd_top.png) 0 0 repeat-x;
	min-height:400px;
	text-align: center; /*for ie*/
	margin: 0;
	padding: 0;
	font: normal 100% Georgia, "Times New Roman", Times, serif;
	color: #FCE4B0}
	
img {border: 0}	

a {text-decoration: none;
	color: #000}
	
a:hover {color: #fccb64}	

h1,h2,h3,h4,h5,h6 {text-align: center;
	font-weight: bold;
	font-size: 125%;
	padding: 0 0 3px 0;
	margin: 0}
	
#main{margin: 0 auto;
	padding-top: 15px;
    width: 850px;
	position: relative}
	
#flexIntro{margin-bottom:20px}	
	
.margin{margin: 0}	

.textLeft{text-align:left}
	
/***************************************Content*************************************************/	
	
#content{width:100%;
	margin: 20px 0 15px 0;
	float:left;
	clear:both}
		
/* needs to go on the longer of the two divs*/	
.borderright{border-right:3px solid #fccb64}

.borderleft{border-left:3px solid #fccb64}

.left{float:left}

.right{float:right}

.large{width: 58%}	
	
.small{width: 38%}	

.verysmall{width: 23%}

.verylarge{width: 73%}
	
.contentBoxes{text-align:left;
	padding: 5px 5px 5px 8px}
	
		
/***********************************************************************************************/
	
				
	
/***************************************Main Navigation*****************************************/	

		
.mainLinks{display: inline;
	padding-top: 60px}	

.mainLinks ul{list-style-type: none;
	padding: 0;
	margin: 0}
	
.mainLinks ul li{display: inline}

.mainLinks ul li a{text-decoration: none;
	font-weight: bold;
	font-size: 102%;
	color: #000;
	padding: 0 10px 0 10px}	
	
.mainLinks ul li a:hover{color: #fccb64}	
	
.mainLinksLeft{position: absolute;
	left:5px}

.mainLinksRight{position: absolute;
	right:20px}	

/***********************************************************************************************/



/***************************************Bottom Navigation***************************************/

.bottomLinks{display: inline}

.bottomLinks ul{list-style-type: none;
	margin: 0;
	padding: 0}

.bottomLinks ul li{display: inline;
	border-right: 1px solid #fccb64}

.bottomLinks ul li a{text-decoration: none;
	color: #fccb64;
	padding: 0 7px 0 7px;
    font-size: 95%}
	
.bottomLinks ul li a:hover{color: #000}	
	
.bottomLinks ul li.noBorder {border: none}

/***********************************************************************************************/


/***************************************Gallery/Project Page************************************/

p#galleryPage{padding: 0;
	margin: 0 0 40px 0;
	font-size: 90%}
	
.album{margin: 20px 0 0 0;
width: 100%;
clear: both;
float: left;
display: block;
cursor:pointer;
padding: 10px 0}

.gallery{text-align:left;
	width: 68%}
	
.gallery2{text-align:left;
	width: 100%}	

.gallery h1 {font-size: 150%;
	padding: 0;
	margin: 0;
	text-align:left;
	color: #fccb64}

.gallery p{padding:0;
	margin:0}
	
.galleryImg{padding: 5px;
  border: 2px outset #000000;
  padding: 5px 5px 30px 5px;
  background: #fff;
  margin: 0;}
  
.galleryImg img{width:200px;
	border: 1px outset #000}	
		
#albumPage{text-align:left}

#albumPage h1 {font-size: 150%;
	padding: 0;
	margin: 0;
	text-align:left;
	color: #fccb64} 
	
#albumPage p{padding:0;
	margin:0}	
	
#detail {text-align: left;
	clear: both}
	
#detail p{padding: 0;
	margin: 0}	
/***********************************************************************************************/

/******************************************Project Detail***************************************/
.detailPhoto{margin: 5px}

.detailPara {text-align:left;
	position: relative;
	float:left;
	clear: both;
	margin: 5px 0 10px 0}
	
#goToGallery{clear: both;
	text-align: center}	

/***********************************************************************************************/


/*****************************************Links Page********************************************/
.link{text-align:left;
	padding: 20px 5px}
	
h1#link{font-size: 200%}	

.link img{width:125px;
	float:left;
	margin: 0 10px 5px 10px;
	border: 2px inset #000}
	
.blank{	width:125px;
	float:left;
	height:50px;
	margin: 0 10px 5px 10px}
	
.link span.title{font-weight: bold;
	color: #fccb64;
	font-size: 105%}	
	
.link p{clear:both;
	text-indent: 50px}	
/***********************************************************************************************/

/*****************************************Contact Page******************************************/
#members{margin: 20px 10px}

#president{margin: 20px 0}

#president span{font-size: 115%}

#memTable{width:100%}

#memTable td{padding: 10px 5px}

.yellow{color: #fccb64}

#content {clear:both;
        margin: 20px 10px}  

#content span#map{float:right;
    margin-bottom: 10px}

#content table.contact{float:left;
    margin: 30px 0 0 50px;
	text-align:left}
    
#content table.contact td{padding: 5px;
   vertical-align: top} 
/***********************************************************************************************/

/******************************************Events***********************************************/
.top{margin-bottom:30px}
 
#events {display: inline}

#events ul {margin: 0;
	padding: 0;
	list-style-type: none}
	
#events ul li{padding: 5px 0;
	cursor: pointer}	

#events ul li#all {padding:10px 0}	

table#eventDetail{width:100%}
		
#eventDetail td {margin: 0;
	padding:5px}	

#eventDetail td.bold{font-weight:bold;
	color: #000}
	
#eventDetail td.color{color: #fccb64}	

td.width {width: 5%}
/***********************************************************************************************/