body {
font-size: 100%;
	
}

#footer{
 height:52px; 
  background-color:#D03CCC;
  background: url(../images/footer.png) left top no-repeat;   
 clear:both;
 margin: 0;
 padding: 0
 } 

/* FORMATTING */

a:link, a:visited, a:active {
text-decoration: none;
color: #ff9900;
padding: 2px
}

a:hover {
background-color: #E25305;
color: #fff
}

ul {
margin: 0 0 0 15px;
padding: 0;
}

/*ul li {
list-style: none
}
*/

h1 {
font-size: 18px;
color: #818388
}

h1 span {
color: #FC9905
}

.landingbox .boxhd h1,
#box .boxhd h1 {font-size: 18px; margin: 0; padding: 0}

.landingbox .boxhd h2,
#box .boxhd h2,
#linklistbox .linklistboxhd h2,
#getinvolvedquotebox .linklistboxhd h2,
#wherewework .header h2,
#emergencies .header h2,
#issues .header h2,
#inaction .header h2,
#ourapproach .header h2,
#latestresources .boxhd h2,
#resourcesintro .boxhd h2  {font-size: 1em; margin: 0; padding: 0}

#logolink a {
display: block;
width: 220px;
height: 75px;
position: absolute;
top: 70px;
left: 15px
}

#logolink a:hover {background-color: transparent}

/* MAIN IMAGE */

#mainimage {
float: right;
padding: 9px 11px 0 0;
margin: 0 -1px 0 0
}

/* TOP LINKS */

#toplinks {
float: left;
color: white;
margin: 18px 0 0 10px
}
 
#toplinks ul {
margin: 0;
padding: 0
}

#toplinks li {
list-style: none;
display: inline
}
 
#toplinks a {
color: white;
font: normal 10px arial;
padding: 3px 2px 4px 2px
}

/* TOP RIGHT BOXES */

#searchposition {
position: absolute;
top: 12px;
left: 440px;
}


#topright {
float: right;
margin: 55px 0 0 0;
display: block;
color: #fff;
}

#topright .donatehd {
margin: 5px
}

#topright a {
font-weight: normal;
color: #fff;
font-size: 10px;
}

#topright .searchhd {
padding: 2px 0 0 0
}

#topright div.trsearch {
margin: 0
 }

/* SEARCH */

form#search { /* PV */
	margin: 0; padding: 0; line-height: 0px; 
}

div.search {
margin: 2px 0 0 0
}

#searchposition input.searchBoxinput {float:left;border: none; display: block;margin: 5px 0 5px 0;background-color: #E8D4BC; width: 93px; color: #333; font-size: 9px;padding: 0 0 0 0;height: 13px;}

#searchposition input.searchBoxinput:hover {
background-color: #fff
}

#searchposition input.searchSubmit 
{float:left;
border: none;
display: block;
 margin: 0 0 0 0;
 width: 45px; 
 background-color: #E8EAE9;
 color: #1B1464;
 font-size: 0.75em; 
 font-weight: bold;
 padding: 0px; 
 
height: 13px;
margin: 5px 0 5px 5px;
}


#searchposition button.searchSubmit 
{float:left;
border: none;
display: block;
 width: 5.5em; 
 background-color: #E8EAE9;
 color: #1B1464;
 font-size: 0.9em; 
 font-weight: bold;
 padding:  0 0 1px 0;
 font-family: Arial, Helvetica, sans-serif;
height: 13px;
margin: 5px 0 5px 5px;
cursor: pointer;
}


#searchposition button.searchSubmit:hover {
background-color: #fff
}

#searchposition input.donateboxinput {float:left;border: none; display: block;margin: 5px 0 5px 0;background-color: #E8D4BC; width: 80px; color: #333; font-size: 9px;padding: 0 0 0 0;height: 13px;}

div.donatepound {
float: left;
font-weight: bold;
font-size: 14px;
margin: 4px 5px 0 0
}

/* RIGHT S*E*A*R*C*H */

#searchright {
margin: 0 0 0 7px;
padding: 0;
border: 1px solid #F4F4F4
}

#searchright form {
margin: 0;
padding: 0;
}

#searchright input.searchBoxinput {float:left;border: none; display: block;margin: 5px 0 0 0;background-color: #fff; width: 105px; color: #333; font-size: 9px;padding: 0 0 0 0;height: 13px;border: 1px solid #B0C3D4}

#searchright input.searchBoxinput:hover {
background-color: #DAD8D8
}

input.kwsearchgo,
#searchright input.searchSubmit {float:left;border: none;display: block; margin: 0 0 0 0;width: 45px; background-color: #fff;color: #1B1464;font-size: 0.75em; font-weight: bold;padding: 0px; height: 15px;margin: 5px 0 0 3px;border: 1px solid #B0C3D4}

input.kwsearchgo:hover,
#searchright input.searchSubmit:hover {
background-color: #DAD8D8
}

select.kwsearchdropdown {float:left;border: none; display: block;margin: 5px 0 0 8px;background-color: #fff; width: 105px; color: #333; font-size: 9px;padding: 0 0 0 0;height: 13px;border: 1px solid #B0C3D4}

#countrydropdown form {padding: 0; margin: 2px 0 6px 0}

#countrydropdown select {border: none; display: block;margin: 5px 0 0 8px;background-color: #fff; width: 140px; color: #333; font-size: 9px;padding: 0 0 0 0;height: 18px;border: 1px solid #B0C3D4}
/* DONATE */

#topright .donatehd {
padding: 5px 0 0px 0;
margin: 0 0 10px 0
}

/* SIGN UP */

#topright div.signuphd {
padding: 10px 0 0 0;
margin: 0
}

/* CRUMB */

#crumb {
position: absolute;
top: 170px;
left: 12px;
font-size: 10px;
color: #E38106
}

/* FUNCTIONS */

#functions {
position: absolute;
top: 170px;
left: 592px
}

#functions a:hover {
background-color: transparent
}

/* MAIN CONTENT */

#maincontent {
padding: 0 10px 10px 5px;
margin: 0;
}

#maincontent h1 {
margin: 0 0 5px 0;
padding: 0;
font-weight: bold;
font-size: 1.5em; 
color: #CB3301;
}

#maincontent a {
color: #CB3301;
padding: 0 1px 0 1px;
border-bottom: 1px solid #CB3301;
}

#maincontent a:hover {
border-bottom: 1px solid #CB3301;
color: #fff
}

#maincontent .pageimage a {
background: transparent;
border: none
}

#maincontent ul, #maincontent ol {
margin: 0 0 0 18px;
padding: 0
}

#maincontent div.intro {
font-size: 110%;
color: #666666;
line-height: 1.3em;	
font-weight: bold
}

.mceEditor {font-size: 10px}
#maincontent ul li {list-style: circle}
#mceContentBody ul li {list-style: circle}

#maincontent hr {
padding: 2px 0 2px 0;
border: none 0;
border-top: 1px dashed #D9E0D9;/*the border*/
height: 1px;/*whatever the total width of the border-top and border-bottom equal*/
}

/* audio mp3 player styles for main content*/

#maincontent div#inlineplayer{
border:1px solid #666;background-color:#EEEEEE;padding:3px;margin: 0;width:380px
}


#maincontent div.featuredstorytitle span{
padding-left:5px;
}
#maincontent .featuredstorytitle{
background-color: #993400;
color: #fff;
font-weight: bold;
display: block;
height: 16px;
width: 155px;
text-transform: uppercase;
padding: 2px 0 0 0
}
#maincontent div#inlineplayer object{
padding:0;
margin:0;
border:1px solid #ccc;
background:#FFF
}
#maincontent div#inlineplayer div.featuredstory{
background-color:#fff;
border:1px solid #999999;
height:145px;
padding:2px 1px 1px 1px ;margin:1px
}
#maincontent div.header{
background-color: #666;
color: #fff;
font-weight: bold;
text-transform: uppercase;
padding: 2px 0 0 2px;
font-size:0.9em;
display:block;
border:0px solid green
}

#maincontent div#inlineplayer div.fsimage{
/*padding:1px 2px 3px 3px;margin-top:2px;*/
padding:2px;
border:0px solid #333;
width:147px;
float:left
}
#maincontent div#inlineplayer div#player1{
padding:0 0 0 0px;margin:0;
float:left;
clear:both

}
#maincontent div#inlineplayer div.captiontitle{
display:block;
background-color:#fff;
border:1px solid #999999;
padding:2px;
margin:1px}
#maincontent div#inlineplayer div.captiontitle a:link, a:visited{
color:#333333;
padding:0
}
#maincontent div#inlineplayer div.captiontitle a:hover{
background:#fff;
}
#maincontent div#inlineplayer div.playercaption{
padding:4px;
margin: 0 10px 0 10px;
border:0px solid red;
float:left;
color: #333;
width:180px
}


/*
#maincontent img.class1 {
border: 1px solid #ccc;
padding: 3px;
margin: 0 5px 5px 0
}

#maincontent img.class2 {
border: 1px solid #ccc;
padding: 3px;
margin: 0 0 5px 5px
}
*/

/* Webberl Image */
div.webblerimage {
border: 1px solid #ccc;
padding: 3px;
margin: 0;
float: left;
display: block;
}

#maincontent div.left {
  float: left;
  margin: 0 5px 5px 0
}
div.right {
  float: right;
  margin: 0 0 5px 5px;
}

div.center {
  float: none;
  margin-left: 20%;
  margin-right: 20%;
}

div.imagecaption {
display: block;
background-color: #f4f4f4;
margin: 0;
padding: 2px 2px 2px 5px;
font-weight: bold;
font-size: 10px;
color: #666
}

div.imagecredits {
display: block;
background-color: #f4f4f4;
margin:0;
padding: 2px 2px 2px 5px;
font-weight: bold;
font-size: 10px;
color: #B94F4F
}

/* LEFT COLUMN */

#leftcol div.header {
color: #fff;
font-weight: bold;
display: block;
width: 155px;
height: 16px;
text-transform: uppercase;
padding: 2px 0 0 0
}

#leftcol div.header span {
padding-left: 15px
}

#leftcol .navmap {
border-bottom: 1px solid #999;
width: 154px;
padding: 0;
margin: 0
}

#leftnav { width: 155px; }

#leftnav ul {
margin: 0;
padding: 0;
list-style-type: none;
}

#leftnav a {
display: block;
padding: 3px 3px 3px 15px;
width: 136px;
background-color: #F5F5F4;
border-bottom: 1px solid #ccc;
}

#leftnav a:link, .leaflist a:visited {
color: #E38106;
text-decoration: none;
}

#leftnav a:hover {
background-color: #eee;
color: #666666
}

/* selected list */

ul.namedmenu1 {
border-bottom: 1px solid #ccc;
}

#leftnav li.selecteditemstyle {
font-weight: bold;
/*background-color: #fff;*/
/*background-image: none;*/
}
/*
#leftnav li.selecteditemstyle a:link.selecteditemstyle,
#leftnav li.selecteditemstyle a:visited.selecteditemstyle,
#leftnav li.selecteditemstyle a:active.selecteditemstyle {
font-weight: bold;
background-color: #fff;
background-image: none;
padding-right: 7px;
}
*/
#leftnav ul.namedmenu1 li.itemstyle a:link,
#leftnav ul.namedmenu1 li.itemstyle a:visited,
#leftnav ul.namedmenu1 li.itemstyle a:active,
#leftnav ul.namedmenu1 li.selecteditemstyle a:link,
#leftnav ul.namedmenu1 li.selecteditemstyle a:visited,
#leftnav ul.namedmenu1 li.selecteditemstyle a:active {
padding: 2px 3px 3px 30px;
width: 121px
}




#leftnav li.submenu a {
padding-left: 30px;
width: 121px;
font-weight: normal;
border: none
}

#leftnav li.submenuselected {
	border-top: 1px solid #ddd;
}

#leftnav li.submenuselected a:link,
#leftnav li.submenuselected a:visited, 
#leftnav li.submenuselected a:active {
padding: 2px 3px 3px 30px;
width: 125px;
font-weight: bold;
background-color: #fff;
border: none;
background-image: none;
}

#leftnav li.submenuselected a:hover {
background-color: #fff;
background-image: none;
}

#leftcol div.imagelink {
margin: 15px 0 5px 15px
}

#leftcol div.imagelink a:hover {
background-color: transparent
}

#leftcol div.flashbanner {
margin: 15px 0 5px 17px
} 

/* RIGHT COLUMN */

#rightcol div.header {
background-color: #CC0001;
color: #fff;
font-weight: bold;
display: block;
width: 155px;
height: 16px;
text-transform: uppercase;
padding: 2px 0 0 0
}

#rightcol div.header span {
padding-left: 15px
}

#rightcol ul {
padding: 0;
margin: 5px 4px 5px 10px
}

#rightcol ul li {list-style: none; margin: 10px 0 10px 0}

/* right col list links are in the colour css files */

#rightcol ul li a:hover {
border-bottom: none
}
#rightcol div.imagelink{
margin: 10px 0 0 12px;
}
#rightcol div.imagelink a:hover {
background-color: transparent
}
#rightcol span.linkdate {color: #CC0001; margin: 2px 0 0 3px}

#rightcol div.header #whatsthis {float: right}
#rightcol div.header #whatsthis a {color: #fff}

#rightcol div.featuredstorytitle span{
padding-left:5px;
}
#rightcol .featuredstorytitle{
background-color: #993400;
color: #fff;
font-weight: bold;
display: block;
height: 16px;
width: 155px;
text-transform: uppercase;
padding: 2px 0 0 0
}
#rightcol div#featureright{
height:auto;
}

#rightcol div#featureright header{
padding-left:10px;
}
#rightcol div#featureright span{
font-size:0.9em;
display:block;
padding:2px 2px 2px 15px;

}
#rightcol div.featuredstory{
display:block;
background-color:#fff;
border:1px solid #999999;
padding-top:2px;margin:1px
}
#rightcol div.fsimage{
padding:1px 2px 3px 2px;margin-top:2px;
display:inline;
}
#rightcol div.fsimage  a:hover{

background-color:#fff;
}
#rightcol div#player1{
padding:0 0 0 2px;margin:0;
display:inline;
}
#rightcol div.captiontitle{
display:block;
background-color:#fff;
border:1px solid #999999;
padding:2px;
margin:1px}
#rightcol div.captiontitle a:link, a:visited{
color:#333333;
padding:0 0 0 2px
}
#rightcol div.captiontitle a:hover{
background:#fff;color:#333333;
}
#rightcol div.playercaption{
padding:4px;
border:0px solid red;
color: #CC3366
}
/* CARE toolbox  border: 1px solid #F7941D; */

div.box { display: block; margin: 0 0 0 0; padding: 10px; background-color: #DFDEE9; float: left; clear: left;  }


div.boxleft {display: block; width: 155px; margin: 0 5px 0 0; padding: 10px; background-color: #DFDEE9;clear:both; float: left}

div.boxright {font-size: 90%; font-weight: normal; display: block; width: 155px; margin: 0 0 0 5px; padding: 10px; background-color: #EEEEEE;clear:both; float: right}

div.boxleftsm {display: block; width: 90px; margin: 0 5px 0 0; padding: 10px; background-color: #DFDEE9;clear:both; float: left}

div.boxrightsm {display: block; width: 90px; margin: 0 0 0 5px; padding: 10px; background-color: #DFDEE9;clear:both; float: right}

/* RIGHT COLUMN LANDING PAGE */

div.rightsearchtext {
padding: 0px;
margin: 3px;
width:100%;
display: inline
}

#rightmenuhd {
padding: 1px 0 0 7px;
font-weight: bold;
font-size: 11px
}

div.quotebox {
margin: 0;
padding: 5px;
border: 1px solid #ccc;
width: 200px;
}

div.quote {
padding: 2px;
color: #343434;
background-color: #F4F4F4;
line-height: 1.4em;
font-size: 1.1em;
font-weight: bold
}

div.quote span {
font-size: 1.3em;
font-family: Times;
padding: 2px
}

div.quoteauthor {
color: #653332;
font-size: 1.0em;
font-weight: normal
}

/* PAGE LEAFLIST */

#pageleaflist  {
padding: 0;
margin: 0
}

#pageleaflist ul {
padding: 0;
margin: 5px 0 0 0
}

#pageleaflist ul li {
padding: 0;
margin: 0 0 6px 0;
list-style: none
}

#pageleaflist a {
border-bottom: none
}

#pageleaflist .paging a {
font-weight: bold;
margin: 0;
}

/* PAGING */
.webblerpaging {display: block;  margin: 0 0 10px 0; float: left}
.webblerpaging p {float: left}
.webblerpaging .pagingprevious, .webblerpaging .pagingnext {display: none}
.webblerpaging a {text-decoration: none !important; margin: 4px 4px 4px 0; float: left; border: 1px solid #fff}


/* DOWNLOAD */

#rightcol .download {
padding: 5px 5px 5px 10px
}

#rightcol .format {
font-size: 10px;
font-weight: bold;
padding: 1px
}


/* SEARCH RESULTS */

div.searchresults {margin: 0 0 10px 0; padding: 0; display: block; float: left;width: 400px;}
div.resultsnumber {margin:0; padding: 0; display: block; float: left; font-weight: bold}
div.resultstext {margin: 0 0 0 25px; padding: 0; display: block; position: relative;}
div.resultsurl {margin:0 0 5px 0}
div.resultsscore {font-size: 10px}

/* FORMS */

.mainform select,
.mainform input {
font-size: 10px;
}

span.required {
font-weight: bold;
color: red
}

div.error,
span.error {
font-weight: bold;
color: red;
display: block;
margin: 5px 0 5px 0
}

.mainform a.formsubmit:link,
.mainform a.formsubmit:active,
.mainform a.formsubmit:visited {
margin: 10px 0 10px 5px;
padding: 5px;
font-weight: bold;
border: none;
background-color: #999;
text-decoration: none;

}

/* WYS TABLE STYLES */

#maincontent table.greyborder td {
border-bottom: 1px solid #eee;
padding: 5px
}

#maincontent table.greyback td {
background-color: #eee;padding: 5px
}

#maincontent table.greycells td {
border: 1px solid #eee;
padding: 5px;
}
#maincontent table.greycells a  {
	padding:0;
	border: 0;
	text-decoration:none;
}

/* WYS */

.mceContentBody {font-size: 11px}

/* FOOTER */

#footer div {
float: right;
font: normal 10px arial;
color: #81838A;
margin: 18px 15px 0 0
}

div.getacrobat {
display: block;
float: right;
margin: 30px 10px 10px 0
}

/* Landing extra */

h3 {
padding: 0;
margin: 0;
color: #8B4919;
font-size: 1em
}
/*factbox*/

#rightimagelist {
margin: 0 0 0 0;
display: block;
}

#rightimagelist a {
background-color: transparent}

#rightimagelist .imagelist {
text-align: center;
margin: 0 0 10px 0
}

/* SITEMAP */

#sitemap h3 {font-size: 1em;margin: 8px 0 8px 0;padding: 2px 0 2px 0;border-bottom: 1px solid #FF6633;border-top: 1px solid #FF6633;}

#sitemap div.branchmap a,
#sitemap div.branchmapItem a {font-weight:bold; margin: 5px 0 5px 0}
#sitemap div.branchmapItem {margin: 0 0 5px 0; list-style: disc}
#sitemap ul.leafmap li a {font-weight:normal;}
#sitemap ul.leafmap li {font-weight:normal; padding-bottom: 3px; margin: 0 0 0 0px; list-style: circle}

/* footer link colours in css colour files */

 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 

/*hide the right column when printing*/ 
#rightcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}

.webblerimage a:hover,
.webblerimage a:link,
.webblerimage a:active,
.webblerimage a:visited {
	background-color: transparent;
	border: 0px none;
}
#rightcol a, #rightcol a:hover {
	border: 0px none;
}

#maincol a.formsubmit {
	
	font-weight: bold;
	color: #900;
	text-transform: uppercase;
	border-bottom: none;
	border: 0px none;
	padding: 4px 9px;
	background-color: #eee;
	border: 1px solid #ddd;
}


#maincol a:hover.formsubmit {
color: #fff;
background-color: #900;
	padding: 5px 10px;
	border: 0px none;
}

/* in page styles */
.note {
	margin: 10px 0px 10px 0px;
	padding: 5px 10px 5px 10px;
	border: 1px solid #dcdcdc;
	background: #f0f0f0;
	text-align:justify;
}

.alert {
	margin: 10px 5px 10px 0px;
	padding: 7px 10px 7px 35px;
	border: 1px solid #dcdcdc;
	background: #f0f0f0 url(http://www.careinternational.org.uk/images/pgstyle/div_alert.png) 3px 43% no-repeat;
	text-align:justify;
}
/* clashes with download right block style
.download {
	margin: 10px 0px 10px 0px;
	padding: 7px 10px 7px 35px;
	border: 1px solid #dcdcdc;
	background: #f0f0f0 url(http://www.careinternational.org.uk/images/pgstyle/div_download.png) 3px 3px no-repeat;
	text-align:justify;
}
*/
.info {
	margin: 10px 5px 10px 0px;
	padding: 7px 10px 7px 35px;
	border: 1px solid #dcdcdc;
	background: #f0f0f0 url(http://www.careinternational.org.uk/images/pgstyle/div_info.png) 3px 43% no-repeat;
	text-align:justify;
}

.tip {
	margin: 10px 0px 10px 0px;
	padding: 7px 10px 7px 35px;
	border: 1px solid #dcdcdc;
	background: #f0f0f0 url(http://www.careinternational.org.uk/images/pgstyle/div_tip.png) 3px 3px no-repeat;
	text-align:justify;
}

.bquote {
	margin: 10px 0px 10px 0px;
	padding: 10px 35px 10px 35px;
	background: url(http://www.careinternational.org.uk/images/pgstyle/blockquote_start.png) 0 0 no-repeat;
	text-align:justify;
}
div.bquote {
	margin: 0px -35px -10px 0px;
	padding: 0px 35px 10px 0px;
	background: url(http://www.careinternational.org.uk/images/blockquote_end.png) 100% 100% no-repeat;
}

.countdown{
padding:5px;
background:#333;
border:1px solid red;
color:#fff
}




@media all and (min-width: 0px) 	{ /* OPERA 8 STYLES */

	#maincol {

	}
	
	
	#countrydropdown select {
	border: none; 
	display: block;
	margin: 5px 0 0 8px;
	background-color: #fff; 
	width: 140px; 
	color: #333; 
	font-size: 11px;
	padding: 0 0 0 0;
	height: 18px;
	border: 1px solid #B0C3D4
	}


#searchposition {
position: absolute;
width: 200px;
}

#searchposition input.searchBoxinput {float:left;border: none; display: block;margin: 5px 0 5px 0;background-color: #E8D4BC; width: 93px; color: #333; font-size: 9px;padding: 0 0 0 0;height: 13px;}

#searchposition input.searchBoxinput:hover {
background-color: #fff
}

#searchposition input.searchSubmit 
{float:left;
border: none;
display: block;
 margin: 0 0 0 0;
 width: 45px; 
 background-color: #E8EAE9;
 color: #1B1464;
 font-size: 0.75em; 
 font-weight: bold;
 padding: 0px; 
 
height: 13px;
margin: 5px 0 5px 5px;
}


#searchposition button.searchSubmit 
{float:left;
border: none;
display: block;
 width: 5.5em; 
 background-color: #E8EAE9;
 color: #1B1464;
 font-size: 0.8em; 
 font-weight: bold;
 padding:  10px 0 1px 0;
 font-family: Arial, Helvetica, sans-serif;
height: 2px;
margin: 5px 0 0px 5px;
cursor: pointer;
}

#searchposition button.searchSubmit:hover {
background-color: #fff
}
/*campaign letter style*/
.novartis{margin:2px; padding:10px;border: 1px solid #ccc;}

/* New FactBoxes */

.xsnazzy h1, .zsnazzy h1 {
margin:0; 
font-size:1.2em; 
padding:0 10px 5px 10px; 
border-bottom:1px solid #444;
}
.xsnazzy p, .zsnazzy p {
margin:0; 
padding:5px 10px; 
font-size:10px;
}
.xsnazzy {
background: transparent; 
width:240px; 
float:left; 
margin:0 3px;
}

.xtop, .xbottom {
display:block; 
background:transparent; 
font-size:1px;
}
.xb1, .xb2, .xb3, .xb4 {
display:block; 
overflow:hidden;
}
.xb1, .xb2, .xb3 {
height:1px;
}
.xb2, .xb3, .xb4 {
background:#fff; 
border-left:1px solid #444;
border-right:1px solid #444;
}
.xb1 {
margin:0 5px; 
background:#444;
}
.xb2 {
margin:0 3px;
border-width:0 2px;
}
.xb3 {
margin:0 2px;
}
.xb4 {
height:2px; 
margin:0 1px;
}

.xboxcontent {
display:block; 
border:0 solid #444; 
border-width:0 1px; 
height:auto;
}
* html .xboxcontent {
height:1px;
}

.color_a {
background:#c9ba65;
color:#fff;
}
.color_b {
background:#d4d8bd; 
color:#000;
}
.color_c {
background:#758279; 
color:#fff;
}
.color_d {
background:#b2ab9b; 
color:#000;
}

a.noStyles hover {
border-bottom: none;
border-bottom-style:none;
}