/* CSS Document */

html, body {
	margin: 0; padding: 0;
	font-family: Verdana; font-size: 9px; text-align: left;
	color: #b9c0c2;
	background: #182a2e;
	height: 100%;
	}
	
input[type="text"], input[type="password"], select,
input[type="submit"], input[type="file"] { color: #b9c0c2; padding: 1px 2px 1px 2px;; background: #26525d; border: 1px solid #0f1f23; }
#table table { border-collapse: collapse; border: 1px solid #666666; text-align: center; }
	
/* Link and Text Stlyes */
a { color: #397f7e; text-decoration: none; }
a:hover { color: #397f7e; text-decoration: underline; }

.more a { color: #305b66; font-weight: bold; text-decoration: none; }
.more a:hover { color: #305b66; font-weight: bold; text-decoration: underline; }

#table a { color: #999999; text-decoration: none; }
#table a:hover { color: #CCCCCC; text-decoration: underline; }

.green { color: #27807e; }

/* Frame for centering and border */	
#frame { width: 756px; margin-left: auto; margin-right: auto; }
#border { width: 827px; height: auto; background: url('images/main_bg.jpg') repeat-y; float: left; }
	
/* Layout */
#container {
	width: 756px; height: auto;
	margin-left: 35px;
	float: left;
	}
	
#top { width: 756px; height: 55px; background: url('images/top_bg.gif') repeat-x; float: left; }
	
	#site {
		width: 141px; height: 55px;
		background: url('images/site_name.gif') no-repeat;
		margin-left: 10px;
		float: left;
		}
		
	#user_area {
		width: auto; height: auto;
		margin: 20px 10px 0 0;
		float: right;
		}
		
/* Navigation */
#nav { width: 756px; height: 20px; margin: 0; padding: 0; background: #1a2f34; float: left; }

#nav_bottom {
	width: 756px; height: 17px;
	background: url('images/nav_bottom.gif') repeat-x;
	float: left;
	}
	
.spacer {
	width: 3px; height: 20px;
	background: url('images/nav_spacer.gif') no-repeat;
	float: left;
	}
	
/*Banner And Content Divide */
#banner {
	width: 756px; height: 219px;
	background: url('images/banner.gif') no-repeat;
	float: left;
	}
	
#content_divide { width: 756px; height: 37px; background: url('images/main_divide.gif') repeat-x; float: left; }
	
/* Content */
#content { width: 756px; height: auto; float: left; }
#main { width: 750px; height: auto; background: #1a2f34; padding: 3px; float: left; }
#table { width: 100%; height: auto; margin-top: 8px; float: left; }
	
#left {
	width: 476px; height: auto;
	background: url('images/vertical_divide.gif') right repeat-y;
	padding-right: 6px;
	float: left;
	}
	
#info { width: 470px; height: auto; background: #1a2f34; float: left; }
		
#player {
	width: 274px; height: auto;
	background: url('images/template_divide.gif') bottom repeat-x;
	padding-bottom: 8px;
	float: left;
	}
	
#templates {
	width: 274px; height: auto;
	float: left;
	}
	
.title { width: auto; height: auto; margin: 0px; float: left; }
.temp { width: 273px; height: auto; padding-bottom: 8px; margin: 0px; background: url('images/template_divide.gif') bottom repeat-x; float: left; }
.temp2 { width: 273px; height: auto; padding: 0px; margin: 0px; float: left; }
	
#news {
	width: 208px; height: auto;
	background: url('images/news_bg.gif') repeat-y;
	padding-right: 7px; margin-bottom: auto;
	float: left;
	}
	
	.news_title {
		width: 190px; height: auto;
		padding: 4px; margin: 0 0 4px 3px;
		font-weight: bold; color: #397180;
		border-bottom: 1px dashed #b5bfc4;
		float: left;
		}

#news_header { width: 90%; height: auto; margin: 4px; color: #FFFFFF; float: left; }
#news_content { width: 90%; height: auto; margin: 4px; float: left; }
		
.news_txt { width: 200px; height: auto; padding: 4px; background: url('images/news_divide.gif') bottom repeat-x; float: left; }
.more { width: auto; height: auto; float: left;}
.post { width: auto; height: auto; padding-bottom: 3px; font-weight: bold; color: #305b66; float: right; }
.site { width: 261px; height: auto; float: left; margin: 0px; }	
.site2 { width: 261px; height: auto; float: left; margin-top: 4px; }	
.horizon_divide { width: 476px; height: 8px; background: url('images/template_divide.gif') repeat-x; margin: 0; padding: 0; float: left; }
.l_table { text-align: left; border: none; }
	
/* Center Area */
#center { width: 261px; height: auto; float: left; }
	
.center_divide { width: 261px; height: 8px; background: url('images/template_divide.gif') repeat-x; float: left; }
	
/* Footer */
#footer {
	width: 756px; height: 57px;
	background: url('images/footer_bg.gif') repeat-x;
	float: left;
	}
	
	#copyright {
		width: 235px; height: 50px;
		background: url('images/copyright.jpg') no-repeat;
		margin-top: 7px;
		float: right;
		}
		
/* Download Display */
.download { width: 48%; height: auto; margin: 5px 5px 5px; 8px; float: left; }
.pic { width: 40px; height: 40px; margin: 0px 5px 10px 4px; float: left; }
.pagination { width: 90%; height: auto; float: left; }