/* CLEAR CODE from Eric Meyer -------------*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn,  img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { 
	margin: 0px; padding: 0px; border: 0px; 
	font-size: 100%;  
	vertical-align: baseline; }

strong { font-weight: bold; }
em { font-style: italic; }

/* Removes dotted line when focus */
	:focus { outline: none; }

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0px; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, 
blockquote:after, 
q:before, 
q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Remove annoying border on linked images. */
a img { border: none; }

/* Clearing floats without extra markup
   Based on How To Clear Floats Without Structural Markup by PiE
   [http://www.positioniseverything.net/easyclearing.html] */
.clearfix:after { content: "."; 
	display: block; height: 0;
	clear: both; 
	visibility: hidden; }
.clearfix { display: block; }

/* Regular clearing, just in case! */
.clear { clear: both; }
/* end clear code -----------------------------*/


/* COLOR CHART ---------------------------- */
.yellow { color: #fcc280; /* NEWyellow      WAS:#f7c812; yellow */ }
.yellow-pale { color: #fce3c8; /* NEWyellow-pale */ /* WAS: #f9ecb9; */ }
.brown 	{ color: #6d483a; /* brown */ }
.tan		{ color: #dfcda9; /* tan */ }
.tan-pale { color: #e9dcc3; /* tan-pale */ }
.red		{ color: #ac3556; /* red */ }

.bkg-very-lite-tan 	{ background-color: #f3f1e8;  /* very-lite-tan */  }
.bkg-pale-hover 		{ background-color: #fffcdc;  /* pale-hover */  }

.bkg-lighter-brown { background-color: #775245; /* lighter brown */ }

.bkg-lighter-red 	{ background-color: #be4466;  /* lighter-red */  }

.bkg-neutral 			{ background-color: #acac97;  /* neutral */  }
.bkg-neutral-med 	{ background-color: #b3ad95;  /* neutral-bkg */  }


/* Always displays scrollbar:        */
html { height: 100%; 
	margin-top: 0; 
	margin-bottom: 1px; 
	background-color: #ffffff; }

body {  	
	color: #333333;
	text-align: center;
	width: auto;
	height: auto;
	border: none;
	margin: 0 auto;
	padding: 0;
	font-size: 11px;
	line-height: 1.4em;
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	background-color: #b3ad95; /* ----- neutral bkg ----- */
	}

/*
body.redsweep {   
	background: url('images/bkg.png') top left repeat-x;  
} */


 		
#container { /* holds side shadows centerpanel -- done */
	position: relative; 
	width: 1050px; 
	height: auto;
	height: 100%;	
	margin: 0 auto;
	margin-top: 0;
	padding-top: 0;
	background: url('images/centerpanel.png') top center repeat-y;  
}
	
#toptabs {	/* holds photos that randomly change */
	position: relative;
	width: 1000px;
	height: 75px;
	background-color: #ffffff; 
	margin-left:   auto;
	margin-right:  auto;
	margin-top:  0 !IMPORTANT;
	margin-bottom: 0;
	padding-top: 0;
	z-index: 1000;	
}

#header { 
	clear: both;
	float: left;
	width: 1000px; 
	height: 78px;
	background-color: white;
	padding: 0; 
	margin-top:    0;
	margin-right:  0;
	margin-bottom: 0;
	margin-left: 25px; /* accommodates side shadow panel */
	z-index: 100;	
}
#header img { 
	margin: 0 auto;
	padding-top: 20px;
	}


/* ~~~~~~~~~~~~~ CONTENT BEGINS HERE ~~~~~~~~~~~~~ */
		
#content { /* contains all columns */
	clear: both;
	float: left;
	width: 1000px;
	padding: 0;
	margin: 0 25px;
	background-color: transparent;
	height: auto;
	}

div.centerPics {
	text-align: center;
	margin: 0 auto;
	}
.bottomImages {
	float: left;
	display: inline;
	color: #777777;
	font-family: Arial, Helvetica, sans-serif;
}

		
h1 { font-size: 16px; 
	line-height: 120%;
	font-weight: bold;
	padding-top: 10px;
	padding-bottom: .5em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:  #ac3556; /* red */ }
			
h1.start { /* padding-top: 10px; */ color: #6d483a; /* brown */ }

h2 { font-size: 14px; 
	line-height: 120%;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:  #ac3556; /* red */ 
	}
h1.brown,
h2.brown,
h3.brown  { 
	color: #6d483a; /* brown */
	}	

	
h3 { font-size: 12px; 
	line-height: 120%;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:  #ac3556; /* red */ 
	}	

h4 { font-size: 11px; 
	line-height: 120%;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:  #ac3556; /* red */ 
	}
div#sidebar1 h1, div#sidebar2 h1 { font-size: 14px; }
div#sidebar1 h2, div#sidebar2 h2 { font-size: 12px; }
div#sidebar1 h3, div#sidebar2 h3 { font-size: 11px; }

div#sidebar1 h1, div#sidebar2 h1,
div#sidebar1 h2, div#sidebar2 h2,
div#sidebar1 h3, div#sidebar2 h3,
div#sidebar1 h4, div#sidebar2 h4 { 
	color:  #ffffff; /* white */ 
	}	
h5 { font-size: 11px; 
	line-height: 120%;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:  #ac3556; /* red */ }	

h6 { font-size: 9px; 
	line-height: 120%;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:  #ac3556; /* red */ 
	}
	
/* ~~~~~~~~~~ CONTENT LINKS ~~~~~~~~~~ */	
#content a:link, 
#content a:visited { color: #6d483a;  /* brown */
	text-decoration: none;
	border-bottom: 1px dotted #6d483a;  /* brown */ 
	padding-bottom: 1px; }

#content a:hover, 
#content a:active { color: #ac3556;  /* red  */
	text-decoration: none;
	border-bottom: 1px dotted #ac3556;  /* red  */
	padding-bottom: 1px;  }
	
#feature_box_container { border: none; }	
div#content #feature_box_container .feature_box a:link,
div#content #feature_box_container .feature_box a:visited,
div#content #feature_box_container .feature_box a:focus,
div#content #feature_box_container .feature_box a:hover,
div#content #feature_box_container .feature_box a:active

 	{
	text-decoration: none;
	border: none;
	border-bottom: none; 
	padding-bottom: 1px;
	}
	
 /* ~~~~~~ FOR LEFT SIDEBAR 1 (NAVIGATION PANEL) ~~~~~~~~~ */
 	
#content #sidebar1 {   
	float: left; 
	width: 200px;
	min-height: 610px;
	height: auto !IMPORTANT;
	/* height: 100%; */
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 14px;
	color: #ffffff;  /* white */
	text-align: left;	
	background-color: #6d483a; /* brown */
	}
	
#sidebar1 ul.nav-links { 
	margin-top: 6px;
	padding-top: 6px;	
	}
#sidebar1 strong { color: #fcc280; font-weight: bold; }
	
 /* ~~~~~~ FOR RIGHT SIDEBAR 2 PANEL ~~~~~~~~~ */
	
#sidebar2 {
	margin-top: 0; 
	float: right; 
	width: 200px;	
	min-height: 610px;
	height: auto !IMPORTANT;
	margin-right: 0;
	padding: 0;	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 14px;
	color: #ffffff;
	text-align: left;	
	z-index: 9; 
	background-color: #ac3556; /* red */
	}	

#sidebar2 .contact { 
	margin-top: 6px;
	padding-top: 6px;	
	}
	
#sidebar2 strong { color: #fcc280; font-weight: bold; }

#sidebar2 .contact p { padding: 6px 0; }


	
div#sidebar1 .text,
div#sidebar2 .text {
	padding: 0 20px 10px 20px;
	}
#sidebar2 .text ul { 
	padding: 10px; }
	 

#sidebar2 #feature_box_thum .special_text {
	padding: 10px;
	margin-top: 4px;
	}	
	
 /* ~~~~~~ FOR LEFT NAVIGATION PANEL : LINK BEHAVIOR  ~~~~~~~~~ */	
	
#content #sidebar1 ul.nav-links a:link, 
#content #sidebar1 ul.nav-links a:visited { color: #ffffff;  /* white */
	text-decoration: none;
	border-bottom: none; 
	padding-bottom: 1px; }

#content #sidebar1 ul.nav-links a:hover, 
#content #sidebar1 ul.nav-links a:active { color: #f9ecb9;  /* yellow-pale */
	text-decoration: none;
	border-bottom: 1px dotted #f9ecb9;  /* yellow-pale */
	padding-bottom: 1px;  }

div#content ul li { margin-left: 10px; }

	
div#primary {      /* ~~~~~~ FOR WIDE CENTER PANEL ~~~~~~~~~~~ */
	float: left; 
	width: 596px;
	min-height: 510px;
	height: auto;
	background-color: transparent;
	background-image: url('images/ConvergingPoint-LOGOGRAPHIC.png');
	background-position: top center;
	background-repeat: no-repeat; 
	padding: 0;
	margin: 0;

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	color: #333333;
	text-align: left; 
	}
	
.box_round {
     -moz-border-radius: 16px; /* FF1+ */
  -webkit-border-radius: 16px; /* Saf3+, Chrome */
          border-radius: 16px; /* Opera 10.5, IE 9 */
}	
		
div#primary .text { 
	margin: 100px 10px 10px 15px;
	}
	
div#primary p.wider { padding: 5px; } /* for counties and areas page text */
	
div#primary .pics-right img { 
	float: right; 
	margin: 0 6px;
	border: none;
	}
div#primary .pics-left { 
	float: left;
	margin: 0 6px;
	border: none;
	}

div#primary ul {  
	margin-left: 1.5em;
	}		
div#primary  ul li { 
	list-style-type: disc;
	}
div#primary li { 
	line-height: 120%;
	font-weight: normal;
	padding-bottom: 3px;
	
	}

/* FOR TABLE: feature_box THUMBNAIL CAPTIONS  */

div#primary table.feature_box .listings { margin-bottom: 6px; }

div#primary table.feature_box td div.caption 
	{
	width: 150px;
	padding: 0;
	color: #6d483a; /* brown */ 
	font-size: 9px;
	line-height: 150%;
	}
		
/* ~~~~~~~~~~~~ FEATURE BOX  ~~~~~~~~~~~~  */

div#feature_box_container { 
	width: 530px;
	padding: 5px;
	margin-bottom: 5px;
	font-size: 11px;
	line-height: 15px;
	text-align: left;
	}

div.feature_box { 
	float: left;
	width: 165px;
	min-height: 250px;
	height: auto;
	vertical-align: top;
	border: 1px solid #ffffff;
	margin-bottom: 4px;
	}

div#feature_box_container div.caption 	{
	width: 150px;
	padding: 0;
	color: #333333; /* charcoal */
	font-size: 9px;
	line-height: 12px;
	}





	
/* FOR TESTIMONIALS -- STYLE ASSIGNED IN TinyMCE */
div#primary blockquote { 
	border: 1px dotted #6d483a; /* brown */ 
	padding: 6px 8px;
	font-size: 11px;
	line-height: 150%;
	font-style: italic;
	font-family: "Trebuchet MS", Geneva, Verdana, Arial, sans-serif;
	}






/* FOR Q & A styling */
	
dl { margin-bottom: 6px; }

dt { color: #ac3556;  /* red  */ 
	font-weight: bold; 
	font-style: italic;
	margin-bottom: 2px; 
	font-size: 11px;
	line-height: 14px;
	}

dd { margin-bottom: 5px;
	font-size: 11px;
	line-height: 14px; }



/* ------------ COUNTIES and AREAS LIST ------------------ */
	
table.area {  
	width: 580px;
	padding: 0;
	margin-top: 2px;
	margin-bottom: 6px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 14px;
	color: #333333;
	text-align: left;
	}

table.area td {	
	padding: 2px;
	margin: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 15px;
	color: #333333;
	text-align: left;
	border-bottom: 1px dotted #aaaaaa;
	}
	
body#brown .areas #content td {
	padding-bottom: 2px; }

body#brown .areas #content table.area td a {
	border-bottom: none; } 
			
table.area td.org_name a {	
	width: 160px;
	font-weight: bold;
	text-transform: uppercase;
	}	
table.area td.work_type a {	
	width: 160px;
	font-weight: bold;
	text-transform: uppercase;
	}	
table.area td.city a {	
	width: 160px;
	font-weight: bold;
	text-transform: uppercase;
	}	
table.area td.state a {	
	width: 25px;
	font-weight: bold;
	text-transform: uppercase;
	}
	
		
/* ------------------------ TOP TABS: PHOTOS -------------------------- */

#photo-block {
	width: 1000px;
	height: 75px;
	margin-left: 0;
	margin-top: 0;
	padding: 0;
}

.picture-tab {
	float: left;
	width: 100px;
	height: 75px;
	border: none;
	padding: 0;
	margin: 0;
	
}
/*.picture-tab .item1 {
	margin-left: 25px;
}
.picture-tab .item2 {
	margin-left: 100px;
}
.picture-tab .item3 {
	margin-left: 200px;
}
.picture-tab .item4 {
	margin-left: 325px
	margin-top: 0;
}
.picture-tab .item5 {
	background-position: 425px top;
}
.picture-tab .item6 {
	background-position: 525px top;
}
.picture-tab .item7 {
	background-position: 625px top;
}
.picture-tab .item8 {
	background-position: 725px top;
}
.picture-tab .item9 {
	background-position: 825px top;
}
.picture-tab .item10 {
	background-position: 925px top;
}
*/

/*  ~~~~~~~~~~~~ TOP TABS  ~~~~~~~~~~~~~~ */

div#nav .topper {  /* intro line:  */
	display: inline;
	float: left;
	padding: 10px 10px 1px 10px;
	text-align: left;
	font-size: 16px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #33715b;   /* dark green */
	}
div#nav ul  {
	float: left;
	height: auto;
	list-style: none;
	line-height: 100%;	
	font-weight: bold;
	padding: 9px 0 0 0;    /* pushes entire tab down from top */
	margin: 0 auto;
	z-index: 800;
}
div#nav li  {
	float: left;
	padding-top: 0;		
	padding-right: 1em;   	
	margin-left: 2px; 		/* adds space between tabs */	
	padding-bottom: 8px;	/* adds bottom of tab under text */
	padding-left: 0;
	width: auto;           /* SC: WORKS */
}
div#nav a  {
	display: block;   	
	width: auto;		/*  KEEP THIS WIDTH */	
	/*w\idth:  6em;*/
	padding-top: .5em;		/* pushes text down to correct position */
	padding-right: .5em;
	padding-bottom: 0;
	padding-left: 1.5em;	/* pushes text over from left */
	color:  #ffffff;		/* white */
	text-decoration: none;
	border-bottom: none;	/* prevents default underline */
}

div#nav a:link,
div#nav a:visited
	{ color:  #ffffff;          /* white */
	}
	
div#nav a:hover,
div#nav a:active
	{ color:  #fffe9e;          /* bright yellow */
	text-decoration: underline;
	}
	
/*  ~~~~~~~~~~  end TOP TABS NAVIGATION  ~~~~~~~~~~  */


#footer { 

	clear: both;	
	width: 1000px;
	height: auto;
	background-color: #fcc280; /* NEWyellow */

	margin:  0 auto;
	padding:  0;
	/* border: 1px solid black;	 */
	
	/*	font-weight: bold;
		font-size: 12px;
		line-height: 15px;
		font-family: arial, helvetica, sans-serif;
		color: #000000;  black */
		
	}

#footer .text {
	
	margin: 0;
	padding: 8px 6px;
		font-weight: normal;
		font-size: 10px;
		line-height: 15px;
		font-family: arial, helvetica, sans-serif;
		color: #000000; /* black */
		text-align: center;
	}
	
div#footer a:link,
div#footer a:visited
	{
	text-decoration: none;
	color: #000000; /* black */
	}
div#footer a:hover,
div#footer a:active
	{
	text-decoration: none;
	padding-bottom: 1px;
	border-bottom: 1px dotted #ac3556; /* red */
	color: #ac3556; /* red */
	}


/* ~~~~~~~~~~~~~~~~~ UTILITY ~~~~~~~~~~~~~~~~~~~~~ */

.clearer {
	clear: both;
	height: 1px;       /* was 12px; */
}

.bolder { font-weight: bold; }

.testimonial { 
	margin-top: 4px;
	border: 1px solid #6d483a; /* brown */
	padding: 6px;
	font-style: italic;
	font-weight: bold;
	color: #6d483a; /* brown */
	font-size: 11px;
	line-height: 13px; }

/* ----------------   FORM ELEMENTS ------------------ */

fieldset { 
	position: relative;
	width: 520px; 
	height: auto;
	margin-left: auto;
	margin-right: auto;
	margin-top: 2px;
	padding-top: 0; 
	z-index: 0;
}

div.form-element { 
	float: left;
	width: 520px;
	background-color: #eaece6;  /* pale gray */ 
	border: 1px solid #c0c0bf; /* medium gray */ 
	height: auto;	
	padding: 2px;
	margin: 2px; 
	}

label { 
	margin-top: 0;
	margin-bottom: 2px;
	padding: 2px 2px 6px 2px;	
	color: #000000;
	font-size: 10px;
	line-height: 110%;
	font-family:  Verdana, Arial, Helvetica, sans-serif;
}

input, textarea { 	
	margin-left: 20px;
	margin-bottom: 3px;
	margin-top:  3px;
	padding: 2px;
	border: 1px solid #333333;
	background-color: #ffffff;	
	color: #333333;
	font-size: 10px;
	line-height: 105%;
	font-family:  Verdana, Arial, Helvetica, sans-serif; 
}

select { margin: 2px;}

.error { 
	margin-top: 0;	
	color: #990022; 
	padding-left: 10px; 	
	font-size: 9px;
	line-height: 10px;	
}

div#submit { padding-top: 4px; padding-left: 1px; padding-bottom: 25px; }














/* ~~~~~~~~~~~~ ALTERNATE UTILITY PAGES ~~~~~~~~~~~~~~~~ */

body#login div#container {
	margin: 0 auto;
	width: 500px;
	}

body#login div#primary { 
	padding: 16px;
	margin: 0 auto;
	width: 460px;		
	}

body#login div#primary .text {
	margin-top: 50px;
	height: 200px;
	background-color: #fffeef;	
	color: #333333;
	font-size: 12px;
	line-height: 125%;
	font-family:  Verdana, Arial, Helvetica, sans-serif; 
	border: 1px dotted #990022; 
	}
body#login div#primary label {
	width: 120px;	
	}
body#login div#primary input {
	width: 220px;
		
	}
body#login div#primary div#submit .btn {
	width: 120px;
	height: 36px;
	margin-left: 120px;	
	padding: 6px;
	font-weight: bold;
	font-size: 12px;
	line-height: 125%;
	font-family:  Verdana, Arial, Helvetica, sans-serif; 
	}
		
body#login div#primary fieldset	{
	width: 400px;	
	}	
body#login div#primary .formwidth {
	width: 400px;	
	height: 36px;
	}

/* ~~~~~~~~~~~~ ALTERNATE HEADERS ~~~~~~~~~~~~~~~~ */

h2.reverse_red,
h2.reverse_blue,
h2.reverse_green,
h2.reverse_brown,
h2.reverse_gold,
h2.reverse_orange,
h2.reverse_navy,
.highlight
	
{	clear: both; 
	font-size: 12px; 
	line-height: 120%;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
	padding: 3px 5px;
	margin-top:    6px;
	margin-bottom: 6px;
	text-align: center;	
	vertical-align: top;
	}

.highlight { 	font-size: 10px; 
	padding: 3px;
	background-color:  #2280c4; /* blue */ }



/* LEFT HAND NAVIGATION LINKS: */

body#home div#sidebar1 .text ul.nav-links li.home a,
body#home div#sidebar1 .text ul.nav-links li.home a:link, 
body#home div#sidebar1 .text ul.nav-links li.home a:visited,
body#home div#sidebar1 .text ul.nav-links li.home a:hover,
body#home div#sidebar1 .text ul.nav-links li.home a:active,

body#quality-control div#sidebar1 .text ul.nav-links li.quality-control a,
body#quality-control div#sidebar1 .text ul.nav-links li.quality-control a:link, 
body#quality-control div#sidebar1 .text ul.nav-links li.quality-control a:visited,
body#quality-control div#sidebar1 .text ul.nav-links li.quality-control a:hover,
body#quality-control div#sidebar1 .text ul.nav-links li.quality-control a:active,


body#about div#sidebar1 .text ul.nav-links li.about a,
body#about div#sidebar1 .text ul.nav-links li.about a:link, 
body#about div#sidebar1 .text ul.nav-links li.about a:visited,
body#about div#sidebar1 .text ul.nav-links li.about a:hover,
body#about div#sidebar1 .text ul.nav-links li.about a:active,

body#map-areas div#sidebar1 .text ul.nav-links li.map-areas a,
body#map-areas div#sidebar1 .text ul.nav-links li.map-areas a:link, 
body#map-areas div#sidebar1 .text ul.nav-links li.map-areas a:visited,
body#map-areas div#sidebar1 .text ul.nav-links li.map-areas a:hover,
body#map-areas div#sidebar1 .text ul.nav-links li.map-areas a:active,

body#our-team div#sidebar1 .text ul.nav-links li.our-team a,
body#our-team div#sidebar1 .text ul.nav-links li.our-team a:link, 
body#our-team div#sidebar1 .text ul.nav-links li.our-team a:visited,
body#our-team div#sidebar1 .text ul.nav-links li.our-team a:hover,
body#our-team div#sidebar1 .text ul.nav-links li.our-team a:active,

body#login div#sidebar1 .text ul.nav-links li.login a,
body#login div#sidebar1 .text ul.nav-links li.login a:link, 
body#login div#sidebar1 .text ul.nav-links li.login a:visited,
body#login div#sidebar1 .text ul.nav-links li.login a:hover,
body#login div#sidebar1 .text ul.nav-links li.login a:active,

body#contact div#sidebar1 .text ul.nav-links li.contact a,
body#contact div#sidebar1 .text ul.nav-links li.contact a:link, 
body#contact div#sidebar1 .text ul.nav-links li.contact a:visited,
body#contact div#sidebar1 .text ul.nav-links li.contact a:hover,
body#contact div#sidebar1 .text ul.nav-links li.contact a:active,

/* UTILITY LINKS: */

body#faq div#sidebar2 .text ul.utility-links li.faq a,
body#faq div#sidebar2 .text ul.utility-links li.faq a:link, 
body#faq div#sidebar2 .text ul.utility-links li.faq a:visited,
body#faq div#sidebar2 .text ul.utility-links li.faq a:hover,
body#faq div#sidebar2 .text ul.utility-links li.faq a:active,


body#sitemap div#sidebar2 .text ul.utility-links li.sitemap a,
body#sitemap div#sidebar2 .text ul.utility-links li.sitemap a:link, 
body#sitemap div#sidebar2 .text ul.utility-links li.sitemap a:visited,
body#sitemap div#sidebar2 .text ul.utility-links li.sitemap a:hover,
body#sitemap div#sidebar2 .text ul.utility-links li.sitemap a:active

	{ 
	color: #ac3556;             /* red */
	background-color: #f9e434; /* gold */
	padding: 1px 4px 1px 3px;
	margin-left: -3px;
	} 


.butter { color: #f9f594;  /* yellow */ }
.borderbutter { border: 2px solid #f9f594; }  /* yellow */ 
.bkgbutter { background-color:  #f9f594; }  /* yellow */ 

.red { color: #ac3556; } /* red */
.borderred { border: 2px solid #ac3556;  /* red */ }
.bkgred { background-color:  #ac3556;   /* red */ }

.brown { color: #6d483a; /* brown */ }
.borderbrown { border: 2px solid #6d483a; /* brown */ }
.bkgbrown { background-color: #6d483a; /* brown */ }

.blue { color: #2280c4; /* blue */ }
.borderblue { border: 2px solid #2280c4; /* blue */ }
.bkgblue { background-color: #2280c4; /* blue */ }

.orange { color: #f99d34; /* orange */ }
.borderorange { border: 2px solid #f99d34; /* orange */ }
.bkgorange { background-color: #f99d34; /* orange */   }

.gold { color: #f9e434; /* gold */ }
.bordergold { border: 2px solid #f9e434; /* gold */ }
.bkggold { background-color: #f9e434; /* gold */   }

.kelly  { color: #6ebe45; }
.borderkelly  { border: 2px solid #6ebe45; }
.bkgkelly  { background-color: #6ebe45;  }

.green { color: #00778a; /* green */ }
.bordergreen { border: 2px solid #00778a; /* green */  }
.bkggreen { background-color: #00778a; /* green */  }

.grass { color: #218F42; /* glassgrass */ }
.bordergrass { border: 2px solid #218F42; /* glassgrass */  }
.bkggrass { background-color: #218F42; /* glassgrass */  }

.skyblue { color: #a4b0da; } 

.smaller { font-size: 85%; }


	
div#belowFooter div#important-info  {   
	display: none;
	position: relative;
	margin-left: -9999px;
	margin-top: -9999px;
	color: white;
	height: 1px;
	font-size: 1px;	
	}

/* ----- LINKTEXT IN SPECIALS BLACKBOARD SIDEBAR ----- */	
#content #sidebar2 ul.utility-links a.white_link:link,
#content #sidebar2 ul.utility-links a.white_link:visited,
div#sidebar2 a.white_link:link,
div#sidebar2 a.white_link:visited	{ 
	color: #ffffff !IMPORTANT;
	text-transform: none;
	text-decoration: none;
	}	
#content #sidebar2 ul.utility-links a.white_link:hover,
#content #sidebar2 ul.utility-links a.white_link:active,		
div#sidebar2 a.white_link:hover,
div#sidebar2 a.white_link:active	{ 
	color: #ffff99 !IMPORTANT;
	text-transform: none;
	text-decoration: none;
	}