/* David Home Center Layout - www.davidhomecenter.com */
/* Copyright (c) 2007 David Home Center. All rights reserved. */
/* Created for David Home Center by Open Development, June 2007. */





/* -------------- GENERAL ----------------- */



	
body
	{
	margin: 0;
	padding: 0;
	border: 0;
	background: #a3a8b5;
	font: 70% Verdana, sans-serif;
	text-align: center;
	color: #000;
		}
	


/* -------------- TYPOGRAPHY ----------------- */



h1
	{
	font-size: 2.5em;
	font-family: Georgia, serif;
	color: #703e1e;
		}

h2
	{
	font-size: 2em;
	font-family: Georgia, serif;
	line-height: 1.2em;
	color: #11298d;
	font-weight: normal;
		}

h3
	{
	font-size: 1.5em;
	font-family: Georgia, serif;
		}

h4
	{
	font: bold 1.25em Verdana, sans-serif;
	color: #11298d;
	line-height: 1em;
		}

h5
	{
	font-size: 1em;
	font-family: Georgia, serif;
		}

h6
	{
	font-size: .9em;
		}

strong
	{
	font-weight: bold;
		}

em
	{
	font-style: italic;
		}

pre,code
	{
	font: normal 100% courier,monospace;
		}
		
		
		
		
		
		
		


		
		
		
		

/* -------------- VERTICAL NAVIGATION ----------------- */



#mainNav
	{
	margin: 0;
	height: 296px;
	width: 180px;
	background: url(../images/navblock.gif) no-repeat;
		}

			
#mainNav span
	{
	display: none;
		}
		
#mainNav h4
	{
	display: none;
		}
		
#mainNav ul
	{
	margin: 0;
	padding: 0;
	height: 30px;
	position: relative;
		}
		
#mainNav li
	{
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 0;
		}
		
#mainNav li, #mainNav a
	{
	height: 30px;
	display: block;
		}
		
#mainNav #nav1
	{
	left: 0px;
	width: 180px;
		}

#mainNav #nav1 a:hover
	{
	background: transparent url(../images/navblock.gif) -180px -0px no-repeat;
		}
		
#mainNav #nav2
	{
	left: 0px;
	width: 180px;
		}

#mainNav #nav2 a:hover
	{
	background: transparent url(../images/navblock.gif) -180px -0px no-repeat;
		}
		
#mainNav #nav3
	{
	left: 0px;
	width: 180px;
		}

#mainNav #nav3 a:hover
	{
	background: transparent url(../images/navblock.gif) -180px -30px no-repeat;
		}
		
#mainNav #nav4
	{
	left: 0px;
	width: 180px;
		}

#mainNav #nav4 a:hover
	{
	background: transparent url(../images/navblock.gif) -180px -60px no-repeat;
		}
		
#mainNav #nav5
	{
	left: 0px;
	width: 180px;
		}

#mainNav #nav5 a:hover
	{
	background: transparent url(../images/navblock.gif) -180px -90px no-repeat;
		}
		
#mainNav #nav6
	{
	left: 0px;
	width: 180px;
		}

#mainNav #nav6 a:hover
	{
	background: transparent url(../images/navblock.gif) -180px -120px no-repeat;
		}
		
#mainNav #nav7
	{
	left: 0px;
	width: 180px;
		}

#mainNav #nav7 a:hover
	{
	background: transparent url(../images/navblock.gif) -180px -150px no-repeat;
		}
		
#mainNav #nav8
	{
	left: 0px;
	width: 180px;
		}

#mainNav #nav8 a:hover
	{
	background: transparent url(../images/navblock.gif) -180px -180px no-repeat;
		}
		
#mainNav #nav9
	{
	left: 0px;
	width: 180px;
		}

#mainNav #nav9 a:hover
	{
	background: transparent url(../images/navblock.gif) -180px -210px no-repeat;
		}
		
#mainNav #nav10
	{
	left: 0px;
	width: 180px;
		}

#mainNav #nav10 a:hover
	{
	background: transparent url(../images/navblock.gif) -180px -240px no-repeat;
		}
		
		
		
		
		
		
		


		
		

/* -------------- LAYOUT ----------------- */



#background
	{
	background: url(../images/background.gif) top center repeat-y;
		}
		
		
#page
	{
	width: 850px;
	margin: 0 auto;
	padding: 0;
	background: url(../images/tile_page.gif) repeat-y;
		}
		
#alert
	{
	margin: 0 auto;
	padding: 0;
	width: 850px;
	text-align: left;
	background: #81783a;
	color: #fff;
		}
		
#alert p
	{
	margin: 12px;
		}
		
#noscript a:link, #noscript a:visited
	{
	color: #fff;
		}

#topline
	{
	margin: 0 auto;
	padding: 0;
	border: 0;
	background: #000;
	height: 0;
	width: 850px;
		}

#topline h1
	{
	display: none;
		}

#topline p
	{
	display: none;
		}
		
#logo
	{
	background: #fff url(../images/logo.jpg) no-repeat;
	width: 850px;
	height: 168px;
	margin: 0 auto;
	padding: 0;
	border-bottom: 1px solid #11298d;
	text-align: right;
		}
		
#logo p
	{
	margin: 0 20px;
	line-height: 56px;
	color: #fff;
		}
		
#logo a:link, #logo a:visited
	{
	color: #fff;
		}
		
		
#left
	{
	width: 180px;
	float: left;
	margin-right: 20px;
	text-align: center;
		}
		
#left #leftTop
	{
	height: 29px;
	width: 180px;
	margin: 0;
	padding: 0;
	background: #11298d;
		}
		
#right
	{
	width: 630px;
	float: left;
	text-align: left;
	font-size: 1em;
	line-height: 1.5em;
	padding-top: 12px;
		}
		
#photoTour img
	{
	margin-right: 10px;
	margin-bottom: 10px;
		}
		
#footer
	{
	width: 850px;
	margin: 0;
	padding: 18px 0;
	background: #94a2bd;
	text-align: center;
		}
		
#shadowBottom
	{
	width: 894px;
	margin: 0 auto 24px auto;
	background: url(../images/shadow_bottom.gif) no-repeat;
		}
	
		
		
		
		
	
		
		

/* -------------- MISCELLANEOUS ----------------- */




.clear
	{
	clear: both;
	height: 0;
	margin: 0;
	padding: 0;
	line-height: 0;
	font-size: 1px;
		}
		
.required
	{
	color: #c00;
		}
		
.select
	{
	background: #fff;
	color: #333;
	font: normal 1em Verdana, sans-serif;
	background: #e7e9f1;
		}
		
.button
	{
	background: #11298d;
	color: #fff;
	font: normal 1em Verdana, sans-serif;
	padding: 3px;
		}
		
.textbox
	{
	background: #e7e9f1;
	color: #333;
	font: normal 1em Verdana, sans-serif;
	padding: 4px;
		}
		
		
.apiPeopleTable
	{
	margin: 0 0 12px 0;
	font: normal 1em Verdana, sans-serif;
	width: 380px;
	border-bottom: 1px solid #999;
		}
		

		
.apiPeopleTable .apiPeopleTitle
	{
	font: bold 1.3em Verdana, sans-serif;
		}
		
.apiPeopleTable img
	{
	margin: 0 12px 12px 0;
		}