body 	{background: #a68fbb;	text-align: center;	margin: 0 auto;	padding: 0;	
		font-family: Tahoma, Verdana, Arial, sans-serif;	/*font-size: 62.5%;*/
		-moz-border-radius: 5px; -webkit-border-radius: 5px;}
	
p 		{color: #787878; font-weight: normal; line-height: 17px; /*font-size: 16px;*/}
	
a 		{font-weight: bold;	color: #FFFFFF;	text-decoration: underline;	font-size: 14px;}

a:hover 	{font: bold 15px Tahoma, Arial; color: #FFFFFF; text-decoration: none;}

h1, h2, h3, h4, h5 {color: #FFFFFF; margin: 0px;}
/*
h1 		{font-size: 32px;}

h2 		{font-size: 24px;}

h3 		{font-size: 20px;}

h4		{margin: 5px 0;}
*/
ul		{list-style-type: square; color: white;}

li		{}

div {/*border: 1px dotted red;*/ -moz-border-radius: 10px;
	-webkit-border-radius: 10px;}

img {padding: 0px; border: none;}
	
.clear 	{clear: both;}

.strong 	{font-weight: bold; font-size: 17px; line-height: 18px;}

.content {text-align: left; background-color: #181818; border: 1px dotted #373535; margin: 10px; padding: 10px;}

.white_text {color: white;}

.author {color: #292929;}
a.edit_button {
	position: absolute;
	width: 25px;
	top: 0;
	right: 0;
	height: 15px;
	padding: 15px 25px;
	background-color: #a68fbb;
	color: white;
	text-decoration: none;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #776686;
	z-index: 10
	}

/* *html #left { I dont really remember what this was for...
	left: 108px;
	} */

div#container {
	width: 1000px;
	margin: 0 auto;
	text-align: center;
	}
	
	div#sunflower {
		height: 474px;
		position: relative;
		background: transparent url(../images/header_done.jpg) no-repeat scroll;
		}
		div#quote {
			position: absolute;
			width: 300px;
			top: 160px;
			right: 100px;
			text-align: center;
			z-index: 1;
			}
		div#logo {
			position: absolute;
			z-index: 1;
			width: 450px;
			top: 250px;
			left: 75px;
			text-align: left;
			}
			div#logo a {
				text-decoration: none;
				}
	div#navbar {
		height: 48px;
		text-align: center;
		background: transparent url(../images/navbar_done.jpg) scroll no-repeat 0px -48px;
		}
		div#center_navbar a {
			width: 100px;
			height: 26px;
			-moz-border-radius: 15px;
			-webkit-border-radius: 15px;
			border: 1px dotted black;
			margin: 5px 5px;
			padding: 5px 0;
			text-align: center;
			float: left;
			text-decoration: none;
			display: block;
			color: black;
			}
			div#navbar a:hover {
				font: bold 13px Tahoma, Arial; 
				color: #FFFFFF; 
				text-decoration: none; 
				background: transparent url(../images/navbar_done.jpg) no-repeat;
				background-position: -48px 0px;
				-moz-border-radius: 15px;
				-webkit-border-radius: 15px;
				border: 1px dotted white;
				}
				div#navbar a#first:hover {background-position: -120px 0px;}
				div#navbar a#second:hover {background-position: -240px 0px;}
				div#navbar a#third:hover {background-position: -360px 0px;}
				div#navbar a#fourth:hover{background-position: -480px 0px;}
				div#navbar a#fifth:hover{background-position: -580px 0px;}
				div#navbar a#last:hover {background-position: -690px 0px;}
		div#navbar div#center_navbar {
			width: 745px;
			height: 48px;
			position: relative;
			margin: 0 auto;
			}
	div#wrapper {
		margin: 0 auto;
		width: 1000px;
		background: transparent url(../images/body_middle.jpg) scroll repeat-y;
		}
		div#body_top {
			background: transparent url(../images/body_top.jpg) scroll no-repeat;
			margin: 0 auto;
			height: 231px;
			}
		div#body_middle {
			margin: -85px 90px 0 90px;
			
			}
			div#body_bottom { 
				background: transparent url(../images/body_bottom.jpg) scroll no-repeat;
				height: 141px;
				}
					
/* here is where I should put the content of the main sections */
/* instructions: place all styles for all sheets here, DO NOT modify outside these lines */

/* CONTACT.PHP STYLES */
		div#body_wrapper {
			width: 840px;
			margin: 20px 0px;
			position: relative;
			}
			div#main_wrapper {
				width: 55%px;
				text-align: left;
				}
				div#officers {
					margin-left: 20px;
					margin-bottom: 50px;
					}
				div#form_wrapper {
					text-align: right;
					width:55%;
					}
					div#form_wrapper input.text {
						width: 40%;
						}
					div#form_wrapper #questions {
						margin-right: 33%;
						}
					div#form_wrapper textarea{
						width: 70%;
						}
					div#form_wrapper input#submit {
						width: 15%;
						}
				div#acillary_section {
					width: 40%;
					}
/* END CONTACT.PHP STYLES */

/* BEGIN INDEX.PHP STYLES */
div#body_middle > div.content_left{
	width: 50%;
	float: left;
	position: relative;
	text-align: left; 
	background-color: #181818; 
	border: 1px dotted #373535; 
	padding: 10px;
	margin-bottom: 20px;
	}
div#body_middle > div.content_right{
	width: 40%;
	float: right;
	position: relative;
	text-align: left; 
	background-color: #181818; 
	border: 1px dotted #373535; 
	padding: 10px;
	margin-bottom: 20px;
	}

/* END INDEX.PHP STYLES */

/* BEGIN president.PHP STYLES */
div#president ul li{
	font-size: 14px;
	line-height: 15px;
	margin-top: 5px;
	}
/* END president.PHP STYLES */

/* BEGIN photo_upload.PHP STYLES */
div#loading{
position:absolute;
width:300px;
top:0px;
left:50%;
margin-left:-150px;
text-align:center;
padding:7px 0 0 0;
font:bold 11px Arial, Helvetica, sans-serif;
}


/* END photo_upload.PHP STYLES */

/* BEGIN photos.PHP STYLES */
div#main_content {
	position: relative;
	}


div#photos{
	width: 600px;
	float: left;
	}
.each_photo {
	width: 120px;
	height: 290px;
	float: left;
	margin: 20px;

	border: 1px dotted #373535;
	background-color: #202020;
	text-align: center;
	}
	.each_photo a {
		font-weight: normal; 
		}
	.each_photo p {
		margin-top: -8px;
		}
.each_image {
	width: 96px;
	margin: 10px auto;

	border: 2px solid black;
	}
	.each_image:hover {

		border: 2px solid #605f5f;
		}
/* END photos.PHP STYLES */

/* BEGIN photo.PHP STYLES */
	div#image {
		margin: 0 auto;
		position: relative;
		}
		div#image img {
			max-width:800px;
			width:expression(document.body.clientWidth > 800? "800px": "auto" );
			height:auto;
			}
div#comment_wrapper {
	position: relative;
	width: 900px;
	}
	div#comments {
		width: 400px;
		float: left;
		}
		div.comment {

			border: 1px dotted #373535;
			background-color: #161616;
			font-weight: normal; 
			font-size: 15px; 
			line-height: 16px;
			}
			div.author {
				color: #605f5f;
				text-align: left;
				margin: 15px 10px;
				padding-left: 10px;
				padding-bottom: 10px;
				border-bottom: 1px solid #202020;
				}
				.name {
				font-weight: bold;
				color: white;
				}
			div.body {
				text-align: left;
				padding: 10px;
				background-color: #363636;
				color: #a7a7a7;
				}
			div.meta_info {
				color: #605f5f;
				font-size: 12px;
				}
	div#comment_form {
		width: 400px;
		float: left;
		text-align: left;
		margin-left: 25px;
		}

/* END photo.PHP STYLES */

/* BEGIN LOGIN STYLES */
div#login {
	width: 300px;

	border: 1px dotted #373535;
	margin: 10px;
	}
	div#username {
		text-align: right;
		margin-right: 25px;
		}
	div#password {
		text-align: right;
		margin-right: 25px;
		}
/* END LOGIN STYLES */

/* BEGIN edit_quote.PHP STYLES 

form.body_quote_edit {
	font-size: 14px;
	background-color: #272727;
	color: #787878;
	line-height: 15px;
	margin: 15px;
	padding: 10px;
	border: 1px dotted #373535;
	}
form.author_quote_edit {
	font-size: 14px;
	background-color: #232323;
	color: #787878;
	line-height: 15px;
	margin: -10px 15px 15px 15px;
	padding: 10px;
	border: 1px dotted #373535;
	}*/

.quote_edit_title {
	color: #212121;
	margin: 10px;
	}
	h1.quote_edit_title {

		text-align: center;
		}
		h2.quote_edit_title{
			text-align: left;
			}
	
div.edit_quote {
	/*position: relative;*/
	height: 120px;
	margin: 10px 0;
	padding: 10px;
	background-color: #212121;
	overflow: hidden;
	text-align: center;
	width: 700px;
	}
	div.edit_quote p.body_heading {
		text-align: left;
		float: left;
		font-size: 14px;
		color: #787878;
		margin-right: 445px; /*445 original*/
		}
	div.edit_quote p.author_heading {
		text-align: left;
		float: left;
		clear: right;
		font-size: 14px;
		color: #787878;
		margin-right: 50px; /*50 original*/
		}
	div.edit_quote .body_edit_quote {
		margin: 5px 0 10px 0;
		background-color: #313131;
		line-height: 15px;
		border: 1px dotted #373535;
		float: left;
		font-size: 14px;
		color: #787878;
		margin-right: 10px;
		padding: 5px;
		}
	div.edit_quote .author_edit_quote {
		margin: 10px 50px 10px 10px;
		background-color: #313131;
		line-height: 15px;
		border: 1px dotted #373535;
		float: left;
		font-size: 14px;
		color: #787878;
		}
	div.edit_quote .button {
		float: left;
		}


/* END edit_quote.PHP STYLES */

/* BEGIN edit_posts.php STYLES */
span#i_frame {
	top: 220px;
	}
/* END edit_posts STYLES */

/*
	BEGIN LIGHTBOX STYLES
	---------------------
	* contains everything necessary to syle the lightbox
*/

div#overlay {
	background-color:#000000;
	height:2600px;
	left:0;
	position:absolute;
	top:0;
	width:100%;
	z-index:50;
	}
div#lightbox {
	background-color:#000000;
	left:15%;
	position: absolute;
	top:10%;
	width:1000px;
	height: 800px;
	z-index:90;
	}
div#lightbox_content {
	background-color:#f3f3f3;
	margin: 50px auto;
	/*font-size: 16px;*/
	overflow: auto;
	opacity: 1;
	position:relative;
	z-index:100;
	}
	div#lightbox_content p {
		text-align: left;
		}

div#lightbox_nav {
	color: white;
	position: relative;
	opacity: 1;
	margin: 50px 0 10px 0;
	}
	
ul li#lightbox_back {
	list-style-type: none;
	}
/*
	END LIGHTBOX STYLES
	---------------------
*/


					
/****************end content***********************/

div#photo_wrapper {
	clear: both;
	width: 650px;

	border: 1px dotted white;
	background-color: #786787;
	margin: 0px auto;
	}
	div#photo_wrapper img {
		margin: 30px 0 15px 0;
		border: 1px solid black;
	}
	div#photo_wrapper p {
		color: white;
	}
	div#photo_wrapper h3 {
		margin-top: 10px;
	}
	div#footer {
		margin-top: 15px;
		clear: both; /* this was added when I took out the layers to extend page height */
		}