/* THREE COLUMN LIQUID CENTER LAYOUT */

body {font: .8em verdana, arial, sans-serif;}

* {margin:0; padding:0;}

div#main_wrapper {width: 860px;  margin-left:auto; margin-right:auto;} /* centers layout when > max width */

div#header {
	width:auto;
	background-image:url(images-aref/aref-header.jpg);
	height: 211px;
	border-bottom: 2px solid #fff;
	}
  
 #nav {
 	float:left;
 	width:20%;
 	}
	
 #content {
 	width:58%;
 	float: left;
 	}
	
#content-appl {
	float: left;
	width: 79%;
	}
	
	
	
#promo {
 	float:left;
 	width: 20%; 
	}
	
 #footer {
 	width:100%;
 	clear:both; 
 	}
/* end of structural styles */ 



/* COLORS*/


body {
	background-image:url(images-aref/sky-background-web.jpg);
	background-repeat: repeat;
	border-top-color: rgba(194, 174, 149, .5);
	border-left-color: rgba(194, 174, 149, .5);
	border-right-color: rgba(194, 174, 149, .5);
	border-top-width: 10px;
	border-right-width: 40px;
	border-left-width: 40px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
}

#main_wrapper {
	background-color:#ede4d8;
	border-right: 10px solid #ede4d8;
	border-left: 10px solid #ede4d8;
	border-bottom: 10px solid #ede4d8;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	
	}

#header {
	background-color:#325a8d;
	
	}
 
#nav {
	background-color:#325a8d;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	margin-top: 20px;
	
	}
 
#content {
	background-color:#ede4d8;
	color: #325a8d;
	
		}
		
 
#content-appl {
	background-color:#ede4d8;
	color: #325a8d;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
		}		
		

#promo {
	background-color:#325a8d;
	color: #fff;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	margin-top: 20px;
	
	
	}


#member-button {
	float: left;
	width: 20%;
	margin-top: 20px;
	}
	
#member-button p {
	text-align: center;
	}	
	

#footer {
	background-color:#cc9966;
	color: #fff;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	}


/* inner div margin */
#header_inner, #nav_inner, #content_inner, #promo_inner {
	overflow:hidden; /* prevents oversize elements from breaking the layout */
	}
#header_inner {
	padding:1em 2em;
	}
#nav_inner, #promo_inner, #promo_inner-bonnie {
	padding: 3em 1.3em 3em 1.3em;
	
	}
	
#content_inner {
	padding: 3em 2em 1em 3em;
	}
	
#content_inner-appl {
	padding: 3em 2em 1em 3em;
	}
	
#footer_inner {

	padding:.5em 5em;
	text-align:center;
	}
/* end inner div margins */

/*NAVIGATION*/	

#nav_inner ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}
	
#nav_inner li {
	border-bottom: 2px solid #325a8d;
	}
	
#nav_inner li a:link, #nav_inner li a:visited {
	font-size: 90%;
	display: block;
	padding: 0.4em 0 .6em 0.5em;
	border-left: 4px solid #8c6431;
	border-right: 1px solid #8c6431;
	background-color:#c2ae95;
	color: #325a8d;
	text-decoration: none;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	}
	
#nav_inner li a:hover {
	color:#325a8d;
	background-color: #ede4d8;
	}
	
#nav_inner ul ul {
	margin-left: 12px;
	}
	
#nav_inner ul ul li {
	border-top: 1px solid #325a8d;
	margin: 0;
	}
	
#nav_inner ul ul a:link, #nav_inner ul ul a:visited {
	background-color: #8c6431;
	color: #bed5ef;
}

#nav_inner ul ul a:hover {
	background-color: #325a8d;
	color: #ede4d8;
	}
	
/*END NAVIGATION*/	

p {
	padding: 5px 0 5px 0;
}


h1 {
	font-size: 1.6em;
	padding: 0 0 0 20px;
	color: #ede4d8;
	text-shadow: 0 2px 2px #325a8d;
	}

h2 {
	padding: 5px 0 15px 0;
	text-shadow: 0 2px 2px #bed5ef;
	}

h3 {
	color: #8c6431;
	padding: 12px 0 1px 0;

	}
	
h4 {
	padding: 3px 0 0 0;
	}	
	

h5  {
	font-size: 1.5em;
	padding: 1px 0 1px 0;
	color: #bed5ef;
	line-height: 1em;
	}
	
#promo_inner-bonnie cite {
	color: #bed5ef;
	}
	
h5 + p {
	padding-top: 20px;
	}
	
	
#promo p strong{
	color: #bed5ef;
}
	

#promo p{
	line-height: 1.5em;
	}
	
#promo_inner a:link, #promo_inner a:visited {
	color: #c2ae95;
	text-decoration: none;
	}
	
	
#promo a:hover {
	background-color: #c2ae95;
	color: #325a8d;
	text-decoration: none;
	}

#promo_inner cite {
	color:  #c2ae95;
}
	
	
#promo_inner ul {
		padding-left: 10px;
	}

	
	
#content a:link, #content-appl a:link {
	color: #8c6431;
	text-decoration: none;
	}
	
	
#content a:visited, #content-appl a:visited{
	color: #8c6431;
	text-decoration: none;
	}
	
#content a:hover, #content-appl a:hover{
	background-color: #325a8d;
	color: #ede4d8;
	text-decoration: none;
	}	
	
img {border: 0;}
	
	
#promo_inner-bonnie p {
	line-height: 1.3em;
	font-size: .9em;
	
	}

.amp {
	color: #ede4d8;
	font-family: Baskerville, "Goudy Old Style", "Palatino", "Book Antiqua", serif;
	font-weight: normal;
	font-style: italic;
	font-size: 1.5em;
	}
	
	
#content li {   /*This has to be contextual mainContent li's, so as not to mess up the navigation li's*/
	font-size: 1em;
	padding-bottom: 8px;
	list-style-position: inside;
	padding-left: 30px;
	list-style-type: square;
	text-indent: -1.2em;    /*this makes the list have a hanging indent*/
	}
	
	
#content ol li, #content-appl ol li {   /*For the ORDERED lists*/
	font-size: 1em;
	padding-bottom: 8px;
	list-style-position: inside;
	padding-left: 20px;
	list-style-type: decimal;
	text-indent: -1.3em;    /*this makes the list have a hanging indent*/
	}
	
#content ul ul li {   /*NICE!! Targeting the nestd list. whew, that took a while to figure out.*/
		padding-left: 40px;
		list-style-type:disc;
		font-size: 1em;
		text-indent: -1.2em;
		}
		
#content ol ol li {   /*NICE!! Targeting the nestd list. whew, that took a while to figure out.*/
		padding-left: 40px;
		list-style-type:upper-alpha;
		font-size: 1em;
		text-indent: -1.5em;
		}	
#promo_inner p strong {	
	color:#FFFFFF;
	}