@charset "utf-8";
/* CSS Document */

@import 'reset.css';
@import 'tags.css';

.leftimage {
	margin:120px 0 0 0;
}

.validate-error {
	font-style:italic;
	color:#ff0000;
	display:block;
}

.clear {
	clear:both;	
}

.white-bg {
	background-color:#fff;	
}

.hide {
	display:none;	
}

.center-nowidth {
	width:auto;
	text-align:center;
}

.center {
	width:100%;
	text-align:center;
}

.pad {
	padding:10px;	
}

.padless {
	padding:5px;	
}

.left {
	float:left;	
}

.indent {
	padding:5px 5px 5px 20px;	
}

.greybox-link {
	padding:0px 10px;
	border:#CCC 1px solid;
	border-top:#999 1px solid;
	border-left:#999 1px solid;
	background-color:#CCC;
	color:#000;
	text-decoration:none;
}

.big-button {
	width:140px;
	font-size:15px;
	background-color:#333;
	color:#fff;
	padding:3px 10px;
	border: #000 1px solid;
	margin:2px 0;
}

.gray {
	color:#808284;
}

.smaller {
	font-size:90%;	
}

.error {
	padding:10px;
	color:#fff;
	background-color:#ff0000;
}

.message {
	padding:10px;
	color:#fff;
	background-color:#00a83f;
} 

.stretch {
	width:100%;	
}

#container {
	width:100%;
	text-align:center;
}
	#content {
		margin:auto;
		width:1100px;
		min-height:842px;
		height:auto !important;
		height:842px;
		text-align:center;
		background: transparent url(/includes/images/back.png) top center no-repeat;
	}
	

	
		#content-main {
			width:1026px;
			min-height:770px;
			height:auto !important;
			height:770px;
			margin:auto;
			margin-top:0px;
			text-align:left;
		}
			
			#content-main-left {
				float:left;
				width:400px;
				height:670px;
			}
			
				#container #content #content-main #content-main-left div {
					padding:10px 0 0 65px;
					font-size:25px;
					font-family:Times;
					font-style:italic;
				}
			
			#content-main-right {
				float:left;
				width:616px;
				height:670px;
			}
			
				#content-main-right-left {
					margin-top:100px;
					width:190px;
					text-align:right;
					float:left;
				}
					#content-main-right-left h3 {
						color:#808284;
						padding:10px;
					}
				
					#content-main-right-left #sub-nav ul {
						list-style:none;
					}
					
					#content-main-right-left #sub-nav ul li {
						
					}
					
					#content-main-right-left #sub-nav ul li a {
						text-decoration:none;
						padding-right:50px;
						padding-top:10px;
						background: transparent url(/includes/images/sub-nav-ball.gif) no-repeat right;
						display:block;
						width:150px;
						height:35px;
						color:#bcbec0;
					}
					
					#content-main-right-left #sub-nav ul li a:hover {
						background: transparent url(/includes/images/sub-nav-ball-over.gif) no-repeat right;
					}
					
					#content-main-right-left #sub-nav ul li a.current {
						background: transparent url(/includes/images/sub-nav-ball-over.gif) no-repeat right;
					}
					
					#content-main-right-left #sub-nav-news ul {
						list-style:none;
					}
					
					#content-main-right-left #sub-nav-news ul li {
						
					}
					
					#content-main-right-left #sub-nav-news ul li a {
						text-decoration:none;
						padding-right:20px;
						padding-top:10px;
						display:block;
						width:180px;
						color:#bcbec0;
						font-size:15px;
					}
					
					#content-main-right-left #sub-nav-news ul li a:hover {
						
					}
					
					#content-main-right-left #sub-nav-contact {

					}


				
				#content-main-right-right {
					border-left:#ff0000 1px solid;
					width:415px;
					height:452px;
					overflow:auto;
					float:left;
					font-size:14px;
					margin-top:100px;
					margin-left:10px;
				}
				
					#content-main-right-right-content {
						padding-left:15px;
						padding-right:15px;
					}
					
					#content-main-right-right-content p {
						margin:30px 0;	
						
					}
					
					#content-main-right-right-content h2 {
						margin:0 0 20px 0;
						color:#ff0000;
						
					}
					
					#content-main-right-right-content h4 {
						margin:0 0 20px 0;
						
					}
					
					#content-main-right-right-content ul {
						padding-left:20px;
					}
						#content-main-right-right-content ul li {
							padding:5px;
						}
				
			
			#content-main-footer {
				
			}
			
				#content-main-footer-left {
					float:left;
					width:345px;
				}
				
				#content-main-footer-right {
					float:left;
					width:681px;
					text-align:center;
					padding-top:14px;
				}
		
	#pearl-overlay {
		position:absolute;
		width:100%;
		height:850px;
		margin-top:10px;
		top:10px;
		background: transparent url(/includes/images/pearls.png) center top no-repeat;
	}
	
	#nav-overlay {
		text-align:center;
		position:absolute;
		width:100%;
		margin:auto;
		top:585px;
	}
	
		#nav-container {
			text-align:center;
			margin:auto;
			height:110px;
			width:1026px;
		}

	#nav-overlay-container {
		text-align:center;
		margin:auto;
		height:80px;
		width:100%;
		position:absolute;
		top:580px;
	}
	
		#nav-overlay-container-holder {
			text-align:center;
			margin:auto;
			height:80px;
			width:1026px;
		}
			#nav-overlay-container-left {
				float:left;
				width:218px;
			}
			
				#nav-overlay-container-left ul {
					list-style:none;
					text-align:left;
					margin-left:50px;
					font-size:19px;
					font-style:italic;
					font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
					color:#bcbec0;
				}
				
					#nav-overlay-container-left ul li {
						height:35px;
						width:200px;
						background: transparent url(/includes/images/nav-ball.gif) no-repeat;
						padding-left:45px;
						padding-top:12px;
					}
					
					#nav-overlay-container-left ul li.current {
						background: transparent url(/includes/images/nav-ball-over.gif) no-repeat;	
					}
					
					#nav-overlay-container-left ul li:hover {
						height:35px;
						width:200px;
						background: transparent url(/includes/images/nav-ball-over.gif) no-repeat;
						padding-left:45px;
						padding-top:12px;
					}
					
						#nav-overlay-container-left ul li a {
							text-decoration:none;
							color:#bcbec0;
						}
						
						#nav-overlay-container-left ul li a:hover {
							color:#747474;
						}
						
						#nav-overlay-container-left ul li a:active {
							text-decoration:none;
							color:#747474;
						}
					
			#nav-overlay-container-center {
				float:left;
				width:168px;
			}
			
			#nav-overlay-container-right {
				float:left;
				width:640px;
			}
			
				#nav-overlay-container-right > ul {
					list-style:none;
					text-align:left;
					margin-left:25px;
					font-style:italic;
					color:#bcbec0;
				}
				
					#ticker-area {
						background: #000;
						border-top:#fff 1px solid;
						border-bottom:#fff 1px solid;
						padding: 5px 0;
						margin: 20px 0;
						font-size: 13px;
						color: #fff;
						width:500px;
						margin:auto;
					}
					
					#ticker-area span {
						background:#ff0000;
						color:#000;
						padding:3px 10px;
						text-transform:uppercase;
						margin-right:15px;
					}
					
					#ticker-area a {
						color:#CCC;	
						text-decoration:none;
					}
				
					#nav-overlay-container-right > ul li {
						height:40px;
						background: transparent url(/includes/images/nav-ball.gif) no-repeat;
						float:left;
						padding:12px 10px 0 45px;
					} 
					
					#nav-overlay-container-right > ul li.current {
						background: transparent url(/includes/images/nav-ball-over.gif) no-repeat;	
					}
					
					#nav-overlay-container-right > ul li:hover {
						height:40px;
						background: transparent url(/includes/images/nav-ball-over.gif) no-repeat;
						float:left;
						padding:12px 10px 0 45px;
					}
					
						#nav-overlay-container-right > ul li a {
							text-decoration:none;
							color:#bcbec0;
						}
						
						#nav-overlay-container-right > ul li a:hover {
							color:#747474;
						}
						
						#nav-overlay-container-right > ul li a:active {
							text-decoration:none;
							color:#747474;
						}


/*			ADMIN			*/

.administration {
	width:100%;
}

.administration #users-form table {
	padding:0;
	margin:0;
	background:#fff;
	width:100%;
}

.administration #users-form th {
	background-color:#999;
	padding:5px;
	color:#fff;
}

.administration #users-form table td {
	padding:5px;
	margin:0;
	border-left:#666 1px solid;
	border-bottom:#666 1px solid;
}

.administration table input[type=button],.administration table input[type=submit] {
	border:#CCC 1px solid;
	border-bottom:#333 2px solid;
	border-left:#333 2px solid;
	padding:3px 6px;
}

.administration #container {
	width:auto;
	text-align:left;
	background:none;
	background-color:#808284;
}

.administration #content {
	background:none;
	background-color:#808284;
	text-align:left;
	width:100%;
}

.administration #nav {
	float:left;	
	background-color:#333;
	color:#fff;
}

.administration #nav ul {
	margin:0 50px 0 20px;	
	padding:20px;
}

.administration #nav ul li {
	list-style:none;
}

.administration #nav a {
	color:#CCC;
}

.administration #nav ul li a:active {
	color:#FFF;
}

.administration #container > h2 {
	width:100%;
	padding:10px 0;
	display:block;
	background:#666;
	color:#fff;
}

.administration .feature {
	border:#666 1px solid;
	border-left:#999 1px solid;
	border-bottom:#999 1px solid;
	margin:10px 0;
}

.administration h5 {
	margin:0 0 20px 0;	
	color:#666;
}

.administration .feature .content {
	font-size:15px;
	padding:10px;
}

.administration #users-form {
	background:#CCC;
	padding:10px;
}

.administration #users-form input[type=text] {
	font-size:20px;
	color:#CCC;
	padding:3px;
	margin:0 0 20px 0;
}
