body {
margin: 0;
    background: #333 url("img/bg2.jpg");
	background-position: center;
	background-attachment: fixed;
} 

body.dark {
margin: 0;
    background: #333 url("img/bg2dark.jpg");
	background-position: left;
	background-attachment: fixed;
} 

#gray  {
    background: url("img/banddark.png");
	  _background: #000;
	border-bottom:  solid 1px #CF0;
	top: 3px;
	left: 0px;
	width: 100%;
	height: 252px;
	position: absolute;
}  

#grayshort  {
    background: url("img/banddark.png");
	  _background: #000;
	top: 3px;
	left: 0px;
	width: 100%;
	height: 73px;
	position: absolute;
}  

#graylong  {
    background: url("img/banddark.png");
	  _background: #000;
	border-bottom:  solid 1px #CF0;
	top: 3px;
	left: 0px;
	width: 100%;
	height: 700px;
	position: absolute;
} 

#stripe {
background: #CF0;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 3px;
	position: absolute;
}

#logo a, #logo a:visited {
    background: url("img/logo.png");
	   _background: url("img/logo.gif");
	top: 14px;
	left: 10px;
	width: 178px;
	height: 42px;
	position: absolute;
}

#logo a:hover {
	background-position: -178px 0;
}

#nav1 {
	top: 24px;
	left: 190px;
	_left: 230px;
	width: 200px;
	height: 50px;
	position: absolute;
}
#nav2 {
	top: 24px;
	left: 355px;
		_left: 394px;
	width: 200px;
	height: 50px;
	position: absolute;
}
#nav3 {
	top: 22px;
	left: 520px;
		_left: 559px;
	width: 200px;
	height: 50px;
	position: absolute;
}
#copyright {
	color: #666;
	font: 9px arial;
	font-weight: bold;
	top: 24px;
	left: 770px;
		_left: 820px;
	width: 150px;
	height: 50px;
	position: absolute;
}

input {
	top: 3px;
	left: 0px;
	width: 250px
	height: 15px;
	position: absolute;
border:  solid 1px #CF0;
background: 000;
	font-weight: bold; 
	font-size: 9px;
	color: #CF0;
	height: 12px;
	width: 130px; 
}

#nav1 ul, #nav2 ul, #nav3 ul {
margin: 0;
}
#nav1 li, #nav2 li, #nav3 li {
color: #CF0;
	font: 12px/17px arial;
	font-weight: bold;
 list-style-type: none;
 }

 
 a:link, a:visited {
color: #CC9;
	font: 12px/16px arial;
	font-weight: bold;
	text-decoration: none;
}
a:hover {
	color: #CF0;
}

 a.sm:link, a.sm:visited {
color: #CF0;
	font: 10px/14px arial;
	font-weight: bold;
	text-decoration: none;
}
a.sm:hover {
	color: #CF0;
}

span  {
color: #Cf0;
	font: 10px/14px arial;
	font-weight: bold;
}

#thumbs {
	border-top:  solid 1px #CF0;
	color: #CC9;
	top: 77px;
	left: 213px;
	width: 768px;
	height: 70px;
	position: absolute;
}

#series {
color: #CC9;
	top: 77px;
	left: 17px;
	width: 718px;
	height: 150px;
	position: absolute;
}

#series ul {
margin: 0px;
padding: 0px;
list-style-type: none;
}

#series li {
padding-right: 8px;
display: absolute;
color: #CF0;
font: 12px/16px arial;
font-weight: bold;
 }

#series a:link, #series  a:visited {
color: #CC9;
	font: 10px/17px arial;
	font-weight: bold;
	text-decoration: none;
}
#series a:hover {
	color: #CF0;
	font: 11px/17px arial;
		font-weight: bold;
}

#quote {
border-top:  solid 1px #CF0;
color: #CC9;
padding: 19px;
	font: 12px/15px arial;
	font-weight: bold;
	top: 100px;
left: 213px;
	width: 320px;
	height: 66px;
	position: absolute;
}

#quote2 {
border-top:  solid 1px #CF0;
color: #CC9;
padding: 19px;
	font: 12px/15px arial;
	font-weight: bold;
	top: 100px;
left: 550px;
	width: 393px;
	height: 66px;
	position: absolute;
}

#statement {
	border-top:  solid 1px #CF0;
	color: #CC9;
	padding: 19px;
	font: 10px/12px arial;
	font-weight: bold;
	top: 150px;
	left: 212px;
	width: 730px;
	height: 66px;
	position: absolute;
}

#about {
	font: 12px/16px arial;
	color: #666;
	font-weight: bold;
	top: 18px;
	left: 205px;
	width: 600px;
	height: 100px;
	position: absolute;
}

#bio {
	font: 12px/16px arial;
color: #CC9;
	font-weight: bold;
	top: 77px;
left: 173px;
_left: 210px;
	width: 808px;
	height: 600px;
	position: absolute;
}

#bio ul {
margin: 0;
}
#bio li {
padding: 8px 0 8px 18px;
border-top:  solid 1px #CF0;
color: #CF0;
	font: 12px/17px arial;
	font-weight: bold;
 list-style-type: none;
 }


#image {
	left: 213px;
	width: 929px;
	top: 258px;
	position: absolute;
	height: 507px;
}

#image img {
	width: 55%;
}

#imagewide {
left: 213px;
width: 70%;
		top: 258px;
		position: absolute;
}

#imagewide img {
	width: 70%;
}

#imagemed {
left: 213px;
width: 62%;
		
}

#imagemed img {
	width: 601px;
	top: 257px;
	position: absolute;
	left: 214px;
	height: 503px;
}

#imagesm {
left: 213px;
width: 48%;
		top: 258px;
		position: absolute;
}

#imagesm img {
	width: 62%;
	top: 258px;