/*  Created by Elizabeth Opondo; Ext.398; eOpondo@cstonecanada.com; 25/August/2005 
Modified by Elizabeth Opondo; Ext.398; eOpondo@cstonecanada.com; 16/January/2005  */

/* -------------- START: GENERAL -------------- */
body {
background-color:#91969b;
border:0px;
margin:0px;
padding:0px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
line-height:18px; 
font-weight:normal;
color:#000000;

}

h6, input, select { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px;}
table, td, tr, th, font {font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 18px;}  
TD {vertical-align:top;}
p, div, span {font-family:Verdana, Arial, Helvetica, sans-serif;}
b, strong {font-weight:bold;}
i {font-weight:italic;}
u {font-weight:underline;}
pre {font-family:monospace, Arial, Helvetica, sans-serif; font-weight:none;font-size:11px;}
img {border:none; padding-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px;}
.small {font-size:85%; line-height: 130%;}
.medium {font-size:90%; line-height: 130%;}
.xsmall {font-size:9px; line-height: 130%;}
.large {font-size:125%; line-height: 110%;}
.bold {font-weight:bold;}
.vMiddle {vertical-align:middle;}
.vBottom {vertical-align:bottom;}

/* -------------- END: GENERAL -------------- */
 
/* ----------- GENERAL LINKS --------- */
A {text-decoration:none; color:blue;} 
A:link, A:visited, A:active {text-decoration: none; }
A:hover {text-decoration: none; color:#ff9900;}
/* ----------- GENERAL LINKS --------- */

/* -------------- START: TITLES -------------- */
h1 {
font-size:16px;
letter-spacing:0pt;
font-weight:bold;
line-height:120%;
margin:0px 0px 5px 0px; 
color:#506c81;
}

h2 {
font-size:15px;
letter-spacing:0px;
font-weight:bold;
color: #6C5431;
line-height:120%;
margin:15px 0px 5px 0px;
padding:0px 0px 5px 0px;
border-bottom: 1px solid #B5BFC9;
}

h3 {
font-size:12px;
font-weight:bold;
color: #506c81;
line-height:120%;
margin-top:0px;
padding-bottom:0px;
margin-bottom:3px;
}

h3.prSubtitle {
padding-bottom:10px;
}

h4 {
font-size:11px;
font-weight:bold;
margin-top:0px;
padding-bottom:0px;
margin-bottom:0px;
line-height:18px;
}

h5 {
font-size:14px;
font-weight:normal;
color:#829CB0;
letter-spacing:0px;
line-height:120%;
padding: 0px;
margin:5px 0px 15px 0px;
}

/* -------------- END: TITLES -------------- */

/* ------------ START: NAVIGATION ---------- */

TABLE.navTopOneTable { 
width:460px;
border:0px;
padding:0px;
}

TD.topLogoCol {width:300px;}

.navBg{
background-color:#EFF2F4;
width:300px;
padding:0px;
margin:0px;
vertical-align:top;
}

TABLE.navTable{
width:300px;
background-color:#EFF2F4;
}

TABLE.navTable2 {
width:300px;
background-color:#EFF2F4;
border-top:1px solid #B5BFC9;
}
.nav {
padding:0px 0px 0px 20px;
margin:0px;
}
.nav A {color: #6C5431; text-decoration: none;} 
.nav A:hover {color: #ff9900; text-decoration: none;}

DIV.navSection {
border-bottom:1px solid #B5BFC9; 
padding:10px 0px 10px 0px;
}

DIV.navSectionOn {
padding:1px 0px 3px 0px;
margin:2px 0px 0px 0px;
background-color:#DADFE4;
}
 
.navTitle {
color: #506c81; 
font-weight:bold;
padding-bottom:2px;
}
.navTitle A {color:#085AB9; text-decoration: none;} 
.navTitle A:hover {color:#ff9900; text-decoration: none;}

.navThreeOff { 
background: transparent url(/images/icons/fw.gif) no-repeat left top;
padding: 0px 10px 0px 15px; 
color:#000000;
}
.navThreeOff A {color:#000000; text-decoration: none;} 
.navThreeOff A:hover {color: #ff9900; text-decoration: none;}

.navThreeOn { 
background: transparent url(/images/icons/fw_blue.gif) no-repeat left top;
padding: 0px 10px 0px 15px; 
margin:0px 0px 0px 15px;
}
.navThreeOn A {color:#000000; text-decoration: none;} 
.navThreeOn A:hover {color:#ff9900; text-decoration: none;}

.navThreeOnTitle { 
background: transparent url(/images/icons/fw.gif) no-repeat left top;
padding: 0px 10px 0px 15px; 
margin:0px;
color:#6C5431;
font-weight:bold;
}
.navThreeOnTitle A {color:#6C5431; text-decoration: none;} 
.navThreeOnTitle A:hover {color: #ff9900; text-decoration: none;}

.navTopOne {
color:#6C5431;
font-weight:bold;
margin:0px;
text-transform:uppercase;
padding: 9px 0px 9px 0px; 
vertical-align:middle; 
}
.navTopOne A {color: #6C5431; text-decoration: none;} 
.navTopOne A:hover {color: #ff9900; text-decoration: none;}

.navTopOneOn {
letter-spacing:0px;
color:#ff9900;
font-weight:bold;
margin:0px;
text-transform:uppercase;
padding: 10px 0px 10px 5px; 
vertical-align:middle; 
}

.navTopOneOn A {color: #ff9900; text-decoration: none;} 
.navTopOneOn A:hover {color: blue; text-decoration: none;}

.arrowDown45 {
width:33px; 
vertical-align:middle;
}

.navTopTwo {
height:30px;
color:#6C5431;
font-weight:bold;
padding-left:10px;
padding-bottom:2px;
vertical-align:bottom;
text-transform:uppercase;
}
.navTopTwo A {color:#6C5431; text-decoration: none;} 
.navTopTwo A:hover {color:#ff9900; text-decoration: none;}

.navTopThree {
line-height:14px;
letter-spacing:0px;
color:#6C5431;
font-weight:bold;
padding:10px 0px 10px 10px; 
margin:0px;
vertical-align:top;
}

.navTopThree A {color: #6C5431; text-decoration: none; } 
.navTopThree A:hover {color: #ff9900; text-decoration: none; }

.navTopThreeOn {color:#ff6600;}
.navTopThreeOn A {color: #ff9900; text-decoration: none; } 
.navTopThreeOn A:hover {color: #ff9900; text-decoration: none; }

.navTopBgC7CFD6 {
background-color:#C7CFD6;
height:30px;
}

.navTopBgDADFE4 {
background-color:#DADFE4;
height:30px;
}

.navTopBgEFF2F4 {
background-color:#EFF2F4;
height:30px;
}

/* ----------------- START: CONTENT ------------------*/

TABLE.mainTable{
width:760px;
padding:0px;
border:0px;
margin:0px;
}

.contentMainCol {
width:460px;
padding:10px 10px 20px 10px;
}

.uppercase{
text-transform:uppercase;
}

TABLE.border {
border:1px solid #B5BFC9; }

IMG.border {
border:1px solid #B5BFC9; }

.more {
padding:0px 0px 0px 15px;
margin:0px 0px 0px 16px;
background: transparent url(../../images/icons/fw_bold.gif) no-repeat left top;
}

.morePDF{
padding:0px 0px 0px 15px;
margin:0px 0px 0px 16px;
background: transparent url(../../images/icons/pdf.gif) no-repeat left top;
}

.moreMargin{
padding:0px 0px 0px 15px;
margin:5px 0px 15px 16px;
background: transparent url(../../images/icons/fw_bold.gif) no-repeat left top;
}



BLOCKQUOTE {
padding:10px 20px 10px 20px;
margin:0PX;
}

UL {
padding:10px 0px 0px 16px;
margin:0px 0px 0px 16px;
}

OL {
padding:10px 0px 0px 16px;
margin:0px 0px 0px 16px;
}

LI {
list-style-position:outside; 
list-style-image:url(../../images/icons/fw_list.gif) ;
padding:0px 0px 5px 0px; 

}
.inside {list-style-position:inside ;}

LI.bulletFwBold {
list-style-position:outside; 
list-style-image:url(../../images/icons/fw_bold.gif) ;
padding:0px 0px 5px 0px; 
}



.alignRight {text-align:right;}
.alignCenter {text-align:center;}

.advise {
background-color:#EEEEEE;
padding:10px;
vertical-align:top;
border:1px solid #B5BFC9;
height:83px;
}

.navMainCon {
background-color:#EEEEEE;
padding:10px;
border:1px solid #B5BFC9;
}

.orange {color:#ff9900;}
.orange A {color:#ff9900;}
.orange A:Hover {color:#ff9900;}

.brown {color:#6C5431;}

.error { 
color:red;
padding: 0px 10px 0px 5px;
}

.errorPadded {color:red;
background-color:#EFF2F4;
padding: 5px 20px 20px 5px;
vertical-align:top;
}

.errorBg {
color:red;
padding:0px 10px 0px 5px;
background-color:#EFF2F4;
vertical-align:top;
}

DIV.paddingBottom {
padding:0px 0px 15px 0px;
}

/*-------- START: Events Calendar  --------- */
TABLE.calendar {
border:1px solid #B5BFC9; 
padding:1px;
width:144px;
}

TD.calendarMonth{
width:33%;
font-weight:bold;
text-align:center;
}
TD.calendarMonthCtr{
width:34%;
font-weight:bold;
text-align:center;
}

/* -- images -- */
IMG.leader {
border:1px solid #B5BFC9; 
margin:0px 0px 10px 10px;
padding:10px;
}

/*-------- START: columns --------- */
#column1Li, #column2Li,  {
		padding:0px 0px 0px 15px;
		margin:0px 0px 0px 16px;
		background: transparent url(../../images/icons/fw.gif) no-repeat left top;
		float:left;
		}
		
		#column1Li {width:180px;}
		
		#column2Li { width:180px;}		
		
#columnNews1, #columnNews2,  {
		padding:5px 0px 5px 0px;
		float: left;
		}
		
		#columnNews1 { 
		width:130px;
		padding-right:5px;
		}
		
		#columnNews2 { 
		padding-right: 0px;
		width:300px;
		}	
/*-------- END: columns --------- */
/*-------- START: IMAGES --------- */
.imgBorder {border: 1px solid #B5BFC9;}

.imgBorderRightMargin {
border: 1px solid #B5BFC9;
margin-right:10px;
}
/*-------- END: IMAGES --------- */

/* --- START: TR BACKGROUNDS ----*/
.bgEFF2F4 {background-color:#EFF2F4;}
.bgB5BFC9 {background-color:#B5BFC9;}
.bgC7CFD6 {background-color:#C7CFD6;}
.bgDADFE4 {background-color:#DADFE4;}
.bgEFF2F4 {background-color:#EFF2F4;}
.bgF2DA7E {background-color:#F2DA7E;}
.bgFFCC66 {background-color:#FFCC66;}
.bgFF9900 {background-color:#FF9900;}
.bgdee2e5 {background-color:#dee2e5;}
/* --- END: TR BACKGROUNDS ---*/

/* ----------------- END: CONTENT ------------------*/
/* ------------- START: FOOTER AND CAPTION ---------*/
.footer {
font-size:9px;
line-height:15px;
border-left: 1px solid #ff9900; 
padding:5px 10px 5px 10px;
}

.footer A {color:#000000; text-decoration:none;}
.footer A:hover {color: #ff9900; text-decoration: none;}


.footer2 {
font-size:11px;
line-height:13px;}
.footer2 A {color:#000000; text-decoration:none;}
.footer2 A:hover {color: #ff9900; text-decoration: none;}
.footer2 A:active {color:#000000; text-decoration:none;}


.footer3 {
font-size:10px;
line-height:13px;}
.footer3 A {color:#506c81; text-decoration:none;}
.footer3 A:hover {color: #ff9900; text-decoration: none;}
.footer3 A:active {color:#506c81; text-decoration:none;}

.footer4 {
color: #506c81; 
font-size:9px;
line-height:10px;}

.footerTable {
width:100%;
margin-top:30px;
border:0px;
padding:0px;
}

.action { 
background:transparent url(../../images/arrow_top.gif) no-repeat left top;
padding: 0px 40px 0px 15px; 
vertical-align:top; 
text-align:right;
}
.action A {text-decoration: none;} 
.action A:hover {color: #ff9900; text-decoration: none;}

.footerTD { padding:20px 0px 10px 20px; }
.footerTD2 { padding:0px 0px 10px 0px; }
/* ----------------- END: FOOTER AND CAPTION ------------------*/

