/* CSS Document */

body {
	background-color: #999999;
	padding: 0px;
	margin: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#page {
	width: 90%;
	background-color: #FFFFFF;
	background-image: url(../../images/page_sliver.jpg);
	background-repeat: repeat-y;
	margin: auto;
	border-left:  2px solid #666666;
	border-right: 2px solid #333333;
	border-bottom: 2px solid #333333;
}

#header {
	color: #FFFFFF;
	height: 130px;
	border-bottom: 2px solid #970d58;
	background-color: #FFFFFF;
	background-image: url(../../images/fbheader.jpg);
}
	
	#header table {
		width: 100%;
		border-collapse: collapse;
		margin: 0px;
		padding: 0px;
		
	}
	
	#header table tr td {
		margin: 0px;
		padding: 0px;
	}
	
	#header img {
		border: 0px;
		padding: 0px;
		margin: 0px;
	}

#nav {
	float: left;
	width: 180px;
	padding: 0px 0px 0px 1px;
	background-color: #970d58;
	min-height: 550px;
	_height: 550px;
	position: relative;
	top: -2px;
	margin-top: 26px;
}
	
	#nav a {
		display: block;
		height: 14px;
		padding-left: 15px;
		padding-top: 3px;
		padding-bottom: 3px;
		color: #000000;
		width: 163px;
		text-decoration: none;
		font-weight: bold;
		font-size: 14px;
		border-color:#ffffff;
		border-style: solid;
		border-width: 2px 0px 2px 2px; 
		-moz-border-radius-topleft: 3px;
		-moz-border-radius-bottomleft: 3px;
		border-radius: 3px;
		background-color: #e7d2dd;
		margin: 2px 0px 2px 0px;
	}
	
	#nav a:hover {
		border-color:#dbabc5;
		background-color: #cb8daf;
		margin: 2px 0px 2px 0px;
	}
	
	#nav #loginbox {
		width: 180px;
		background-image: url(../../images/loginbox_sliver.jpg);
	}
	
		#nav #loginbox img {
			width: 180px;
		}
		#nav #loginbox table {

		}	
		
			#nav #loginbox th {
				text-align: right;
				font-size: 12px;
			}

		#nav #loginbox input {
			width: 90px;
			border: 2px solid #dbabc5;
			background-color: #f1dce3;
			font-size: 12px;
		}
		
		#nav #loginbox td.buttonarea {
			text-align: right;
		}
		
		#nav #loginbox td.buttonarea input {
			width: 96px;
			font-size: 1px;
			font-weight: bold;
		}
		


#content {
	margin: 0px 200px 0px 190px;
	_margin-top: 13px;
	padding: 0px;
	padding-right: 10px;
	font-size: 13px;
	border-right: 1px solid #e7d2dd;
	min-height: 520px;
	_height: 520px;
	text-align: justify;
}

	#content h1 {
		font-size: 16px;
	}
	
	#content h2 {
		font-size: 14px;
	}
	
	#content h3 {
		font-size: 12px;
	}
	
	#content {
		font-size: 11px;
	}

	#content .modelbox {
		float: right;
		border: 1px solid #000000;
		width: 200px;
		background-color: #f1dce3;
	}

		#content .modelbox h3 {
			margin: 0px;
			border-bottom: 1px solid #000000;
			text-align: center; background-color: #ffd0d0;
			font-size: 14px;
		}
		
		#content .modelbox a {
			display: block;
			padding: 1px 2px 1px 2px;
			text-decoration: none;
			width: 196px;
			border-bottom: 1px solid white;
			color: #000000;
		}
		
		#content .model {
			width: 134px;
			height: 150px;
			background-color: #e7d2dd;
			float: left;
			margin: 5px;
				border: 2px solid #dbabc5;
			font-size: 9px;
			text-align: center;
			cursor: pointer;
		}
		
			#content .model h4 {
				padding: 0px;
				margin: 0px;
				display: block;
				text-align: center;
				margin-bottom: 10px;
			}
			
			#content .model img {
				height: 90px;
				margin: 2px;
				border: 1px solid black;
			}
			
			#content .model th {
				text-align: right;
			}
			
			#content .model td {
				text-align: left;
			}
		
		#content .timetable {
			padding-right: 0px;
			width: 100%;
			background-color: #dbabc5;
			margin-bottom: 10px;
		}
		
			#content .timetable tr {
				height: 60px;
				background-color: #e7d2dd;
				cursor: pointer;
			}
			
				#content .timetable td {
					vertical-align: top;
					padding: 0px;
					padding-left: 10px;
					margin: 10px;
				}
			
			#content .timetable img {
				border: 1px solid black;
				padding: 0px;
				margin: 0px;	
			}
			
			#content .timetable h4 {
				font-size: 10px;
				padding: 0px;
				margin: 5px;
			}

input.pink {
		border: 2px solid #dbabc5;
		background-color: #f1dce3;
}

textarea.pink {
		border: 2px solid #dbabc5;
		background-color: #f1dce3;
}

#rotational {
	width: 182px;
	margin-top: 10px;
	margin-right: 5px;
	float: right;
	
}

	.rotation {
		background-image: url(../../images/rotation_center.jpg);
		margin: 0px;
		padding: 0px;
		border: none;
		background-color: #970d58;
	}
		
		.rotation h2 {
			padding: 0px 8px 0px 8px;
			margin: 0px;
			font-size: 14px;
			color: #FFFFFF;
			text-align: center;
			border: none;
			text-decoration: none;
		}
		
		.rot a img {
			margin: 0px;
			padding: 0px;
			border: none;
		}
		
		.rotation .rotimg {
			padding: 2px 8px 2px 8px;
			margin: 0px;
			width: 166px;
			border: none;
		}
		
		.rotation a {
			border: none
			width: 182px;
			text-decoration: none;
		}
		
		img {
			border: none;
		}

#footer {
	border-top: 2px solid #970d58;
	background-color: #FFFFFF;
	clear: both;
	height: 60px;
	vertical-align: middle;
}