/* mac hide \*/
html, body {height:100%}
/* end hide*/
body
{
	padding: 0;
	margin: 0;
	background-color: #000;
	behavior:url("csshover2.htc");
	
}
#outer{
	min-height:100%;/*for mozilla as IE treats height as min-height anyway*/
	margin-left:150px;
	background:#333;
	border-left:1px solid #000;
	border-right:1px solid #000;
	margin-bottom:-120px;
	color: #000000;
}
* html #outer{height:100%;margin-left:157px}/* ie 3 pixel jog*/ 
#header
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 120px;
	overflow: hidden;
	background-image: url(images/bg-top.gif);
}
#left {
	position:relative;/*ie needs this to show float */
	width:150px;
	float:left;
	margin-left:-149px;/*must be 1px less than width otherwise won't push footer down */
	padding-top:122px;/*needed to make room for header*/
	left:-1px/* line things up exactly*/
	
}
* html #left {margin-right:-3px}/* three pixel jog*/
#left p {padding-left:3px;padding-right:2px}

#introtext {
width: 500px;
text-align: left;

}

#footer
{
	width: 100%;
	clear: both;
	height: 120px;
	text-align: center;
	position: relative;
	background-image: url(images/bg-bottom.gif);
	background-repeat: repeat-x;
}
* html #footer {/*only ie gets this style*/
	\height:122px;/* for ie5 */
	he\ight:120px;/* for ie6 */
}
#clearheader{height:122px;}/*needed to make room for header*/
#clearfooter{clear:both;height:120px;}/*needed to make room for footer*/
div,p  {margin-top:0}/*clear top margin for mozilla*/
#centercontent
{
	color: #CCC;
	font-family: Helvetica, Sans-serif;
	font-size: 12px;
	padding: 20px 20px 20px 40px;
	width: 590px;
}* html #centercontent {height:1%;margin-bottom:12px}/* combat IE's 3 pixel jog */


h1
{
	color: #CCC;
	font-family: Helvetica, Sans-serif;
	font-size: 18px;
	font-weight: bold;
}

#photo {
width: 210px;
float: right;

}

#caption
{
	font-family: Tahoma, Sans-serif;
	font-size: 10px;
	margin: 0 0 0 12px;
	text-align:left;
}


a:link { color: #FFF; }
a:visited { color: #FFF; }
a:hover { color: #FFF; }
a:active { color: #FFF; }






#vertnav{list-style: none;}

#vertnav ul
{
	padding: 0;
	margin: 0;
	list-style: none;
	
	width: 110px;
	z-index: 99;
	overflow: visible;
	position: absolute;
	background-color: #000;
	font-family: Tahoma, Sans-serif;
	font-size: 12px;
}

#vertnav li { 
	padding: 4px 0 4px 0;
	position: relative;
	width: 110px;
    background-color:#000;
	border:solid 1px #333;
   display:block;
   height:20px;
   margin:0;
   font-family: Tahoma, Sans-serif;
	font-size: 12px;
}
#vertnav ul li{ background-color:#000;}

#vertnav li{ border-width:1px 1px 0 1px;}
#vertnav li:last-child{border-bottom:1px solid #333;}

#vertnav a {
    text-decoration:none; 
    display:block;
    padding: 0.2em;  
    margin:0.2em 0 0.2em 0.1em; /*helps Opera with hover */
    width:100px; /*helps IE with hover */
    height:1.2em;
}
#vertnav li:hover, #vertnav a:hover{
    background-color:#191919; 
}

#vertnav ul, #vertnav ul ul, #vertnav ul ul ul{
    display:none; 
    position:absolute; 
    top:0; 
    left:110px;
}

#vertnav li:hover ul ul, #vertnav li:hover ul ul ul{
    display:none; 
  
}

#vertnav li:hover ul, #vertnav ul li:hover ul, #vertnav ul ul li:hover ul{
    display:block;
}

li ul { 
	top: auto;
	left: auto;
}

/* Win IE only \*/
/* html #vertnav li{float:left;} */
/* end holly hack */

#flashmenu {
margin: 0 0 0 -220px;
z-index: 5;
}

#homeflash {
z-index: 2;
}

/* Styling for Expand */

#menu a.x, #menu a.x:visited{
/*background:#eee url(expand3.gif) no-repeat bottom right;*/
background:#000000 url(images/bg-bottom.gif);
height: 21px;

}

#menu a.x:hover{
color:#000000;
background:#ab2832 url(images/bg-bottom.gif);
height: 21px;

}

#menu a.x:active{
color:#000000;
background:#ab2832 url(images/bg-bottom.gif);
height: 21px;

}