/* ******************************
Overview Template
Copyright (c) 2008 - 2008 Reflections of Christ, All Rights Reserved
****************************** */




/* ******************************
Reset Code - An overall, master reset to make code behave and to cut down on repetitive declarations
****************************** */

html, body,
div,
ul, ol, li,
h1, h2, h3, h4, h5, h6,
form, fieldset, input,
img,
p, blockquote {
	margin:0;
	padding:0;
}

html, body {
	height:100%;
}

h1, h2, h3, h4, h5, h6 {
	font-size:1em;
	font-weight:normal;
	font-style: normal;
}
ul, ol {
	list-style: none;
}

img {
	border:none;
}

fieldset {
	border:none;
}

strong, label {
	font-weight: bold;
}
em {
	font-style: italic;
}

/* ******************************
Preset Classes - Classes that are universally available and applied
****************************** */

/*--------------- Layout --------------------*/
.float {
	float:left;
}
.floatOpposite {
	float:right;
}

.clear {
	clear:both;
}
.clearLeft {
	clear:left;
}
.clearRight {
	clear:right;
}


.offPage {
	position:absolute;
	left:-999em;
}

/*--------------- Text --------------------*/
.price {
	font-weight:600;
	color:#065e25;
}
.bonus {
	font-weight: bold;
	color:#f00;
}

.bigger {
	font-size:120%;	
}
.smaller {
	font-size:76%;
}

.strike {
	text-decoration:line-through;
	font-weight:600;
}

.error {
	color:#f00;
}

.alignStyle1 {
	text-align:center;
}
.alignStyle2 {
	text-align:right;
}
.alignStyle3 {
	text-align:left;
}

.extraLine {
	margin-bottom:1.4em;
}

/*--------------- Lists --------------------*/
.ulStyleSpaced li {
	margin-bottom:.6em;
}
	.ulStyleSpaced li p {
		padding:.6em 0 0 0;
	}
.olStyleSpaced li {
	margin-bottom:.6em;
}
	.olStyleSpaced li p {
		padding:.6em 0 0 0;
	}

/* ******************************
Basic CSS - groundwork appearance code for this template
****************************** */

body {
	font-family:arial, helvetica, sans-serif;
	font-size:80%;

	color:#000000;
	
	background:#3a3a3b url("/images-layout/site-bg.gif") 50% 0 repeat;
}

p {
	margin:0 0 1.4em 0;
	line-height:1.4em;
}

a:link {
	color:#888;
}
a:visited, a:active {
	color:#888;
}
a:hover { 
	color:#7C1B10;
	text-decoration:none;
}

h1 {
	margin-bottom:.3em;
	font-size:140%;
	font-family: Palatino, Georgia, serif;
	color:#a00000;
}

h1.pageHeader {
	position:absolute;
	top:-20px;
	left:80px;
	height:41px;
	width:209px;
	text-align: center;
	font-variant:small-caps;
	color:#fff;
	background: url('images-layout/h1-bg.gif') left top no-repeat;
	z-index:10;
}
h1.storeHeader {
	color:#333;
}

h2 {
	margin-bottom:.3em;
	font-family: Palatino, serif;
	font-size:140%;
	color:#333;
}

h3 {
	margin-bottom:.3em;
	font-family: Palatino, serif;
	font-size:120%;
	color:#333;
}

img {
	
}

.hr {
	margin:1.4em 0;
	border-bottom:1px solid #B2B4B6;
}

	.bookhr {
		margin-left:288px;
	}

.hr2 {
	margin:1.4em 0;
	/*border-bottom:1px solid #e19e2a;*/
	color: #b2b4b6;
	background-color: #b2b4b6;
	height: 1px;
}

ul, ol {
	margin-bottom:.6em;
}

.ulStyle1 {
	margin-bottom:.6em;
	padding-left:18px;
	list-style:circle;
}
.ulStyle1 li {
	margin:0 0 0.7em 0;
	line-height:1.4em;
}

.btn{
	background-image: url(images/submit_button.png);
	background-repeat: no-repeat;
	height: 40px;
	width: 113px;
	background-position: center center;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	}

#container {
	border: 1px solid #999a9a;
}
#content {
	background:#fff;
}
#columnWrapper {
	padding-bottom:8px;
}



/* ******************************
Selected Navigation Design and Theme
****************************** */
#navigation {
	margin:0;
	padding:0 0 0 2px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:89%;
	color: #CCCCCC;
}
	#navigation ul {
		margin:0;
		padding:0;
		
		width:auto;
		
		list-style:none;
	}
		#navigation ul li {
			position:relative;
			margin:0;
			padding:0;
			
			width:100%;
			text-align:right;
			z-index:1;
		}
			#navigation ul li a:link, #navigation ul li a:visited, #navigation ul li a:active {
			    display:block;
				
				margin:0;
				padding:5px 35px 0 0;
				
				text-decoration:none;
				font-variant:small-caps;
				font-size:110%;
				letter-spacing:1px;
				color:#999;
				outline:none;
				background:url('images-layout/ie7-fix.gif') 0 0 repeat
			}
			#navigation ul li a:hover {
	text-decoration:none;
	color: #FFFFFF;
			}
			#navigation ul li a:active {
				
			}

		/* List Item Hover Styles */
		#navigation ul li:hover,
		#navigation ul li.over {
			padding:0;
			z-index:2;
		}
			#navigation ul li:hover a:link, #navigation ul li:hover a:visited,
			#navigation ul li.over a:link, #navigation ul li.over a:visited {
				text-decoration:none;
				color:#FFFFFF;
			}

		/* Current Styles */
		#navigation ul li.current {
			height:auto;
		}
			#navigation ul li.current a:link, #navigation ul li.current a:visited {
				color:#FFFFFF;
			}
			#navigation ul li.current a:hover, #navigation ul li.current a:active {
				color:#FFFFFF;
			}



/***************************************************************
Appearance and Location for Sub Menus
***************************************************************/

#navigation ul li ul {
	display:none;
	position:relative;
	overflow:hidden;
	margin:0;
	width:100%;
	padding-right:0;
	font-style:italic;
}
#navigation ul li.current ul {
	display:block;
}
#navigation ul li ul.subNav {
	display:block;
	background:url('images-layout/ie7-fix.gif') 0 0 repeat
}
	#navigation ul li ul li {
		margin:0;
		padding:0;
		width:100%;
		
	}
	#navigation ul li.current ul li {
		
	}
		#navigation ul li ul li a:link, #navigation ul li ul li a:visited {
			display:block;
			padding:2px 35px 2px 0;
			width:126px;
			font-size:95%;
			font-variant:normal;
			font-weight:normal;
			letter-spacing:0;
			text-decoration:none;
			color:#999;
		}
		#navigation ul li ul li.first a:link, #navigation ul li ul li.first a:visited { background:url('images-layout/ie7-fix.gif') 0 0 repeat !important; }
		#navigation ul li ul li a:hover, #navigation ul li ul li a:active {
			padding:2px 35px 2px 0;
			font-size:95%;
			font-variant:normal;
			letter-spacing:0;
			text-decoration:none;
		}
		
		#navigation ul li:hover ul li a:link, #navigation ul li:hover ul li a:visited,
		#navigation ul li.over ul li a:link, #navigation ul li.over ul li a:visited {
			color:#999;
		}
		#navigation ul li:hover ul li a:hover, #navigation ul li:hover ul li a:active,
		#navigation ul li.over ul li a:hover, #navigation ul li.over ul li a:active {
			color:#FFFFFF;
		}
		
		#navigation ul li.current ul li a:link, #navigation ul li.current ul li a:visited {
			color:#999;
		}
		#navigation ul li.current ul li a:hover, #navigation ul li.current ul li a:active {
			color:#FFFFFF;
		}
		
		#navigation ul li.current ul li.current a:link, #navigation ul li.current ul li.current a:visited,
		#navigation ul li.current ul li.current a:hover, #navigation ul li.current ul li.current a:active {
			color:#FFFFFF;
		}#navigation {
	position:absolute;
	top:131px;
	right:14px;
	width:161px;
}


/* ******************************
Design Layout Code
****************************** */

body {
	min-width:960px;
	background-color: #000000;
}

#siteName {
	position:absolute;
	left:-999em;
}

#container {
	position:relative;
	top:0px;
	width:820px;
	text-align:center;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 40px;
	margin-left: auto;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	
}

#content {
	position:relative;
	margin-top:20px;
	width:830px;
	text-align:left;
	z-index:2;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 0px;
	background-image: url(../images/back2.jpg);
	background-repeat: repeat-y;
	background-position: center center;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	color: #CCCCCC;
	margin-bottom: 20px;
}

#columnWrapper {
	position:relative;
	padding-right:0px;
	padding-left:25px;
	min-height:450px;
	height:900px;
	width:800px;
	margin: 15px;
}
#columnWrapper {
	padding-bottom:0;
}

#flashContent {
	font-size:0;
	top: 20px;
}

#form {
	width:750px;
	z-index:1;
	right: 5px;
	/* left: 417px; */
	top: 526px;
	height: 230px;
}

#info{
	position:fixed;
	width:269px;
	top: 526px;
	height: 230px;
}



/* ******************************
Template Layout Code
****************************** */