/* THREE COLUMN LIQUID CENTER LAYOUT */

body {font: .8em verdana, arial, sans-serif; 
	text-align:center;
	}
* {margin:0; padding:0;}
div#main_wrapper {min-width:760px; max-width:880px;  margin-left:auto; margin-right:auto; text-align:left;} /* centers layout when > max width */
div#header {
	width:auto;
	}
#threecolwrap {
  float:left;
  width:100%;
  }
#twocolwrap {
 	float:left;
	width:100%;
	display:inline; /* stops IE doubling  margin on float*/
	margin-right:-170px; /* CWS - neg margin move */
	}
 #nav {
 	float:left;
 	width:150px;
	display:inline; /* stops IE doubling  margin on float*/
 	}
 #content {
 	width:auto;
 	margin-left:150px;
 	margin-right:170px;
 	height:1%;
	}
#promo {
 	float:left;
 	width:170px; 
	display:inline; /* stops IE doubling  margin on float*/
	}
blockquote {
	width: 30%; 
	float:right; 
	font-style:italic;
	border-top:2px solid #85008B; 
	border-bottom:2px solid #85008B; 
	margin:0 10px; 
	padding:10px;
}
blockquote p {
	margin-bottom:.1em;
	}
blockquote p:before { /* IDWIMIE 6 and 7 */
	content: open-quote;
	color:#85008B;
}
blockquote p:after {  /* IDWIMIE 6 and 7 */
	content: close-quote;
	color:#85008B;
}
 #footer {
 	width:100%;
 	clear:both; 
 	}
/* end of structural styles */ 

/* inner div margin */
#header_inner, #nav_inner, #content_inner, #promo_inner {
	overflow:hidden; /* prevents oversize elements from breaking the layout */
	}
#header {
	background-image:url(../images/bkgnd-header.jpg)
	}
#header_inner {
	padding:0;
	}
#nav_inner, #promo_inner {
	padding:.5em .5em 0 1em;
	}
/* nav_inner  */

#nav {
	background-color:transparent; 
	background: url(../images/bannerbgndvert.jpg);
	}
#nav {background-color:transparent;}
#nav_inner ul {
	border:0; 
	margin:40px .5em 20px .5em; 
	padding:0; 
	color:#FFC;
	text-align:left;
	list-style-type:none; 
	text-decoration:none;
	font-weight:bold;  
	line-height:2em;
	}
#nav_inner li {
	border-bottom:1px solid #ffC; 
	margin:0; padding:.3em 0; 
	text-indent:.5em
	}
#nav_inner li:first-child {border-top:2px solid #FFC;}
#nav_inner a {
	color:#FFC; 
	text-decoration:none;
	}
#nav_inner a:hover {color:#0FF;}

#nav ul, #nav dl, #nav ol {
		margin:.5em 1em .75em 1em; /* lists without specific classes */
		}
#nav li {
	list-style-type:none;
	margin-left:0
	}
#nav ul, #nav dl, #nav ol {
		margin:.5em 1em .75em 1em; /* lists without specific classes */
		}
#nav li {
	list-style-type:none;
	margin-left:0
	}
#nav ul, #nav a {
	color:#FFC;
	}

a:hover, #nav a:hover {
	color:#0FF;
	}
/* nav quote div */

#nav #quote {
	width: 135px; 
	float:left; 
	margin: 5px 0 5px 10px; 
	padding: 3px;
	}	
#nav #quote p {
	font-size:.8em; 
	color:#FFC;}
/* end pull quote div which is inside nav_inner */
/* end nav_inner */
#content_inner p {
	font-size:.9em;
	}
#footer_inner {
	padding:.5em 10em;
	}
#footer_inner p {
	font-size:.75em;
	text-align:center;
	}
/* end inner div margins */

/* promo styles */
#promo ul, #promo p, #promo ol {
		margin:.5em .75em .75em .75em; /* lists without specific classes */
		}
#promo li {
	list-style-type:none;
	margin:.5em 0;
	padding-top:.4em;
	}	
#promo p {
	font-size:.85em;
	color:#000;
	background:transparent;
	}
#promo li a {
	font-size:1.2em;
	margin-left:0
	text-decoration:none;
	color:#009;
	font-variant:small-caps;
	}
#promo li a:hover {
	text-decoration:none;
	}	
#promo #promo2 li {
	margin:.5em 0;
	padding-top:.3em;
	list-style-type:circle;
	}
#promo #promo2 li a {
	font-size:1.2em;
	margin-left:0
	text-decoration:none;
	color:#009;
	font-variant:small-caps;
	}
#promo #promo2 li a:hover {
	text-decoration:underline;
	}
/* promo blockquote styles */
#promo blockquote {
	border-top:2px solid;
	border-bottom:2px solid;
	width:85%;
	margin:1em 0 1em 20%;
	padding:.3em 1em;
	}
#promo h4{
	margin-top:1em; 
	color:#85008C; 
	text-align:left;
	}
#promo blockquote p {
	margin-bottom:.1em;
	}
#promo blockquote p:before { /* IDWIMIE 6 and 7 */
	content: open-quote;
	color:#85008B;
}
#promo blockquote p:after {  /* IDWIMIE 6 and 7 */
	content: close-quote;
	color:#85008B;
}
#promo blockquote cite {
	font-size:.85em;
	}
/* end promo blockquote styles */
/* end promo styles */

/* blockquote styles */
blockquote {
	border-top:2px solid;
	border-bottom:2px solid;
	width:30%;
	margin:1em 0 1em 20%;
	padding:.3em 1em;
	}
blockquote p {
	margin-bottom:.1em;
	}
blockquote p:before { /* IDWIMIE 6 and 7 */
	content: open-quote;
	color:#85008B;
}
blockquote p:after {  /* IDWIMIE 6 and 7 */
	content: close-quote;
	color:#85008B;
}
blockquote cite {
	font-size:.85em;
	}
/* end blockquote styles */

/* content_inner styles */

#content_inner {
	color:#333;
	padding: 0 1em 1em 1.5em;
	margin:1em;
	text-align:left;
	}
#footer_bar {
	background-image:url(../images/footerbar.jpg);
	}
#footer_bar p {
	font-size:.75em;
	text-align:center;
	color:#FFC;
	background-image:url(../images/footerbar.jpg);
	}
#content_inner a:hover, #footer_inner a:hover{
	color:#009;
	}
#content_inner h1{
	font-size:1.5em; 	
	color:#85008C;
	}
#content_inner h2{
	margin-top:1em;  
	color:#009;
	}
#content_inner h3{
	margin-top:1em;  
	color:#CC0000
	}
#content_inner h4{
	margin-top:1em;
	margin-bottom:.5em; 
	color:#85008C; 
	text-align:center;
	}
#content_inner h5{
	margin-top:1.5em;  
	color:#85008C;
	}
#content_inner h6{ 
	margin-top:1em; 
	text-align:center;
	color:#85008C;
	}
#content_inner  a {
	text-decoration:underline; 
	color:#85008C;
	}
#content_inner  a:hover {
	color: #30C; 
	text-decoration:none;
	}
/* end content_inner styles */

/* classes */
.float_left {float:left; margin: 0 .3em .3em 0;}    /* class for left justified images - text will wrap it to the right */
.float_right {float:right;  margin: 0 0 .3em .3em;} /* class for right justified images - text will wrap it to the left */
.italics {font-style:italic;}
.bold {font-weight:bold;}
.bold_italics {font-style:italic; font-weight:bold;}
.red_text {color:#F00;}
.center {text-align:center;}
.underline {text-decoration:underline;}
/* end classes */

/* whatever styles */
dt {font-weight:bold;}

code {font-size:1.25em;}
* html code {font-size:1.1em;} /* default size is smaller in IE */
	
cite {
	font-size:.85em;
	font-style:italic;
	}
img {
	border:0;
	}
/* end whatever styles */
/* THE ALSETT CLEARING METHOD */
	.clearfix:after {
 content: “.”;
 display: block; 
 height: 0;
 clear: both;
 visibility: hidden;
}
.clearfix {display: inline-table;}
/* backslash hack hides from IE mac \*/ LEAVE THIS COMMENT RIGHT HERE! 
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* end backslash hack */