/********************************************
   HTML ELEMENTS
********************************************/ 

/* top elements */
* { padding: 0; margin: 0; }

html {height:100%; overflow-y:scroll;} /* Forces vertical scroll bar to be visible */

body {
	margin: 0; 	padding: 0;
	font: normal 1em/1.75em Verdana, Arial, Helvetica, serif;
	color: #333;
	background: #979797;
	text-align: center;
}

/* links */
a { background: inherit; color: #aa7711; text-decoration: none; }
a:hover { background: inherit; color: #333; text-decoration: underline; }

/* headers */
h1 { font-size: 1.8em; font-weight:bold; }
h2 { font-size: 1.6em; }
h3 { font-size: 1.4em; }
#main h1:first-of-type { padding-top: 1.25em; }

p, h1, h2, h3 {
	margin: 10px 15px;
}
ul, ol {
	margin: 10px 30px;
	padding: 0 15px;		
}

/* images */
img {
   border: 0;
}
img.float-right {
   margin: 5px 0 5px 15px;  
}
img.float-left {
  margin: 5px 15px 5px 0;
}


/***********************
	  LAYOUT
************************/

#header-content, #content, #footer-content {
	width: 1200px;
   background-color: #000;
}

/* header */
#header {
	text-align: left;	
}
#header-content {	
	margin: 0 auto; padding: 0;
	position: relative;
}

.logo {
   margin-left: 50px;
}

.headerphoto {
	width: 1200px;
	margin: 0 auto;
	padding: 10px 10px 10px 10px; 
	background: url(assets/title2.jpg) no-repeat 50% center;
}

/* content */
#content-wrap {
	clear: both;
	width: 1200px;
	margin: 0 auto;
}
#content {
	float: left;
	text-align: left;
	padding: 0;
	margin: 0 auto;	
   background-color: #000;
}

/* sidebar */
#sidebar {
	float: left;
	width: 14%;
	/*margin: 0 0 10px 0; */
   padding: 0;
	color: #d6d640;
   background-color: #000;
   font-size: 1.15em;
   font-weight: bold;
   text-align: center;
}
#sidebar table.center {
   margin-left:auto; margin-right:auto;
}
#sidebar .cat {
	color: #ffc837;	
   font-size: 1.15em;
   font-weight: bold;
   font-variant: small-caps;
}
#sidebar a {
	text-decoration: none;
	color: #999;	
}
#sidebar a:visited {
	text-decoration: none;
	color: #444;	
}
#sidebar a:hover {
	text-decoration: underline;
	color: #fff;
}

/* main */
#main {
	float: right;
	width: 85%;	
	margin: 0 0 10px 0; 
   padding: 0;	
   background: #eee;
/*   background: #eee url(assets/mainbg.jpg) repeat-x;*/
}
#main h1 {
	padding: 15px 0 0 0;
}
#main p {
   margin: 0 2.5em 1.55em 2.5em;
}
#nametable {
	margin-left: 7em;
}

/* chapter */
#chapter {
font-size: 1.2em;
line-height: 1.4em;
}

/* footer */
#footer {
	clear: both;
	margin: 0; 
   padding: 0;
	font-size: .7em;
}
#footer-content {	
	margin: 0 auto;
   color: #ffc837;
   background-color: #000;
}
#footer p {
   text-align: right;
	margin: 0 10px 10px 0;
   line-height: .9em;
}

.chptnum {
   font-weight: bold;
   color: #000;
   background-color: #fff;
}

.pagenum {
   font-weight: bold;
   color: #fff;
   background-color: #000;
}

p.initial:first-letter
{
   font-size: 225%;
   font-weight: bold;
   padding-right: .1em;
   vertical-align: baseline;
   color: #ffc837;
   text-shadow: 3px 3px 1px #000;
}

.copy {
   font-size: .75em;
   line-height: 1.35em;
}

.appendix {
   margin-left: 50px;
   font-size: 1.1em;
   line-height: 1.5em;
}

/* alignment classes */
.float-left  { float: left; }
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right {	text-align: right; }

/* additional classes */
.clear { clear: both; }

/* page border classes */
.topLeft     { background: url(assets/topleft.gif) no-repeat top left; }
.topRight    { background: url(assets/topright.gif) no-repeat top right; }
.bottomLeft  { background: url(assets/bottomleft.gif) no-repeat bottom left; }
.bottomRight { background: url(assets/bottomright.gif) no-repeat bottom right; }

.top     { background: url(assets/topmid.gif) repeat-x top; margin-top: -10px;}
.bottom  { background: url(assets/bottom.gif) repeat-x bottom; margin-bottom: -30px;}
.left    { background: url(assets/left.gif) repeat-y left; }
.right   { background: url(assets/right.gif) repeat-y right; }