body {
 margin: 0;
 padding: 0;
 background-color: #ffd9ab;
 color: #4c0000;
 font: small Verdana, Arial, Helvetica, Verdana, sans-serif;
	}
 
#wrapper { 
 color: #4c0000; 
 background-color: white;
 margin: 30px 40px 30px 40px; 
 padding: 10px;
 	} 
 
#header-wrapper {
	background: white url(images/TrilliumSunsetBurgess500ble.jpg) no-repeat;
	}
	
#header { 
background-color: none;
 border-bottom: 1px solid #3875d7; 
 padding: 0 0 9px 0;
 height: 162px;
 } 
	 
#header h1 {
	padding: 5px 0 0 10px;
	}
	
#header h4 {
	color: #7c3333;
	text-align: right;
	padding: 5px 20px 0 10px;
	width: 250px;
	position: absolute;
	top: 50px;
	right: 50px;
	}
	
#tagline {
 font-weight: normal;
 color: white;
 font-style: normal;
 margin: 0;
 text-align: center;	
 font-size: 1.1em;
 	}
 
#main { 
 margin-top: 10px; 
 width: 100%; 
 background-image: url(images/sidebarBG-gradient.jpg);
 background-position: top right;
 background-repeat: repeat-y;
	} 
	
	/* CONTENT DIV STYLES */

#content {
 margin: 0 240px 0 160px ;
 background-color: white;
 color: black;
	}
 
#content .inner { 
 margin: 10px 20px 10px 40px; 
 padding: 5px 0;
	} 

	
#content .inner h1 {
 color: #333366;
 padding-bottom: 0.2em;
 border-bottom: 1px solid #6896d1;
 font-size: 1.5em; 
	}
	
#content .inner h2 {
 color: #325ea0;
 padding-bottom: 0.2em;
 border-bottom: 1px solid #6896d1;
 font-size: 110%; 
	}

	
#content .inner h3 {
 color: #325ea0;
 padding-top:1.5em;
 font-size: 110%; 
	}

#content .inner h3 a:link, #content .inner h3 a:visited { 
 color: #245185; 
	}

#content .inner h4 {
 color: #325ea0;
 padding-top:1.5em;
 padding-bottom: 0.2em;
 font-size: 90%; 
	}
 	
	
#content .inner h4 a:link, #content .inner h4 a:visited {
 color: #225ec4;
 padding-bottom: 0.2em;
 font-size: 105%; 
	}
	
#content .inner .features li img {
	float: left;
	margin:0 5px 5px 0;
	}
	
#content .inner ul.features {
	margin: 0;
	padding: 5px 0 0 0;
	list-style: none;
	}
	
#content .inner p { 
 color: #666666; 
 font-size: 90%; 
	} 
	
.article { 
 color: #555555; 
 font-size: 90%;
 line-height: 190%;
 }

 
 /* IMAGES IN CONTENT DIV */


 .sideByside {
 	display: inline;
 	}

 .imageRight img {
 	float: right;
 	padding-left: 5px;
 	}

 .imageRight p {
 	float: right;
 	width: 90px;
 	padding-left: 5px;
 	font-weight: bold;
 	font-style: italic;
 	font-size: 90%;
 	text-align: right;
 	clear: right;
 	}

 .imageLeft img {
 float: left;
 padding-right: 5px;
 	}

.imageLeft p {
	float: left;
	width: 150px;
	padding-right: 5px;
	font-weight: bold;
	font-style: italic;
	font-size: 90%;
	text-align: left;
	clear: left;
	}
	
.imageCenter img {
	float: none;
	width: 550px;
}
	
.imageCenter p {
	font-weight: bold;
	font-style: italic;
	font-size: 90%;
	text-align: center;
	clear: both;
		}
	

/* END IMAGES IN CONTENT DIV */
	

#content .inner p a:link, #content .inner p a:visited {
 text-decoration: underline; 
 color: #666666; 
	} 
	
#content .inner p.more {
  margin-top:0;
  text-align: right;
  }

.red {
	color: #cc3300;
	font-style: italic;
	font-weight: bold;
	}
		
#content .inner p.more a:link, #content .inner p.more a:visited {
 background-image: url(images/more-bullet.gif);
 background-repeat: no-repeat;
 background-position: center left;
 padding-left: 14px;
 font-size: 100%;
 color: #1e4c82;	
 text-decoration: none;
 font-weight: bold;
 font-style: italic;
 	}
 	
 #content .inner p.note {
 background-image: url(images/more-bullet.gif);
 background-repeat: no-repeat;
 background-position: center left;
 padding-left: 14px;
 font-size: 90%;
 color: #1e4c82;	
 text-decoration: none;
 font-weight: bold;
 font-style: italic;
 	}
 
  /* CONTENT DIV-2nd LEVEL PAGES */ 	
#content .inner .details li img {
	float: left;
	margin:0 5px 5px 0;
	}
	

	
/* SIDEBAR DIV - LIES ON RIGHT */
 
#sidebar {
 float: right;
 width: 220px;
 margin: 0;
 padding: 0;
	}
 
#sidebar h3 { 
 font-size: 110%; 
 background-image: url(images/sidebar-header-bgBlu.jpg);
 background-repeat: no-repeat;
 margin: 0;
 padding: 0.2em 0 0.2em 10px;
 font-weight: normal;
	}


#sidebar p.grey { 
 color: #4d4d4d; 
	} 
	
#sidebar .inner { 
 padding: 10px; 
	} 

#sidebar p.more { 
 clear: right; 
 margin: 0 30px 0 0; 
 text-align: right; 
	} 

#sidebar p.more a:link, #sidebar p.more a:visited {
 color: #789cb2;
 background-image: url(images/Check.jpg);
 background-repeat: no-repeat;
 background-position: center left;
 padding-left: 16px;
	}
 
 /* SIDEBAR 2 - ON THE LEFT */
 
 #sidebar2 {
 	float: left;
 	top: 0;
 	left:0;
 	width: 159px;
	 color: 3875d7;
 	margin: 0;
 	padding:0;
 	  }
 	  
 #main2 {
 	background-image: url(images/sidebar2BG-gradient.jpg);
 	background-position: bottom left;
 	background-repeat: repeat-y;
 	}	  

#sidebar2 .inner { 
 margin: 10px; 
 padding-left: 15px;
	} 

#sidebar2 p {
 font-size: 90%;
 color: #3875d7;
 	}
 
#sidebar2 h3 {
 color: #337d58;
 padding-top: 0.4em;
 font-size: 110%;
 	}
 
#nav { 
 list-style: none; 
 margin: 0; 
 padding: 0; 
	} 

#nav li { 
 border-bottom: 1px solid #3875d7; 
 padding: 0.6em 0 0.2em 3px; 
 list-style: url(images/Check.jpg);
 font-size: 90%; 
	} 

#nav li a:link, #nav li a:visited { 
 text-decoration: none; 
 color: #631700; 
 font-weight: normal; 
	} 

#nav li a:hover, #nav li a:active { 
 text-decoration: none; 
 color: #3875d7; 
 background-color: #DFC59C;
 font-weight: normal; 
 list-style: url(images/CheckOver.jpg);
	} 
	
#clearone {
	clear: both;
	height: 1px;
	}
	
#footer {
 width: 100%;
 border-bottom: 1px solid #a09e87;
 border-top: 1px solid #a09e87;
 margin-top: 10px;
 text-align: center;
	}
 
#footer p {
 font-size: 80%;
 color: #789cb2;
 margin: 0;
 padding: 0.2em 0 0.2em 0;
 clear: both;
 	line-height: 1.5em;
 	}
 
 /* My Comment */