/* GENERAL STYLE ELEMENTS */


body { background-color: #000000; margin: 0; 
 padding: 0; text-align: center;  font:12px arial;
	text-align:center; color:aaaaaa; 
}
#wrapper 
{ 
 margin: 0 auto; 
 border: 0px; 
 padding: 0; 
 width: 770px; 
 text-align: left; 
} 


/* Practice stuff */








/* END Practice stuff */


h1 {font-size:18px; color:#FFF; margin:0;}
h1.left {font-size:18px; color:#FFF; margin:0;text-align:left;margin-left-width:5px}
.right {font-size:18px; color:#FFF; margin:0;text-align:right}
h3 {font-size:14px; color:#FFF; margin:0;}
.postinfo {margin-top:2px; font-size:10px;}
.sidebox {list-style-type:none; font-size:10px; padding:34px 0 0 10px; margin:0px 0 0 0 0;}
.sidebox li {margin:0px; float:none;}


a {color:#667184}
a:hover {color:#8FC86A;}
.floatleft {float:left; margin-right:3px;}
.floatright {float:right; margin-left:3px;}
.center {text-align:center;}
.pullquote {float:left; font-size:20px; color:#07B6D0; width:250px; margin-right:5px;}

.important {color:#07B6D0; font-weight:bold;}
.importantlink {font-size:12px;color:#07B6D0; font-weight:bold;}
hr {border:2px solid /*#26474E*/#000; margin:10px 0;}
img {border:0px;}
.italic {font-style:italic;}
table {font:12px arial}
.underline {text-decoration:underline;}

a.small {font-size:9px; color:#333333;}
a:hover.small {font-size:10px; color:#8D9DB7;}

a.footer {font-size:11px; color:#cccccc;}
a:hover.footer {font-size:11px; color:#8D9DB7;}


p {margin-right:10px; margin-left:10px;}




p.hang {
margin-left: 2em; 
text-indent: -2em;
margin-top: 1em;
} 

.hang {
margin-left: 2em; 
text-indent: -2em;
margin-top: 1em;
} 


p.block { arial; 
font-size:9pt; 
margin-top: 1em;
letter-spacing: 0em;
margin-bottom: 1em;
text-indent: 0em;
}

.tinytext {font-size: 9px;}
.smalltitle {color:#652A15; font-weight:bold; font-style:italic; font-size:11px; margin-right:3px; margin-top:5px; margin-bottom:5px;}

.bigtitle {color:#652A15; font-weight:bold; font-style:italic; font-size:16px; margin-right:3px; margin-top:0px; margin-bottom:0px;}



table.gallery {width:481px; text-align:center; color:white; font:12px arial}


.clearBackground {
  background-color: transparent;
}

.border {
  border: #000000 1pt solid;
}




/*  BASIC POSITIONING ELEMENTS position:absolute; top:0px; left:0px;
position: relative;*/

#container {width: 772px; w\idth: 770px; margin-left: auto;
margin-right: auto;

}



#header {
	position:relative; top:0px; left:0px; width:772px; height:271px; z-index:2;
	background:url(images/header6.jpg) no-repeat top right;
	}


#navigation {
	position:absolute; top:191px; left:10px; width:495px; height:12px; z-index:1;
	font:11px arial;
	}
#content {
	position:absolute; top:220px; width:820px; z-index:1;

	}


#sidebar {
	float:left; width:280px; 
	margin-top:0; padding:0; z-index:2;
	}

#sidebox{
	width:250px; margin:-13 0 0px 0px; 
	border: 0px solid #26474E; 
	}
.back1 {background-color:000000;}
.back2 {background-color:000000;}
.back3 {background-color:white;}
.back4 {background-color:000000;}

.side_hr { margin-left:auto;margin-right:auto;margin-top:5px;margin-bottom:5px;color:#ffffff;background-color:#ffffff;height:1px;width:80px;border:none}


#body, #newsbody {width:490px; margin:0 0 0 280px; z-index:1;}
#body {padding:4px;border: 1px solid #26474E;}

#newsbox {
	width:490px; padding: 0px; margin:0 0 0px 0px; 
	z-index:1; border: 0px solid #26474E;}
	}
#treasurebody {
	width:508px; padding:0; margin:0 0 0 50px; 
	z-index:1;
	}

#footer {
	clear:both; width:500px; margin-top:0px; font-size:11px;
	background:url(images/back1.jpg) repeat-y; text-align:center;
	}



/* NAVIGATIONAL ELEMENTS */


#nav {z-index:3; font-size: 1.2em;}
#nav a {color:#000;text-decoration:none; margin-left:5px;}
#nav a:hover {color:#07B6D0;text-decoration:none}
li.nav {margin-right:6px;}
#navigation ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
}

li.nav { /* all list items */
	float: left;
	position: relative;
}

li ul { /* second-level lists */
	display: none;
	position: absolute;
	top: 1em;
	left: 0;
	padding:3px 7px;
	border:1px solid #27444C;
	}

li {list-style-type: none;
}


li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
	top: auto;
	left: auto;
}

li:hover ul, li.over ul { /* lists nested under hovered list items */
	display: block; clear:left; 
}

.subnavauthor {width:110px;}
.subnavbooks {width:120px;}
.subnavmovies {width:110px;}
.subnavfeatures {width:140px;}
.subnavcommunity {width:110px;}
.subnavabout {width:110px;}
.subnavworkshops {width:110px;}


li.subnav {float:none; margin-left:5px;}




.clear, .reset {
  clear:both;
  }

.clearboth { clear: both; }

ul#menu
{
	margin:-10;
	padding-top:0;
	list-style-type:none;
	width:772px;
	position:relative;
	display:block;
	height:36px;
	font-size:12px;
	font-weight:bold;
	text-transform:lowercase;
	background:transparent url("images/bg.jpg") repeat-x top left;
	font-family:"Trebuchet MS",Helvetica,Arial,Verdana,sans-serif;
	border-bottom:1px solid #000000;
	border-top:1px solid #000000;
}

ul#menu li
{
	display:block;
	float:right;
	margin: 0;
	padding:0;
}
	
ul#menu li a
{
	display:block;
	float:left;
	color:#ddd;
	text-decoration:none;
	font-weight:bold;
	padding:12px 20px 0 20px;
	height:24px;

}
	
ul#menu li a:hover
{	
	color:#FFFFFF;
	background:transparent url("images/over3.jpg") no-repeat top right;	
}



/* book area code*/

.main {
	font-family: Helvetica;
	font-size: 10px;
	font-weight: normal;
	line-height: 14px;
	color: #555555;
	vertical-align:top;
	text-decoration: none;
}

.pageTitle {
	font-family: Georgia;
	font-size: 20px;
	font-weight: bold;
	line-height: 18px;
	color: #652A15;
	text-decoration: none;
}

.header {
	font-family: Georgia;
	font-size: 13px;
	font-weight: bold;
	color: #652A15;
	vertical-align:top;
	text-decoration: none;
}


.mainLink A:link {
	text-decoration: underline;
	color: #336699;
}
.mainLink A:visited {
	text-decoration: underline;
	color: #336699;
}
.mainLink A:active {
	text-decoration: underline;
	color: #a72700;
}
.mainLink A:hover {
	text-decoration: underline; 
	color: #a72700;
}

.sideLink A:link {
	text-decoration: underline;
	font-size: 11px;
	font-weight: bold;
	color: #a72700;
}
.sideLink A:visited {
	text-decoration: underline;
	font-size: 11px;
	font-weight: bold;
	color: #a72700;
}
.sideLink A:active {
	text-decoration: underline;
	font-size: 11px;
	font-weight: bold;
	color: #a72700;
}
.sideLink A:hover {
	text-decoration: underline;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
}

.note {
	font-family: Helvetica;
	font-size: 10px;
	font-weight: normal;
	line-height: 13px;
	color: #666666;
	text-decoration: none;

}

.notes {
	font-family: Helvetica;
	font-size: 11px;
	font-weight: normal;
	color: #333333;
	text-decoration: none;

}

img.inset

{	margin-top: -0px;
	margin-left: -0px;
	border-style:solid;
	border-color: black;
	border-width:1px;

}

img.book

{
border-width: 4px;
border-color: #333333;
border-style: double; 
}