html, body, #wrap {height: 100%;}

body > #wrap {height: auto; min-height: 100%;}

#main {overflow:auto;
	background: #2a2a2a;
	margin: 0 auto;
	width: 800px;
	clear:both;
	padding-bottom: 219px;}  /* must be same height as the footer */


#footer {position: relative;
	margin-top: -219px; /* negative value of footer height */
	margin-left: auto;
	margin-right: auto;
	height: 219px;
	width:800px;
	background: url(images/footer.jpg);
	clear:both;} 
	
#foot {position: relative;
	margin: 0 auto;
	width: 800px;
	padding-top: 10px;
	clear:both;} 

/*Opera Fix*/
body:before {/* thanks to Maleika (Kohoutec)*/
content:"";
height:100%;
float:left;
width:0;
margin-top:-32767px;/* thank you Erik J - negate effect of float*/
}

body {
	font-family: helvetica, verdana, sans-serif;
	font-size: 10pt;
	line-height: 1.6em;
	background-color: #2a2a2a;
}

.testim {font-style: italic; color: #f8fbbe;}

#header {
	margin: 0 auto;
	height: 37px;
	width: 800px;
	background: url(images/subscrip.jpg);
}

#leftcolumn {
	padding: 0px;
	width: 240px;
	margin-left: 25px;
	margin-top: 25px;
	color: #bababa;
}

#displayarea {
	width: 500px;
	margin-right: 20px;
	margin-top: 25px;
	border-style: solid;
	border-color: #4c528b;
	border-width: 0px;
	float: right;
	color: #bababa;
}

#recomended{
	background-color:#333;
	margin-bottom: 15px;
}

#alink2top {
	text-align: right;
}
.clear{
	clear:both;	}

.lrg {font-size: 1.5em; font-style: italic; color: white;}	
	
a img{
	border:0;
	outline:none;
}

#inset {
	padding-right:  10px;
}

#embed {
	padding: 10px;
}

table{padding: 10px;}

th {text-align: right;vertical-align: top;padding-right: 10px;padding-top: 2px;width: 60px;}

td {vertical-align: top; padding-bottom: 15px;}

a:link {color: white; text-decoration: none; border: 0;}
a:visited {color: white; text-decoration: none; border: 0;}
a:hover {color: #f8fbbe;}

.sub_links li {display: inline; list-style-image: none; height: 33px; float: right; margin-right: 25px; margin-top: 4px;}

ul.nav {margin: none; padding: 0px;list-style: none;font-size:20px}

#homebut {display: block; padding-bottom: 5px; width: 139px; height: 41px; background: url(images/home_norm.png) no-repeat 0 0;}
#homebut:hover { background: url(images/home_hover.png) no-repeat 0 0;}
#homebut span {display: none;}

#contactbut {display: block; padding-bottom: 5px; width: 139px; height: 41px; background: url(images/contact_norm.png) no-repeat 0 0;}
#contactbut:hover { background: url(images/contact_hover.jpg) no-repeat 0 0;}
#contactbut span {display: none;}

#profilebut {display: block; padding-bottom: 5px; width: 139px; height: 41px; background: url(images/profile_norm.png) no-repeat 0 0;}
#profilebut:hover { background: url(images/profile_hover.jpg) no-repeat 0 0;}
#profilebut span {display: none;}

#leftcolumn p {
	padding-left: 0px;
	margin: 0px;
}

#footer p {
	color: #bababa;
	font-size: 1em;
	margin-top:15px;
	padding-left:20px;
	float:left;
}

img.left{margin-bottom: 10px;}

img.right{float:right;}

.subtext {
	color:white;
	font-size: 1.1em;
}

.questiontxt {
	font-style: italic;
	color: #f8fbbe;
	font-size: 1.1em;
}

#copyright p {
	width: 400px;
	font-size: .8em;
	float:left;
	clear:both;
	margin-top:30px;
}

#twitter_div {position: relative;
	width:240px;
	margin-right:20px;
	padding-right:5px;
	float: right;
}

#twitter_div li { color: #bababa;}

#contact {position: relative;
	width:240px;
	padding-left:5px;
	float: left;

}


<<==============================================Lightbox================================>>

#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	color:white;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(images/overlay.png); }

* html #overlay{
	background-color: #333;
	background-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/overlay.png", sizingMethod="scale");
	}
	
#overlay{ background-image: url(images/overlay.png); }

* html #overlay{
	background-color: #000;
	background-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/overlay.png", sizingMethod="scale");
	}

<<==============================================Lightbox================================>>	


body {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 0.9em;
}

p {
  line-height: 1.5em;
}

ul#menu, ul#menu ul {
  list-style-type:none;
  margin: 0;
  padding: 0;
  width: 240px;
}

ul#menu a {
  display: block;
  text-decoration: none;	
}

ul#menu li {
  margin-top: 1px;
}

ul#menu li a {
  background: #333;
  color: #fff;	
  padding: 0.5em;
}

ul#menu li a:hover {
  background: #f8fbbe;
  color: black;
}

ul#menu li ul li a {
  background: #ccc;
  color: #000;
  padding-left: 25px;
}

ul#menu li ul li a:hover {
  background: #aaa;
  border-left: 12px #f8fbbe solid;
  padding-left: 15px;
}

.code { border: 1px solid #ccc; list-style-type: decimal-leading-zero; padding: 5px; margin: 0; }
.code code { display: block; padding: 3px; margin-bottom: 0; }
.code li { background: #ddd; border: 1px solid #ccc; margin: 0 0 2px 2.2em; }
.indent1 { padding-left: 1em; }
.indent2 { padding-left: 2em; }