body	{ margin: 0; padding: 0; border: 0; text-align: center; color: #000; background: #fff; }


body, p {
  font-family:verdana, arial, helvetica, helve, sans-serif;
  font-size: 12px;
}

/*/*/a{}
body,
body p {
  font-size: x-small;
  voice-family: "\"}\"";
  voice-family: inherit;
  font-size: small;
}
html>body,
html>body p {
  font-size: small;
}  
/* */

.hidden {display:none;}
img	 { border: 0; display: block; }


/* ---------- BANNER ----------- */
#header {width:700px;height: 80px; padding: 20px 0 0 0; border-bottom:0; margin: 0;background: #fff;}
#banner {margin:0 auto;padding:0;border:0; background: transparent url(../g/bm_o.gif) no-repeat;width:600px;height:80px;}
#logo {float:left;position:relative;margin:0;padding:0;border:0;background: transparent url(../g/bm.gif) no-repeat;width:600px;height:80px;}
#logo:hover, #logoindex:hover {background: url(../g/bm_o.gif) no-repeat;}


/* ---------- STRRUCTURE ----------- */
div#wrapper	{
	margin: 10px auto;
	padding: 0;
	border:1px solid #000;
	width: 700px;
	height:auto;
	text-align: left;
	}

#content	{
position:relative;
width:100%;
text-align:left;
	margin: 0;
	padding: 0;
	border: 0;
	background:#fff;
	}

#maincontent	{	
position:absolute;top:0;left:0;
width: 300px;
	height: 400px;
	text-align: left;
	padding:0 0 10px 0;
	border: 0;
	margin: 0;

	}
html>body #maincontent	{height:auto;min-height:400px;}

#image {position: relative;width: 700px;height: 500px; margin: 0; padding:0;}

/* ---------- Page header graphics ---------- */

body#home #maincontent	{
	background: transparent url(../i/dec07.jpg) top left no-repeat;
	padding-top:420px;
	min-height: 10px;
	}

body#gal #maincontent	{
	background: #fff url(../i/hexham.jpg) top left no-repeat;
	padding-top:400px;
	min-height: 10px;
	}
body#about #maincontent	{
	background: transparent url(../i/prague2.jpg) top left no-repeat;
	padding-top:440px;
	min-height: 10px;
	}
	
body#prog #maincontent	{
	background: transparent url(../i/prague5.jpg) top left no-repeat;
	padding-top:400px;
	min-height: 10px;
	}
body#con #maincontent	{
	background: transparent url(../i/map2.gif) top left no-repeat;
	padding-top:330px;
	min-height: 10px;
	/* min-height: 10px;border-bottom:1px #333 solid; */
	}

/* ---------- Primary layout continues ---------- */


#sidebar	{
	width: 398px;
	margin: 0 0 0 300px;
	padding: 0;
	height: 480px;
	background: #CCE5A2;
	}
html>body #sidebar	{height:auto;min-height:480px;width:400px;}


/* ---------- Linkage ---------- */
	
a:link, a:visited {
	font-weight : 100; 
	text-decoration : underline;
	color: #333;
	background: transparent; 
	}

a:hover {
	font-weight : 100; 
	text-decoration : underline;
	color: #1a8708;
	background: transparent; 
	}

a:active {
	font-weight : bold; 
	text-decoration : none;
	color: #53caeb;
	background: transparent;  
	}

#sidebar dl dt a { text-decoration : underline; }

#sidebar a:active	{ color: #666; }

#sidebar ul li a:link, #sidebar ul li a:visited	{ color: #999; }
#sidebar ul li a:hover { color: #666; }
#sidebar ul li a:active { color: #c60; }

#footer p a:link, #footer p a:visited { color: #289728; }
#footer p a:hover	{ font-weight:900; }
#footer p a:active	{ color: #000; }
	
.back a:link, .back a:visited {color:#333;text-decoration:none;}
.back a:hover, .back a:active {color: #1a8708;}
.back a:after {content:']';}
.back a:before {content:'[';}

/* ---------- Body typography ---------- */
p	{
	line-height: 1.1em;
	margin-top: 0;
	padding-top: 0;
	}

#sidebar p	{ margin: 0; padding: 12px 5px 12px 20px; }


h1 {font:900 1.1em verdana;color:#56732E;padding-left:20px;}

#sidebar h2 	{
	margin: 0;
	padding: 10px 20px;
	color: #000;background:#bee28a;}

h2	{
	font:900 1.2em verdana;
	text-transform:capitalize;
	}


h3 {
	margin: 2px 2px;
	padding: 0;
	border: 0;
	letter-spacing: 1px;
	line-height: 1em;
	}
	
#sidebar h3 { font:900 100%/1em arial; text-transform:capitalize; margin:0;padding:3px 20px;clear:both;}

#maincontent h3 {font:italic 900 100% times;width:200px;padding:0 0 0 16px;color:#1a8708;}

h4 {font: italic 900 0.9em arial;}

h5 {font: 100 0.9em arial;
	margin: 0;
	padding: 0 5px 15px 10px;
	background: #fff;}

h6 {}

#footer p 	{ font-size: 0.9em; color: #000; }
#footer a {padding:0 2px;}

em {font:italic 100% times;}

/* ---------- Stars and bars - listings ---------- */

.mail {width:300px;	position:relative;margin: 0; padding: 12px 20px;}

.clear {clear:both;}

#diary {width:300px;border:4px double #56732E;padding:0;margin: 10px auto;}

.image { padding: 6px 0 6px 15px; margin: 0;}

#maincontent ul, #sidebar ul 	{
	padding: 25px 0 0 15px;
	margin: 0;
	}

#maincontent ul li, #sidebar ul li 	{
	line-height: 1em;
	margin: 0 0 15px 0;
	padding: 0;
	}

#maincontent ul, #sidebar ul li	{ list-style: none; }

dl	{ margin: 0; padding:12px 20px; }

#sidebar2 dl {margin-left:300px; } 

dt	{
	margin: 7px 0 5px 0;
	padding: 0;
	line-height: 15px;
	text-transform:capitalize;font: 900 1.2em times;
	}
	
dd	{
	margin: 0;
	padding: 0;
	line-height: 15px;
	font-style: italic;text-transform:capitalize;
	}




/* ---------- rollover images ---------- */



div#thumbs1 a:active, #thumbs2 a:active { background:#fff; text-decoration: none;} 

div#thumbs1 img, #thumbs2 img {width:65px;}
body#about div#thumbs1 img {width:1px;}

div#thumbs1, #thumbs2 {width: auto;margin:6px 0; padding: 0;}
div#thumbs1 ul, #thumbs2 ul { list-style: none; margin: 0 20px; padding: 0 0;}
div#thumbs1 ul li, #thumbs2 ul li {float:left; width: 67px; padding: 0 6px; margin: 0 0 6px 0; }
div#thumbs1 ul li a, #thumbs2 ul li a {display:block;padding: 0; border: 1px solid #fff; font-size: 1em;color:#333;text-transform:capitalize;}	
div#thumbs1 ul li a:hover, #thumbs2 ul li a:hover  { border-color: #289728;}


body#players div#thumbs1 h3 {clear:both;width:90%;}
body#players div#thumbs1 h3 a {font:900 1em arial;text-decoration:underline;text-transform:capitalize;}
body#players div#thumbs1 h3 a:hover {text-decoration:none;}

body#players div#thumbs1 ul li a {font-size: 1em;color:#000;line-height:1em;text-align:left;border:0;}
body#players div#thumbs1 ul li a:hover {color:#289728;}



body#about div#thumbs1 ul li {display:block;width:300px;padding: 0; margin:0; }
body#about div#thumbs1 ul li a {font-size: 1em;color:#000;line-height:1.1em;text-align:left;border:0;}
body#about div#thumbs1 ul li a:hover {color:#289728;text-decoration:none;}


div#thumbs1 ul p, #thumbs2 ul p {display:none;}

div#thumbs1 li.one:hover p, #thumbs2 li.one:hover p {
	display: block; position: absolute; top: 426px; left: 6px; width: 250px; margin: 0; z-index: 100;background:transparent ;
	font:italic 1.1em/1em times;padding: 0;text-align: left; color:#1a8708; }

div#thumbs1 li.one:hover p:first-letter, #thumbs2 li.one:hover p:first-letter, {text-transform:capitalize;}

#rollover {position: absolute;top: 0; left:0; width: 300px;height: 200px; margin: 0;padding:0;border:0;}
html>body #rollover { height: auto; min-height: 200px; }

#rollover2 {position: absolute;top: 450px; left:0; width: 300px;height: 200px; margin: 0;padding:0;border:0;}
html>body #rollover2 { height: auto; min-height: 200px; }

div.drop img {height: 0; width: 0; border-width: 0;}
#thumbs1 li:hover div.drop img, #thumbs2 li:hover div.drop img { position: absolute; top: 0; left: 0; height: 400px; width: 300px}



	/* ---------- Main nav ---------- */

#mainnav	{
	width: 700px;
	height: 40px;
 	border-bottom:4px solid #333;
	padding: 0;
	margin: 0;

	}
#mainnav ul	{
	width: 698px;
	height: 40px;
	background: url(../g/mainnav.gif);
	margin: 0;
	padding: 0;
	position: relative;
	}
	
#mainnav ul li	{
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 0;
	}
	
#mainnav ul li, #mainnav a	{
	height: 40px;
	display: block;
	}

#mainnav ul li a	{
	text-indent: -9999px; 
	text-decoration: none;
	}

#mn1 {left: 0; width: 150px;}
#mn2 {left: 151px; width: 100px;}
#mn3 {left: 251px; width: 120px;}
#mn4 {left: 365px; width: 160px;}
#mn5 {left: 530px; width: 120px;}

#mn1 a:hover {background: transparent url(../g/mainnav.gif) 0 -39px no-repeat;}
#mn2 a:hover {background: transparent url(../g/mainnav.gif) -151px -39px no-repeat;}
#mn3 a:hover {background: transparent url(../g/mainnav.gif) -251px -39px no-repeat;}
#mn4 a:hover {background: transparent url(../g/mainnav.gif) -365px -39px no-repeat;}
#mn5 a:hover {background: transparent url(../g/mainnav.gif) -530px -39px no-repeat;}

	/* ---------- You are here ---------- */


body#home #mn1 {background: transparent url(../g/mainnav.gif) 0 -39px no-repeat;}
body#about #mn2 {background: transparent url(../g/mainnav.gif) -151px -39px no-repeat;}
body#gal #mn3 {background: transparent url(../g/mainnav.gif) -251px -39px no-repeat;}
body#prog #mn4 {background: transparent url(../g/mainnav.gif) -365px -39px no-repeat;}
body#con #mn5 {background: transparent url(../g/mainnav.gif) -530px -39px no-repeat;}


	/* ---------- Footer ---------- */
#footer {
	position:relative;clear: both;
	border:0;
	margin: 20px auto;
	padding: 0;
	width: 700px;
	text-align: left;
	color:#333;
	}
body#index #footer {text-align:left;}

#footer .right {float: right;width:50%;text-align:right;}
#footer .left {float: left;width:50%;}





/* ---------- form bits ---------- */

#steroidForm { position:relative; visibility:visible; display:block;
font-size:100%;padding:0 0 0 20px;margin:0;color:#333;
}

/* apply additional positioning to this rule as you wish */
.req { color:#ff0000;}/* used to mark text labels with red asterisk (see below) */

#sidebar form p {display:block;clear:left;margin:0;padding: 8px 0;width:100%;}
#sidebar form p#checkbox  {margin:2px 0 6px 0;padding: 4px 0;width:100%;}
#sidebar form p#checkbox span {margin:0;padding: 2px 0;display:block;clear:both;}

form  p {margin:0;padding:0;float:left;font: 100  100%/120% times;}

input[type="text"]  {width:180px;display:block;margin:4px 0;padding:2px 0;border: 1px solid #e5e0e3;font: 100  100% 'Courier New', courier, monospace;}
input[type="checkbox"] {float:right;clear:none;margin:0;padding:0;width:12px;height:12px;border: 1px solid #e5e0e3;}
input[type="submit"] {width: 100px;background:#fff;margin:0;padding: 0;border: 1px solid #e5e0e3;font: 900  100% 'Courier New', courier, monospace;}
input[type="button"] {width: 100px;background:#fff;margin:0;padding: 0;border: 1px solid #e5e0e3;font: 900  100% 'Courier New', courier, monospace;}

textarea#styled, textarea#styled2 {
	width: 300px;
	height: 50px;
	border: 1px solid #e5e0e3;
	padding: 2px;
	margin: 0;
	font: 100  100% 'Courier New', courier, monospace;}