/* 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(../gfx/bknd.gif); */
		background-attachment:fixed;
		font-family: 'Verdana','Arial', 'Helvetica','Geneva', 'Lucida Grande', 'sans-serif';	
	
	}



/* 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-image:url(../../gfx/yr_logo.gif);
	background-repeat:no-repeat;
	height:65px;
	width:750px;
	margin: 0 auto 0 auto;
	
	
}

div#navheader {
	text-align:center;
	background:#000000;																				/* NAV BAR COLOR*/		
	/* background-image:url(../gfx/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:50%;
	
/* 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:110px 0 32px 0;							/* change this for nav height AND TOP/BOTTOM GAP*/
}
/* set left margin for modern browsers */
body>div#middlewrap {
	margin-left:0;
	float:fixed;
}

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

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

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

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

div#footer {
	background-image:url(../../gfx/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: 'Trajan Pro", Arial;	
	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(../gfx/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: #FFCC66;									/* NAV LINK COLOR HOVER*/
		background-color:#354;
		/* background-image:url(../gfx/nav_hover.gif); */
		font-size: small; 
		font-weight: bold;
		}

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

		
		}

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

	#navbar a:hover span{
		display: inline;
		font-weight: bold;
		background-color:#123456;
	/*	background-image:url(../gfx/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(../gfx/nav_hover.gif); */
		
		/*background-attachment:fixed;
		background-position:top;*/
		
		}
/*/NAVBAR ESSENTIALS*/

/* 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 {
	font-size:0.8em;
	line-height:1.4em;
}