
/* mac hide \*/
html, body {height:100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	
	}
	
/* end hide*/
body {
	padding:0;
	margin:0;
	background:#01DA48;
	color: #000000;
		background-image:url(../graphics/main_tile.jpg);
	
}
#outer{
	min-height:100%;/*for mozilla as IE treats height as min-height anyway*/
	margin-left:160px;
	background:#fff;
	border-left:1px solid #f5f5f5;
		background-image: 
url(../graphics/bot_right_wash.jpg);
background-repeat: 
no-repeat;
background-position: 
right bottom;	
	margin-bottom:-52px;
	color: #000000;
	
}
* html #outer{height:100%;margin-left:157px}/* ie 3 pixel jog*/ 
#header{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:70px;
	background:#01DA48;
	background-image: url(../graphics/header_bg_tile.jpg);
	border-top:1px solid #01DA48;
	border-bottom:1px solid #000;
	overflow:hidden;
	color: #000000;
}

#header_right{
float: right;
width:125px;
height:60px;
}
#left {
	position:relative;/*ie needs this to show float */
	width:160px;
	float:left;
	margin-left:-159px;/*must be 1px less than width otherwise won't push footer down */
	padding-top:72px;/*needed to make room for header*/
	left:-1px;/* line things up exactly*/
	
	
	
}

#menu{
	visibility: visible;
	
}
#company_name{
	visibility: visible;
}
#header_return{
	display: none;
}

* html #left {margin-right:-3px;}/* three pixel jog*/
#left p {padding-left:3px;padding-right:2px}

div.galblock1{
  margin: 2px;
  border: 0px solid #0000ff;
  height: auto;
  width: 150px;
  float: left;
}

* html div.galblock1 {/*only ie gets this style*/
  width: 155px;
}

div.galblock2{	
  margin: 2px;
  border: 0px solid #0000ff;
  height: auto;
  width: auto;
  float: left;
  text-align: center;
}

div.galinnerblock{
	float:left;
	text-align: center;
	position:relative;
        height: auto;
	left:50%;
}

div.galimg{
  position:relative;
  float:left;
  left:-50%;
  background: url(../graphics/shadowAlpha.png) no-repeat bottom right !important;
  background: url(../graphics/shadow.gif) no-repeat bottom right;
  margin: 10px 0 0 10px !important;
  margin: 10px 0 0 5px;
}	

div.galimg img{
  display: block;
  position: relative;
  background-color: #fff;
  border: 1px solid #a9a9a9;
  margin: -6px 6px 6px -6px;
  padding: 4px;
}

div.galimg a:hover img {
}

div.galdesc
{
  text-align: center;
  font-weight: normal;
  width: 100%;
  margin: 2px;
  clear:left;
}

* html div.galdesc {/*only ie gets this style*/
	clear:left;
}

#ads{
   margin-top: 395px;
}
#footer {
	width:100%;
	clear:both;
	height:50px;
	border-bottom:1px solid #01DA48;
	border-top:1px solid #01DA48;
	background-color: #01DA48;
	background-color: #ffffff;
	
	color: #000000;
	text-align:center;
	position:relative;
}
#footer p{
padding-top:10px;
font-size:90%;
color: #666;
}
#footer a{
color: #666;
}
#inner_content_holder{
	padding:15px;
	
	/*

*/
}
#page_title{
	font-size: 110%;
	font-weight:bold;
	padding-bottom:5px;
	padding-top:0px;
	/*
	margin-bottom:10px;
	border-bottom: 1px solid #cccccc;
	*/
}
#page_title_shadow{
	display:block;
	height:12px;
	background:url(../graphics/page_title_shadow.jpg);
	margin-bottom:12px;
}
.sub_title{
font-size: 100%;
font-weight:bold;
	padding-bottom:5px;
	margin-bottom:10px;
}

.image_left{
float:left;
	padding:10px;
}

div.redirect{
      	position:absolute;
      	left:50%;
      	top:50%;
      	width:300px;
     	height:150px;
      	margin-left:-150px; 
	margin-top: -75px;
      	background-color:#ffffee;	
	border: 1px solid #000000;
	text-align: center;
}



#print_bar{
	 height:10px;
	 text-align:right;
	 font-size:85%;
 	font-weight:bold;
	padding-right:15px;
	padding-top:10px;
	float:right;
	width:200px;
	visibility: visible;
}
#print_bar a:hover{
color:#2AFB6F;
}
#print_bar a{
text-decoration:none;
color:#666;
}

* html #footer {/*only ie gets this style*/
	\height:52px;/* for ie5 */
	he\ight:50px;/* for ie6 */
}

#clearheader{height:72px;}/*needed to make room for header*/
#clearfooter{clear:both;height:40px;}/*needed to make room for footer*/
div,p  {margin-top:0}/*clear top margin for mozilla*/
* html #centrecontent {height:1%;margin-bottom:12px;}/* combat IE's 3 pixel jog */

.no_image_link_border{ /* add this to linked images if you don't want a border around them */
border:0px;
}
.bold{ 
font-weight:bold;
}



ul.vertical, ul.vertical li {
	margin:0;
	padding:0;
	list-style-type:none;
	font-size:100%;
	}

ul.vertical {
	position:absolute;
	z-index:1000;
	cursor:default;
	width:160px;
	left:0px;
	top:73px;
	}

ul.vertical li {
	position:relative;
	text-align:left;
	cursor:pointer;
	cursor:hand;
	width:159px;
	margin:-1px 0 0 0;
	}

ul.vertical ul {
	z-index:1020;
	cursor:default;
	position:absolute;
	width:8.2em;
	margin:-0.5em 0 0 150px;
	top:-100em;
	left:-1px;
	padding:1px 0 0 0;
	}
	
ul.vertical ul li {
	width:160px;
	}

ul.vertical ul ul {
	margin:-0.5em 0 0 150px;
	}

@media Screen, Projection { 
	ul.vertical li:hover > ul { top:0; }
	}

ul.vertical a, ul.vertical a:visited {
	display:block;
	cursor:pointer;
	cursor:hand;
	background:#f5f5f5;
	/*
	background-image: url(../graphics/button_bg.jpg);
	
	border:1px solid #fff;
	*/
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding:5px 7px;
	font-weight:bold;
	color:#000;
	text-decoration:none;
	letter-spacing:1px;
	}
	
ul.vertical a:hover, ul.vertical a:focus, ul.vertical a.rollover, ul.vertical a.rollover:visited {
	background:#2AFB6F;
	color:#000;
	}



@media screen, projection {
	* html ul.vertical li {
		display:inline; 
		f\loat:left; 
		background:#ffffff; 
		}
	}
* html ul.vertical li { position:static; }
* html ul.vertical a { position:relative; }
ul[class^="vertical"] ul { display:none; }
ul[class^="vertical"] ul { displa\y:block; }


