/******************************************* START OF LAYOUT */

#top {
	position:relative;
	width:700px;
	height:125px;
	margin:0 auto;
	background:url(../images/title.gif);}

#top ul {
	position:absolute;
	top:48px;
	right:50px;
	width:320px;
	height:26px;
	margin:0;
	padding:0;
	font:bold 12px arial, helvetica, sans-serif;
	list-style:none;}
	#top ul li {
		float:left;
		margin:0 0 0 20px;
		padding:0;
		background:url(../images/button-roll.gif);}
	#top ul li a {
		display:block;
		line-height:26px;
		width:79px;
		margin:0;
		background:url(../images/button.gif);
		color:#f00;
		text-align:center;
		text-decoration:none;}
	#top ul li a:hover,
	#top ul li a:focus {
		background:none;
		color:#ff0;}
		
#middle {
	position:relative;
	width:700px;
	height:400px;
	margin:0 auto;
	text-align:left;}

#left {
	overflow:hidden;
	position:absolute;
	top:0;
	left:0;
	width:258px;
	height:360px;
	padding:20px;
	border-left:1px solid #f00;
	border-right:1px dashed #333;
	background:#000;
	color:#fff;
	font:12px arial, helvetica, sans-serif;}
	#left p {
		margin:0 0 14px 0;
		padding:0;}

#right {
	overflow:auto;
	position:absolute;
	top:0;
	left:300px;
	width:360px;
	height:380px;
	padding:0 20px 20px 20px;
	background:#000;
	color:#fff;
	font:11px arial, helvetica, sans-serif;}
	#right p {
		margin:0 0 8px 0;
		padding:0;}
	#right img {
		margin-right:3px;}

#page3 #right {
	position:absolute;
	top:0;
	left:299px;
	border-right:1px solid #f00;}

#bottom {
	width:700px;
	height:38px;
	margin:0 auto;
	background:url(../images/bottom.gif);}

#footer {
	margin:5px 0 0 0;
	padding:0;
	color:#666;
	font:9px arial, helvetica, sans-serif;
	text-align:center;}

/******************************************* START OF TAG STYLES */

body,
html {
	scrollbar-3dlight-color:#f00;
	scrollbar-arrow-color:#fc0;
	scrollbar-darkshadow-color:#f00;
	scrollbar-face-color:#000;
	scrollbar-highlight-color:#000;
	scrollbar-track-color:#000;
	scrollbar-shadow-color:#000;}

body {
	margin:0;
	padding:0 0 20px 0;
	background:#000;
	text-align:center;}

a {
	color:#f00;}
a:visited {
	color:#f33;}
a:hover,
a:focus {
	color:#ff0;}

h1 {
	display:none;}

h2 {
	margin:0 0 14px 0;
	padding:0;
	color:#f00;
	font:bold 12px arial, helvetica, sans-serif;}

h3 {
	margin:10px 50px 15px 0;
	padding:0;
	border-bottom:1px dashed #f00;
	color:#fff;
	font:bold 18px arial, helvetica, sans-serif;}

hr {
	display:none;}

/******************************************* START OF CLASS STYLES */

.style1 {
	color:#fff;
	font:10px arial, helvetica, sans-serif;}
	
.center {
	text-align:center;}

.justify {
	text-align:justify;}

.left {
	text-align:left;}

.right {
	text-align:right;}

.hide {
	display:none;}

/*******************************************  START OF ACTIVE PAGE ID */

#page1 #active1 a,
#page2 #active2 a,
#page3 #active3 a {
	background:none;
	color:#ff0;}

/*******************************************  START OF FORM */

form {
	width:306px;
	margin:0;
	padding:0;}

form p {
	margin:0;
	padding:0;}

label {
	margin:0;
	padding:0;
	color:#fff;
	font:12px/12px arial, helvetica, sans-serif;
	cursor:pointer;}
label:hover {
	color:#f00;}

input {
	width:300px;
	margin:5px 0;
	padding:3px;
	border:none;
	font:13px/13px "courier new", courier, monospace;}

textarea {
	overflow:auto;
	width:300px;
	height:100px;
	margin:5px 0;
	padding:3px;
	border:none;
	font:13px/13px "courier new", courier, monospace;}

textarea:hover,
input:hover,
textarea:focus,
input:focus {
	background:#efefef;}
	
.formbutton {
	width:150px;
	margin:0;
	padding:0 5px;
	border:none;
	background:#69f;
	color:#000;
	font:14px/14px arial, helvetica, sans-serif;
	cursor:pointer;}
.formbutton:hover,
.formbutton:focus {
	background:#0c0;}

.note,
.alert {
	width:306px;
	margin:0;
	padding:0;
	background:#f00;
	color:#000;
	font:14px/23px arial, helvetica, sans-serif;
	text-align:center;}
.alert {
	color:#00f;}