/* CSS Document */

html, body { height: 100%; }

body { background: url(../images/bg-blueMid2.gif) repeat-x; margin: 0px; font-family: Arial, Helvetica, sans-serif; }

a { 
	color: #000099;
	font-weight: bold; }
	
#top {
	width: 100%;
	padding: 1px 0px;
	background-color: #330099;
	color: white;
	font-size: 70%;
	font-weight: bold;
	text-align: right; }
	
#top a {
	color: #ffffff;
	text-decoration: none; }
	
#top a:hover {
	text-decoration: underline; }

#topShadow {
	width: 100%; 
	height: 10px; 
	background-image: url(../images/bg-ltBlu.gif); 
	overflow: hidden; }

#loc {
	width: 100%; 
	background-color: #e5e5e5;
	border-bottom: 1px solid #999999; 
	padding: 10px 0px; 
	color: #666666;
	font-size: large; 
	text-transform: uppercase; 
	font-weight: bold; }

* html #navContent {
	height: 60%; }

#navContent {
	min-height: 60% !important; 
	clear: both; 
	border-top: 1px solid #5182E4; 
	background-color: #ffffff; }

#homeTopBox {
	width: 100%; 
	height: 180px; 
	border-top: 1px solid #5b91ff; 
	padding: 2px 0px; }

#homeMainImage {
	float: left; 
	width: 346px; 
	height: 180px; 
	background-color: #5182E4; }

#homeAboutUsBox {
	float: left; 
	width: 400px; 
	height: 180px; 
	margin-left: 4px; 
	background-color: #5182E4; 
	overflow: auto; }

#homeAboutUsText {
	margin-top: 5px; 
	color: #ffffff; 
	font-size: 80%; 
	text-align: justify; }

#content {
	float: left; 
	width: 530px; 
	height: 100%;  
	background-color: #ffffff; 
	border-left: 2px dotted #cccccc; 
	font-size: 80%; 
	color: #666666; }	
	
#content p {
	margin: 10px 5px; }

#footer {
	width: 100%;
	border-top: 2px dotted #cccccc;
	background-color: #ffffff; 
	clear: both;
	color: #666666;
	font-size: 80%;
	font-weight: bold;
	text-align: right;}	

#facility {
	background-image: url(../images/bg-facility.gif); 
	border-bottom: 1px solid #ffffff; 
	padding-left: 4px; 
	font-size: 70%; 
	font-weight: bold; 
	color: #ffffff; }

#pageHeader {
	margin-left: 5px; 
	font-size: 160%; 
	font-weight: bold; }

#leftNav {
	list-style-type: none;
	float: left; 
	width: 200px; 
	margin: 0px;
	padding: 2px 5px; 
	font-size: 80%; 
	font-weight: bold; 
	color: #000099; }
	
#leftNav a {
	text-decoration: none; }

#leftNav a:hover {
	text-decoration: underline !important; }	

#leftNav .indent {
	margin-left: 10px !important; }

#whole {
	width: 750px; 
	height: 100%; 
	margin: 0px auto; 
	background-color: white; }

div#subtitle { 
	margin: 0px 0px 0px 5px;
	font-weight: bold;
	font-style: italic; }

.checker {
	list-style-image: url(../images/bullet.gif);
	margin-top: 5px; }

/* FLOATS */
.lFloat { float: left; }
.rFloat { float: right; }

/* TEXT COLORS */	
.gray1 { color: #666666; }	
.blue1 { color: #5182E4; }

/* BOX CLASSES */
.l5 { margin-left: 5px; }
.m5 { margin: 5px; }	
.m10-5 { margin: 0px 5px 10px 5px; }
.c { text-align: center; }

/* FONT CLASSES */
.b { font-weight: bold; }	
.bi { font-weight: bold; font-style: italic; }
.bu { font-weight: bold; text-decoration: underline; }
.i { font-style: italic; }