body {
	margin: 0;
	
	background: #000;

	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	letter-spacing: 0px;

	color: #FFF;
}

body.white {
	background: #FFF;
	color: #000;
}

A {
	color: #FFF;
}
body.white A {
	color: #000;
}

.clear {
	clear: both;
}

#Wrap {
	width: 980px;
}
	
	#Head {
		margin: 0 0 20px 0;
		
		height: 60px;
		
		border-bottom: 1px solid #3a3a3a;
	}
	body.white #Head {
		border-color: #CCC;
	}
		#Head A#Logo {
			display: block;
			
			width: 195px;
			height: 60px;
			
			text-indent: -9999px;
			
			background: 20px 10px url('../img/logo.jpg') no-repeat;
		}
		body.white #Head A#Logo {
			background: 20px 10px url('../img/logoWhite.jpg') no-repeat;
		}
		
		#Head ul {
			float: right;
			
			margin: 0;
			padding: 0;
			
			border-right: 1px solid #3a3a3a;
			
			height: 30px;
			overflow: hidden;
		}
		body.white #Head ul {
			border-color: #ccc;
		}
			#Head ul li {
				display: inline;
			}
				#Head ul li A {
					display: block;
					float: left;
					
					margin: 0 0 0 0;
					padding: 9px 15px 15px 15px;
					height: 30px;
					
					text-decoration: none;
					border-left: 1px solid #3a3a3a;
				}
				
				body.white #Head ul li A {
					border-color: #CCC;
				}
				
				#Head ul li A.selected,
				#Head ul li A:hover {
					background: #95e5fe;
				}
	
	#Main,
	#Side,
	#About
	{
		height: 600px;
	}
	
	#About {
		padding: 0 20px;
	}
	
	#Main {
		float: left;
		
		padding: 0 20px;
		overflow: hidden;
		
		width: 760px;
	}
		#Main .left {
			float: left;
			width: 370px;
			margin: 0 20px 10px 0;
		}
		#Main .right {
			float: left;
			width: 370px;
			margin: 0 0 10px 0;
		}
		#Main .dummy {
			border: 1px solid #FFF;
			
			min-height: 598px;
		}
	
	#Side {
		float: left;
		
		margin: 0 0 0 0;
		padding: 0 0 0 10px;
		
		border-left: 1px solid #3a3a3a;
		
		width: 169px;
	}
	body.white #Side {
		border-color: #CCC;
	}
		#Side .tree {
			height: 500px;
			overflow: hidden;
		}
			#Side .tree ul {
				margin: 0;
				padding: 0;
				
				list-style: none;
			}
				#Side .tree ul li {
					display: inline;
				}
					#Side .tree ul li A {
						display: block;
						
						padding: 0px 0 2px 3px;
						
						cursor: pointer;
						
						text-decoration: none;
					}
					#Side .tree ul li A:hover,
					#Side .tree ul li.selected A
					{
						background: #95e5fe;
					}
					
					#Side .tree ul li ul {
						display: none;
					}
					#Side .tree ul li ul.open {
						display: block;
					}
					
					#Side .tree ul li ul li A {
						padding-left: 20px;
					}
			
		#Side .title {
			margin: 0 0 0 0;
			padding: 20px 0 0 0;
			
			color: #96e7fc;
			
			height: 35px;
			overflow: hidden;
			
			border-top: 1px solid #3a3a3a;
			border-bottom: 1px solid #3a3a3a;
		}
		body.white #Side .title {
			border-color: #CCC;
		}
		#Side .page {
			padding: 15px 0 0 0;
			height: 28px;
			overflow: hidden;
		}

	#Info {
		margin: 20px 0 0 0;
		padding: 10px 0 0 20px;
		
		min-height: 50px;
		
		border-top: 1px solid #3a3a3a;
	}
	body.white #Info {
		border-color: #CCC;
	}
	
	#Foot {
		margin: 0 0 0 0;
		padding: 10px 0 0 20px;
		
		min-height: 50px;
		
		color: #555;
		
		border-top: 1px solid #3a3a3a;
	}
	body.white  #Foot {
		border-color: #CCC;
		color: #606060;
	}
	body.white  #Foot A {
		color: #606060;
	}



#SlideWrap {
	outline: 0px solid #CCC;
	
	height: 600px;
	width: 760px;
	
	overflow: hidden;
}
	#SlideWrap a#GoLeft,
	#SlideWrap a#GoRight
	{
		display: block;
		
		position: absolute;

		height: 600px;
		width: 360px;
		
		text-indent: -9999px;
		outline: none;
	}
	#SlideWrap a#GoLeft {
		background: -50px 280px url('../img/ArrowLeft.gif') no-repeat;
	}
	#SlideWrap a#GoRight {
		margin-left: 360px;
		width: 400px;
		
		background: 420px 280px url('../img/ArrowRight.gif') no-repeat;
	}
	
	#Slide {
		height: 600px;
		width: 3040px;
		
		background: none;
	}
		#Slide a.item {
			display: block;
			float: left;
			
			text-indent: -9999px;
			
			background: no-repeat;
			
			height: 600px;
			width: 760px;
		}

#CssSwitch {
	height: 32px;
	overflow: hidden;
}
	#CssSwitch A {
		display: block;
		float: right;
		
		margin: 0;
		padding: 10px 15px 12px 15px;
		
		text-decoration: none;
		
		border-left: 1px solid #3a3a3a;
	}
	body.white #CssSwitch A {
		border-color: #CCC;
	}
	#CssSwitch A.selected,
	#CssSwitch A:hover
	{
		color: #000;
		background: #95e5fe;
	}







