/* Crossroads Publishing Style Sheet Last Modified 2/28/2006 13:36 MT */
nn6 { color: #000000; }
A:link { color: #005555; } 
A:visited { color: #664466; } 
A:active { color: #993366; }
A:hover { color: #00AA44; } 

A.textnav:link { color : #88B1B1; text-decoration : none; } 
A.textnav:visited { color : #88B1B1; text-decoration : none; } 
A.textnav:active { color : #88B1B1; text-decoration : underline; }
A.textnav:hover { color : #CEDFE0; text-decoration : underline; } 
A.footer:hover { color : #005500; } 


a.rollover img { border: 1px solid #ffffff; }
/* thumbnail border */
a.rollover:hover img { border: 1px solid #006666; }
/* thumbnail border onMouseOver */
a.rollover:hover { color: #006666; border: 0px; }
/* IE fix */

a.rolloverdk img { border: 1px solid #88B1B1; }
/* clientlist thumbnail border */
a.rolloverdk:hover img { border: 1px solid #005555; }
/* clientlist thumbnail darker border onMouseOver */
a.rolloverdk:hover { color: #005555; border: 0px; }
/* clientlist IE fix */  
 
a.rolloverfl img { border: 1px solid #008888; }
/* flash page thumbnail rollover border */
a.rolloverfl:hover img { border: 1px solid #003333; }
/* flash page thumbnail rollover border */
a.rolloverfl:hover { color: #003333; border: 0px; }
/* flash page thumbnail rollover border */

 
body {
	background-image :  url("cpw3/art/global/bg_gradient.jpg");
	margin : 20px 0px 2px 0px;
	background-color : #ACC3C4;
	background-repeat : repeat-x;
	background-attachment : fixed;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 87%;
	color : #000000; 
	padding: 0px;
  	border: 0px;
	}

h1 {
	font-size: 1.85em;
	font-weight: normal; 
	color: #006666;
	margin: 19px 0 0 0;
	}
	
 h2 { 
	font-size: 1.3em;
	font-weight: normal; 
	color: #663366;
	margin: 10px 0 -5px 0;
	}	
	 
h2.green {
	font-size: 1.25em;
	font-weight: normal; 
	color: #005555;
	margin: 5px 0 10px 0;
}	
	/*Latest News*/
	
 h2.med { 
	font-size: 1.25em;
	font-weight: bold; 
	color: #663366;
	margin: 0 0 0 0px;
	}	
		
h3 { 
	font-size: 1.25em;
	font-weight: normal; 
	color: #663366;
	margin: 0 0 0 0px;
	}	
	
h4 { 
 	font-size: 1.2em;
	 font-weight: normal; 
 	color: #005555;
 	margin: 19px 0 -2px 0;
 	}  
 	
p {
	margin: 5px 0 10px 0;
	}	
	 
li {
	background-image:  url("cpw3/art/global/bullet.gif");
	background-repeat: no-repeat;
	background-position: 0.1em;
	padding-left: 1.2em;
	}	
	
li.arrow {
	background-image:  url("cpw3/art/global/arrow_sm.gif");
	background-repeat: no-repeat;
	background-position: 0.1em;
	padding-left: 1.2em;
	}	
		
p.withmargins { 
 	margin: 5px 0 5px 0;
    } 
	 
p.small_no_top_margin {
	font-size: .85em;
	line-height: 1.4;	
	margin-top: 0px;
    }	
/*  text beside images on index */
	
p.small_top_margin {
	font-size: .85em;
	line-height: 1.4;	
	margin-top: 18px;
    }		
	
ul {
	list-style-type: none;
	padding: 0;
	margin-left: 0.8em;
	margin-top: -5px;
	}
	
	
/*//////////////  Contextual selectors for tables  ///////////////*/

table.content {
   border: solid White;
	border-width: 0 1px 1px 1px;
	}
/* large table includes right jsnav column and contact image */
   
table.masthead {
	border: solid White;
	border-width: 1px 1px 1px 1px; 
	}
/* table includes large left content header image and right logo graphic*/

table.textnav {
 	border: solid White;
	border-width: 0 1px 1px 1px;	
	color: #88B1B1;
	font-weight: bolder;
	font-size: .95em;
	 }
/*table that contains the textnav and navgraphic cells and
 copyright, privacy policy   - with cells footerleft and footerright*/ 
 


/*/////////////  Contextual selectors for table cells  ///////////////////*/
td.contact {	  
	background-image:  url("cpw3/art/global/bg_med_solid.gif");
	background-color:  #88B1B1;
	border: solid White;
	border-width: 0 0 0 1px;
	color: #005555;
	padding-bottom: 14px;
	}
/* cell with contact image */	

td.footerleft { 
    background-image:  url("cpw3/art/global/bg_med_solid.gif");
	background-color: #88B1B1;
	color: #333333;
	font-size: .80em;
	font-weight: normal; 
	text-align: center;
	padding: 5px 0 30px 0;
	border: solid White;
	border-width: 1px 0 0 0; 
	}
/*contains terms of use and privacy policy links */	
 	
td.footerright { 
	background-color : #CEDFE0;
	color: #333333;
	font-size: .80em;
	font-weight: normal; 
	text-align: center; 
	padding: 5px 0 27px 0;
	border: solid White;
	border-width: 1px 0 0 1px; 
	}		
/*contains copyright*/
	
td.jsnav {
 	background-image:  url("cpw3/art/global/bg_med_solid.gif");
	background-color:  #88B1B1;
	border: solid White;
	border-width: 0 0 0 1px;
	color: #FFFFFF; 
	padding-top: 14px;
	}
/* includes the right side JS nav column */

td.header {
	background-color: #88B1B1;
	}
/*header cell for Flash or image */

td.logo { 
    border: solid White;
	border-width: 0 0 0 1px; 
    background-color: #CEDFE0; 
   }
/*contains the logo graphic*/   
	
td.maincontent {
	text-align: left;
  	background-color: #CEDFE0;
	line-height: 1.3;
  	padding: 0 20px 20px 20px;
  	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
 	}
 /* larest table cell -- for main content */	
 
td.navgraphic { 
    background-color: #006666;
	border: solid White;
	border-width: 0px 0px 0px 1px; 
	}
/* text nav row -- cell 2*/	

td.textnav {
 	text-align: center; 
 	background-color: #006666;
 	}	
 /* text nav row -- cell 1*/	
 
td.w_new_bg1 { 
    background-color: #7BA8A8; }  
 /* flash.html What's New td head */ 
 
 td.w_new_bg2  {
 	background-color: #B9D0D0; 
	} 
	/* td style for flash.html What's New td column */
	
div.hr_rule {
	border-bottom: 4px solid #A5C5C5;
	margin:15px 0 15px 0;
	clear : left;
	}
	/* creates a shaded horizontal rule */
		
div.left { 
 	float: left; 
	padding: 0 10px 10px 0; 	 
	}
/* used for keeping thumnails to the left of paragraph text*/	
	
div.right {
	float: right; 
	width: 272px;  
	 }	
 /* keeps paragraphs contained to not wrap under thumbnails*/ 
 
 div.sm_hr_rule { 
	border-bottom: 2px solid #91B9B9; 
	margin: 8px 0 8px 0;
	}	
	/* small shaded horizontal rule --  flash.html whats new column */
 
 /*//////////////////// Other classes ////////////////////////*/
 
 .bullet {
	margin-top: .50em;
	}
	
.flash_thumbs_border {
 	border: 1px solid #006666; 
 	margin-left: 4px;
 	}
/* margin and border style for flash.html thumbnails*/
	
.form 
	{ font-size: .85em;
	line-height: 1.4;	
	margin-top: 0px; 
	}	
/*form text*/	
	
.glossary_menu {
 	text-align: center; 
	font-size: 1.15em; 
	font-weight: bold; 
	color: #663366;
	}
	
.icon_middle {
	vertical-align: middle;
	}
	/*used for sitemap icons*/
	
.icon_inset {
	vertical-align: middle;
	margin: 0 0 0 8px;	
	}
	/*used for inset sitemap icons*/	

.icon_inset2 {
	vertical-align: middle;
	margin: 0 0 0 38px;	
	}
/*used for inset sitemap page icons one step more*/
	 
.hide { text-decoration : none;  }	 
/* for title links w no underline */
	
 
.lastmodified { color: #DEEAEB; 
	font-size: 0.75em; 
	margin-top: 60px;
	}	
/* at bottom left*/	

.latestnews {
	color: #333333;
	font-size: .80em;
	font-weight: bold; 
}
/*latest news text*/

.latestnewsbox {
	text-align: left; 
	padding: 0 8px 0 18px;
}
/*latest news box*/

.listtext {
	margin-top: .35em;
	}	
/* bullet and listtext used for bulleted list on experiece*/
  
.map_text { 
	color: #006666;
	text-decoration: none;
	}	
/* ////// I don't think this is used any more -- watch before removal ///////////*/	 
  
.mid_text {
	font-weight: bold; 
	color: #663366;
	}
/*used on sitemap for medium page headings*/

.portfolio_thumbs { 
	border: 1px #88B1B1 solid; 
	margin-top: 6px;
	} 
	/* style for image */
 
.questiontext {
	font-weight: bold; 
	color: #663366;
    }	
/*used for faq page item headings*/	
	
.quote {
 	font-style: italic;
	font-size: .85em;
	color: #446666;
	}
 	/*used for testimonials on client list*/

.required { 
	font-size: 0.75em;
	color: Red; 
	} 
	/*use for small red text such as in required fields*/
		
.shade { 
 	background-image:  url("cpw3/art/global/bg_lt_shade.jpg"); 
	background-repeat: no-repeat;
	padding: 10px;
 	}
/* backround behind thumbnails on index and portolio pages*/	
		
.textnavselect {
	color: #CEDFE0; 	
	}
/* the selected item in footer text nav */
 
 .w_new_subtitle {
 	color: #006666;
	font-weight: 600;
	font-stretch: extra-condensed; 
	}
 /* what's new column text -- flash.html */	
 
.w_newtext {  
	padding: 4px 4px 0 4px;
	font-size: .85em;
	line-height: 1.4;	
	margin-top: 0px;  
	}
 /* what's new column text -- flash.html */   
 
.w_newtitle { 
	font-size: 1.2em;
	color: #FFFFFF; 
	margin: 5px 0 10px 0; }	
/* whats new text header style -- flash.html*/ 
 
.whiteborder { 
 	border: 1px white solid;
  	}
	/*used on thumbnail pictures other than client list images*/
	
.w_new_subtitle {
 	color: #006666;
	font-weight: 600;
	font-stretch: extra-condensed; 
	}
 /* what's new column text -- flash.html */	
 
.w_newtext {  
	padding: 4px 4px 0 4px;
	font-size: .85em;
	line-height: 1.4;	
	margin-top: 0px;  
	}
 /* what's new column text -- flash.html */   
 
.w_newtitle { 
	font-size: 1.2em;
	color: #FFFFFF; 
	margin: 5px 0 10px 0; }	
/* whats new text header style -- flash.html*/