body	{ margin: 0; padding: 0; border: 0; text-align: center; line-height:1.2em; color:#ffd800; background: #000; }


body, p {
  font-family:baskerville, times, serif;
  font-size: 18px;
}

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


.hidden {display:none;}
img	 { border: 0; display: block; }
.clearer {clear:left;line-height:0;height:0;}

div#wrapper	{
	margin: 10px auto;
	padding: 0;
	border:0;
	width: 800px;
	height:auto;
	text-align: left;border-top:1px solid #AAD0EE;
	}

/* ---------- BANNER ----------- */

#header {width:800px;height: 40px; padding:  0; margin: 0;padding:0;position:relative;
}
html>body #header {height:auto;min-height:40px;}

#headlogo {float:left;margin:0 auto;padding:0;border:0; background: transparent url(../g/logo_oc.gif) 12px 6px no-repeat;width:300px;height:40px;}
#logo {float:left;position:relative;margin:0;padding:0;border:0;background: transparent url(../g/logo_c.gif) 12px 6px no-repeat;width:300px;height:40px;}
#logo:hover, #logoindex:hover {background: url(../g/logo_oc.gif) 12px 6px no-repeat;}

/* ---------- Menu ----------- */

#nav {position:relative; display:block;padding:0; border: 0; margin:16px 0 0 0;width:800px;background:#AAD0EE;clear:both;}

#nav ul {  margin: 0; padding:0;  }
#nav ul li {display:inline;list-style: none; padding: 0 0 0 4px; margin: 0;}
#nav ul li a {padding:0.5em;margin:0;border:0; background: transparent;border-right:1px solid #000;font:100 100%/2em 'trebuchet ms', arial, sans-serif;text-transform:lowercase;}


/* ---------- STRUCTURE ----------- */


#content	{
	position:relative;display:block;z-index:1000;
	width:800px;height:450px;
	margin:0;
	padding:  0;
	border:0;
	}
html>body #content {height:auto;min-height:100px;}

#maincontent	{	
	position:relative; 
	width: 450px;
	height: 200px;
	padding:0 ;
	margin: 0 0 0px 0;
	border-right:solid 1px #AAD0EE;
	}
html>body #maincontent	{height:auto;min-height:200px;}
html>body#eve #maincontent	{width:799px}


#sidebar	{
	position:absolute;top:0px;left:450px; 
	width: 348px;
	margin:0 0 20px 0;
	padding:0;
	height: 200px;
	}
html>body #sidebar	{height:auto;min-height:100px;}


/* ---------- Page Image ----------- */

#image {display:block;position:relative;width:798px;height:250px;padding:0;margin:0 0 0 1px;border-top:10px solid #AAD0EE;}
html>body #image {height:auto;min-height:250px;}

/* ---------- Background Images----------- */

body#home div#image { background: transparent url(../i/image1.jpg) top left  no-repeat;z-index:-1;}
body#gal div#image { background: transparent url(../i/image2.jpg) left no-repeat;z-index:-1;}
body#con div#image { background: transparent url(../i/image3.jpg) left no-repeat;z-index:-1;}
body#abt div#image { background: transparent url(../i/image4.jpg) left no-repeat;z-index:-1;}
body#eve div#image { background: transparent url(../i/image5.jpg) left no-repeat;z-index:-1;}

body#pl div#image, body#ps div#image, body#ol div#image, body#os div#image, body#oth div#imagebody#com div#image, body#rd div#image, body#com div#image {height:auto;min-height:400px;/* border:1px solid #c0ddea; */}

div#content {background: transparent url(../g/curve_bgc.gif) bottom  no-repeat;padding-bottom:20px;z-index:1;}

body#os #content {background: transparent url(../g/curve_bgc.gif) bottom  no-repeat;padding-bottom:20px;}

#wrapper {background: transparent url(../g/borders_c.gif) top repeat;}

/* ----------- Subnav ----------- */

#subnav {position:relative;display:block;margin:0 0 0 600px;padding:6px 0; width: 200px;height:40px;border:0;clear:right;}
html>body #subnav	{height:auto;min-height:40px;}
#subnav ul	{ margin: 0 ; padding: 0; border: 0; width: 200px;}

#subnav ul li { margin: 0; padding: 0; list-style: none; width: 200px;padding:0 ;}
#subnav ul li a {  text-decoration: none; }

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

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

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


#nav a:link, #nav a:visited { color: #000;text-decoration:underline; }
#nav a:hover	{ font-weight:100;color: #fff; text-decoration:none;}
#nav a:active	{ color: #ffd800; }

/* ---------- Body typography ---------- */

p	{ line-height: 1.1em; margin-top: 0; padding-top: 0; }

#sidebar p { padding:0;margin:0 0 1em 0;width:90%;}
#maincontent p	{ padding:0;margin:0 0 1em 0;}

h1 {font:900 300% 'century gothic', sans-serif;padding:0;margin:0 0 1em 0;}
h2	{ font:900 120%/150% baskerville, times, serif; text-transform:capitalize;padding:4px 0 4px 12px;margin:0; border-bottom:1px dotted #c0ddea; }
h3 { font:100 120%/150% baskerville, times, serif; text-transform:capitalize;padding:4px 0 4px 12px;margin:0;border-bottom:1px dotted #c0ddea;}
h4 {font: italic 900 100% baskerville, times, serif;margin:0 0 1em 0;}
h5 {font: 100 0.9em arial; margin: 0; padding: 0 5px 15px 10px; background: #fff;}

.scrollbox p {font: 100 100% baskerville, times, serif;width:90%;}

#subnav {font:100 90%/120% 'trebuchet ms', arial, sans-serif;}

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

em, p.italic {font:italic 94%  times, serif;}
.bold {font-weight:900;}

/* ---------- Boxes ---------- */


.scrollbox {height:160px;overflow: auto;padding:0;margin:6px 0 0 12px;}
html>body .scrollbox {height:auto;min-height:100px;max-height:160px;}
.scrollbox ul {display:block;list-style: none; margin:0; padding:0;clear:left;}
.scrollbox ul li {font:100 100% 'trebuchet ms', arial, sans-serif;text-transform:capitalize;margin:6px 0 0 0;}
.scrollbox ul li a {text-decoration:none;}
body#gal #maincontent .scrollbox ul li {list-style: disc inside;color:#5eb0e5;}

.textbox {height:150px;overflow: auto;padding:6px 0 0 12px;margin:0;width:335px;
}
html>body .textbox {height:auto;min-height:100px;max-height:160px;}


.textbox ul {display:block;list-style: none; margin:0 0 20px 0; padding:0;clear:left;}
.textbox ul li {margin:2px 0;padding:0;}
.textbox ul li a {text-decoration:none;}

 dl {margin:0;padding:0 0;width:60%;}
 dt {margin:12px 0 0 0;padding:0;text-transform:capitalize;font-weight:900;}
 dt.dotted {border-bottom:1px dotted #747679;}
 dd {margin:2px 12px;padding:0  0;}

.diary {height:200px;padding:6px;margin:16px 0;}


/* ---------- Rollover Images ---------- */


div#thumbs img {width:65px;}

div#thumbs {width: 400px;height:200px;margin:0 0 0 12px; padding: 0;}
html>body div#thumbs { height:auto;min-height:100px;}


div#thumbs ul {display:block;width:450px;list-style: none; margin: 0; padding:10px 0 0 0;clear:left;}

div#thumbs ul li {float:left; width: 67px; padding:0; margin:0 6px 16px 0;font: 80% arial;text-align:center;text-transform:capitalize;}
div#thumbs ul li a {display:block;width:65px;padding:0;margin:0; border: 1px solid #999;}	
div#thumbs ul li a:hover { border-color: #c0ddea;}
div#thumbs ul li:hover {color: #fff;}


div#thumbs ul p {display:none;}
div#thumbs li.one:hover p {
	display: block; position: absolute; bottom:30px; left: 12px; width: 250px; margin: 0; z-index: 100;background:transparent ;
	font:italic 130%/1em times;padding: 0;text-align: left;  }

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

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

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



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

body#home .hm, body#gal .gal, body#eve .eve, body#abt .abt, body#con .con  {color:#;font-weight:900;}
body#home a.hm:hover, body#gal a.gal:hover, body#eve a.eve:hover, body#abt a.abt:hover, body#con a.con:hover   {color:#000;font-weight:900;text-decoration:underline;}

body#home .hm1, body#gal .gal1, body#eve .eve1, body#abt .abt1, body#con .con1  {color:#;font-weight:900;}
body#home a.hm1:hover, body#gal a.gal1:hover, body#eve a.eve1:hover, body#abt a.abt1:hover, body#con a.con1:hover   {font-weight:900;text-decoration:none;}

/* ---------- Footer ---------- */

#footer {
	position:relative;display:block;clear: both;
	border:0;
	margin: 10px auto;
	padding: 0;
	width: 800px;
	text-align: left;
	color:#333;
	}
body#index #footer {text-align:left;}

.back {position:absolute;bottom:0;left:0;padding:6px 0;margin:0 16px;font:100 90%/100% arial;} 
.next {position:absolute;bottom:0;left:50px;padding:6px 0;margin:0 16px;font:100 90%/100% arial;} 

.top {position:absolute;bottom:-10px;left:260px;padding:6px 0;margin:0 16px;font:100 90%/100% times;} 

/* ---------- Horizontal ruler ---------- */

div.hr {display: none}
/*/*/a{}
div.hr {
  display: none;

}
hr {display:none}
/* */

div.hr2 {display: none}
/*/*/a{}
div.hr2 {
  display: block;
  height: 1px;width:100%;
  background: #968c85 url(../g/dot.gif) no-repeat;
  margin: 1em 0;
}
hr {display:none}
/* */