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

a,
a:link,
a:visited,
a:hover,
a:active	{color:#252525;}

.center {text-align: center; margin: 0 auto;}
.left		{float:left;}
.right		{float:right;}
.clear		{clear:both;}
.clrright	{clear:right;}
.clrleft	{clear:left;}

h1			{font:1.6em Arial, Helvetica, sans-serif;margin:0;padding:0}
h2			{font:1.5em Arial, Helvetica, sans-serif;margin:0;padding:0}
h3			{font:1.4em Arial, Helvetica, sans-serif;margin:0;padding:0}

h1.heading	{border-bottom:1px solid #bfccda;}

.pad5		{padding:5px;}
.sm9		{font-size:0.63em;}
.sm10		{font-size:0.69em;}

a img {border: none;}
.red, a.red, .red a	{
	color:#990000;
}
.white, a.white, .white a	{color:#fff;}
strong {color: #555;}

/*************  NEW WINDOW   ************/
a[target ="_blank"].pdf 	{
   background: transparent url(http://hcky.org/images/adobe-pdf.gif) no-repeat right center;
	margin: 0px;
	padding-right: 21px;
   }
a[target ="_blank"].word 	{
   background: transparent url(http://hcky.org/images/word.gif) no-repeat right center;
	margin: 0px;
	padding: 5px 25px 5px 0px;
   }
a[target ="_blank"].ppt 	{
   background: transparent url(http://hcky.org/images/ppt.gif) no-repeat right center;
	margin: 0px;
	padding: 5px 25px 5px 0px;
   }
/******   LAYOUT   ******/
* {outline-style: none;}

html,body	{
	height:100%;
	width: 100%;
	margin: 0 auto;
	}
	
body	{
	margin:0 auto;
	text-align:center;
	padding:0;
	font: 62.5% Verdana, Arial, Helvetica, sans-serif;
	color: #252525;
	background:#faf9f9 url(http://hcky.org/images/bg.jpg) repeat-x;
	}
	
#wrapper	{
	width:924px;
	height:auto;
	margin: 0 auto;
	padding: 0 33px;
	text-align:left;
	background: url(http://hcky.org/images/wrapper.png) repeat-y;
	font: 1.3em/1.5em Verdana, Arial, Helvetica, sans-serif;
	}

* html #wrapper	{background: url(http://hcky.org/images/wrapper.jpg) repeat-y;}
body.col3 #wrapper	{
	background: url(http://hcky.org/images/wrapper3col.png) repeat-y; }
* html body.col3  #wrapper	{background: url(http://hcky.org/images/wrapper3col.jpg) repeat-y;}

	
#header	{
	height:130px;
	margin:0 auto;
	background: url(http://hcky.org/images/HeaderBG.jpg) repeat-x;
	color:#fff;
	}

#header #search	{
	width:600px;
	float:right;
	height:42px;
	background:#292e34;
	margin-top: 36px;
	}
	

 *:first-child+html #header #search	{margin-top: 42px;}

#LeftCol	{
	width:200px;
	float:left;
	margin: 0 0 20px 5px;
	line-height:14px;
	}

* html #LeftCol	{margin: 0 0 20px 3px;}

#RightCol	{
	width:184px;
	float:right;
	margin: 0;
	padding: 8px;
	line-height:14px;
	text-align:left;
	}


* html #RightCol	{margin: 0 -4px 0 0;}


#flash	{
	width:924px;
	height:185px;
	background:#7993B2;
	z-index:1;
	position:relative;
	}

#content	{
	width:695px;
	margin:0px 10px 0 0;
	float:right;
	min-height:600px;
   height:auto !important;
   height:600px;
	}

#content3col	{
	width:490px;
	margin:0px 10px 0 0;
	float:right;
	min-height:600px;
    height:auto !important;
    height:600px;
	}
	

* html #content	{width:690px;margin:0 5px 0 0;} /*IE 6 and below*/

.logo	{
	float:left;
	position:relative;
	z-index:500;
	margin: -46px 0 -35px 0;
	}
*:first-child+html .logo {	margin: -41px 0 -35px 0; }
*html .logo	{margin: -43px 0 -35px 0; }


/******* FOOTER *******/
#footer	{
	height:80px;
	font-size:.7em;
	padding: 0 10px;
	color:#fff;
	background: #363c43;
	clear:both;
	}
#footer a	{
	text-decoration:none;
	color:#fff;
	}

#footer #credit				 {float:right;width:110px;}
#footer #credit a 	 		 {color:#999;text-decoration:none;}
#footer #credit a:hover 	 {color:#fff;text-decoration:none;}




/******* HORIZONTAL NAV MENU  ***********/
#nav	{float:right;padding-top:10px}

ul#hrznav {
  margin: 0 0 0 0;
  order: 0 none;
  padding: 0;
  width: 790px; /*For KHTML*/
  list-style: none;
  height: 31px;
  position: relative;
  z-index:1000;
  position:relative;	
	}

ul#hrznav li {
  margin: 0;
  border: 0 none;
  padding: 0;
  float: left; /*For Gecko*/
  display: inline;
  list-style: none;
  position: relative;
  height: 26px;
	}

ul#hrznav ul {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 190px;
  list-style: none;
  display: none;
  position: absolute;
  top: 32px;
  left: 0;
	}

ul#hrznav ul li {
  float: none; /*For Gecko*/
  display: block !important;
  display: inline; /*For IE*/
	}

/* Root Menu */
ul#hrznav a {
  padding: 7px 15px;
  float: none !important; /*For Opera*/
  float: left; /*For IE*/
  display: block;
  color: #ccc;
  font: 13px/19px Verdana, Arial, Helvetica, sans-serif;
  text-decoration: none;
  height: auto !important;
  height: 1%; /*For IE*/
	}

/* Root Menu Hover Persistence */
ul#hrznav a:hover,
ul#hrznav li:hover a,
ul#hrznav li.iehover a {
  background: url(http://hcky.org/images/NavArrow.jpg) bottom center no-repeat;
  color: #FFF;
	}

/* 2nd Menu */
ul#hrznav li:hover li a,
ul#hrznav li.iehover li a {
  float: none;
  background: #363c43;
  color: #ccc;
  padding: 4px 10px;
  border:1px solid #75797d;
  z-index:1000;
	}

/* 2nd Menu Hover Persistence */
ul#hrznav li:hover li a:hover,
ul#hrznav li:hover li:hover a,
ul#hrznav li.iehover li a:hover,
ul#hrznav li.iehover li.iehover a {
  background: #4b525a;
  color: #fff;
	}

/* 3rd Menu */
ul#hrznav li:hover li:hover li a,
ul#hrznav li.iehover li.iehover li a {
  background: #EEE;
  color: #666;
	}

/* 3rd Menu Hover Persistence */
ul#hrznav li:hover li:hover li a:hover,
ul#hrznav li:hover li:hover li:hover a,
ul#hrznav li.iehover li.iehover li a:hover,
ul#hrznav li.iehover li.iehover li.iehover a {
  background: #CCC;
  color: #FFF;
	}


ul#hrznav ul ul,
ul#hrznav ul ul ul {
  display: none;
  position: absolute;
  top: 0;
  left: 160px;
	}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#hrznav li:hover ul ul,
ul#hrznav li:hover ul ul ul,
ul#hrznav li.iehover ul ul,
ul#hrznav li.iehover ul ul ul {
  display: none;
	}

ul#hrznav li:hover ul,
ul#hrznav ul li:hover ul,
ul#hrznav ul ul li:hover ul,
ul#hrznav li.iehover ul,
ul#hrznav ul li.iehover ul,
ul#hrznav ul ul li.iehover ul {
  display: block;
	}


/**********  CONTACT FORM   **********/
form#contact 	{
	margin:0;
	padding: 5px;
	float:right;
	width: 275px;
	}	


#contact label,#contact input {
	display: block;
	width: 150px;
	float: left;
	margin-bottom: 10px;
	}

#contact label {
	text-align: right;
	width: 75px;
	padding-right: 5px;
	}

#contact br {clear: left;}

#contact fieldset	{
	background: #485059;
	color:#fff;
	border: 1px solid #7c5b47;	
	margin:20px 0px 20px 0px;
	position:relative;
	display:block;
	padding: 0px 10px 10px 10px;
	} 
	
#contact legend	{
	color:#e79904;
	font-variant:small-caps;
	font:bold 1.0em Verdana, Arial, Helvetica, sans-serif;
	padding:2px 5px;
	position: relative;  
	left: -7px;  
	top: -0.75em;
	}

#contact fieldset ol {  
	padding-top: 0.25em;
	}
	
#contact #city {
	display: block;
	width: 60px;
	margin-right:12px;
	float: left;
	margin-bottom: 10px;
	}
	
#contact #comments	{
	display: block;
	width: 240px;
	height:70px;
	margin-bottom: 15px;
	}

textarea{overflow:auto;}
	
#contact #submit	{
	width: 85px;
	height:32px;
	margin-left:90px;
	}
	
#contact .shhhh, .shhhh { display:none; }

div.box {
	width: 220px;
	height: 80;
	border: 5px double #c4cdd6;
	margin-left: 10px;
	margin-bottom: 10px;
	padding: 15px;
	text-align: center; }
div.box strong {color: #527298; }
div.box strong a {color: #527398; }

div#boards {padding-left: 75px;}
div#boards div.box {
	height: auto;
	border: none;
	border-top: 2px solid #c4cdd6;
	border-left: 1px solid #c4cdd6;
	}
ul.info {
	list-style: url(http://hcky.org/images/info.png) outside;
	line-height: 20px;
	vertical-align:middle;
	}
*:first-child+html ul.info {line-height: 24px;}
* html ul.info {line-height: 24px;}

p.dept {float: left; padding-left: 50px; font: 1.2em Verdana, Arial, Helvetica, sans-serif; }

form#form1 input, form#form1 textarea, form#form1 select {
	width: 400px;
	}
form#form1 input[type=submit] {width: auto; }
form#form1 textarea {height: 100px;}
form#form1 td {vertical-align: top;}

div.official img { margin-left:60px; }
div.official {width: 215px; margin: 5px; padding:0px; text-align:left; float: left; font-size: .9em; margin-bottom: 20px; }
span {color: #527298;}
table.news {width: 500px; text-align: center; margin:0 auto; padding:5px;}