/* ----------------------------------------- */
/* ---- RESET STYLES FOR ALL BROWSERS ------ */
/* --------- AUTHOR: NICK RIGBY ------------ */
/* ----------------------------------------- */
	
body, p, blockquote {
	margin: 0;
	padding: 0;
	}

a img, iframe { border: none; }


/* using 100.01% eliminates most size inheritance errors in IE and some versions of Opera.*/
h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	font-size: 100.01%;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	}
		
ul, ol, dl, li, dt, dd {
	margin: 0;
	padding: 0;
	}
	
a, a:link {}
a:visited {}
a:hover {}
a:active {}

form, fieldset {
	margin: 0;
	padding: 0;
	}
	
fieldset { border: 1px solid #000; }

legend {
	padding: 0;
	color: #000;
	}

input, textarea, select {
	margin: 0;
	padding: 1px;
	font-size: 100%;
	font-family: inherit;
	}
	
select { padding: 0; }


/* ----------------------------------------- */
/* ------- FLOAT CLEARING FROM P.I.E. ------ */
/* ----------------------------------------- */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
	}
	

/* ----------------------------------------- */
/* ---- MAIN STYLES DOWN TO THE NAV BAR ---- */
/* ----------------------------------------- */

body {
	text-align:center;
	min-width:73em;
	max-width:100%;
	font-size:62.5%;
	line-height:1.5;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background:url(/assets/tanfade_7_583.gif) repeat-x left top;
	background-color:#e9dcc6;
	}

 
#pagewrapperouter {
	margin:0 auto;
	width:72em;
	max-width:100%;
	text-align:left;
	padding-top:8px; /*rather than an 8px top margin on the header, otherwise Opera will jump*/
	}
	
#pageshadowleft {
	background-image:url(/assets/tansideleft_7_584.gif);
	background-position:top left;
	background-repeat:no-repeat;
	margin:0;
	position:relative;
	left:-40px;
	width:72em;
	padding:0;
	}
	
#pageshadowright {
	background-image:url(/assets/tansideright_7_585.gif);
	background-position:top right;
	background-repeat:no-repeat;
	position:relative;
	left:80px;
	margin:0;
	width:72em;
	padding:0;
	}

#pagewrapperinner {
	margin:0;
	width:72em;
	text-align:left;
	position:relative;
	left:-40px;
	}

#header	{
	width:100%;
	height:48px;
	text-align:right;
	margin:0 0 7px 0;
	}

#acelogo	{
	float:left;
	}
	
#header #acelogo a	{
	margin:0;
	padding:0;
	background-color:#fff;
	display:inline;
	}

/* ---------------------------------------------- */
/* --------------- TAB BAR STYLES --------------- */
/* ----- from CSS Mastery book by Andy Budd ----- */
/* ---------------------------------------------- */

 #tab_bar {
    float:left;
	display:inline; /* prevents the IE margin doubling bug */
	position:relative;  /* required for IE and FF layering */
    z-index:2; /* required for IE and FF layering  */
	padding:0 0 0 35px;
    background-color:transparent;
    font-size:120%;
    line-height:normal;
    }

#tab_bar ul {
    list-style:none;
	float:left;
    }
		
#tab_bar ul li {
    float:left;
	position:relative; /* required put the submenus in the right place */
    }

#tab_bar ul li.current {
	background:url(/assets/tabs_left_7_586.gif) no-repeat left top;
	background-position:0 -106px;
	z-index:3; /* required for IE and FF layering */
	}

#tab_bar ul li a {
	display:block;
	background:url(/assets/tabs_left_7_586.gif) no-repeat left top;
	text-decoration:none;
	padding:0 0 0 10px;
	font-weight:normal;
    }

#tab_bar ul li a span {
	float:left;
	display:block; /* to make the whole area clickable */
	background:url(/assets/tabs_right_7_587.gif) no-repeat right top;
    padding:16px 13px 8px 3px; /* adds padding around the text */
	color:#535353;
    }
	/* Commented Backslash Hack hides the following reset from IE5-Mac \*/
	#tab_bar ul li a span {float:none;}
	/* End IE5-Mac hack */


#tab_bar a:hover {
	background-position:0 -99px;
    }

#tab_bar a:hover span {
	background-position:100% -99px;
	color:#fff;
	}


#tab_bar ul li.current a, #tab_bar ul li.current a:hover {
	background-image:none;
	}
	
#tab_bar ul li.current a span, #tab_bar ul li.current a:hover span {
			background-color:transparent;
	background-position:100% -106px;
    padding:12px 13px 12px 3px;
	color:#fff;
	}	

/* need some sort of rule for this: #tab_bar ul li.current a span, #tab_bar ul li.current a:hover span {
			background-color:transparent;
	background-position:100% -106px;
    padding:12px 13px 12px 3px;
	color:#fff;
	}	
*/

/* --------------------------------------------------------- */
/* ---- SUCKERFISH DROP-DOWN CODE FOR NAV BAR SUBMENUS ----- */
/* --------------------------------------------------------- */

#tab_bar li ul {
	display: none;
	position: absolute; 
	top: 100%;
	left: 0;
	z-index:2;
	font-size:100%;
}
/* the next rule fixes a display bug in IE */
#tab_bar li > ul {
	top: auto;
	left: auto;
	}

#tab_bar li:hover ul, #tab_bar li.over ul { display: block;}


/* THIS rule originally had just a border bottom of f54a44. Take out the others in 2 rules below if browser probs */
#tab_bar li ul li {
	background-image:none;
	float:none;
	}

#tab_bar li ul a {
	background-image:none;
	background-color:#E5312B;
	border-top:1px solid #f54a44;
	border-bottom:1px solid #CA2722;
	color:#fff;
	padding:5px 5px 5px 12px;
	float:none;
	width:17em; /* This may have to be altered for longer links */
	}
	
#tab_bar li ul a.first {
	border-top:1px solid #E5312B;
	}
	
#tab_bar li ul a:hover {
	background-color:#F54A44;
	border-top:1px solid #f54a44;
	border-bottom:1px solid #f54a44;
	color:#fff;
	}

/* ---------------------------------- */
/* -------- RED BAR STYLES ---------- */
/* ---------------------------------- */

#undertabbar, #undertabbarbottom, #undertabbarbottomhome {
	clear:both;
	width:100%; /* required to close up gap between tab bar and red strip underneath it */
	/*position:relative; /* pushes div right to account for extra border width in contentwrapper 
	left:2px;*/
	background:url(/assets/redslideRH_7_588.gif) no-repeat right top;
	}

#undertabbarbottom { /* overrides the graphic in the rule above */
	background:url(/assets/redslidebottomRH_7_590.gif) no-repeat right bottom;
	}
	
#undertabbarbottomhome { /* lifts red bar up in homepage only */
	background:url(/assets/redslidebottomRH_7_590.gif) no-repeat right bottom;
	position:relative;
	top:-20pt;
	}

.redcornerLH, .redcornerbottomLH {
	background:url(/assets/redslideLH_7_589.gif) no-repeat left top;
	text-align:left;
	/*position:relative; /* pushes div left to counter relative shift in the previous rule 
	left:-2px;*/
	}

.redcornerbottomLH { /* overrides the graphic in the rule above */
	background:url(/assets/redslidebottomLH_7_591.gif) no-repeat left bottom;
	}

.redcornerLHinnerbottom {
	background:url(/assets/redslidebottomLH_7_591.gif) no-repeat left bottom;
	text-align:left;
	/*position:relative; /* pushes div left to counter relative shift in the previous rule 
	left:-2px;*/
	height:3.5em;
	line-height:1.4;
	}

.redcornerLH p {
	padding:9px 0 9px 1.5em;
	color:#F2CAC8;
	margin-right:0.5em;
	z-index:5;
	}

.redcornerbottomLH p {
	text-align:right;
	padding:9px 1em 9px;
	color:#F6C6C5;
	margin-right:0.5em;
	}

.redcornerLH a	{
	color:#F6C6C5;
	text-decoration:none;
	font-weight:normal;
	}

.redcornerLH a:hover	{
	color:#e4312b;
	background-color:#fff;
	}


.redcornerLH p span.morenewslink	{
	color:#FBB780;
	font-weight:bold;
	margin-left:0.5em;
	}
	

/* ------------------------------------------- */
/* ---------- CONTENT DIV STYLES ------------- */
/* ------------------------------------------- */

#contentwrapper	{
	text-align:left;
	width:100%;
	/*border:1px solid #e4312b;*/
	background-color:#fff;
	}
	
#pagesplashdefault, #pagesplashtraining, #pagesplashassessment, #pagesplashresearch, #pagesplashfundraising, #pagesplashsoftware, #pagesplashresources	{
	position:relative; /* need this to pull the absolutely positioned #searchbox into place */
	background:url(/assets/splashdefault_3_655.jpg) no-repeat left top;
	text-align:left;
	width:100%;
	height:180px;
	border-top:2px solid #FDFDFB;
	}

#pagesplashtraining	{background:url(/assets/splashtraining_3_660.jpg) no-repeat left top;}
#pagesplashassessment	{background:url(/assets/splashassessment_3_647.jpg) no-repeat left top;}
#pagesplashresearch	{background:url(/assets/splashresearch_3_705.jpg) no-repeat left top;}
#pagesplashfundraising	{background:url(/assets/splashfundraising_3_656.jpg) no-repeat left top;}
#pagesplashsoftware	{background:url(/assets/splashsoftware_3_659.jpg) no-repeat left top;}
#pagesplashresources	{background:url(/assets/splashresources_3_704.jpg) no-repeat left top;}


#straplinedefault, #straplinetraining, #straplineassessment, #straplineresearch, #straplinefundraising, #straplinesoftware, #straplineresources	{
	float:right;
	width:65%;
	height:180px;
	background:url(/assets/straplinedefault_7_649.gif) no-repeat center center;
	text-indent:-7000px;
	}

#straplinetraining	{background:url(/assets/straplinetraining_7_654.gif) no-repeat center center;}
#straplineassessment	{background:url(/assets/straplineassessment_7_648.gif) no-repeat center center;}
#straplineresearch	{background:url(/assets/straplineresearch_7_651.gif) no-repeat center center;}
#straplinefundraising	{background:url(/assets/straplinefundraising_7_650.gif) no-repeat center center;}
#straplinesoftware	{background:url(/assets/straplinesoftware_7_653.gif) no-repeat center center;}
#straplineresources	{background:url(/assets/straplineresources_7_706.gif) no-repeat center center;}


/* The following searchbox CSS (and HTML) is based on that from www.thinkvit@min.com site, with thanks */

#searchbox	{
	position:absolute;
	right:17px;
	top:-11px;
	width:22em;
	max-width:33%;
	text-align:left;
	text-indent:0; /* resets the -7000px text indent in the #strapline div */
	color:#000;
	}
	
form#searchformx fieldset { padding: 0; text-align: center; border: none;}
form#searchformx label { display: none;}
form#searchformx input { font-size: 130%; vertical-align: middle;}
form#searchformx input.formbutton { color: #fff; font-weight: bold; width: 56px;}
form#searchformx input#sitesearch { width: 10em;}



#searchbox .searchbutton, #sidebars .searchbutton	{
    float:right;
    display:inline;
    height:2em;
    margin:0 0 0 0.5em;     
	}

#searchbox .textbox, #sidebars .textbox	{
    display:block;  
    position:relative;
	top:3px;
    overflow:hidden;
    height:1.6em;
    background:#fff;
    border:solid 1px #222;
    border-right-color:#aaa;
    border-bottom-color:#aaa;
	}

#searchbox .textbox input, #sidebars .textbox select {
    display:block;
    width:100%;
    height:100%;
    position:absolute;
    border:none;
    background:#fff;
    top:0;
    left:0;
	} 
	

#contents	{
	float:left;
	width:44em;
	max-width:61%;
	min-height:400px;
	margin:1em 0 2em 2em;
	padding:0;
	display:inline; /* prevents the IE margin doubling bug */
	}
	
#contentsecommerce	{
	float:left;
	width:71em;
	min-height:400px;
	margin:1em 0 0 2em;
	padding:0;
	display:inline; /* prevents the IE margin doubling bug */
	}

#newswrappertest	{
	width:21em;
	float:right;
	min-height:400px;
	background:url(/assets/casefacesLH_7_595.gif) no-repeat left top;
	margin:1em 0 0 0;
	padding:0;
	display:inline; /* prevents the IE margin doubling bug */
	}
	
#newswrappertestinner	{
	background:url(/assets/casefacesRH_7_596.gif) no-repeat right top;
	margin:0;
	padding:0 1em 0 1.5em;
	}
	
#sidebars	{
	float:right;
	width:22em;
	max-width:34%;
	margin:0 2em 0 0;
	padding:0;
	display:inline; /* prevents the IE margin doubling bug */
	text-align:left;
	position:relative;
	top:-35px;
	color:#484633;
	font-size:100%;
	line-height:1.4;
	}
	
#sidebarslower	{
	top:10px;
	}

.casewrapperouter, .casewrapperouterright, .casewrapperoutertest	{
	float:left;
	background:url(/assets/casefacesLH_7_595.gif) no-repeat left top;
	width:13em;
	margin:1em 2.3em 2em 0;
	padding:0;
	display:inline; /* prevents the IE margin doubling bug */
	}
.casewrapperouterright	{margin:1em 0 2em 0;}
.casewrapperoutertest	{margin:1em 0 2em 0; width:21em;}

.casewrapperinner	{
	background:url(/assets/casefacesRH_7_596.gif) no-repeat right top;
	width:100%;
	margin:0;
	padding:0;
	}

#buttonbar	{
	text-align:left;
	width:100%;
	background-color:#fff;
	}

#shiftbuttonsup	{
	float:left;
	width:100%;
	background-color:#fff;
	position:relative;
	top:-20px;
	}

.buttonwrap, .firstbuttonwrap	{
	float:left;
	width:10.5em;
	margin:0 0.5em;
	display:inline; /* prevents the IE margin doubling bug */
	}
.firstbuttonwrap	{
	margin:0 0.5em 0 2em;
	}
	
.clear	{
	clear:both;
	display:block;
	margin:0;
	padding:0;
	}

#footer	{
	clear:both;
	width:100%;
	}

#tinylogos	{
	float:left;
	margin:0.5em 0 0 1em;
	display:inline; /* prevents the IE margin doubling bug */
	}


/* ---------------------------------------------------- */
/* ---------------- ALL SIDEBAR STYLES ---------------- */
/* ---------------------------------------------------- */


#sidebars .pictureitem	{
	margin:0;
	padding:5px 0 0 0;
	color:#484633;
	font-size:100%;
	}

/* ---- NEXT STYLE FOR HOMEPAGE TOP TWO ITEMS ONLY ---- */
#sidebars .pictureitemhome	{
	margin:0;
	padding:0;
	color:#484633;
	font-size:100%;
	}
	
#sidebars #printiconbox	{
	margin:0;
	padding:0;
	}	

#sidebars img {
	float:left;
	clear:both;
	border:0;
	}
	
#sidebars .commentbox {
	margin:2em 0 2em 0;
	padding:0;
	}


/* --------------- SIDEBAR TEXT STYLES --------------- */


#sidebars ul {
	list-style-type:none;
	margin:0;
	padding:0.5em 0 0 0; /* top padding instead of margin to cure gap in FF, but change back if problems */
	}

#sidebars ul li {
	margin:0;
	}

#sidebars p {
	margin:0.5em 9px 0.5em 9px;
	line-height:1.4;
	}

#sidebars .commentbox p {
	color:#666;
	font-size:100%;
	}

#sidebars .commentbox h2 {
	margin:0 0 0 9px;
	padding:0;
	color:#E4312B;
	font-size:180%;
	line-height:1.4;
	font-weight:normal;
	}

#sidebars .commentbox h3 {
	margin:0 0 0 9px;
	padding:0;
	color:#e5312b;
	font-size:120%;
	}

#sidebars p.updated {
	color:#484633;
	font-size:100%;
	margin:0.5em 0 0 12px;
	}

#sidebars .pictureitem p {
	padding:0;
	margin:0 0 0 56px;
	font-size:100%;
	}
	
#sidebars ul.productdetails {
	margin:0;
	padding:0.5em 0 0.1em 0; /* padding instead of margin to cure gap in FF */
	}

#sidebars ul.productdetails li {
	padding:0.2em 9px 0.3em 0;
	font-size:120%;
	line-height:1.5;
	color:#369;
	}

#sidebars ul.productdetails li span {
	font-weight:bold;
	}

#sidebars h3	{
	margin:0;
	padding:0 0 3px 0;
	color:#fff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:120%;
	line-height:1.4;
	}
#sidebars h3.orangefeature, #sidebars h3.yellowfeature {color:#fff;}
#sidebars h3.redfeature {color:#FCEAE9;}
#sidebars h3.bluefeature {color:#fff;}
#sidebars h3.tealfeature {color:#D9E7E0;}
#sidebars h3.offgreyfeature {color:#D2CEA9;}
#sidebars h3.purplefeature {color:#DEDCEE;}

#sidebars h3.bluefeathome {color:#fff; margin-left:56px;}


/* --------------- SIDEBAR LINK STYLES --------------- */

#sidebars a {
	display:block;
	text-decoration:underline;
	font-weight:normal;
	color:#369;
	margin:0;
	}

#sidebars .commentbox a {
	display:inline;
	text-decoration:underline;
	font-weight:normal;
	color:#369;
	}

#sidebars a:hover, #sidebars .commentbox a:hover	{
	background-color:#369;
	color:#ffffff;
  	margin:0;
	}

#sidebars #printiconbox a	{
	display:block;
	padding:10px 0 10px 41px;
	background:url(/assets/printicon_7_597.gif) transparent no-repeat 12px center;
	text-decoration:none; 
	color:#369;
	font-size:100%;
	font-weight:bold;
	}
	
#sidebars #printiconbox a:hover {
	background:url(/assets/printicon_7_597.gif) transparent no-repeat 12px center;
	color:#fff;
	background-color:#369;
	}

#sidebars a.picturelink {
	margin:0 0 0 56px;
	padding:0;
	font-weight:bold;
	color:#369;
	text-decoration:none;
	}

#sidebars a.picturelink:hover	{
	font-weight:bold;
	margin:0 0 0 56px;
	background-color:#369;
	color:#ffffff;
  	text-decoration:none;
	}


/* ---- NEXT THREE STYLES FOR HOMEPAGE ONLY ---- */

#sidebars .picturelinkbox {
	margin:0;
	padding:1.4em 0 0 0;
	}

#sidebars a.picturelinkhome {
	margin:0 0 0 56px;
	padding:0;
	font-weight:bold;
	color:#369;
	text-decoration:none;
	font-size:120%;
	line-height:1.4;
	}

#sidebars a.picturelinkhome:hover	{
	font-weight:bold;
	margin:0 0 0 56px;
	padding:0;
	background-color:#369;
	color:#ffffff;
  	text-decoration:none;
	}

#sidebars li a {
	display:block;
	font-size:120%;
	margin:0;
	padding:0.2em 0 0.4em 12px;
	background:url(/assets/bullet_icon_7_598.gif) transparent no-repeat 0 center;
	color:#369;
	text-decoration:none;
	}
	
#sidebars ul a:hover	{
	background:url(/assets/bullet_icon_7_598.gif) transparent no-repeat 0 center;
	background-color:#369;
	font-size:120%;
	color:#ffffff;
  	text-decoration:none;
  	margin:0;
	}
	
#sidebars li.homepagenews a {
	display:block;
	font-size:100%;
	font-weight:bold;
	margin:0;
	padding:0.3em 0 0.3em 12px;
	background:url(/assets/bullet_icon_orange_7_860.gif) transparent no-repeat 0 center;
	color:#369;
	text-decoration:none;
	}
	
#sidebars li.homepagenews a:hover	{
	background:url(/assets/bullet_icon_orange_7_860.gif) transparent no-repeat 0 center;
	background-color:#369;
	font-weight:bold;
	font-size:100%;
	color:#ffffff;
  	text-decoration:none;
  	margin:0;
	}

#sidebars li.homepageothernews a {
	display:block;
	font-size:100%;
	font-weight:bold;
	margin:0;
	padding:0.3em 0 0.2em 0;
	background:none;
	color:#369;
	text-decoration:none;
	}

#sidebars li.homepageothernews a:hover	{
	background-color:#369;
	color:#ffffff;
	}
	
/* --------------- SIDEBAR DOWNLOAD STYLES --------------- */

#sidebars .downloads {
	margin:2em 0 2em 0;
	padding:0 1em;
	}
	
#sidebars .downloads h3 {
	font-size:120%;
	margin:0 0 0.5em 0;
	padding:0;
	color:#484633;
	}

#sidebars .downloads ul {
	border-top:1px solid #ccc;
	margin:0;
	padding:0;
	}

#sidebars .downloads ul li {
	margin:0;
	padding:0;
	border-bottom:1px solid #ccc;
	}

#sidebars .downloads ul li a {
	font-size:120%;
	margin:0;
	padding:0.4em 0 0.4em 23px;
	color:#369;
	text-decoration:none;
	}
	
#sidebars .downloads ul li.pdf a {background:url(/assets/Misc_Images/pdf_7_757.gif) transparent no-repeat 0 center; }
#sidebars .downloads ul li.msw a {background:url(/assets/Misc_Images/msw_7_758.gif) transparent no-repeat 0 center; }
#sidebars .downloads ul li.xls a {background:url(/assets/Misc_Images/xls_7_759.gif) transparent no-repeat 0 center; }
#sidebars .downloads ul li.zip a {background:url(/assets/Misc_Images/zip_7_760.gif) transparent no-repeat 0 center; }
#sidebars .downloads ul li.ppt a {background:url(/assets/Misc_Images/ppt_7_761.gif) transparent no-repeat 0 center; }
#sidebars .downloads ul li.def a {background:url(/assets/Misc_Images/defaultdoctype_7_762.gif) transparent no-repeat 0 center; }

#sidebars .downloads ul li a:hover	{
	background-color:#369;
	font-size:120%;
	color:#ffffff;
  	text-decoration:none;
  	margin:0;
	}



/* ------------------------------------------- */
/* --------------- TEXT STYLES --------------- */
/* ------------------------------------------- */

p {
	font-size:120%;
	}

/* Note that the style below has an extra bottom margin - this is to mainly to add space between
it and the top of tables, which ignore any margins set on them in some browsers (eg IE6/Win)*/
.firstpara	{
	margin:0.5em 0 0.5em 0;
	color:#e4312b;
	padding:0;
	}

.italic {
	font-style:italic;
	}
	
.bold {
	font-weight:bold;
	}
	
.right	{
	text-align:right;
	}

#contents p {
	margin:0.5em 0 0 0;
	color:#484633;
	}
	
#contents p.index {
	margin:0.5em 0 0 0;
	padding:0;
	color:#484633;
	font-size:130%;
	z-index:3;
	}

#contents h1 {
	color:#E4312B;
	font-size:200%;
	line-height:1.4;
	padding:0 0 0.5em 0;
	margin:0 0 0.5em 0;
	border-bottom:1px solid #e1d4c0;
	}
		
#contents h2	{
	clear:both;
	border-top:1.5em solid #fff; /* forces a top gap below images in all browsers but IE (where it has to be replaced by a margin!) */
	margin:0;
	color:#E4312B;
	font-size:180%;
	line-height:1.4;
	font-weight:normal;
	}

/* the next style is for the index page only */
#contents h2.indextop	{
	border-top:0; /* forces a top gap below images in all browsers but IE (where it has to be replaced by a margin!) */
	}
	
#contents h2.newsheader	{
	border-top:0; /* forces a top gap below images in all browsers but IE (where it has to be replaced by a margin!) */
	color:#EAA95F;
	}


#contents h3	{
	clear:both;
	border-top:1em solid #fff; /* forces a top gap below images in all browsers but IE (where it has to be replaced by a margin!) */
	margin:0;
	color:#484633;
	font-size:130%;
	line-height:1.4;
	font-weight:bold;
	}

#contents ul	{
	clear:both;
	border-top:1em solid #fff; /* forces a top gap below images in all browsers but IE (where it has to be removed...!) */
	margin:0 0 1em 2em;
	padding:0;
	color:#484633;
	font-size:120%;
	}
	
#contents li {
	margin:0 0 0.5em 0;
	padding:0;
	}
	
#contents li ul	{  /* formats the second level list in the site map */
	margin-bottom:1.5em;
	font-size:80%;
	}
	
#contents a	{
	font-weight:normal;
	color:#369;
	}

#contents a:hover	{
	background-color:#369;
	color:#ffffff;
	text-decoration:none;
	}

#footer p {
	clear:both;
	text-align:right;
	margin:0 1em 0 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%;
	line-height:1.4;
	color:#666;
	}
	

/* LEAVE DISPLAY:BLOCK AS IT IS in this style - it's necessary for shifting the text down. 
The border-top style forces a gap over the text in all browsers but IE, which adds it by default.
The border in IE is removed through the conditional style sheet. */
.move_this_text_below_image	{
	display:block;
	clear:both;
	border-top:0.5em solid #fff;
	margin:0.5em 0 0 0;
	}

/* The style below, which effectively does the job of a <br /> tag, only has display:block
and a negative top margin because of ActivEdit forcing it to display as a span, rather than a p.
If and when ActivEdit fixes this, REMOVE DISPLAY:BLOCK AND SET THE TOP MARGIN TO 0.5em */
.notopmargin, #contents p.notopmargin	{
	display:block;
	margin:-0.5em 0 0 0;
	padding:0;
	}
	
/* ...whereas if we want to hardcode this style into a template, the ActiveEdit hack doesn't apply,
so we use a standard CSS stylee */
#contents p.notopmarginInTemplates	{
	margin:0;
	padding:0;
	}
	
/* The style below only has display:block because of ActivEdit forcing it to display
as a span, rather than a p. If and when ActivEdit fixes this, REMOVE DISPLAY:BLOCK */
.indent	{
	display:block;
	margin:0.5em 20px 0 20px;
	padding:0;
	}

/* The style below only has display:block because of ActivEdit forcing it to display
as a span, rather than a p. If and when ActivEdit fixes this, REMOVE DISPLAY:BLOCK */
.quote	{
	display:block;
	font-style:italic;
	margin:0.5em 20px 0 20px;
	padding:0;
	}

#contents .casewrapperinner p {
	margin:0;
	padding:0 0.5em 0 0.7em;
	font-size:110%;
	font-style:italic;
	color:#797979;
	}

#contents .casewrapperinner a {
	clear:both;
	margin:0;
	padding:0 0.5em 0 0.7em;
	color:#369;
	font-size:130%;
	text-decoration:none;
	font-weight:bold;
	}

#contents .casewrapperinner a:hover {
	color:#fff;
	background-color:#369;
	}
	
#contents span.newsdate	{
	margin:0 0 0 0.5em;
	font-style:italic;
	color:#999999;  
	}

#contents .casewrapperinner a.piclink, #contents .casewrapperinner a.piclink:hover	{
	background-color:transparent;
	}

#buttonbar a.buttonlink, #buttonbar a.buttonlink:hover {
	display:block;
	margin:0;
	padding:0 0 0.2em 0;
	color:#369;
	font-size:120%;
	font-weight:normal;
	text-decoration:none;
	}

#buttonbar a.buttonlink:hover {
	color:#fff;
	background-color:#369;
	}


/* ---------------------------------------------------- */
/* ------- PULLQUOTE STYLES (456 BEREA STREET) -------- */
/* ---------------------------------------------------- */

blockquote.pullquote {
	float:right;
	width:10em;
	margin:0.5em 0 0.5em 0.75em;
	padding:0.5em;
	/*border:3px double #ccc;
	border-width:3px 0;*/
	color:#333;
	background:url(/assets/quotemark_7_599.gif) no-repeat left top;
	font:italic 1.3em/1.3 Georgia;
	}

blockquote.alt {
	float:right;
	margin:0.25em 0 0.25em 0.75em;
	}
	
.pullquote p {
	margin:0;
	padding:0 0 0.3em 0;
	}

.pullquote p:first-letter {text-transform:uppercase}



/* ---------------------------------------------------- */
/* ------------- CONTENTS IMAGE STYLES ---------------- */
/* ---------------------------------------------------- */

#contents img	{
	border:none;
	}

#contents img.imagefloatleft	{
	margin:0.2em 1em 0 0;
	float:left;
	}
		
#contents img.imagefloatright	{
	margin:0.2em 0 0 1em;
	padding:0;
	float:right;
	}

/* Note that the style below will not work in WIN IE 5 and 5.5, To do that, I'd have to use text-align:center 
on the contentinner div, and then text-align:left everything within it. So it's not done yet. Note also that 
the margin statement is split into four, to be kind to Opera. */
#contents img.imagecentre	{
	margin-top:0.3em;
	margin-bottom:0;
	margin-left:auto;
	margin-right:auto;
	padding:0;
	}




/* --------------------------------------------- */
/* ----------- ROUNDED CORNER STYLES ----------- */
/* --------- see www.456bereastreet.com -------- */
/* --------------------------------------------- */

.cbb {background-color:#ccc; padding:5px; margin:0;} /* For default use when javascript is unsupported */
.cb {padding:0;} /* Insert corners when JavaScript is on */
.bt {
	background:url(/assets/orangebox_7_600.gif) no-repeat 100% 0;
	margin:0 0 0 9px;
	height:9px;
	}
.bt div {
	height:9px;
	width:9px;
	position:relative;
	left:-9px;
	background:url(/assets/orangebox_7_600.gif) no-repeat 0 0;
	}
.bb {
	background:url(/assets/orangebox_7_600.gif) no-repeat 100% 100%;
	margin:0 0 5px 9px;
	height:14px;
	}
.bb div {
	height:14px;
	width:9px;
	position:relative;
	left:-9px;
	background:url(/assets/orangebox_7_600.gif) no-repeat 0 100%;
	}
.i1 {
	padding:0 0 0 9px;
	background:url(/assets/orangeboxLH_7_601.gif) repeat-y 0 0;
	}
.i2 {
	padding:0 9px 0 0;
	background:url(/assets/orangeboxRH_7_602.gif) repeat-y 100% 0;
	}
.i3 {background-color:#ffdebd;}


/* Adding  a small font-size to the header and footer divs seems to fix a height bug in IE. */
.orangehead .i1 {background-image:url(/assets/orangeboxtopLH_7_604.gif);}
.orangehead .i2 {background-image:url(/assets/orangeboxtopRH_7_605.gif);}
.orangehead .bt, .orangehead .bt div {background-image:url(/assets/orangeboxtop_7_603.gif);font-size:1%; height:7px;}
.orangehead .bb, .orangehead .bb div {background-image:none; position:absolute; left:-9000px;}
.orangehead .i3 {background-color:#EAA95F; line-height:1;}

.orange .i1 {background-image:url(/assets/orangeboxLH_7_601.gif);}
.orange .i2 {background-image:url(/assets/orangeboxRH_7_602.gif);}
.orange .bb, .orange .bb div {background-image:url(/assets/orangebox_7_600.gif);font-size:1%;}
.orange .bt, .orange .bt div {background-image:none; position:absolute; left:-9000px;}
.orange .i3 {background-color:#F8E2C9;}

.bluelinkhead .i1 {background-image:url(/assets/blueboxtopLH_7_610.gif);}
.bluelinkhead .i2 {background-image:url(/assets/blueboxtopRH_7_611.gif);}
.bluelinkhead .bt, .bluelinkhead .bt div {background-image:url(/assets/linkboxtop_7_723.gif); font-size:1%; height:7px;}
.bluelinkhead .bb, .bluelinkhead .bb div {background-image:none; position:absolute; left:-9000px;}
.bluelinkhead .i3 {background-color:#5888B9; line-height:1;}

/* diff between this and bluelinkhead is that this doesnt have the brown tips on the corners */
.bluehead .i1 {background-image:url(/assets/blueboxtopLH_7_610.gif);}
.bluehead .i2 {background-image:url(/assets/blueboxtopRH_7_611.gif);}
.bluehead .bt, .bluehead .bt div {background-image:url(/assets/blueboxtop_7_609.gif); font-size:1%; height:7px;}
.bluehead .bb, .bluehead .bb div {background-image:none; position:absolute; left:-9000px;}
.bluehead .i3 {background-color:#5888B9; line-height:1;}

/* and this one is for the homepage only, with brown tips on the corners */
.blueheadhome .i1 {background-image:url(/assets/blueboxLH_7_607.gif);}
.blueheadhome .i2 {background-image:url(/assets/blueboxRH_7_608.gif);}
.blueheadhome .bb, .blueheadhome .bb div, .blueheadhome .bt, .blueheadhome .bt div {background-image:url(/assets/blueheadhome_7_900.gif);font-size:1%;}
.blueheadhome .i3 {background-color:#C5DDF2; line-height:1;}

.blue .i1, .bluespecs .i1 {background-image:url(/assets/blueboxLH_7_607.gif);}
.blue .i2, .bluespecs .i2 {background-image:url(/assets/blueboxRH_7_608.gif);}
.blue .bb, .blue .bb div, .bluespecs .bb, .bluespecs .bb div {background-image:url(/assets/bluebox_7_606.gif);font-size:1%;}
.blue .bt, .blue .bt div, .bluespecs .bt, .bluespecs .bt div {background-image:none; position:absolute; left:-9000px;}
.blue .i3, .bluespecs .i3 {background-color:#C5DDF2;}

.boxblue .i1 {background-image:url(/assets/blueboxLH_7_607.gif);}
.boxblue .i2 {background-image:url(/assets/blueboxRH_7_608.gif);}
.boxblue .bb, .boxblue .bb div, .boxblue .bt, .boxblue .bt div {background-image:url(/assets/bluebox_7_606.gif);font-size:1%;}
.boxblue .i3 {background-color:#C5DDF2;}

.yellow .i1 {background-image:url(/assets/yellowboxLH_7_890.gif);}
.yellow .i2 {background-image:url(/assets/yellowboxRH_7_891.gif);}
.yellow .bb, .yellow .bb div, .yellow .bt, .yellow .bt div {background-image:url(/assets/yellowbox_7_889.gif);font-size:1%;}
.yellow .i3 {background-color:#FEE202;}

.boxoutline .i1 {background-image:url(/assets/boxoutlineLH_7_613.gif);}
.boxoutline .i2 {background-image:url(/assets/boxoutlineRH_7_614.gif);}
.boxoutline .bb, .boxoutline .bb div, .boxoutline .bt, .boxoutline .bt div {background-image:url(/assets/boxoutline_7_612.gif);font-size:1%;}
.boxoutline .i3 {background-color:#fff; text-align:center;}


.search .i1, .search .i2 {
	background-image:url(/assets/searchboxborder_7_615.gif);
	padding:0 0 0 10px;
	}
.search .i2 {
	padding:0 10px 0 0;
	}
.search .bt, .search .bt div, .search .bb, .search .bb div {
	background-image:url(/assets/searchbox_7_616.gif);
	height:10px;
	}
.search .bt {
	margin:0 0 0 10px;
	}
.search .bt div {
	width:10px;
	left:-10px;
	}
.search .bb {
	margin:0 0 0 10px;
	}
.search .bb div {
	width:10px;
	position:relative;
	left:-10px;
	}
.search .i3 {
	background-color:#e5312b;
	}


#tab_bar ul li.current .i1 {
	background-image:url(/assets/tabradiusLH_7_617.gif);
	background-position:bottom left;
	background-repeat:no-repeat;
	position:relative;
	left:-12px;
	margin:0;
	padding:0;
	float:left;
	}
#tab_bar ul li.current .i2 {
	background-image:url(/assets/tabradiusRH_7_618.gif);
	background-position:bottom right;
	background-repeat:no-repeat;
	position:relative;
	left:24px;
	padding:0;
	float:left;
	}
#tab_bar ul li.current .i3 {
	background-color:transparent;
	background-image:none;
	position:relative;
	left:-12px;
	padding:0;
	float:left;
	}
#tab_bar li.currentnone {
	border:1px solid #ccc;
	}



#tab_bar ul li.current span.i1 {
	background-image:url(/assets/tabradiusLH_7_617.gif);
	background-position:bottom left;
	background-repeat:no-repeat;
	position:relative;
		background-color:transparent;

	left:-24px;
	top:6px;
	margin:0;
	padding:0;
	float:left;
		border:1px solid red;

	}
#tab_bar ul li.current span.i2 {
	background-image:url(/assets/tabradiusRH_7_618.gif);
	background-position:bottom right;
	background-repeat:no-repeat;
		background-color:transparent;

	position:relative;
	left:48px;
	margin:0;
	padding:0;
	float:left;
		border:1px solid green;

	}
#tab_bar ul li.current span.i3 {
	background-color:transparent;
	background-image:none;
	position:relative;
	left:-24px;
	top:-6px;
	margin:0;
	padding:0;
	float:left;
		border:1px solid blue;

	}
#tab_bar li.current span.currtabnone {
display:block;
	border:1px solid #ccc;
	}



/* --------------------------------------- */
/* ------ HORIZONTAL NAV BAR STYLES ------ */
/* --------------------------------------- */

#header ul, #footer ul {
	margin:0;
    padding:0;
    list-style:none;
	float:right;
	font-size:120%;
	line-height:1.2;
    }

#header ul {margin-top:15px;} /* tweak header menu styles */	
#footer ul {margin:1em 0;} /* tweak footer styles */

#header ul li, #footer ul li {
    float:left;
    margin:0;
	background:url(/assets/listline_7_619.gif) no-repeat left top;
    padding:0;
    }
	
#header ul li.none, #footer ul li.none {
    float:left;
    margin:0;
	background-image:none;
    padding:0;
    }

#header a, #footer a {
	display:block;
	text-decoration:none;
	font-weight:normal;
	padding:0 1em;
	color:#369;
    }
	
#header a:hover, #footer a:hover {
	background-color:#369;	
	color:#fff;
    }
	

/* ----------------------------------------- */
/* ------------- TABLE STYLES -------------- */
/* ----------------------------------------- */

/* The following styles are for a non-specific
table with just grey top borders on each row. */

table.grey	{
	margin-top:1em;
	margin-bottom:1em;
	margin-left:auto;
	margin-right:auto;
	padding:0;
	font-size:100%;
	line-height:1.4;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#333333;
	}

table.grey th	{
	padding:0.2em 0.4em 0.2em 0.4em;
	vertical-align:top;
	text-align:left;
	border-bottom:1px solid #999999;
	}

table.grey td	{
	padding:0.2em 0.4em 0.2em 0.4em;
	vertical-align:top;
	border-bottom:1px solid #999999;
	}

table.grey td.a	{
	text-decoration:none;
	}

/* The following styles are for a standard two-column
table like the one on the login page. */
	
table.bodytable	{
	margin-top:1em;
	margin-bottom:1em;
	margin-left:auto;
	margin-right:auto;
	padding:0;
	font-size:100%;
	line-height:1.4;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#333333;
	border:1px solid #6699cc;
	}

table.bodytable th	{
	width:34%;
	padding:0.2em 0.4em 0.2em 0.4em;
	text-align:right;
	}
	
table.bodytable th.thtop	{
	width:34%;
	padding:0.2em 0.4em 0.2em 0.4em;
	text-align:right;
	vertical-align:top;
	}
	
table.bodytable td	{
	width:66%;
	padding:0.2em 0.4em 0.2em 0.4em;
	background-color:#e1eaf0;
	vertical-align:top;
	}


/* The following styles are for a standard four-column
table like the one on the View Orders/Invoices page. */
	
table.bodytablefour	{
	margin-top:1em;
	margin-bottom:1em;
	margin-left:auto;
	margin-right:auto;
	padding:0;
	font-size:100%;
	line-height:1.4;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#333333;
	border:1px solid #6699cc;
	}

table.bodytablefour th	{
	width:25%;
	padding:0.2em 0.4em 0.2em 0.4em;
	text-align:left;
	border-bottom:1px solid #6699cc;
	}
	
table.bodytablefour td	{
	width:25%;
	padding:0.2em 0.4em 0.2em 0.4em;
	background-color:#e1eaf0;
	}

	
/* -------------------------------------------------- */
/* ----- HIDDEN SEARCH LABEL & SKIPLINK STYLES ------ */
/* -------------------------------------------------- */

/* Required for accessibility. Search labels taken from: */
/* www-306.ibm.com/able//guidelines/web/webforms.html */

label.hidden, .skiplink	{
	position:absolute;
	left:0px;
	top:-9000px;
	width:1px;
	height:1px;
	overflow:hidden;
	}
	
.printonly	{
	position:absolute;
	left:0px;
	top:-8000px;
	width:1px;
	height:1px;
	overflow:hidden;
	}


/* ------------------------------ */
/* ----- BREADCRUMB STYLES ------ */
/* ------------------------------ */

#breadcrumb	{
	font-size:100%;
	line-height:1.4;
	margin:0 0 1em 0;
	padding:0 0 0.2em 0;
	color:#f54a44;
	}


/* -------------------------------------------------- */
/* ----------- SEARCH RESULTS PAGE STYLES ----------- */
/* -------------------- NOT YET WORKING!!!--------------- */

#contents .searchresults	{
	margin:0.5em 0 0 0;
	padding:0.5em 0 0.5em 0;
	border-top:1px solid #e1eaf0;
	}

p.firstprevlast {
	padding:0.2em 0 0.2em 0.5em;
	background-color:#e1eaf0;
	}
		
span.searchdate {
	font-style:italic;
	font-size:100%;
	line-height:1.4;
	color:#006600;
	}