@charset "utf-8";
/* CSS Document */

body {
text-align: center;
background-color: #FEFEFE;
margin: 0;
padding: 0;
font: 12px Arial, Verdana, Helvetica, sans-serif;
color: #000000;}

#container {
	width: 686px; 
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: none;
	text-align: left;}

#header {
	height:105px;
	background:#ffffff url(hccourts-header2.gif) bottom left no-repeat;
	margin:0;
	padding:0;}

#topright {
	clear: right;
	float: right;
	width: 337px;
	height:209px;
	margin:0;
	padding:0;
 }


#topleft {
	height: 209px;
	background:#ffffff url(dragon-courts-tl1.gif) bottom left no-repeat;
	margin:0;
	padding:0;
	}

#underline {
	width: 682px;
	border-left:solid 2px #CBCBCB;
	border-right:solid 2px #CBCBCB;}
	
#navbar  {
background-color: #DCF4D6;
height: 30px;
text-align:center;
width: 682px;
border-left:solid 2px #CBCBCB;
border-right:solid 2px #CBCBCB;
}

#navbar ul {
list-style-type: none;
margin: 0;
padding-top: 5px;

}
#navbar ul li {
color: #000000;
text-decoration:none;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 12px;
line-height: 160%;
display: inline;
}

#navbar li a:link {
	font: 12px Arial, Verdana, Helvetica, sans-serif;
color: #606;
text-decoration:none;}

#navbar li a:hover {
color: #000000;
text-decoration:underline;
}


#mainContent {
	margin: 0;
	padding: 10px;
	text-align:justify;
	line-height: 1.5em;
	border-bottom: solid 2px #CBCBCB;
	border-left:solid 2px #CBCBCB;
	border-right:solid 2px #CBCBCB;
	font: 12px Arial, Verdana, Helvetica, sans-serif;
	}
	
#mainContent a:link {
font: 12px Arial, Verdana, Helvetica, sans-serif;
color: #606;
text-decoration:none;
}

#mainContent a:hover {
	color:#000000;
	text-decoration:underline;
	}
	
table ul {
	padding-left:15px;}

#lcont { 
	margin:5px 341px 10px 0;
	padding:5px;
	}

.lcont { 
	margin:5px 341px 10px 0;
	padding:5px;
	}

#rcont {
	float:right;
	width:292px;
	padding:5px 5px 5px 41px;
	margin:5px 0 10px 0;
	}
	
.rcont {
	float:right;
	width:292px;
	padding:5px 5px 5px 41px;
	margin:5px 0 10px 0;
	}

#rcontblow {
	float:right;
	width:292px;
	padding:5px 5px 5px 41px;
	margin:0 0 10px 0;}

.rcontblow {
	float:right;
	width:292px;
	padding:5px 5px 5px 41px;
	margin:0 0 10px 0;}

#boxrt {
float:right;
width:160px;
padding:0 0 0 5px;
margin:0;
display:inline;
}


#ind table {
	border:solid; 
	margin :0;
	width: 100%;}
	
#ind td {
padding: 5px;}

#brownbox {
	margin:0;
	background-color: #36F;
	padding:10px;
	}
	
#brownbox p {
	color:#FFF;}
	
#brownbox h2 {
	color:#FFF;}
	
#bluebox {
margin:0;
background-color: #36F;
padding:10px;
color:#ffffff;}

#bluebox p {
	color:#FFF;}
	
#bluebox h2 {
	color:#FFF;}
	
.bigger {
	color:#FFF;
	text-align:center;
	font-size:18px;
	font-weight:bold;}
	
#imcent {
	margin-left:85px;
	padding-top:10px;
	}
	
#greenbox {
	background-color:#DCF4D6;
	border: solid #84D673 2px;
	margin:10px;
	padding:10px;
	}
	
#whitebox {
	background-color: #ffffff;
	border: solid #333 2px;
	margin:10px;
	padding:10px;}
	
#imcent { 
padding:0;
margin-left:310px;
}
.center {
text-align:center;
}
.bigboldc {
	font: 14px Arial, Verdana, Helvetica, sans-serif;
	font-weight:bold;
	text-align:center;
	}

.big {
	font-size:14px;
	font-weight:bold;}

#small p{
	font-size:9px;
	}
#small a:link,#small a:hover,#small a:visited {
	font-size:9px;
	color:#000000;
	text-decoration:none;}	
	
#footer {
text-align: right;
margin:0;
}

h1 {
	color: #660066;
	line-height:22px;
font-size: 16px;
font-family: Arial, Verdana, Helvetica, sans-serif;
text-align: center;
font-weight:bold;}

h2 {	
    color:#660066;
	line-height:20px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
text-align: center;}

h3 {
	 color:#660066;
	line-height:20px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
text-align: center;
	}

p {
font:12px Arial, Verdana, Helvetica, sans-serif;
color:#000000;
line-height:15px;
text-align: justify;}

#footer p {
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 12px;
line-height: 160%;}

#clear {
	clear:both;}