@charset "iso-8859-1";

body{
	text-align:center;
	min-width:760px;
	background-color: #FFFFFF;
	font-family:"Comic Sans MS","serif";
	font-size:15px;
	color:#003882;;
	padding:0; 
	margin:0;
	width:100%;
	height:101%;
	min-height:101%;
	}

#page {
	width:720px;
	margin:0 auto;
	text-align:left;
	background-color:#FFFFFF;
	}

#branding {
	clear: both:;
	margin-top:20px;
	height:141px;
	background-color: #FFFFFF;
	background:#FFFFFF url(../img/HS_logo2.gif) no-repeat top 0px;
/*	border: 1px solid #000000;*/
	}

#status {
	clear: both:;
	margin-top:2px;
	height:59px;
	background-color: #C2C2E1;
	background:#FFFFFF url(../img/status_bg.gif) repeat-x;
	}
.status_img_left{ display:block; padding:0; margin-left:0px; margin-top:0px; float:left; clear:left;}
.status_img_right{ display:block; padding:0; margin-right:0px; margin-top:0px; float:right; clear:right;}
.status-add{ display:block; padding-right:70px; padding-top:2px;width:300px; height:55px;text-align:center;float:right;border:none;}
.status-add1{ display:block; padding-right:70px; padding-top:2px;width:125px; height:55px;text-align:center;float:right;border:none;}
.status-add2{ display:block; padding-right:70px; padding-top:2px;width:175px; height:55px;text-align:center;float:right;border:none;}

#ads {
	clear: both:;
	margin-top:2px;
	height:96px;
	background-color: #FFFFFF;
	}

#content {
	width:590px;
	margin-top:8px;
	float:right;
	clear:right;
	border-right: 12px solid #EF7300;
	margin-bottom:20px;
	}
#content h1, h2 p{
	padding-right: 20px;
	padding-left: 20px;
	}
#logo {
	width:120px;
	height:104px;
	margin:0 0 0 0;
	background:#FFAD29 url(../img/HS_logo.jpg) no-repeat top left;
	}

#mainNav {
	width:118px;
	margin:8px 0 0 0px;
	float:left;
	/*clear:left;  */
	padding:0px 0 12px 0;
	border-collapse:collapse; 
	background-color: #FFFFFF;
	border-top: 1px solid #EF7300;
	}
#mainNav ul {
	padding:0;
	}
	
#mainNav li {
	padding:0;
	border-bottom: 1px solid #FFAD29;
	list-style-type: none;
	text-indent: 0; 
	}
#mainNav li a{
	display: block;
	padding:5px 5px 5px 0.5em;
	border-left: 12px solid #B5007B;
	border-right: 1px solid #EF7300;
	background-color: #FFFFFF;
	color: #5E5EB7;/*#FFAD29;*/
	text-decoration: none;
	}
#mainNav li a:hover{
	background-color: #88c;
	color: #ff3;
	}
#nav_top {
	width:100px;
	height:12px;
	margin:0;
	background: url(../img/nav_top.gif) no-repeat bottom right;
	}
#nav_bottom {
	width:100px;
	height:12px;
	background: url(../img/nav_bottom.gif) no-repeat;
	}
	
#footer {
	width:720px;
	height:59px;
	margin:2px auto;
	clear: both:;
	background-color: #C2C2E1;
	font-size:10px;
	border: 1px solid #000000;
	} 
	
#Date {text-align:right;color: #B5007B;padding: 18px 20px 0px 0px; float:right;} 

	
h1 { font-size:48px; color: #EF7300; padding: 0px 0px 0px 0px; text-align:center;}
h2 {font-size:24px; color: #EF7300; padding: 6px 20px 0px 20px;}
h3 {font-size:16px; font-weight:bold; color: #EF7300; margin-top:0px; margin-botom:0px;padding:0px 10px;} 
h4 {font-family:"Arial","Helvetica",sans-serif;font-size:14px; color:#ff3; font-weight:bold;text-align:justify; padding: 0 20px;}
h5 {font-family:"Arial","Helvetica",sans-serif;font-size:12px; color:#ff3; text-align:right; padding: 0 20px;}
h6 {font-size:24px; color: #EF7300; padding: 0px 20px 0 20px;margin:0px;}
p {font-family:"Arial","Helvetica",sans-serif; background-color: transparent; color:#003882;} 
p {font-size:12px; text-align:justify; margin-top:-10px; padding:0 10px;}


.emph {color:#B5007B}
.emph2 {font-size:16px;} 
.emph3 {font-size:18px;} 
.emph4 {text-align:right;} 
.emph5 {font-size:32px;color:#B5007B}
.emph6 {font-size:16px; color: #B5007B; text-align:center; padding:0px 20px 0px 20px; margin-top:0px; font-family:"Comic Sans MS","serif";}

a {	text-decoration: none;}
a:hover { color: #B5007B; text-decoration: underline }

ul {					   
	margin: 0;
	padding: 0;
	list-style-type: none;
	}
li {
	list-style-type:disc;
	font-family:"Arial","Helvetica",sans-serif; 
	background-color: transparent; color:#003882; 
	font-size:12px;
	text-align:justify; 
	text-indent: 20px;
	}
	
td {
	font-family:"Arial","Helvetica",sans-serif; 
	/*background-color: transparent; color:#000; */
	font-size:12px;
	text-indent: 0px; 
	padding: 0 2px; 
}

hr {
   border:none;
   background-color: #B5007B;
   color: #B5007B;
   height:3px;
   width:570px;
   text-align:center;
   padding-bottom:5px;
}

/****************** SWAP SHOP *****************************/
.swaptable{
	border: 1px solid #789AC6;
	/*border-collapse:collapse;*/
}
.swaptable td, th{
	font: 0.8em Arial, Helvetica, sans-serif;
}
.swaptable .td{
	border: 1px solid #789AC6;
	text-align:left;
	font-weight:normal;
	padding: 4px;
}
.swaptable .th{
	border: 1px solid #789AC6;
	background-color:#BCBCBC; 
	font-weight:bold;
	text-align:left;
	padding: 4px;
}
.swaptable caption{
	border: 1px solid #789AC6;
	background-color:#EEEEEE; 
	color:#FF0000; 
	font:bold 0.9em 	"Comic Sans MS","serif";
	text-align:left;
	padding-top: 3px;
	padding-bottom: 2px;
}
.swaptable caption .offered{
	background-color:#33CCFF;
	padding: 3px 4px 2px 4px;
}
.swaptable caption .wanted{
	background-color:#FFFF33;
	padding: 3px 4px 2px 4px;
}
.swaptable tr.o{				/*offered*/
	background-color:#33CCFF; 
	color:#000000; 
	border: 1px solid #789AC6;
}
.swaptable tr.w{				/*wanted*/
	background-color:#FFFF33; 
	color:#000000; 
	border: 1px solid #789AC6;
}
/****************** END *****************************/
 
.photo { margin-left:10px; margin-top:0px; float:right; clear:right;}
.img_left{ display:block; padding:0 0 0 0; margin:0 0 0 0; float:left; clear:left;}
.img_flright{ display:block; padding:0 0 0 0; margin:0 0 0 0; float:right;}

.img_right{
	display:block;
	float:right;
	clear:right;
	padding:0 0 0 0;
	margin:0 0 0 0;
	}
.img_center{ display:block; padding:0; margin:0 auto; text-align:center; clear:left;}
.img{ display:block; padding:0; margin:0 auto; float:left; clear:left;}
.img2{ display:block; padding:0; margin-right:-50px; float:left; margin-left:90px;}

.sitemap a{  background-color: transparent; color:#fff; text-decoration:none; text-align:center; } 
#poster{
	width:510px;
	height:658px;
	margin:0 auto;
	background:#FFFFFF url(../img/poster1.jpg) no-repeat;
}

.event {
	width:580px; 
	float:right; 
	clear:right; 
	margin-right:2px; 
	text-align:center; 
	border-bottom: 3px solid #B5007B;
	padding-bottom:5px;
 	margin-bottom:5px;
}

.clearer
{
	clear: both;
	height: 1px;
	font-size: 1px;
	line-height: 1px;
}