/*to replace colors, do a global search for the following hex values:
NOTE: the number in the parentheses are the number of results you should get for a global searchsite, unless you make further changes
footer, footerblock background color, storybyline bg - #A9F1F2 (4)
a link color - #218E88 (5)
a hover color - #FF6600 (2)
borders - #40CCD1 (49) 

PLEASE REPLACE THE HEX VALUE IN THE INSTRUCTIONS WITH THE NEW HEX so we can keep track.additionally

the following styles might require further adjusments:
"Body" backround-color - choose a unique color;
".blocktitle", ".featuredblockheader", ".storytitle"  - use the same hex value for the font color;
".addresstext" - choose a unique color or use the color of the Ensemble logo image*
"fieldset", "hr" - you may wish to make them invisible, adjust the colors to match the background color
"fieldset" border and "legend" bg colors will be the same in this case;
*/
a {
	font-family: verdana, tahoma, arial, sans-serif;
	font-size: 10px;color: #218E88;
	background-color: transparent;
	font-weight: normal;
	text-decoration:underline;
	}
a:visited {
	font-family: verdana, tahoma, helvetica, arial, sans-serif;
	font-size: 10px;
	color: #218E88;
	font-weight: bold;
	text-decoration:underline;
	}
a:active {
	font-family: verdana, tahoma, helvetica, arial, sans-serif;
	font-size: 10px;
	color: #218E88;
	font-weight: bold;
	text-decoration:none;
	}
a:hover {
	font-family: verdana, tahoma, helvetica, arial, sans-serif;
	font-size: 10px;
	color: #FF6600;
	font-weight: bold;
	text-decoration:none;
	}

/*Style controls the address text in the header.If you need to make only the agency title bigger, apply the change to the header.thtml*/
.addresstext {	
	color: #FFFFFF;	
	font-size: 12px;
	font-family: arial, verdana, helvetica, sans-serif;
	}
Body {
	color: #000000;
	background-color: #FEFBF1;
	font-size: 10px;
	font-family: verdana, tahoma, helvetica, arial, sans-serif;
	margin: 0;
	padding: 0;
	scrollbar-track-color: #40CCD1;
	SCROLLBAR-ARROW-COLOR: #FF6600;
	}
p img {    
	border: 0;    margin: 0;}
/*To keep the line invisible, use the color of body/storybox background.*/
hr {    
	clear: both;    
	height: 1px;    
	color: #FFFFFF;
	background-color: transparent;}
h1, h2, h3, h4, h5, h6 {    
	color: #000000;    
	font: 100% Verdana, Helvetica, Arial, sans-serif;   
	margin: 0;    
	padding-top: 1em;   
	font-weight: bold;}
h1 {    font-size: 160%;}
h2 {    font-size: 150%;}
h3 {    font-size: 140%;}
h4 {    font-size: 120%;}
h5 {    font-size: 100%;}
h6 {    font-size: 80%;}
ul {     
	line-height: 1em;
	/*    list-style-image: url("{layout_url}/images/bullet.gif"); */   
	margin-left: 2em;    
	padding:0;}
ol {    
	line-height: 1.5em;    
	margin-left: 2em; 
   padding:0;}
dl {}
dt {    
	font-weight: bold;
   }
dd {    
	line-height: 1.5em;    
	margin-bottom: 1em;
	}

form {    
	border: none;
	}
textarea {    
   border: 1px solid #EEAC19;      
   color: Black;    
   background-color: white;   
   width: 100%;    
   padding: 0.1em;
   }
/*input {    
	font: 100% Verdana, Helvetica, Arial, sans-serif;    
	border: 1px solid #D6944F;      
	color: Black;    
	background-color: white;    
	vertical-align: middle;    
	margin-bottom: 1px;     
	padding: 0.0em;}*/
.netscape4 {    
	display: none;}
/* this actually does something -- logo spacing */
.logo {        
	margin: 0em 0em 0em 0em;    
	padding: 0;    
	border: none;}
/* This makes the search box in the top right BIG */
input.searchGadget {    
	font-size: 13px ! important;    
/* margin-bottom: 1px ! important; */}
div.searchBox {    /*searchbox style and positioning */    
   background-color: transparent;    
   color: Black;    
   float: right;    
   margin: 3em 0em 0em 0em;    
   padding: 0em 2em 0em 0em;    
   text-align: right;    
   text-transform: lowercase;    
   width: 30%;
   }
div.tabs {    
   background: #FFC859;    
   border-collapse: collapse;    
   border-bottom-color: #40CCD1;    
   border-bottom-style: solid;    
   border-bottom-width: 1px;    
   padding: 0.5em 0em 0em 2em;    
   white-space: nowrap;
   }
div.tabs a {    
	background: #0066FF;    
	border-color: #D6944F;    
	border-width: 1px;     
	border-style: solid solid none solid;    
	color: #CCFFFF;    
	font-weight: bold;    
	margin-right: 0.5em;    
	padding: 0em 2em;    
	text-transform: lowercase;
	}
div.tabs a.selected {    
	background: #0066FF;    
	border: 1px solid #D6944F;    
	border-bottom: #D6944F 1px solid;    
	color: #CCFFFF;    
	font-weight: bold;
	}
div.tabs a:visited {    
	background: #0066FF;    
	border: 1px solid #D6944F;    
	border-bottom: #D6944F 1px solid;    
	color: #CCFFFF;    
	font-weight: bold;
	}
div.tabs a:hover {    
	background: #003494;    
	border-color: #D6944F;    
	border-bottom-color: #D6944F;    
	color: #FFFFFF;
	}
div.top {    /* Top section */    
	background: transparent;    
	margin: 0;    
	padding: 0;
	}
div.personalBar {    
	border: none;    
	background: transparent;      
	color: Black;    
	padding-right: 3em;    
	text-align: right;    
	text-transform: lowercase;
}
div.personalBar a {    
	background-color: transparent;
	color: #218E88;   
	font-weight: normal;    
	margin-left: 1em;
	}
div.personalBar img {    
	vertical-align: top;
	}
div.box {    
	background: transparent;    
	border-collapse: collapse;   
	border: 1px solid #40CCD1;   
	margin: 0em 0em 2em 0em;   
	padding: 0;
	}
div.pathBar {    
	border-bottom-color: #40CCD1;    
	border-bottom-style: solid;    
	border-bottom-width: 1px;    
	padding-left: 2em;    
	padding-right: 2em;    
	text-transform: lowercase;
	}
div.field {    
	width: 68%;   
	float: left;
	}
div.row {    
	clear: both;    
	min-height: 0em;    
	margin-top: 0em;
	}
.addFavorite {    
	vertical-align: bottom;
	}
table.columns {	
	width: 100%;
	}
table.columns td.left {    
	vertical-align: top;    
	width: 15%;    
	padding: 2em 1em 1em 2em;
	}
table.columns td.main {   
	vertical-align: top;    
	padding: 0em 1em 1em 1em;    
	margin: 0;    
	width: 70%;
	}
table.columns td.right {    
	vertical-align: top;    
	width: 15%;    
	padding: 2em 2em 1em 1em;
	}
div.contentTabs {    
	background: transparent;    
	border-collapse: collapse;    
	border-bottom: 1px solid #74AE0B;    
	padding-left: 1em;    
	margin-top: 2em;    
	white-space: nowrap;
	}

div.contentTabs a {    
	background: transparent;    
	border: 1px solid #74AE0B;    
	color: #578308;    
	font-weight: normal;    
	margin-right: 0.5em;    
	padding: 0em 2em;    
	text-transform: lowercase;
	}
div.contentTabs a.selected {    
	background: #C3DDD6;    
	border-bottom: #C3DDD6 1px solid;    
	color: #578308;    
	font-weight: normal;
	}
div.contentTabs a:hover {    
	background-color: #C3DDD6;    
	color: #578308;
	}
div.contentBar {    
	background: #C3DDD6;    
	border-left: 1px solid #74AE0B;    
	border-right: 1px solid #74AE0B;    
	color: #578308;    
	text-align: right;    
	text-transform: lowercase;
	}
div.document {    
	background: White;    
	font-family: Verdana, Helvetica, Arial, sans-serif;    
	padding: 0;    
	margin: 0em 0em 2em 0em;
	}
div.editableDocument {    
	background: White;    
	border: 1px solid #74AE0B;    
	font-family: Verdana, Helvetica, Arial, sans-serif;    
	margin: 0em 0em 2em 0em;    
	padding: 0em 2em 2em 2em;
	}
div.documentActions {    
	float: right;     
	margin-top: 2em;
	}
div.message {    
	background: #FFCE7B;    
	border: 1px solid #FFA500;    
	color: Black;    
	font: bold 11px Verdana, Helvetica, Arial, sans-serif;    
	margin: 2em 0em 1em 0em;    
	padding: 0.5em 1em;    
	vertical-align: middle;
	}
div.message a {	
	color: Black;    
	text-decoration: underline;
	}
div.title {    
	margin-top: 0.5em;    
	font-size: 20px;    
	border-bottom: 1px solid #40CCD1;    
	text-transform: bold;
	}
.description {    
	font: bold 12px Verdana, Helvetica, Arial, sans-serif;    
	display: block;    
	margin: 1em 0em;    
	line-height: 1.5em;
	}

/*** Widgets*/
input.standalone {    
	background: #AAD3EA;
	/*	url({layout_url}/images/linkOpaque.gif) 9px 1px no-repeat;*/    
	color: Black;    
	cursor: pointer;    
	font-size: 11px;    
	font-weight: normal;    
	margin-bottom: 0em;    
	padding: 1px 1px 1px 30px;    
	text-transform: lowercase;
	}

input.destructive {    
	background: #FFCE7B;
	/*	url({layout_url}/images/linkTransparent.gif) 9px 1px no-repeat;*/    
	border: 1px solid #000000;      
	color: Black;    
	cursor: pointer;    
	font-size: 11px;    
	font-weight: normal;    
	margin-bottom: 0em;    
	padding: 1px 1px 1px 30px;    
	text-transform: lowercase;
	}
input.noborder {    
	border: none;    
	margin: 0;    
	background-color: transparent;
	}
div.row {    
	clear: both;    
	min-height: 4em;    
	margin-top: 1em;    
	position: relative;
	}
.group {    
	border: 1px solid #40CCD1;    
	margin: 2em 0em 1em 0em;    
	padding: 0em 1em;
	}
span.legend {   
	background: White;    
	padding: 0.5em;    
	position : relative;    
	top: -0.8em;    
	left: 0em;
	}
div.label {    
	font-weight: bold;    
	display: inline;    
	padding-right: 0.5em;
	}
div.field {    
	margin-top: 0.2em;
	}
div.help {    
	background-color: #FFFFE1;     
	border: 1px solid black;     
	font-size: 80%;    
	font-weight: normal;    
	line-height: normal;    
	text-align: left;    
	position: absolute;    
	left: -18em;    
	width: 16em;    
	padding: 0.5em;
	}
.error {    /* Class for error indication in forms */    
	background: #FFCE7B;    
	border: 1px solid #FFA500;    
	padding: 1em;    
	margin: 0;    
	width: 68% !important;
	}
.required {    
	background: #FFFFFF;
	/*	url({layout_url}/images/required.gif) right no-repeat;*/
	}
span.card {    
	background: #AAD3EA;    
	border-color: #40CCD1;    
	border-width: 1px;    
	border-style: solid;    
	float: left;    
	margin: 1em;    
	padding: 1em;    
	text-align: center;    
	width: 15%;
	}
span.theme {    
	background: #AAD3EA;    
	border-color: #40CCD1;    
	border-width: 1px;    
	border-style: solid;    
	float: left;    
	margin: 1em;    
	padding: 1em;    
	text-align: center;    
	width: 220px;
	}
TD {
	color: #000000;
	font-size: 10px;
	font-family: verdana, tahoma, helvetica, arial, sans-serif;
	}
.commentbar4 {
	color: #000000;
	font-size: 10px;
	font-family: verdana, tahoma, helvetica, arial, sans-serif;
	background-color: #EEEEEE;
	}
option {
	font-family: verdana, tahoma, helvetica, arial, sans-serif;
	font-size: 11px;
	color: #000000;
	}
textarea {
	font-family: verdana, tahoma, helvetica, arial, sans-serif;
	font-size: 11px;
	color: #000000;
	}
select {
	font-family: verdana, tahoma, helvetica, arial, sans-serif;
	font-size: 10px;
	color: #000000;
	}
.headertext {
	color: #000000;
	font-weight: bold;
	font-family: verdana, tahoma, helvetica, arial, sans-serif;
	}
.MainBodyBG{	
	background-color: transparent;
	}
.titlebox{  	
	border-top:0px solid #CCCCCC;	  			  			
	background-color: transparent;
	}
.titletext{	
	font-size: 48px;	
	color: #40CCD1;
	}
.sides {  	
	border-left:1px solid #cccccc;				
	border-right:1px solid #cccccc;
	}
.navtable{	
	font-size: 10px;	
	font-family: verdana, tahoma, helvetica, arial, sans-serif;	
	font-weight: bold;	background-color: #cccccc;
	}
.navtext {
	color: #FFFFFF;
	font-family: verdana, tahoma, helvetica, arial, sans-serif;	
	font-weight: bold;
	}
.navcell{	
	background-color: #FFFFFF;	
	padding-bottom:4px;	
	padding-top:4px;}
.blocktitle{	
	color: #FFFFFF;
	font-size: 12px;	
	font-family: verdana, tahoma, helvetica, arial, sans-serif;	
	font-weight: bold;	
	background-color: transparent;
	margin: 0;
	padding: 2px;
	border-top:1px solid #40CCD1;
	border-left:1px solid #40CCD1;
	border-right:1px solid #40CCD1;
	}
.blockinfo {	
	color: #000000;	
	font-size: 10px;
	font-family: verdana, tahoma, helvetica, arial, sans-serif;
	background-color: #ffffff;	
	border-right:1px solid #40CCD1;
	border-left:1px solid #40CCD1;
	border-bottom:1px solid #40CCD1;
	}
.blockinfo2 {	
	color: #000000;	
	font-size: 10px;	
	font-family: verdana, tahoma, helvetica, arial, sans-serif;	
	background-color: #ffffff;	
	padding-left:2px;	
	padding-right:2px;	
	padding-bottom:2px;	
	padding-top:2px;  	
	border-left:1px solid #40CCD1;	
	border-right:1px solid #40CCD1;  	
	border-top:1px solid #40CCD1;	  			  		  	
	border-bottom:1px solid #40CCD1;	  			  		
	}

.headerblock {
	color: #000000;
	font-size: 11px;
	font-family: verdana, tahoma, helvetica, arial, sans-serif;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:2px;
	padding-right:2px;
	border-bottom-width: 1px;
	}
.welcomeblock {
	color: #000000;
	font-size: 10px;
	font-family: verdana, tahoma, helvetica, arial, sans-serif;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:2px;
	padding-right:2px;
	border-top-width: 1px;
	}
.featureblock {
	color: #000000; 
	font-size: 11px;
	font-family: verdana, tahoma, helvetica, arial, sans-serif;
	}
.storybox {
	color: #000000;
	font-size: 12px;
	font-family: verdana, tahoma, helvetica, arial, sans-serif;
	background-color: #FFFFFF;  	
	border:1px solid #40CCD1;	
	}
.storyboxfeat {
	color: #0066FF;
	font-size: 11px;
	font-family: verdana, tahoma, helvetica, arial, sans-serif;
	border:1px solid #40CCD1;
	background-color: #FFFFFF; 		
	}        
.storybyline {
	color: #000000; 
	font-size: 10px;
	font-family: verdana, tahoma, helvetica, arial, sans-serif;
	background-color: #A9F1F2;
	padding: 2px;
	vertical-align: middle;
	}
.storyunderline{
	background-color: #000000; 
	}
.warning {
	color: red; 
	font-size: 12px;
	font-weight: bold; 
	font-family: verdana, tahoma, helvetica, arial, sans-serif;
	}
.warningsmall {
	color: red; 
	font-size: 11px;
	font-family: verdana, tahoma, helvetica, arial, sans-serif;
	}
.commentbar1 {
	color: #000000; 
	background-color: #EEEEEE; 
	font-size: 11px;
	font-family: verdana, tahoma, helvetica, arial, sans-serif;
	}
.commentbar2 {
	background-color: #C0C0C0;
	font-size: 12px;
	font-family: verdana, tahoma, helvetica, arial, sans-serif;
	}
.commentbar3 {
	color: #000000; 
	background-color: #C0C0C0; 
	font-size: 11px;
	font-family: verdana, tahoma, helvetica, arial, sans-serif;
	}
.commenttitle {
	font-size: 12px;
	font-weight: bold;
	background-color: #C0C0C0;
	font-family: verdana, tahoma, helvetica, arial, sans-serif;
	}
.cal_day {
	font-size: 13px;
	font-weight: bold;
	color: #000000;
	}
.cal_body {
	background-color: #FFFFFF; 
	font-family: verdana, tahoma, helvetica, arial, sans-serif;
	font-weight: bold;
	color: #40CCD1;	
	border-style: solid solid solid solid; 
	border-color: #40CCD1;
	}
.cal-nullday {
	background-color: #BFC5C9;
	color: #40CCD1;
	}
.cal-oldday {
	background-color: #C4D2D9;
	color: #40CCD1;
	}
.cal_month {
	background-color: #FFFFFF;
	color: #40CCD1;
	}
.cal-today {
	background-color: #98BAC9;
	}
.weekview_caltitle {
	background-color: #AAD3EA;
	font-weight: bold;
	font-size: 13px;
	color: #40CCD1;	
	}
.weekview-curday {
	background-color: #66A6CE;
	color: #40CCD1;
	}
.weekview-offday {
	background-color: #40CCD1;
	color: #40CCD1;
	}
.weekview_dayformat {
	font-size: 11px;
	background-color: #C0C0C0;
	color: #cccccc;
	}
.weekview_addevent {
	font-size: 11px;
	background-color: #C0C0C0;
	color: #cccccc;
	}
.weekview_daterange {
	font-size: 13px;
	font-weight: bold;
	background-color: #ebebeb;
	color: #cccccc;
	}
.dayview_times {
	font-size: 10px;
	background-color: #FFFFFF;
	color: #cccccc;
	}
.dayview_datecol {
	font-weight: bold;
	background-color: #ebebeb;
	font-size: 13px;
	color: #cccccc;	
	}
.dayview_quickaddtitle {
	font-weight: bold;
	background-color: #ebebeb;
	font-size: 13px;color: #cccccc;	
	}

/* PortalParts Plugin */
#plg_table {	
	background-color: #FFFFFF;        
	font-family: Verdana, Arial;         
	font-size: 10px;        
	vertical-align:middle;        
	line-height: 12pt;
	}
#plg_text1 { 
	background-color: #DFDFDF; 
	font-family: Verdana, Arial; 
	font-size: 10px; 
	color: #336699; 
	font-weight: bold; 
	padding:10 5 5 5px; 
	}
#plg_text2 { 
	background-color: #EFEFEF; 
	font-family: Verdana, Arial; 
	font-size: 10px; 
	color: #333333; 
	padding: 3 0 3 5px;
	}
#plgAlt1    { 
	background-color: #F5F5F5; 
	padding-left:5px; 
	}
#plgAlt2    { 
	background-color: #FFFFFF; 
	padding-left:5px; 
	}
#plgHeading { 
	background-color: #667AB3; 
	font-family:Arial,verdana, tahoma;  
	font-size: 14px; 
	color: #EFEFEF; 
	padding: 5px;
	}
.treeMenuDefault {  
	font-style: normal;    
	}
.treeMenuBold    { 
	font-style: normal;  
	font-weight: bold; 
	}

/*old footer styles combined in one*/
.footer {
	color: #000000; 
	background-color: #A9F1F2;
	font-size: 10px;
	font-family: verdana, tahoma, helvetica, arial, sans-serif;      
	border-top: 1px solid #218E88;    
	border-bottom: 1px solid #218E88;        
	clear: both;    
	float: none;   
	margin: 2em 0em;    
	padding: 0.5em 0em 1em 0em;
	}
.footerblock {
	color: #ffffff;
	font-size: 10px;
	font-family: verdana, tahoma, helvetica, arial, sans-serif;
	background-color: #A9F1F2;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:2px;
	padding-right:2px;  	
	border-top:1px solid #218E88;	  			  		  	
	border-bottom:1px solid #218E88;  			  		
	}
/*Make color values the same for 3 featureblockheader styles. #1 controls the left cell of the title bar, #2 defines the right cell*/
.featuredblockheader {        color: #FFFFFF;        font-size: 12px;        font-weight: bold;        font-family: verdana, tahoma, helvetica, arial, sans-serif;        border-left:1px solid #40CCD1;        border-right:1px solid #40CCD1;        border-top:1px solid #40CCD1; padding:2px;}
.featuredblockheader1 {        color: #FFFFFF;        font-size: 12px;        font-weight: bold;        font-family: verdana, tahoma, helvetica, arial, sans-serif;        border-left:1px solid #40CCD1;               border-top:1px solid #40CCD1; padding:2px;}
.featuredblockheader2 {        color: #FFFFFF;        font-size: 12px;        font-weight: bold;        font-family: verdana, tahoma, helvetica, arial, sans-serif;               border-right:1px solid #40CCD1;        border-top:1px solid #40CCD1; padding:2px;}
/*Make color values the same for 3 storytitle styles. #1 controls the left cell of the title bar, #2 defines the right cell*/
.storytitle{        color: #FFFFFF;        font-size: 12px;        font-weight: bold;        font-family: verdana, tahoma, helvetica, arial, sans-serif;      border-left:1px solid #40CCD1;        border-right:1px solid #40CCD1;        border-top:1px solid #40CCD1; padding:2px;}
.storytitle1{        color: #FFFFFF;        font-size: 12px;        font-weight: bold;        font-family: verdana, tahoma, helvetica, arial, sans-serif;      border-left:1px solid #40CCD1;         border-top:1px solid #40CCD1; padding:2px;}
.storytitle2{        color: #FFFFFF;        font-size: 12px;        font-weight: bold;        font-family: verdana, tahoma, helvetica, arial, sans-serif;      border-right:1px solid #40CCD1;        border-top:1px solid #40CCD1; padding:2px;}

/*Controls the Featured Offer Options box. To keep the border invisible, use the color of body/storybox background. Make the font color unique or keep the general font color.*/
fieldset {
	color:#OOOOOO;    
	border: 1px solid #ffffff;   
	margin: 2em 0em 1em 0em;    
	padding: 1em 0em;
	}
legend {    
	background: White;    
	padding: 0.5em;
	}
/*Style controlling the search button in the header. Same color as the pagecolor/pagebgcolor in glmenu/config.php*/
input.context {    
	PADDING-RIGHT: 1px; 
	PADDING-LEFT: 1px; 
	FONT-WEIGHT: normal; 
	FONT-SIZE: 11px;  
	MARGIN-BOTTOM: 0em; 
	PADDING-BOTTOM: 1px; 
	TEXT-TRANSFORM: lowercase; 
	CURSOR: pointer; 
	COLOR: white; 
	PADDING-TOP: 1px;
	BACKGROUND-COLOR: #218E88;
	}
/*Style for all input fields. Delete background-color and border for regular look.*/
input {    
	font: 100% Verdana, Helvetica, Arial, sans-serif;        
	color: Black;       
	vertical-align: middle;    
	margin-bottom: 1px;     
	padding: 0.0em;
	font-size: 11px;               
	font-family: verdana, tahoma, helvetica, arial, sans-serif; 
	background-color:#FFFFFF;
	border:1px solid #40CCD1;
	}