/****************
Remove all unwanted style
****************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*****************
*** BODY
******************/
body {
	width: 700px;
	min-width: 700px;
	max-width: 700px;
	border: solid 0px blue;
	padding-left: 10px;
	background-color: white;
}

#divBody {}

/*****************
*** MENUS AND LINKS
*** SEO TEXT AND HEADER IMAGE
******************/
a {
	color: blue;
	text-decoration: none;
}

a:hover {}

#seoH3 {}
	
	#pageTopH3 {
		margin: 10px 0 10px 5px;
		font-size: 14px;
		font-weight: normal;
	}
	
#header {
	height: 145px;
	max-width: 700px;
	margin-bottom: 10px;
}

	#header img {}
	
/*****************
*** SIDE NAVIGATION
******************/
#side_nav {
	position: relative;
	float: left;
	width: 196px;
	min-width: 196px;
	max-width: 196px;
	border: solid 2px #CCCCCC;
}	
	
	#side_nav a {
		padding: 0 0 0 10px;
		width: 98%;
	}
	
	#side_nav a:hover {
		background-color: yellow;
	}
	
	#menu_top_image {
		width: 200px;
		height: 20px;
		margin: -2px 0 0 -2px;
		background: url(./images/menu_top.png) no-repeat top;
	}
	
	#menu_bottom_image {
		width: 200px;
		height: 20px;
		margin: 0 0 -2px -2px;
		background: url(./images/menu_bottom.png) no-repeat top;
	}
	
/*****************
*** CONTENT
******************/
#content_area {
	position: relative;
	float: right;
	width: 486px;
	min-width: 486px;
	max-width: 486px;
	border: solid 2px #CCCCCC;
}

	#top_content_image {
		width: 490px;
		height: 20px;
		margin: -2px 0 0 -2px;
		background: url(./images/content_top.png) no-repeat top;
	}
	
	#bottom_content_image {
		width: 490px;
		height: 20px;
		margin: 0 0 -2px -2px;
		background: url(./images/content_bottom.png) no-repeat top;
	}
	
/*****************
*** HOME PAGE
******************/
#title {}

	#title p {
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	}
	
	#verse {
		background-color: yellow;
		margin: 15px;
		padding-top: 5px;
		padding-right: 20px;
		padding-bottom: 5px;
		padding-left: 20px;
	}
	
	#text_area p {
		font-size: 16px;
		margin: 20px 10px 5px 10px;
	}
	
/*****************
*** RESULTS
******************/
.result_set {
	margin: 10px;
	padding: 10px;
	border-top: solid 2px #CCCCCC;
	border-bottom: solid 2px #CCCCCC;
}

	.resultItemImage {}
	
	.resultItemDetail {}
	
/*****************
*** DETAILS
******************/
#detail_set {
	margin: 10px;
	padding: 10px;
}

/*****************
*** FOOTER
******************/
#footer_nav {
	position: relative;
	float: left;
	clear: both;
	width: 696px;
	min-width: 696px;
	max-width: 696px;
	margin: 10px 0 20px 0;
	border: solid 2px #CCCCCC;
}

	#foot_image_top {
		width: 700px;
		height: 20px;
		margin: -2px 0 0 -2px;
		background: url(./images/footer_top.png) no-repeat top;
	}
	
	#foot_image_bottom {
		width: 700px;
		height: 20px;
		margin: 0 0 -2px -2px;
		background: url(./images/footer_bottom.png) no-repeat top;
	}