body {
	font-family : Verdena, Tahoma, Arial, sans-serif;
	}

/* Paragraph Styles */
p {
	margin-left: 20px;
	margin-right: 10px;
	margin-top: 0px;
	margin-bottom: 6px;
	font-size: 10pt;
	font-weight: normal;
}
.indent {
	padding : 2px;
	margin-top : 0px; 
	margin-bottom : 0px;
	margin-left : 40px;
	margin-right : 40px;
	text-align : justify;
	 }
.center {
	text-align : center;
	}	
.right {
	text-align: right;
}
.left {text-align: left; }

.sm { font-size: 8pt;}

.white {
	color: #fff;
}
.black {
	color: #000;
}
.blue {
	background: #cccccc;
	color: #000;
}
.redhighlt {background: red;
		color: #fff;
}
.bluehighlt {background: #69c;
		color: #fff;

}
.citation {
	font-size : 9pt;
	font-style : italic;
	text-align : right;
	}
caption {
	padding: .5em;
	letter-spacing: .2em;
	text-align: left;
	text-transform: uppercase;
	font-size: 80%;	
	}
.footer { 
	clear: both;
	color : #000000;
	font-size : 9pt;
	font-weight: normal;
	margin-top : 8px;
	margin-bottom : 8px;
	padding: 2px;
	text-align : center;
	 }

blockquote {
	font-size: 10pt;
	color: #333333;
	margin-left: 20px;
}
	
/* Link Styles */
a, a:link { color: #3366cc; font-weight: bold; font-size: 9pt; }
a:visited { color: #3366cc; font-weight: bold; font-size: 9pt; }
a:hover { color: #3366cc; font-weight: bold; font-size: 9pt; background: #ccffff; }

a.sitemap { color: #000000; font-weight: bold; font-size: 11pt; padding: .5em}
a, a:link.chapter {
	color:navy; font-weight: bold; font-size: 12pt; text-decoration: none;
}

/* Header Styles */
h1 {
	clear: both;
	font-size: 14pt;	
	font-weight: bold;
	margin-left: 20px;	
	padding: 2px;
	text-align: left;
	color: #6699cc;
}
h2 {
	font-family: Trebuchet, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12pt;
	color: #333333;
	font-weight: bold;
	margin-left: 15px;
	padding: 2px;
	text-align: left;
}

/* List Styles */
ol { list-style: decimal inside; margin-right: 12px; 
}

ul {
	display : block;
	list-style : square outside;
	text-align : left;
	font-weight : normal;
	padding : 6px;
	margin-left: 20px;
	white-space: inherit;
	 }
ul.none {
	list-style: none; padding: 0px; margin-left: 0;
}

li { color: black; font-size: 10pt; margin-top: 0px; margin-bottom: 2px; padding: 4px; margin-left: 20px; margin-right: 12px;  line-height: 14px; }


hr {
	color: #999;
	width: auto;
}
/* Table Style */


table { 
	border: 1px solid #000;
	margin-left: 20px;
	}
table.noBorder {
	border: none;
	margin-left: 20px;	
}

th {
	background: #3366cc;
	color: #fff;
	padding: .5em;
	font-weight: bold;
	text-align: left;
	}
tbody td, tbody th {
	padding: .5em
	} 
	
.clearFloats {clear: both;}

/* Division Styles */
#wrapper {
	border: 4px solid #6699cc;
	width: 850px;
	margin-top: 15px;
	margin-right: auto;
	margin-left: auto;
	background-color: #ffffff;
	background-image: url(../images/bkg_parch.jpg);
	padding: 10px;
	}


/* Horiztonal Navigation */
#navlist
{
float: right;
margin: 0;
padding: 0 0 20px 10px;
border-bottom: 1px solid #000;
}

#navlist ul, #navlist li
{
margin: 0;
padding: 0;
display: inline;
list-style-type: none;
}

#navlist a:link, #navlist a:visited
{
float: left;
line-height: 14px;
font-weight: bold;
margin: 0 10px 4px 10px;
text-decoration: none;
color: #999;
}

#navlist a:link#current, #navlist a:visited#current, #navlist a:hover
{
border-bottom: 2px solid #000;
padding-bottom: 2px;
background: transparent;
color: #000;
}

#navlist a:hover { color: #6699ff; }

#header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
#Column1 {
	width: 380px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	/*background: #EBEBEB;*/ /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 15px 10px 15px 20px;
	margin-top: 0px;
	margin-bottom: auto;
}
#Column2 {
	padding: 10px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	float: right;
	margin-top: 0px;
	margin-bottom: auto;
	width: 400px;
} 

div#col1 {
	float: left; width: 40%; margin-left: 10px; padding-left: 2px;
	padding-right: 2px; padding-bottom: 6px; padding-top: 0; text-align:
	left; vertical-align: top;	 	/* overflow: auto; */
	}

div#col2 {
	float: left; 	width: 40%; 	margin-left: 10px;	padding-left: 2px;
	padding-right: 2px; 	padding-bottom: 6px; 	padding-top: 0;
	text-align: left; 	vertical-align: top;	 	/* overflow: auto; */
	}	

div#Box1 {
	float: left;
	width: 90%;
	margin-left: 10px;
	text-align: left;
	vertical-align: top;
	border: 1px;
	border-style: dashed;
	border-color: #36c;
	margin-top: 20px;
	padding: 10px;
	}
div#Box2 {
	float: left;
	width: 90%;
	margin-left: 10px;
	text-align: left;
	vertical-align: top;
	border: 1px;
	border-style: solid;
	border-color: #36c;
	margin-top: 20px;
	padding: 10px;
	}
div#Box3 {
	float: left;
	width: 90%;
	margin-left: 10px;
	text-align: left;
	vertical-align: top;
	border-color: #36c;
	margin-top: 20px;
	padding: 10px;
	}

div#contentBox {
	float: left; width: 45%; margin-left: 10px; 	padding-left: 6px;
	padding-right: 10px; 	padding-bottom: 6px; 	padding-top: 0; 		  text-align: left; vertical-align: top;	margin-top: 20px;
	}

div#content {
	float: right; 	width: 45%; 	margin-left: 10px; 	padding-left: 6px;
	padding-right: 10px; 	padding-bottom: 6px; 	padding-top: 0; 		  text-align: left; 	vertical-align: top;	 margin-top: 20px;	/* overflow: auto; */
	}
	
div#content1 {
	float: left; 	width: 45%; 	margin-left: 10px; 	padding-left: 6px; border: 1px; border-style: dashed; border-color: #36c; 
	padding-right: 10px; 	padding-bottom: 6px; 	padding-top: 0; 		  text-align: left; 	vertical-align: top;	 	/* overflow: auto; */
	}

div#content2 {
	float: left; 	width: 45%; 	margin-left: 10px;	padding-left: 6px;
	padding-right: 6px; 	padding-bottom: 6px; 	padding-top: 0;
	text-align: left; 	vertical-align: top;	 	/* overflow: auto; */
	}	

div#content3 {
	float: left; 	width: 45%; 	margin-left: 10px; 	padding-left: 6px;
	padding-right: 10px; 	padding-bottom: 6px; 	padding-top: 0; 		  text-align: left; 	vertical-align: top;	 	/* overflow: auto; */
	}

div#content4 {
	float: left; 	width: 45%; 	margin-left: 10px;	padding-left: 6px;
	padding-right: 6px; 	padding-bottom: 6px; 	padding-top: 0;
	text-align: left; 	vertical-align: top;	 	/* overflow: auto; */
	}	
	
div#slide_show {
	float: left; 	width: 310px; height: auto; padding: 6px;
		/* overflow: auto; */
	}