/* CSS Document */



html{
		margin:0;
		padding:0;
	}
		
body {
		min-width:750px; /* Prevent content from becoming unreachable in Gecko */
		margin:0;
		padding:0;
		color:#CCCCCC;																				/* BODY COLOR*/		
		background-color:#FFFFCC;
		/* background-image: url(../imgs/bknd.gif); */
		background-attachment:fixed;
		font-family: Verdana,Arial, Helvetica, Geneva, Lucida Grande, sans-serif;	
	
	}

img {
	border:none;
	}

table.carinfo, table.carinfo td {
	border-style:solid;
	border-width:1px;
	border-color:#0066CC;
	
	}

div.info, .small {
	display:inline;
	color:#FFF;
	font-size:smaller;
	margin:5px 10px;
	text-align:right;
	float:right;
	}
	
span.date { display:inline; font-style:italic; font-size:smaller;}
	
.small {color:#000}

/* position:absolute for all browsers - the whole page scrolls */
div#headerwrap {
	
	position:absolute;
	width:100%;
	height:140px;									/* change this for nav height*/
	top:0px;
	left:0px;
	/* bottom:10px; */

}
/* position:fixed for modern browsers - header and footer do not scroll */
body>div#headerwrap {
	position:fixed;
}
div#header {
	background-color:#CCCC77;
	
	background-repeat:no-repeat;
	height:100px;
	width:750px;
	margin: 0 auto 0 auto;
	
	
}

div#navheader {
	text-align:center;
	background:#996633;																				/* NAV BAR COLOR*/		
	/* background-image:url(../imgs/nav.gif); */
	color:#FFF;
	height:52px;									/* change this for nav height*/
	width:750px;
	margin:0px auto 0px auto;															/* THIS CAUSES TROUBLE FOR NAV TOP GAP IN IE MAC (set top to -10px...)*/
	padding:0px 0px 1px 0px;
}

/* set a left margin to compensate for IE/Win always making room for a scrollbar */
div#middlewrap {
	height:100%;
	
/* set left margin and bottom padding for IE5/Win */
	padding:110 0 50px 0;							/* Change this for footer height*/
	margin-left:0;
/* set left margin and bottom padding for others */
	voice-family: "\"}\""; 
	voice-family:inherit;
	margin-left:16px;
	padding:145px 0 32px 0;							/* change this for nav height AND TOP/BOTTOM GAP*/
}
/* set left margin for modern browsers */
body>div#middlewrap {
	height:100%;
	margin-left:0;
	float:fixed;
}

div#middle {
	
	width:750px;
	margin:0 auto;
	
}
div#sidebar {
	
	position:fixed;
	height:inherit;	 
	margin-top:18px;
	padding:0 0 0 0;
	width:140px;
	float:left;
	/* set left margin and bottom padding for others */
	voice-family: "\"}\""; 
	voice-family:inherit;
	!margin-left:-140px;
	
	
}

/* set left margin for modern browsers */
body>div#sidebar {
	height:inherit;
	position:fixed;
	margin-left:1; /* set margin for IE 6*/
}

div#content {
	/* min-height:800px; */
	height:auto;
	padding:0px 10px 0px 10px;
	margin-left:140px;
	margin-top:8px;
	margin-bottom:0px;													/*CHANGE THIS FOR BOTTOM GAP */
	text-align:justify;
}


div.photos {
	width:312px;
	
	
	float:right;
	padding:10px 10px 10px 0px;
	}

	.image_right {
		display:inline;
		text-align:center;
		width:300px;
		height:225px;
		padding:4px 0px 0px 0px;
		margin-left:12px;
		
		}

	.image_content {
		display:inline;
		text-align:center;
		width:300px;
		height:225px;
		float:right;
		padding:4px;
		margin-left:12px;
		
		}		
		
	.image_left {
		text-align:center;
		width:300px;
		
		padding:10px 10px 10px 2px;
		
		}
	
	.image_center {
		
		width:300px;
		float:none;
		padding:5px;
		margin:0px 0px 0px 135px;
		
		}
	
	.image_small {
		
		width:75px;
		float:right;
		padding:0px;
		margin:0px 0px 0px 0px;
		
		}
		
	.sidebarimg {
		width:134px;
		padding:auto;
		margin:auto;
		}

/* no positioning for IE5/Win - the whole page scrolls */
div#footerwrap {
	width:100%;
	p\osition:fixed;
	bottom:0;
	height:32px;												/* Change this for footer height*/
	text-align:center;
	
	
}
body>div#footerwrap {
	position:fixed;
	
}

div#footer {
	background-image:url(../../imgs/yr_logo.gif);
	background-attachment:fixed;
	height:32px;												/* Change this for footer height*/
	width:750px;
	margin:0 auto;
	
}

/* Styling rules to make this demo page look nice. */
body,
html{
	font-family:"Trebuchet MS", 'Georgia', 'Verdana', 'serif';
	font-size:small;
	font-family: 'Verdana','Arial', 'Helvetica','Geneva', 'Lucida Grande', 'sans-serif';	
	color:#000;

}



div#middle,
div#sidebar {
	color:#996633;
	background-color:#CCCC77;		 																	/*SIDEBAR COLOR*/		
}
div#content {
	color:#000000;																						/*TEXT COLOR*/
	background-color:#FFFFFF;																			/*CONTENT COLOR*/		
}

/* CODE */

/* NAVBAR ESSENTIALS */
		
	#navbar,
	 {
	 	
		height:40px;																/* !! */
		margin:0 auto 0 auto;
		}
	#navbar span{
		
		background-color:#333;
		/* background-image:url(../imgs/nav_hover.gif); */
		}

	.nav {
		display:inline;
		text-decoration: none; 
		font-size: smaller; 
		font-weight: bold;
		}

	.nav a:link{
		display:inline;
		text-decoration: none;
		/*background-color:#FF6600; */
		color: #FFFFCC; 								/* NAV LINK COLOR LINK*/
		font-size: small; 
		font-weight: bold;
		}
		

	.nav a:visited{
		display:inline;
		text-decoration: none; 
		color: #777; 								/* NAV LINK COLOR VISITED*/
		font-size: small; 
		font-weight: bold;
		}
		
	.nav a:hover{
		display:inline;
		text-decoration: none; 
		color: #CCCCFF;									/* NAV LINK COLOR HOVER*/
		background-color:CCCCFF;
		/* background-image:url(../imgs/nav_hover.gif); */
		font-size: small; 
		font-weight: bold;
		}

	.nav span{
		display: inline;
		/* background-image:url(../imgs/nav.gif); */
		padding: 10px 20px 3px 20px;				/* change this for nav height*/
		background-color:#666;
		
		
		}
		
	.nav a:hover span{
		display: inline;
	/*	background-image:url(../imgs/nav_hover.gif);	*/
		padding: 10px 20px 3px 20px;						/* change this for nav height*/
		background-color:#FFF;

		
		}

	.nav_on  {
		display:inline;
		color: #00CCFF;
		background-color:#354;
		font-size: small;
		
		background-color:#123456;
		/* background-image:url(../imgs/nav.gif); */
		color: #00CCFF;
		}

	#navbar a:hover span{
		display: inline;
		font-weight: bold;
		background-color:#123456;
	/*	background-image:url(../imgs/nav.gif); */
		color: #00CCFF;
		}
		

	#navdiv {
		
		width: 696px; 
		margin: 0 auto 0 auto; 
		border: 1px solid #2c2c2c; 
		border-width: 1 1 1 1;
	/*	background-image:url(../imgs/nav_hover.gif); */
		
		/*background-attachment:fixed;
		background-position:top;*/
		
		}
/*/NAVBAR ESSENTIALS*/

ul#navlist
{
margin-left: 0;
padding-left: 0;
white-space: nowrap;
}

#navlist li
{
display: inline;
list-style-type: none;
}

#navlist a { padding: 3px 10px; }

#navlist a:link, #navlist a:visited
{
color: #fff;
background-color: #036;
text-decoration: none;
}

#navlist a:hover
{
color: #fff;
background-color: #369;
text-decoration: none;
}


img.testone hover {
	
	}


/* CODE */

h1,
h2,
h3,
h4 {
	margin:0;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
}
div#sidebar h2 {
	padding-left:15px;											/*change for IE/WIN ?? */
	
	
}
div#footer h2 {
	text-align:center;
	padding:0;
	margin:0;
}
div #footer p {
	margin:0;
	padding:0;
	text-align:center;
}
div#footer a {
	color:#fff;
}
h1 {
	font-size:1.4em;
	text-align:center;
	padding-top:5px;
}
h2 {
	font-size:1.2em;
	padding-top:1em;
	margin-top:0;
}
p {
	margin-bottom:0;
	font-size:0.9em;
	line-height:1.4em;
}
pre {
	font-size:0.9em;
	line-height:1.4em;
}
ul {
	text-align:left;
	font-size:0.8em;
	line-height:1.4em;
}

#designer {
	color:#000;
	background-color:666;
	text-decoration:underline;
	}
	
	div.form {width:400px; text-align:right; margin:auto auto auto 100px;}