/*Enables firefox browsers to measure the width from border to border*/
body,table,td,div,input,select,textarea,span {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; line-height:16px;margin:0;padding:0;} 
div, span {margin:0; padding:0;}
.select_box{font-size:11px; color:#00341F; font-weight:bold; margin-top:8px;}
a {color:#00341F; text-decoration:none; font-weight:bold; font-size:10px;}
a:hover {color:#015835; text-decoration:underline}
img{border:none;}

/* ..........................FOCUS ROTATOR.............................*/


/*column1 focus block*/
#cl1Foc {float:left; width:466px; height:320px; border:1px solid #BCBBBB; margin-bottom:20px;}
*|html #cl1Foc {float:left; width:466px; height:320px; border:1px solid #BCBBBB; margin-bottom:0px; }
.cl1FocBgImage {float:left; width:100%; height:299px; background-repeat:no-repeat}
.opacity_layer{float:left; z-index: 1; width:100%; height:80px; background-color:#000000; filter:alpha(opacity=50);-moz-opacity:.50;opacity:.50;}
.cl1FocTitle1 {float:left; width:210px; font-weight:bold; font-size:14px; padding:10px 0 10px 10px;  margin-left:230px;}
.cl1FocTxt1 {float:left; width:210px; font-size:11px; padding:0 0 10px 10px; margin-left:230px; display:inline; overflow:hidden;}
.cl1FocLinks1 {float:left; height:13px; border-right:1px solid white; padding:0 10px 0 10px;}
.white, .white A {color:white;}
.black, .black A {color:black;}
.cl1FocTitle2 {z-index: 4; position: relative; width:445px; font-weight:bold; padding:5px 0 2px 10px; color:#F1EF6B; font-size:20px; font-family:Arial, Helvetica, sans-serif}
.cl1FocTitle2 a{color:#F1EF6B; font-size:16px; font-family:Arial, Helvetica, sans-serif }
.cl1FocTxt2 { width:445px; z-index: 4; position: relative; font-size:12px; padding:0 0 3px 10px; overflow:hidden;}
.cl1FocLinks2 {float:left; z-index: 4; position: relative; border-right:1px solid white; padding:0 10px 0 10px; font-size:12px; font-family:Arial, Helvetica, sans-serif;  font-weight:bold;}
.cl1FocLinks2 a{color:#FFFFFF; font-weight:bold; font-size:12px;}
.icon {height:13px; margin-right:5px; display:inline}
.noborder {border:none;}

.cl1FocBar {clear:both; float:left; width:100%; height:30px; background-image:url(../images/focus_bar_tile.gif); background-repeat:repeat-x}
/*titles*/		
.headFocBar {float:left; font-size:16px; color:#ffffff; font-weight:bold;font-family:arial;padding:7px 0 0px 10px;}
.cl1FocBtn {float:left; padding:5px 3px 5px 0;}
.cl1FocBtnE{float:left; padding:5px 3px 5px 0;}
.cl1FocDot {float:left; margin-right:8px;}
.cl1FocR {clear:right; float:right; height:30px; }

/*ROTATING FOCUS 1*/
 #mynamefocustabs{ display:none; height:0px; width:0px;}
 
 /* change font colour of the tab */
 #mynamefocustabs a {width:93px; height:25px; float:left; text-decoration:none; font:bold 10px Verdana; color: #333333; line-height:24px;  display:inline; background-image:url(img/tab.gif); background-repeat: no-repeat; text-align:center; overflow:hidden; text-transform:uppercase;}
 #mynamefocustabs a:hover {text-decoration:underline;}
 #mynamefocustabs a.current{background-image:url(img/tabover.gif); color: #E03D36; width:93px; text-decoration:none; font-weight:bold;}
 #mynamefocustabs a.current:hover{text-decoration:none;}
 
 /* change background-color for the main layer */
 #mynamefocus1 {width:100%; height:170px; display:none; background-color:#FFFFFF; }
 #mynamefocus2 {width:100%; height:170px;  display:none; background-color:#FFFFFF;}
 #mynamefocus3 {width:100%; height:170px; display:none; background-color:#FFFFFF;}
 #mynamefocus4 {width:100%; height:170px;  display:none; background-color:#FFFFFF;}