body  {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:14px;
	line-height:18px;
	background: #033E6B;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}

.twoColFixLtHdr #container, .twoColFixLtHdr #footer { 
	width: 960px;  /* the new standard */
	background: #D4E4F1;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page 	
		border: 1px solid #110B43;
	*/
} 

.twoColFixLtHdr #container{ text-align: left; /* this overrides the text-align: center on the body element. */} 

.twoColFixLtHdr #header { 
background-image:url(../imgs/banner.jpg)
	padding: 0 10px 0 20px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
} 

.twoColFixLtHdr #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}

.twoColFixLtHdr #sidebar1 {
	float: left; /* since this element is floated, a width must be given */
	width: 200px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background: #7297B1; /* the background color will be displayed for the length of the content in the column, but no further */
	text-align: center;
}

#sidebar1 .sidebar_a1 { padding: 10px 6px 0px 6px;}

#sidebar1 .sidebar_c { float:left; height:13px; }
#sidebar1 .sidebar_c4 { 
background-image:url(../imgs/cornerbox4.jpg);
height:13px;
width:50px;
float:right;}

.twoColFixLtHdr #mainContent1 { 
margin: 30px 10px 30px 230px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
padding: 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box
 */
} 

.twoColFixLtHdr #mainContent2 { 
margin: 30px 20px 30px 30px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
padding: 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
float:left;
width:670px;
} 

.twoColFixLtHdr #mainContent3 { 
margin: 20px 20px 30px 30px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
padding: 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
float:left;
width:470px;
} 

.twoColFixLtHdr #mainContent4 { 
margin: 20px 20px 30px 50px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
padding: 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
width:820px;
} 

.twoColFixLtHdr #mainContent5 { 
margin: 30px 5px 5px 5px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
padding: 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
width:901px;
height: 500px;

}

.twoColFixLtHdr #sidebar2 {
	float: right; /* since this element is floated, a width must be given */
	width: 200px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background: #7297B1; /* the background color will be displayed for the length of the content in the column, but no further */
	text-align: center;
}

#sidebar2 .sidebar_b1 { padding: 10px 6px 0px 6px; margin-bottom:-10px;	}
#sidebar2 .sidebar_d { float:right; height:13px;}
#sidebar2 .sidebar_d3 { 
background-image:url(../imgs/cornerbox3.jpg);
height:13px;
width:50px;
float:left;
}

.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

.clearfl0at { /* this is soft clear */
    height:0;
    font-size: 1px;
    line-height: 30px;
}

.bottom { text-align:center;
color:#FFFFFF;
font-size:12px;
padding-bottom:5px;
margin-top:-10px;
	}

a { color: #000099; }
a:hover{ color:#4F4FD9; }
.bottom  a, .tdfooter a { color:#ffffff; font-weight:bold; }
.tdfooter a:hover{color:#000099; }
 
/* damn ie shit */
.tdfooter p{ 
font-size:12px;
font-weight:bold;
position:relative; top:-5px;
line-height:2px;
}

.boxhome #impact, #mainContent3 #impact, #mainContent4 #impact, #mainContent1 #impact, #compact { font-family:Impact, Arial, Helvetica, sans-serif; font-size: larger;}

#compact { margin-top:15px;}

#mainContent3 h3, #mainContent1 h3, #mainContent4 h3{ 
margin-bottom:-5px;
font-size:16px;
} 

#mainContent5 .tit1, #mainContent5 .tit2, #mainContent5 .tit3, #mainContent4 .tit1, #mainContent4 .tit2, #mainContent4 .tit3, #mainContent3 .tit1, #mainContent3 .tit2, #mainContent3 .tit3, #mainContent1 .tit1, #mainContent1 .tit2, #mainContent1 .tit3 { float:left;}

#mainContent5 .titel, #mainContent4 .titel,  #mainContent3 .titel, #mainContent2 .titel, , #mainContent1 .titel { background-color:#00FF99; position:relative; left:-8px; }
#mainContent5 .tit2, #mainContent4 .tit2, #mainContent3 .tit2, #mainContent1 .tit2
{ 
 background-color: #FFFFFF; 
 float:left; 
 font-size:16px;
 font-weight:bold;
 height:21px;
 padding-top:3px;
}

#mainContent4 em, #mainContent3 em { background-color:#7297B1; padding-left:3px; padding-right:3px;} 

#mainContent1 em{ font-weight:bold;} 

#mainContent4 h2, #mainContent3 h2, #mainContent1 h2 { 
padding-left:10px;
font-size:16px;
position:relative; left:-10px; }

#mainContent4 h2 span, #mainContent3 h2 span, #mainContent1 h2 span{
background-image:url(../imgs/header2.jpg);
background-repeat:no-repeat;
background-position:right;
padding-right:10px;
height:30px;
background-color:#ffffff;
} 

.sidebar_a1 p, .sidebar_b1 p{ margin-top:-0.5px;}

ul li
	{
	margin-bottom:10px;
	}
	
/* cols */

.contact1st {
float:left; 
width:240px;
}

.contact2nd {float:left; width:230px;}
.contcat2nd {float:right; width:230px; }

#herd1st { float:left;  width:100px;
}
#herd1st p{ margin-left:40px;}
#herd2nd {float:left; width:550px; }

.herdcol2nd, .herdcol1st { float:left; text-align:left; padding-left:5px; padding-bottom:10px;}

.herdcol1st { width:100px; }

.herdcol2nd { background-color:#61D7A4; width:80px; }

.wit1st {
float:left; 
width:350px;
}
.wit2nd {float:left; width:330px;}

.happen1st {
float:left; 
width:200px;
}
.happen2nd {float:left; width:550px;}

/* rounded corners */
	
.r0unded-box, .rounded-b0x, .rounded-box, .round3d-box,  .square-box {
    position:relative;
    background-color: #ffffff;
	margin-bottom:10px; }

.rounded-box { width: 460px; }
.round3d-box { width: 500px; }
.rounded-b0x { width: 340px; }
.r0unded-box { width: 800px; }

.top-left-corner, div.bottom-left-corner, div.top-right-corner, div.bottom-right-corner
{position:absolute; width:20px; height:20px; background-color:#D4E4F1; overflow:hidden;}

.top-left-inside, .bottom-left-inside, .top-right-inside, .bottom-right-inside {position:relative; font-size:150px; font-family:arial; color:#ffffff; line-height: 40px;}

.top-left-corner { top:0px; left:0px; }
.bottom-left-corner {bottom:0px; left:0px;}
.top-right-corner {top:0px; right:0px;}
.bottom-right-corner {bottom: 0px; right:0px;}

.top-left-inside {left:-8px;}
.bottom-left-inside {left:-8px; top:-17px;}
.top-right-inside {left:-25px;}
.bottom-right-inside {left:-25px; top:-17px;}

.box-contents, .box-homecontents {
	position: relative; padding:2px; color:#000; margin-left:15px; margin-right:10px;
}

.b0x-contents {
	position: relative; padding:2px; color:#000; margin-left:10px; margin-right:5px; padding-top:8px; padding-bottom:8px;
}

#herd2nd em { background-color:#D4E4F1; padding-left:3px; padding-right:3px;} 

.box-homecontents { font-size:17px; padding-left:10px; padding-right:8px; line-height:19px;}

.colrounded-box {
    float:left;
    position:relative;
    width: 200px;
    background-color: #7297B1;
}

.coltop-left-corner, .colbottom-left-corner, .coltop-right-corner, .colbottom-right-corner
{position:absolute; width:20px; height:20px; background-color:#D4E4F1; overflow:hidden;}

.coltop-left-inside, .colbottom-left-inside, .coltop-right-inside, .colbottom-right-inside {position:relative; font-size:150px; font-family:arial; color:#7297B1; line-height: 40px;}

.coltop-left-corner { top:0px; left:0px; }
.colbottom-left-corner {bottom:0px; left:0px;}
.coltop-right-corner {top:0px; right:0px;}
.colbottom-right-corner {bottom: 0px; right:0px;}

.coltop-left-inside {left:-8px;}
.colbottom-left-inside {left:-8px; top:-17px;}
.coltop-right-inside {left:-25px;}
.colbottom-right-inside {left:-25px; top:-17px;}

.colbox-contents {
	position: relative; 
	margin-left:5px; margin-right:5px;
    text-align: center;
}

.colbox-contents #blues{ background-color:#D4E4F1; margin-bottom:10px;}

#blues img { margin-top:5px;}

.colbox-contents p{ margin-top:2px;}

.colbox-contents #fcol { margin-top:20px; }

.adjust1 { height:5px;}

/* end of rounded corners */

.bread{ 
      text-align:right;
	  font-size:11px;
	  position:relative; 
	  top:-10px;
	  }
	  
.arr  {
line-height: 1.3em;
background:transparent url(http://news.bbc.co.uk/nol/shared/img/v3/arrow.gif) no-repeat 8px 8px;
padding:4px 0pt 4px 18px;
}	  

.babi1st {
float:left; 
width:260px;
margin-right:10px;
}
.babi2nd {float:left; width:100px;}
.babi3rd {float:left; width:100px;}

#baong {background-image:url(../imgs/bg_pedigree.gif);
background-repeat:no-repeat;}


.lightb1st {
float:left; 
width:200px;
}
.lightb2nd {float:left; width:200px;}
.lightb3rd {float:left; width:200px;}
.lightb4th {float:left; width:200px;}

.lightb {float:left; width:200px; margin:11px; text-align:center;}