body { 
	font: 10pt arial, verdana, sans-serif; 
	color: #fff; 
	background: #fff; 
	margin: 0px; 
	text-align: center;
	}
a:link { 
	font-weight: bold; 
	text-decoration: none; 
	color: #333;
	}
a:visited { 
	font-weight: bold; 
	text-decoration: none; 
	color: #333;
	}
a:hover, a:active { 
	text-decoration: underline; 
	color: #080;
	}
	
#footer a, #footer a:link, #footer a:visited {
color: #fff;
}

#footer a:hover, #footer a:active {
color: #090;
}

.holder { 
	position: relative;
	width: 750px;
	text-align: left;
	border-top: solid #000 1px;
	border-bottom: solid #000 1px;
	border-left: solid #000 1px;
	border-right: solid #000 1px;
	margin: 10px auto 0px auto;

	padding:0px;
	overflow: hidden;
	}
	
.first {
	background: #fff  url(./test.gif) 200px 50px no-repeat;
}
.holder {
	background: #fff  url(./test.gif) 200px 50px no-repeat;
}



#topdiv {
position: relative;
background: transparent;
padding: 0px;
margin: 10px;
z-index: 300;
}
* html #topdiv{
margin: 0px;
}
	
#content {
position: relative;
background: transparent;
padding: 0px 0px 0px 0px;
height: 350px;
margin: 0px 0px 0px 0px;
z-index: 0;
}
 
#contimg {
position: absolute;
bottom: 0px;
left: 0px;
z-index: 0;
width: 257px;
height: 350px;
margin: 0px 0px 0px 0px;
background: transparent;
color: #000;
}
 
#darkcontentbg {
position: absolute;
bottom: 0px;
right:13px;
color: #000;
font-size: 14px;
font-weight:normal;
border-top: solid 1px #000;
background: #fff;
width: 410px;
height: 328px;
z-index: 5;
padding-top: 10px;
filter:alpha(opacity=30);
	-moz-opacity:0.3;
	opacity: 0.3;
}

#darkcontentfp {
position: absolute;
bottom: 0px;
right:13px;
color: #000;
font-size: 14px;
font-weight:normal;
border-top: solid 1px #000;
background: transparent;
width: 408px;
height: 328px;
z-index: 5;
padding-top: 10px;
overflow: auto;
}
#darkcontent {
position: absolute;
overflow: scroll;
bottom: 0px;
right:13px;
color: #000;
font-size: 14px;
font-weight:normal;
border-top: solid 1px #000;
background: transparent;
width: 408px;
height: 328px;
z-index: 5;
padding-top: 10px;
}
#rightcontent {
position: absolute;
bottom: 0px;
right: 12px;
z-index: 0;
width: 410px;
height: 388px;
margin: 0px 0px 0px 0px;
background: #fff;
filter:alpha(opacity=50);
	-moz-opacity:0.5;
	opacity: 0.5;
color: #000;
border-right: solid 1px #000;
border-left: solid 1px #000;
}
* html #rightcontent {
width: 412px;
}

#vertcontent {
position: absolute;
bottom: 0px;
right: 427px;
z-index: 0;
width: 60px;
height: 488px;
margin: 0px 0px 0px 0px;
background: #fff;
filter:alpha(opacity=20);
	-moz-opacity:0.2;
	opacity: 0.2;
color: #000;
border-right: solid 1px #000;
border-left: solid 1px #000;
}

#logo { 
margin: 0px 0px 0px 0px;
	height: 117px;
	width: 257px; 
	background: transparent;
	}
	
/* using an image to replace text in an h1. This trick courtesy Douglas Bowman, http://www.stopdesign.com/articles/css/replace-text/ */
#logo h1 { 
	display: block;
	background: transparent url(./logo2.png) no-repeat top left; 
	margin-top: 0px; 
	padding: 0px 0px 0px 0px;
	width: 257px; 
	height: 117px; 
	position: absolute;
	top: 0px;
	left: 0px;
}
#logo h1 a { 
	display: block;
	width: 257px; 
	height: 117px; 
	}
#logo h1 span {
display: none;
}

#footer {
background: #000;
position: relative;
margin: -0px 0px 0px 0px;
z-index: 200;
}

#spare1 { 
background: #000;
	}
#spare2 {
display: none;
}	
#spare3 {
display: none;
}


#menu {
position: absolute;
top: -10px;
right: -6px;
width: 420px; 
background: transparent;
}

* html #menu {
position: absolute;
top: 0px;
right: 10px;
width: 414px; 
background: transparent;
z-index: 300;
}

ul#menuList
{
position: relative;

z-index: 200;
text-align: left;
list-style: none;
padding: 0px 0px 0px 0px;
margin:  0px 0px 0px 0px;
width: 412px;
height: 100px;
background: transparent;
border-bottom: solid 1px #000;
}
* html ul#menuList {
height: 80px;
}

ul#menuList li
{
display: inline;
margin: 0;
padding: 0;

}
* html ul#menuList li a
{
z-index: 300;
display: inline;
margin: 0;
padding-right: 2px;
}

ul#menuList li a
{
display: block;
float: right;
top: 0px;
border: none;
color: #000;
text-decoration: none;
text-align: center;
font-weight: normal;
}

ul#menuList li#active a
{
background: #f0e7d7;
color: #800000;
}

ul#menuList a  {
border: none;
padding: 1px;
filter:alpha(opacity=70);   
-moz-opacity: 0.7;   
opacity: 0.7;

padding-bottom: 0px;
}

ul#menuList a:hover {
filter:alpha(opacity=99);   
-moz-opacity: 0.99;   
opacity: 0.99;
color: #060;
}
	
ul#menuList a img {
width: 65px;
height: 65px;
border: none;
}
	
#menu li span {
display:none;}
#menu li a:hover span.menDesc, #menu li a:active span.menDesc, #menu li a:focus span.menDesc { 
	display: block;
	position: absolute; 
	width: 405px;
	height: 40px;
	top: 92px;
	left: 3px;
	padding: 20px 10px 0px 10px ;
	margin: 0px;
	z-index: 300;
	color: #333; 
	background: transparent;
	font-size: 10px;
	font-family: Verdana, sans-serif;
	font-weight: bold;
	text-align: center;

	}
* html #menu li a:hover span.menDesc {
top: 72px;
}

* html #menu li a:active span.menDesc {
top: 72px;
}

* html #menu li a:focus span.menDesc {
top: 72px;
}

.holder li a, .holder li a:link, .holder li a:active, .holder li a:visited {
color: #000;
}

.holder li a:hover {
color: #080;
}

.strike {
text-decoration : line-through;
}

div.row {  clear: both;
  padding: 0px;
  margin: 0px;
  }
span.label { float: left;
font-size: 0.9em;
  width: 30%;
  text-align: right;
  padding: 0px;
  margin: 0px;}
span.field {
  float: right;
  width: 50%;
  text-align: left;
  padding: 0px;
  margin: 0px;
  } 
input, form {
  padding: 0px;
  margin: 0px;
  }