html,body {
	margin:0;
	padding:0;
	height:100%; /* needed for container min-height */
	background:#000;
	font-family:futura ,arial, sans-serif;
	font-size:small;
	color:#ccc;
}

h1 { 
	font:1.5em verdana,sans-serif; 
	margin:0 0 0 2.5em;
}

h2 {
	font:1.25em georgia,serif; 
	margin:0 0 0.5em;
}
	h1, h2, a {
		color:fff;
	}

p { 
	line-height:1.5; 
	margin:0 1em 0 3.5em;}
	
.p2 {
    font-size: x-small; 
	font-weight: bold; 
	font-style: italic; 
	color:#66CCCC; 
	margin-left:-.7em; 
	line-height:90%;
	}
	.bug {font-size: x-small; font-weight: bolder; color:#000033}
.p1 {font-size: small; font-weight: bold; line-height: 1.5em; background-color:#0000CC; }
.large {font-size: large; font-weight: bolder; background-color: #efd78d}
.medium {font-size: medium; font-weight: bold; margin: 0 0 0 1.5em;}

a:link {color: #FF9933;
	font-weight: bold; 
	text-decoration: none}

a:visited {color:#6EBFBF; 
	text-decoration: none}

a:hover {color: #339999;
	text-decoration: none}

a:active {color:#0000CC;}

 ul {
list-style-image:url(images/bullet.gif);}

#container {
	position: relative; /* needed for footer positioning*/
	background: #000;
	margin: 0 auto; /* center, not in IE5 */
	background-image: url(../images/ray_rgt.jpg);
	background-repeat: no-repeat;
	background-position:right center;
	width: 750px;
	height: auto;!important; /* real browsers */
	height: 100%; /* IE6: treaded as min-height*/
	min-height: 100%; /* real browsers */
}

#header {
	height: 195px;
	width:750px;
	background-image: url(../images/blheader.jpg); 
	background-repeat: no-repeat;
}
#header p {
		font-style:italic;
		font-size:1.1em;
		margin:0;	}
/*navigation*/
  #tabsH {
      float:left;
      width:100%;
      background:transparent;
      font-size:93%;
      line-height:normal;
      }
    #tabsH ul {
	margin:0;
	padding:1px 10px 0 50px;
	list-style:none;
      }
    #tabsH li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabsH a {
      float:left;
      background:url(../images/tableftH.gif) no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
      }
    #tabsH a span {
      float:left;
      display:block;
      background:url(../images/tabrightH.gif) no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#FFF;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabsH a span {float:none;}
    /* End IE5-Mac hack */
    #tabsH a:hover span {
      color:#FFF;
      }
    #tabsH a:hover {
      background-position:0% -42px;
      }
    #tabsH a:hover span {
      background-position:100% -42px;
      }
	/*navigation*/
#lftcol{   
	position: relative;
	float: left;
	margin: 5px 0px 0px 10px;  
	padding:1em 1em 5em;
	width: 464px; 
	height:450px;
	background-image: url(../images/ray_lft.jpg);
	background-repeat:no-repeat;
	background-position: left middle;
	background-color: #000;
	overflow: visible; 
	
}#img_frame { 
	float: left;
	margin: 5px 5px 0px 10px;
	width: 460px;
	height: 280;
	margin:0 0 0 3em;
	background-color: #000;
	overflow:visible;}
	
	
#rgtcol {
	float: left; 
	width: 200px;
	height: 430px;
	margin: 0px 5px 0px 0px;
	padding: 0px 0px 0px 0px; 
	overflow: visible;
	}
	
#rgtcolcontent { 
padding: 0px 10px 5px 0px; 
font: Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-stretch: condensed; 
list-style-type: circle;}

#footer {
	position:absolute;
	width: 100%;
	height:175px;
	background:transparent;
	background-image: url(../images/footer_bg.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	bottom:0px; /* stick to bottom */
	padding: 10px 0px 0px 0px;
	left: 1px;
}
#footer p {
		padding:16em 0 0 0;
		font-size: 9px;
	}