html { height: 100%; width: 100%; }
body { height: 100%; width: 100%; margin:0; overflow--y: scroll;}
table { height: 100%; width:auto;}

#hCrossHair {

	height: 120px;
	width: 100%;
	position: absolute;
	top: 90px;
	background: repeat-x  0 95px #222222;
}

#magicContainer
{
	height: 100%;
	width: 100%;
	position:relative;
	overflow: visible;
}

.secondary
{
	text-align: left;
	margin-left: 10px;
}

.secondary a:link, .secondary a:visited
{
	color: #fff;
	text-decoration: none;
}

.secondary a:hover, .seconday a:active
{
	color: #fff;
	text-decoration: underline;
}

body 
{
	margin: 0;
	background: #333;
	font-family: 'Tahoma';
	background: url('../images/chv_back.jpg') repeat-y #333;
}

#logobox
{
	position: relative;
	height: 120px;
	WIDTH: 360px;
	margin: 0;
	
}

.logo 
{
	height: 100%;
	width: 100%;
	text-align: center;
	background: #000;
	
}

.logo img
{
	margin-top: 25px;
	border: none;	
}

#floatingbox
{
	width: 360px;
	padding: 0;	
	position: absolute;
	margin: 40px 0 20px 0;
	overflow: visible;
}

#contentBox
{
	position: absolute;
	left: 0;
	overflow: visible;
	color: green;
}

.Banner
{
	padding-top: 20px;
	padding-bottom: 0px;
}


.contentElement
{
/*position: relative;*/
margin: 0 0 0 0;
overflow: visible;
}


.contentElement .contentImage
{	position: absolute;
	top: 35px;
}


.contentElement .contentImage img
{
	margin-bottom: 15px;
}

.contentElement .contentImage .caption
{
	color: #ccc;
	width: 300px;
}

.contentElement .contentImage .caption p
{
	padding: 0 0 0 5px;
	#padding: 0 30px 0 20px;
	margin: 0;
	text-align: left;
}
.contentElement .contentGallery
{
	position: absolute;
	top: 35px;
	width: 320px;
} 


#contentBox img
{
	border: 1px #ccc solid;
}

.contentElement .contentGallery img
{
	margin: 0 0 10px 10px;	
	float: right;
	height: 92px;
	width: 92px;	
}

.contentHeader
{	
	/*float:left;*/
	position: relative;
	background: #777;
	padding:5px 20px 5px 30px;
	#padding:5px 20px 5px 30px;
	text-align: left;
	width: 310px;
	#width: 310px;
	margin: 0;
	border-bottom: 1px #ddd solid;
	display: none;
}
.imploded .contentHeader
{
	display: block;
}

.contentHeader a:link, .contentHeader a:visited, .contentHeader a:active 
{
	color: #fff;
	text-decoration: none;
}
.contentHeader h2
{
	color: #fff;
	margin: 5px ;
	font-size: 16px;
	font-weight: 100;
	
}

.contentText
{	
	display: block;
	/*float:left;*/
	background: #ddd;
	color: #000;
	text-align: left;
	padding: 20px 20px 30px 30px;
	width: 310px;
	#width: 310px;
/*	height: 370px;
	#height: 430px; */
}

.contentText h2
{	
	margin: 0 0 15px 0;
	font-weight: 100;
	font-size: 22px;
}

.contentText>p, .contentText>ul
{
	font-size: 12px;
}

.imploded .contentText 
{
	display: none;
}

.imploded .contentImage
{
	
	display: none;

}

.imploded .contentGallery
{
	display: none;
}

#sectionHeader
{
	
	position: absolute;
	top: 80px;
	background: repeat-x 0px 22px;
}
#sectionHeader h1
{
	background: #222;
	float: right;
	font-size: 30px;
	font-family: 'Tahoma';
	font-size: 30px;
	color: #ccc;
	margin: 0;
	padding: 0 10px 0 10px;
	font-weight: 100;
}


/*INDEX Page*/

#loading
{
	position: absolute; 
	top: 140px;
	left: 0px;
	font-size: 12px;
	height: 32px;
	width: 360px;
	display: none;
	color: #ccc;
	text-align: center;
}

.square
{
	position: absolute;
	top:0px;
	left:0px;
	height: 108px;
	width: 108px;
	border: 1px white solid;
	overflow: hidden;
	#height: 110px;
	#width: 110px;
	z-index: 0;
}

.square img
{
	border:0;
	position: relative;
	left: 0px;
}

.square a:hover img
{
	left: -110px;
}

#secondary 
{
	position: absolute;
	top: 0px;
	height: 24px;
	width:360px;
	left: 400px;
	/*background: url(../images/secmenu_bkg.png);*/
	margin: 0px;
	overflow: visible;
}

.secMenuItem
{
	position: relative;
	float: left;
	border-left: 1px #999 solid;
	border-right: 1px #999 solid;	
	margin-right: 1px;

}

.secMenuSpace
{
	float:left;
	width: 25px;
	height: 24px;
	border-left: 1px #999 solid;
	border-right: 1px #999 solid;
	background: url(../images/secmenu_bkg.png);
}

.secMenuItem .secSubList
{
	display:none;
}

div.secMenuItem:hover
{	border: 1px #999 solid;
}
div.secMenuItem:hover .secSubList
{
	display: block;
	position: absolute;
	top: 9px;
	#top: 25px;
	left: 0px;
	#left: -45px;
	background: #333;
	padding: 5px;
	list-style: none;
	border: 1px #999 solid;
	white-space: nowrap;
}
.secSubList li a
{
	font-size: 12px;
	color: #ccc;
	text-decoration: none;
}

.secSubList li a:hover
{
			text-decoration: underline;
}