/*

	TITLE: QB Jonhson
	DATE:  9-26-06
	
*/
/* 
 ZERO
-----------------------------------------------*/
h1, h2, h3, h4, h5, h6,
ul, li,
p, br, form,
img{
	margin: 0;
	padding: 0;
	border: 0;
}

/*
 MAIN 
-----------------------------------------------*/
body{
	font-family: Verdana;
	font-size: 11px;
	margin: 0px;
	background: #d7dbe4 url('images/bg.gif') repeat-x;
}

/* links */	
a{
	font-weight: bold;
	color: #000;	
}
a:hover{
	text-decoration: none;
}

/* heading */
h1, h2, h4, h5, h6{
	color: #455064;	
}
h1{
	font-size: 1.9em;	
	margin: 2px 0px;
	padding: 5px 0px;
	font-weight: normal;
}
h2, #subCol h1{
	font-size: 1.6em;	
	margin: 2px 0px;
	padding: 2px 0px;
	font-weight: normal;
}
h3{
	font-size: 1.5em;	
	margin: 0px 0px 6px 0px;
	padding: 3px 0px;
}
h4{
	font-size: 1.2em;	
	margin: 2px 0px;
	padding: 3px 0px;
}
h5{
	font-size: 1.0em;	
	margin: 2px 0px;
	padding: 3px 0px;
}
h6{
	font-size: .9em;	
	margin: 2px 0px;
	padding: 1px 0px;
	font-weight: normal;
}

/* para-list */
p{
	margin: 5px 0px;
	padding: 3px 0px;	
	line-height: 14px;
}
br{
	margin: 0px 0px 0px 0px;
}

/*
 LAYOUT.
-----------------------------------------------*/
#frame{
	width: 776px;
	margin: 0 auto;	
}
#header{
	width: 776px;	
}
	#name{
		width: 396px;
		height: 88px;
		background: url('images/name.gif') no-repeat;	
	}
	#top_nav{
		height: 42px;
	}
	#quote{
		padding: 7px 0 0 7px;
		height: 17px;	
		color: #474f64;
		font-weight: bold;
	}
	#logo{
		position: absolute;
		width: 151px;
		height: 160px;
		margin-left: 602px;
		margin-top: -88px;
		background: url('images/logo.gif') no-repeat;	
	}
		#logo img{
			width: 151px;
			height: 160px;
		}	
	
#container{

}
body#inside #container{
	background: #fff url('images/patch.gif') repeat-y;
}
body#inside #insCont{
	width: 776px;
	background: url('images/body.gif') no-repeat;
}
	#home_img{
		width: 776px;
		height: 282px;
		margin-bottom: 35px;
		background: url('images/home-image.gif') no-repeat;	
	}
		#side_nav{
			width: 190px;
			float: right;
			margin-top: 20px;
			margin-right: 14px;
			display: inline;
		}
	#mainCol{
		width: 358px;
		padding: 10px 24px 10px 24px;
		float: left;
		margin-left: 6px;
		display: inline;
		background: #ecedf1;	
	}
	body#inside #mainCol{
		width: 500px;
		height: auto;
		_height: 400px;
		min-height: 400px;
		padding: 18px 24px 10px 24px;
		background: transparent;	
	}
	body#inside.admin #mainCol{
		width: 700px;
		padding: 18px 34px 10px 34px;
	}
	
	#subCol{
		width: 352px;
		float: right;
	}
	body#inside #subCol{
		width: 194px;
		margin-right: 13px;
		float: right;
		display: inline;	
	}
		#right_nav{
			width: 194px;
			padding: 0px 0px;
			margin: 21px 0 18px 0;
			background: #ecedf1 url('images/right-nav-hd.gif') no-repeat;	
		}
			#right_nav h3{
				font-weight: normal;
				font-size: 1.5em;
				letter-spacing: -0.05em;
				margin: 12px 15px -10px 15px;
				_margin: 0px 15px -10px 15px;	
				padding: 10px 0;
				color: #455161;
				background: url('images/side-nav-sep.gif') bottom repeat-x;
			}
			#right_nav ul{
				padding: 13px 19px 15px 18px;
				background:  url('images/right-nav-ft.gif') bottom no-repeat;
			}
		#side_sec{
			padding: 11px 14px 11px 14px;
			background: #ecedf1;	
		}
		body#inside #side_sec{
			margin: 25px 0 0 0;	
		}
			body#inside #side_sec h1{
				font-weight: normal;
				font-size: 1.5em;
				letter-spacing: -0.05em;
				color: #455161;
			}
		#side_search{
			display: none;
			padding: 14px 20px 16px 18px;
			margin: 7px 0px;
			font-weight: bold;
			background: #b9c1ce;	
		}
			input.searchBtn{
				margin-left: 4px;
				margin-bottom: -4px !important;
				margin-bottom: -2px;	
			}
			body#inside input.searchBtn{
				margin: 5px 0 0 0;
			}

#footer{
	width: 756px;
	float: left;
	padding: 15px 7px;
	margin-left: 6px;
	margin-top: 15px;
	display: inline;
	color: #545454;
	border-top: 11px solid #455064;
}
body#inside #footer{
	margin-top: 0;	
}
	#footer ul ul{
		display: none;
	}
	#footer p{
		font-size: .9em;
	}

/*
 NAVIGATIONS & LISTS.
-----------------------------------------------*/
/* top nav */
#top_nav ul{
	padding:0;
}
#top_nav li{
	padding: 0px;
	float: left;
	list-style: none;	
}
#top_nav li a{
	color: #fff;
	padding: 14px 9px 15px 8px;
	display: block;
	text-decoration: none;	
	background: url('images/top-nav-sep.gif') right 0px no-repeat; 
}
#top_nav li a:hover, #top_nav li a.selectedPageRoot, #top_nav li a.selectedPage, #top_nav li a.selectedPageSectionRoot{
	background: url('images/top-nav-hover.gif') right 0px no-repeat;
}

/* side nav */
#side_nav ul{
	margin: 14px 19px 0px 15px;
}
#side_nav li{
	padding: 0;
	width: 160px;
	float: left;
	list-style: none;
	background: url('images/side-nav-sep.gif') bottom repeat-x;
}
#side_nav li a{
	padding: 7px 11px 7px 11px;
	text-decoration: none;
	display: block;	
	color: #474f64;
	background: url('images/side-nav-style.gif') 0 8px no-repeat;
}
#side_nav li a:hover, #side_nav li a.selectedPage{
	background: url('images/side-nav-hover.gif') no-repeat;
}

/* right nav -- side nav for the inside pages */
#right_nav ul{/* Defined Above */}
#right_nav li{
	width: 157px;
	padding: 0px 0px 0px 0px;
	list-style: none;
	background: url('images/side-nav-sep.gif') bottom repeat-x;
}
#right_nav li a{
	padding: 6px 11px 9px 11px;
	text-decoration: none;
	display: block;
	color: #474f64;
	background: url('images/side-nav-style.gif') 0 7px no-repeat;
}
#right_nav li a:hover, #right_nav li a.selectedPage{
	background: url('images/side-nav-hover.gif') no-repeat;
}

/* footer nav */
#footer ul{
	padding: 0 0 0px 0;	
}
#footer li{
	padding: 0 9px 0 0;
	display: inline;	
}
#footer a{
	color: #455064;
	text-decoration: none;	
}


/*
 CONTENT.
-----------------------------------------------*/

/*
 MISC.
-----------------------------------------------*/
.left{
	float: left;	
}
.right{
	float: right;	
}
.black{
	color: #000;	
}
.white{
	color: #fff;	
}
.hide{
	display: none;
}
#AdminPanel{
	position: absolute;
	z-index: 1;
}
#top_nav ul ul{
	display: none;
}
.searchBtn{

}
#mainCol td.data{
	border: 1px solid #d7dbe4;
	padding: 5px;
}
#mainCol ul{
	padding: 5px 5px 5px 15px;
}
img.t_img{
	border: 1px solid #ccc;
	padding: 5px;
	margin: 0px 10px;
}
img.c_img{
	border: 1px solid #ccc;
	padding: 5px;
	margin: 0px 10px;
	float: right;
}
td{
	vertical-align: top;
}
hr{
	width: 100%;
	display: block;
	float: left;
}
/* clearing */
#container:after,
#insCont:after{
	content: '.';
	height: 0px;
	visibility: hidden;
	display: block;
	clear: both;	
}
#top_nav li.showLink{
	display: none;	
}