BODY
{
	font-family: Arial;
	font-size: 10pt;
	margin: 0px;
	padding: 0px;
	background-color: Black;
	color: White;
}

div#preload 
{
	position: absolute;
	top: -1px;
	left: -1px;
	height: 0px;
	width: 0px;
	background-image: url(images/CKDLogoSmall.jpg);
	background-image: url(images/about.gif);
	background-image: url(images/cairns.gif);
	background-image: url(images/contact.gif);
	background-image: url(images/fred.txt);
	background-image: url(images/gordonvale.gif);
	background-image: url(images/instructors.gif);
	background-image: url(images/news.gif);
	background-image: url(images/students.gif);
	background-image: none;
}

.panel 
{
	float: left;
	width: 130px;
	height: 130px;
	margin: 4px;
	border: solid 1px Gold;
	padding: 0px;
	overflow:hidden;
	background-color: Black;
	
}



.panel img
{
	width: 125px;
	height: 125px;
	margin: 3px;
	padding: 0px;
	
}


.panel .name
{	
	color: White;
	position:relative;
	height: 24px;
	padding-top:3px;
	font-weight: bold;
	font-family: Tahoma;
	letter-spacing: 1px;
	font-size: 10pt;
	text-transform: uppercase;
	margin: 0px;
	padding:0px;
	background-image: url(images/NameBackground2.gif);
	background-repeat: no-repeat;
	top: -30px;
	text-decoration: none;

}

.panel .name:hover
{
	background-image: url(images/NameBackgroundDark.gif);
	background-repeat: no-repeat;
}

.panel .name .text
{
	margin: 0px;
	padding:0px;
	padding-left:6px;
	background-image: url(images/NameBackground2.gif);
	background-repeat: no-repeat;
	text-decoration: none;		
}

.panel .name .text a
{
	text-decoration: none;
}


.panel .hiddenlink 
{
	z-index: 100;
	background-color: Transparent;
	color: White;
	position:relative;
	top:-120px;
	width:10%;
	padding:0px;
	font-weight: bold;
	letter-spacing: 2px;
	font-size: 12pt;
	float: right;
	overflow: hidden;

}

.panel .hiddenlink a
{
	text-decoration: none;
}

.panel .hiddenlink a:hover
{
	background-color: Orange;
}

.MonthlyStudent 
{
	float: left;
	width: 260px;
	height: 260px;
	margin: 4px;
	border: solid 1px green;
	padding: 0px;
	overflow:hidden;
	background-color: Black;
	
}


.MonthlyStudent img
{
	width: 256px;
	height: 256px;
	margin: 3px;
	padding: 0px;
	
}


div#layout
{
	width:1000px;
    padding:0px;
    height: 1270px;
    margin: 5px auto;
    background-color: Black;
    margin-bottom:30px;
}


div#layoutColumn1
{
	width:148px;
	float:left;
	overflow: hidden;
	padding:0px;
	background-color: Black;
}


div#menu_vertical
{
	background-color: Black;
}

div#lhs_photos
{
	background-color: Black;
	height: 711px;
	clear: both;
}

div#layoutColumn2
{
	width: 704px;
	float:left;
	padding:0px;
	overflow: hidden;
	background-color: Black;
}

div#layoutColumn3
{
	width:148px;
	float:left;
	padding:0px;
	overflow: auto;
	background-color: Black;
}

#row1
{
	height:146px;
	padding:0px;
	clear:both;
	overflow: hidden;
	background-color: Black;
}


#row1a
{
	height:80px;
	padding:0px;
	clear:both;
	overflow: hidden;
	background-color: Black;
}

#site_title
{
	background-color: Black;
	float:left;
	height: 70px;
}

#site_subtitle
{
	background-color: Black;
	text-align: center;
	float:left;	
	padding: 0px;
	margin: 0px;
	margin-top: 5px;
	margin-left: 20px;
}

#site_subtitle img
{
	background-color: Black;
	text-align: center;
	padding: 0px;
	margin: 0px;	
}


#row2
{
	height:860px;
	padding:0px;
	clear:both;
	overflow: auto;
	background-color: Black;
	margin-bottom: 4px;
	color: White;	
	width: 700;
}


#content
{
	margin: 10px;
	padding:0px;
}


#row2a
{
	height:30px;
	padding:0px;
	clear:both;
	overflow: hidden;
	background-color: Black;
	font-size: 8pt;
	color: Orange;
	letter-spacing: 1.4pt;
	text-align: center;
}


#row3
{
	height:146px;
	padding:0px;
	clear:both;
	overflow: hidden;
	background-color: Black;
}


.clear
{
	clear:both;
	float:none;
}

.floatLeft
{
	float: left;
}

.floatRight
{
	float: Right;
}