/* The containing box for the gallery. */
#container {

	position: relative;
	width: 720px;
	height: 350px;
	margin: 20px auto 0 auto;
	border: 1px solid #aaaaaa;
	background: #fff url("../Backups/BK_Photo_Gallery.htm") no-repeat left;
	margin-top:5px;
}

/* Removing the list bullets and indentation - add size - and position */
#container ul {width:198px; height:350px; padding:0;  margin:5px; list-style-type:none; float:right;}

#container li {float:left;}

/* Remove the images and text from sight */
#container a.gallery span {position:absolute; width:1px; height:1px; top:5px; left:5px; overflow:hidden; background:#fff;}

/* Adding the thumbnail images */
#container a.gallery:visited {display:block; color:#000; text-decoration:none; border:1px solid #000; margin:1px 2px 1px 2px; text-align:left; cursor:default;}
#container a.gallery {display:block; color:#000; text-decoration:none; border:1px solid #000; margin:1px 2px 1px 2px; text-align:left; cursor:default;}
#container a.slidea {background:url("images/facility/image1-sm.jpg"); height:60px; width:93px;}
#container a.slideb {background:url("images/facility/image2-sm.jpg"); height:60px; width:93px;}
#container a.slidec {background:url("images/facility/image3-sm.jpg"); height:60px; width:93px;}
#container a.slided {background:url("images/facility/image4-sm.jpg"); height:60px; width:93px;}
#container a.slidee {background:url("images/facility/image5-sm.jpg"); height:60px; width:93px;}
#container a.slidef {background:url("images/facility/image6-sm.jpg"); height:60px; width:93px;}
#container a.slideg {background:url("images/facility/image7-sm.jpg"); height:60px; width:93px;}
#container a.slideh {background:url("images/facility/image8-sm.jpg"); height:60px; width:93px;}
#container a.slidei {background:url("images/facility/image9-sm.jpg"); height:60px; width:93px;}
/*#container a.slidej {background:url("images/facility/image10-sm.jpg"); height:60px; width:93px;}*/
#container a.slidek {background:url("images/facility/image11-sm.jpg"); height:60px; width:93px;}
#container a.slidel {background:url("images/facility/image12-sm.jpg"); height:60px; width:93px;}
#container a.slidem {background:url("images/facility/image13-sm.jpg"); height:60px; width:93px;}
/*#container a.sliden {background:url("images/facility/image14-sm.jpg"); height:60px; width:93px;}*/
#container a.slideo {background:url("images/facility/image15-sm.jpg"); height:60px; width:93px;}

#container a.slidep {background:url("images/facility/image16-sm.jpg"); height:60px; width:93px;}
#container a.slideq {background:url("images/facility/image17-sm.jpg"); height:60px; width:93px;}
/*#container a.slider {background:url("images/facility/image18-sm.jpg"); height:60px; width:93px;}*/

/* styling the hovers */

#container a.gallery:hover {border:1px solid #fff;}
/*#container a.gallery:hover span {position:absolute; width:372px; height:300px; top:10px; left:5px; color:#000; }*/

#container a.gallery:hover span {position:absolute; width:364px; height:230px; top:10px; left:5px; color:#000; }
#container a.gallery:hover img {border:1px solid #fff; float:left; margin-right:1px;}
#container a.slidei:hover img {float:right;}
#container a.slideb:hover img {float:right;}
#container a.slider:hover img {float:right;}

#container span {position:absolute; width:364px; height:230px; top:10px; left:5px; color:#000; }
/*#container a.gallery img {float:left;}
*/

.style1 {
	margin-left: 4px;
}



table#content {
	background-color:white
}





table.menu 
{text-align: center;
font-family: Arial, Helvetica, sans-serif ;
font-weight: normal;
font-size: 11px;
color: #000000;
width: 150px;
background-color: #000000;
border: 0px;
border-collapse: collapse;
border-spacing: 0px;}

table.menu td 
{background-color: #ffffff;
color: #000;
padding: 4px;
text-align: left;
border: 1px #000000 solid;}

table.menu td.hed
{background-color: #000000;
color: #fff;
padding: 4px;
text-align: left;
border-bottom: 2px #fff solid;
font-size: 12px;
font-weight: bold;} 


table.rates 
{text-align: center;
font-family: Arial, Helvetica, sans-serif ;
font-weight: normal;
font-size: 11px;
color: #000000;
width: 500px;
background-color: #000000;
border: 0px;
border-collapse: collapse;
border-spacing: 0px;}

table.rates td 
{background-color: #ffffff;
color: #000;
padding: 4px;
text-align: left;
border: 1px #000000 solid;}

table.rates td.hed
{background-color: #000000;
color: #fff;
padding: 4px;
text-align: center;
border-bottom: 2px #fff solid;
font-size: 12px;
font-weight: bold;} 

table.rates td.cat
{background-color: #b52227;
color: #fff;
padding: 4px;
text-align: center;
border-bottom: 2px #fff solid;
font-size: 12px;
} 

table.rates td.data
{background-color: #ffffff;
color: #000000;
padding: 4px;
text-align: center;
border-bottom: 1px #000000 solid;
font-size: 12px;
} 





table.instructors 
{text-align: center;
font-family: Arial, Helvetica, sans-serif ;
font-weight: normal;
font-size: 11px;
color: #000000;
width: 350px;
background-color: #000000;
border: 0px;
border-collapse: collapse;
border-spacing: 0px;}

table.instructors td 
{background-color: #ffffff;
color: #000;
padding: 4px;
text-align: left;
border: 1px #000000 solid;}

table.instructors td.hed
{background-color: #000000;
color: #fff;
padding: 4px;
text-align: center;
border-bottom: 2px #fff solid;
font-size: 12px;
font-weight: bold;} 

table.instructors td.cat
{background-color: #b52227;
color: #fff;
padding: 4px;
text-align: center;
border-bottom: 2px #fff solid;
font-size: 12px;
} 

table.instructors td.data
{background-color: #ffffff;
color: #000000;
padding: 4px;
text-align: center;
border-bottom: 1px #000000 solid;
font-size: 12px;
} 

table.instructors td.dataB
{background-color: #ffffff;
color: #000000;
padding: 4px;
text-align: left;
border-bottom: 1px #000000 solid;
font-size: 12px;
} 



A:link {border: #000000; text-decoration: none; color: #b52227;}
A:visited {text-decoration: none; color: #b52227;}
A:active {text-decoration: none; color:black}
A:hover {text-decoration: underline; color: black;}


img:link {
	color:black; border-color:black;
}
img:active
{
	color:black; border-color:black;
}

.Normal {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	color: #000000;
}

.redHeader{
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	color: #b52227;
}


div#left {
    float: left;
    width: 175px;
}
div#right {
	float: left;
	width: 500px;
	padding-left: 25px;
	text-align: left;
}

div#FAQleft {

    float: left;
    width: 25px;
}
div#FAQright {
	float: left;
	width: 650px;
	padding-left: 25px;
	text-align: left;
}

div#Newsleft {

    float: left;
    width: 25px;
}
div#Newsright {
	float: left;
	width: 650px;
	padding-left: 25px;
	text-align: left;
}

div#HRleft {

    float: left;
    width: 200px;
}
div#HRright {
	float: left;
	width: 500px;
	padding-left: 25px;
	text-align: left;
}


/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/simple_vertical.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

/* Add a margin - for this demo only - and a relative position with a high z-index to make it appear over any element below */
#menu_container {margin:25px 0 100px 15px; position:relative; width:690px; height:25px; z-index:100;}

/* Get rid of the margin, padding and bullets in the unordered lists */
#pmenu ul {padding:0; margin:0; list-style-type: none;}

#pmenu {padding:0; margin:0; list-style-type: none;}

/* Set up the link size, color and borders */
#pmenu a:visited {
	display: block;
	width: 110px;
	font-size: 8pt;
	color: #fff;
	height: 25px;
	line-height: 24px;
	text-decoration: none;
	text-indent: 5px;
	border: 1px solid #000;
	border-width: 1px 0 1px 1px;
	font-family: Arial, Helvetica, sans-serif;
}

#pmenu a {
	display: block;
	width: 110px;
	font-size: 8pt;
	color: #fff;
	height: 25px;
	line-height: 24px;
	text-decoration: none;
	text-indent: 5px;
	border: 1px solid #000;
	border-width: 1px 0 1px 1px;
	font-family: Arial, Helvetica, sans-serif;
}

/* Set up the sub level borders */
#pmenu li ul li a:visited {border-width:0 1px 1px 1px;}
#pmenu li ul li a {border-width:0 1px 1px 1px;}
#pmenu li a.enclose:visited {border-width:1px;}

#pmenu li a.enclose {border-width:1px;}

/* Set up the list items */
#pmenu li {float:left; width:200; background :#000000;}

/* For Non-IE browsers and IE7 */
#pmenu li:hover {position:relative;}
/* Make the hovered list color persist */
#pmenu li:hover > a {background:#ffffff;  color :#c00;}
/* Set up the sublevel lists with a position absolute for flyouts and overrun padding. The transparent gif is for IE to work */
#pmenu li ul {display:none;}
/* For Non-IE and IE7 make the sublevels visible on list hover. This is all it needs */
#pmenu li:hover > ul {display:block; position:absolute; top:-11px; left:65px; padding:10px 30px 30px 30px; background:url('../transparent.gif'); 
width:120px;
}
/* Position the first sub level beneath the top level liinks */
#pmenu > li:hover > ul { left:-30px; top:16px;}

/* get rid of the table */
#pmenu table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size:1em;}

/* For IE5.5 and IE6 give the hovered links a position relative and a change of background and foreground color. This is needed to trigger IE to show the sub levels */
* html #pmenu li a:hover { position:relative; background:#ffffff; color:#c00;}

/* For accessibility of the top level menu when tabbing */
#pmenu li a:focus { background:#dfd7ca; color:#c00;}

#pmenu li a:active { background:#dfd7ca; color:#c00;}

/* Set up the pointers for the sub level indication */
#pmenu li.fly { background:#000000 url('../black_arrow_right.gif') no-repeat right center;
}
#pmenu li.drop { background:#000000 url('../white_arrow.gif') no-repeat right center;
}


/* This lot is for IE5.5 and IE6 ONLY and is necessary to make the sublevels appear */

/* change the drop down levels from display:none; to visibility:hidden; */
* html #pmenu li ul {visibility:hidden; display:block; position:absolute; top:-11px; left:80px; padding:10px 30px 30px 30px; background:url('../transparent.gif');
}


/* make the second level visible when hover on first level link and position it */
#pmenu li a:hover ul {
visibility:visible; left:-10px; top:14px; lef\t:-11px; to\p:15px;
}