/* Structural Site Styling */
/* Reference "visual.css" for visual styling of elements */
body {
	margin: 0;
	height: 100%;
	width: 100%;
	}

html {
	margin: 0;
	height: 100%;
	width: 100%;
	}
form {
margin: 0;
}
img {
	border: 0;
	}

#master_container {
	position: relative;
	width: 760px;
	margin: 10px auto 10px auto;
	padding-bottom: 20px;
	}

#site_container {
	position: relative;
	padding: 15px;
	border: 1px solid #CCCCCC;
	}

.divider {
	height: 10px;
	overflow: hidden;
	background: #CCCCCC;
	margin: 0px 0 5px 0;
	}

.audioPlayer {
	position: relative;
	height: 15px;
	margin: 5px 0 5px 0;
	background: #CCCCCC;
	}
	
	.audioPlayer embed, .audioPlayer object {
		position: absolute;
		top: 0;
		left: 0;
		}

.top {
	margin-top: 0 !important;
	}

#header {
	position: relative;
	padding: 5px 0 0px 0;
	border: 1px solid #CCCCCC;
	overflow: hidden;
	width: 100%;
	margin: 0 0 0 -1px;
	}
	#header[id] {
		width: auto;
		margin: 0;
		}
	
	#header h1 {
		position: absolute;
		top: 5px;
		left: 5px;
		width: 100px;
		height: 20px;
		overflow: hidden;
		z-index: 0;
		}
	
	.headerImage {
		position: relative;
		float: left;
		margin: 0 10px 0 5px;
		z-index: 1;
		width: 600px;
		height: 245px;
		background:url("../images/indicator_medium.gif") center no-repeat;
		}
	
	ul#nav  {
		position: relative;
		float: left;
		margin: 0;
		padding: 0;
		width: 100px;
		z-index: 0;
		}
		ul#nav li {
			position: relative;
			margin: 0;
			padding: 0;
			list-style-type: none;
			overflow: hidden;
			}
		
		#navCover {
			display: none;
			position: absolute;
			top: 0;
			right: 0;
			z-index: 999;
			width: 700px;
			height:700px;
			}

#content {
	position: relative;
	overflow: hidden;
	width: 100%;
	}
	#content[id] {
		height: auto;
		}
	
	.column {
		position: relative;
		float: left;
		}
	
	#left {
		width: 240px;
		padding: 0 10px 0 0;
	/*	margin: 0 -240px -10000px 0; */
		border-right: 1px solid #999999;
		z-index: 1;
		}
		
		ul.formList {
			width: 225px;
			margin: 0;
			padding: 0;
			}
			ul.formList li {
				position: relative;
				margin: 10px 0 10px 0;
				padding: 0;
				list-style-type: none;
				}
			
			ul.formList .textField {
				position: absolute;
				top: 0;
				right: 0;
				width: 150px;
				background: #F6F6F6;
				border: 1px solid #cfcbcb;
				}
				
				ul.formList textarea.textField {
					height: 100px;
					}
				ul.formList select.textField {
					background: none;
					width: 154px;
					}
					ul.formList select.textField[class] {
						width: 152px;
						}
				ul.formList div.textField {
					border: none;
					background: none;
					}
			
			ul.formList .button {
				border: 1px solid #cfcbcb;
				color: #666666;
				background: #F6F6F6;
				padding: 2px 7px 2px 7px;
				cursor: pointer;
				cursor: hand;
				}
	
	#pic_list {
		font-size: .75em;
		height: 200px;
		overflow: scroll;
		padding-right: 5px;
		}
	
	#pic_list ul {
		margin: 0;
		padding: 0;
		}
		#pic_list li {
			position: relative;
		/*	overflow: hidden; */
			overflow: auto;
			list-style-type: none;
			}
			#pic_list li a {
				float: left;
				}
			#pic_list li .date {
				float: right;
				}
			
	#right {
/*		padding-left: 265px;
 */     float:left;
        width:450px;
		padding-left: 10px;
		z-index: 0;
		}
	
	.event {
		position: relative;
		clear: both;
		margin: 5px;
		}
	
		.event p {
			padding-left: 180px;
			margin: 0;
			}
		
		.eventImg {
			top: 5px;
			left: 0;
			position: absolute;
			}

#footer {
	position: relative;
	overflow: hidden;	
	padding-top: 5px;
	}
	
	.footer_left {
		position: relative;
		float: left;
		}
	
	.footer_right {
		position: relative;
		float: right;
		text-align: right;

		}
.button {
				border: 1px solid #cfcbcb;
				color: #666666;
				background: #F6F6F6;
				padding: 2px 7px 2px 7px;
				cursor: pointer;
				cursor: hand;
				}
.textField {
				
				top: 0;
				right: 0;
				width: 150px;
				background: #F6F6F6;
				border: 1px solid #cfcbcb;
				}
.smalltext{
font-size: .5em;
line-height: .8em;
}