/* TWO COLUMN LAYOUT */

body {
	text-align:center; /* IE6 needs this to center the layout in the browser window */
	}
#main_wrapper {
	max-width:960px; /* sets max layout width */
	min-width:820px; /* sets min layout width */
	margin-left:auto;  /* centers layout in browser */
	margin-right:auto; /* centers layout in browser */
		}
#header {
float:left;
	}
#nav {
	width:280px; /* this width + content width must total 100% */
	float:left; /* floats on nav and content divs make them sit side by side */
	}
#content {
	text-align:left; /* resets the centering hack for IE6 on the body tag */
	background-color: transparent;
	background-image: url(../images/2_fauz_col.png);
	background-repeat: repeat-y; 	/* default auto width */
	}
/* here comes a hack for IE6 */
/* floating this element gets rid of the gap between the nav and content - the hateful 3 pixel jog bug in IE */
/* if I float this element in other browsers, the layout breaks - don't remove this comment \*/
* html #content { 
	float:left; 
	}
/* end of hack - don't remove this comment */
#footer {
	clear:both; /* makes the footer sit below whichever column is longest */
	background:#DDC; /* TEMP - REMOVE OR RESTYLE  */
	}
#header_inner, #nav_inner, #content_inner{
	overflow:hidden; /* clips oversize elements that would otherwise expand divs and break the layout */
	}
#header_inner { 
	padding:1em 2em; /* creates space between the box  and the content */
	}
#nav_inner {
	float:left;
	border-right-width: thin;
	border-right-style: hidden;
	border-right-color: #B33;
	padding-top: 1em;
	padding-right: 0.1em;
	padding-bottom: 1em;
	padding-left: 0.4em;
	}
#content_inner { 
	padding:1em 1em 1em 1.5em; /* creates space between the box and the content */
	clear:right;
	}
	
#navigation {
	FLOAT: right; MARGIN-BOTTOM: 1em; TEXT-ALIGN: left
}
#navigation ul {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: bold; FONT-SIZE: 90%; FLOAT: right; PADDING-BOTTOM: 0px; MARGIN: 0px; TEXT-TRANSFORM: lowercase; PADDING-TOP: 0px; FONT-FAMILY: Arial, Helvetica, sans-serif; LIST-STYLE-TYPE: none; HEIGHT: 1.5em
}

#navigation li {
	DISPLAY: inline; BACKGROUND: #666666; FLOAT: right; MARGIN: 0px
}
#navigation a {
	PADDING-RIGHT: 10px;
	DISPLAY: block;
	PADDING-LEFT: 10px;
	PADDING-BOTTOM: 2px;
	BORDER-LEFT: #333333 3px solid;
	COLOR: #ffffff;
	PADDING-TOP: 2px;
	TEXT-DECORATION: none
}
#navigation a:hover {
	BORDER-LEFT-COLOR: #ffff00;
	COLOR: #ffff00;
	TEXT-DECORATION: underline
}

   
.pullquote {
	BORDER-TOP: #009933 2px solid; FONT-WEIGHT: bold; BORDER-LEFT-WIDTH: 0px; FONT-SIZE: 110%; BORDER-LEFT-COLOR: #ffffff; FLOAT: right; PADDING-BOTTOM: 10px; MARGIN: 5px 2em 10px 10px; WIDTH: 180px; COLOR: #666666; TEXT-INDENT: 1em; PADDING-TOP: 10px; BORDER-BOTTOM: #009933 2px solid; FONT-STYLE: italic; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-ALIGN: center; BORDER-RIGHT-WIDTH: 0px; BORDER-RIGHT-COLOR: #ffffff	
	}	
	
	
#footer {
	text-align:center; /* centers the ul elements in the div */
	background-color:#bfbf60;
	border-top-width: 1px;
	border-bottom-width: 2px;
	border-top-style: none;
	border-bottom-style: none;
	border-top-color: #99FF66;
	border-bottom-color: #99FF66;
	font-family: Arial, Helvetica, sans-serif;
	color: #99FF66;
	font-size: 1.0em;
	padding-top: 3px;
	padding-right: 0;
	padding-bottom: 3px;
	padding-left: 0;
}
#footer ul {
	margin:1px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	color: #FFFFFF;
} /* vertical spacing between the lists */
#footer li {
	display:inline; /* the key CSS - makes the lists display horizontally */
	color:white; /* creates the vertical line to the left of each list items */
	color:#bfbf60; /* horiz space between links and vert lines - needed diff l & r values to center */
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	border-left-width: 2px;
	border-left-style: solid;
	padding-top: 0;
	padding-right: 2px;
	padding-bottom: 0px;
	padding-left: 18px;
	background-color: #bfbf60;
						}
#footer li:first-child {border-left:0;} /* removes the left border of the first list item - IDWIMIE */
#footer ul li a {
	text-decoration:none; /* removes the underlining off the links */
	color:#990000; /* the color of the links */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.5em;
							 }
#footer ul li a:hover {
	text-decoration:underline;
	color:#FFFF00;
	font-size: 1.5em;
	font-family: Arial, Helvetica, sans-serif;
} /* underlines the links when hovered */
  
	
	
#footer_inner {
	padding:.5em 1em; /* creates space between the box and the content */
	text-align:center;
	}
* html {
interface {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	font-weight: bold;
	text-transform: capitalize;
	color: #CC0000;
}