
/*-------------------------------*/
/* GENERAL */
/*-------------------------------*/

/* Heading */
h1 {
	
	margin: 10px 0px 10px 0px;
	font-weight: bold;
	font-size: 1.3em;
	color:#0471B6;
	font-family: Arial, Verdana,Helvetica, sans-serif;
}

h2 {
	
	margin: 10px 0px 5px 0px;
	font-weight: bold; 
	font-size: 1.1em;
	color:#0471B6;
	font-family: Arial, Verdana,Helvetica, sans-serif;
}

h3 {
	
	margin: 10px 0px 4px 0px;	
	font-weight: bold; 
	font-size: 1.0em;
	color:#0471B6;
	font-family: Arial, Verdana,Helvetica, sans-serif;
}

h4 {
	
	margin: 10px 0px 4px 0px;	
	font-size: 0.9em;
	font-weight: bold; 
	color:#0471B6;
	font-family: Arial, Verdana,Helvetica, sans-serif;
}

/* Paragraph text */
p {
   
   margin: 10px 0px 14px 0px; 
   padding: 0px; 
   font-size: 0.9em;
	color:#000000;
	font-family: Arial, Verdana,Helvetica, sans-serif;
}

li {
   
   margin: 1px 0px 6px 00px; 
   padding: 0px; 
   font-size: 90%;
	color:#000000;
	font-family: Arial, Verdana,Helvetica, sans-serif;
}

ol li{
   
   margin: 6px 0px 6px 0px; 
   padding: 0px; 
   font-size: 90%;
	color:#000000;
	font-family: Arial, Verdana,Helvetica, sans-serif;
}

/* links */
a {
	color:#4D7FCA;
	text-decoration:none;
	font: 1.0em  Arial, tahoma, verdana, sans-serif;
	
	
}
a:focus, a:hover {
	color:#4D7FCA;
	text-decoration:underline;
	font: 1.0em  Arial, tahoma, verdana, sans-serif;
	
	
}


/*************************/
/*  MAIN BODY */
/*************************/


body {
	font-size: 100%;
	margin: 0em ; 
	padding: 0em; 
	background:#E2E2E2;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	text-align:center;
	
}

#page-container {
	text-align:left;
	width:896px; 
	margin:  0px  auto ;
	padding: 0px; 
	background-color:#FFFFFF;
	position: relative;
	background-image:  url("../cbf-images/main-back.gif");
    background-repeat: y-repeat;
	overflow:hidden;
}
#page-container2 {
	text-align:left;
	width:876px; 
	margin: -10px auto ;
	padding: 17px 0px 0px 20px; 
	height:12px;
	background-color:#E2E2E2;
	background-image:  url("../cbf-images/footer-back.gif");
	position: relative;
	overflow:hidden;
	
}

#toplinks {
	margin: 0em ; 
	padding: 0px; 
	right: 25px;
    POSITION: absolute;
    TOP: 5px;
	Z-INDEX: 9;
	font-size: 0.7em;
	font-weight: normal;
	color:#000000;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	text-align:right;
	width:250px;
}
#toplinks  a {
	color: #000000;
	text-decoration: none;
	font-size: 100%;
}
#toplinks a:hover {
	color: #5678e8;
	text-decoration: underline;
	font-size: 100%;
}
.toplinks-dash {
	color: #000000;
	text-decoration: none;
	font-size: 100%;
}
/**********************/
/*  HEADER */
/**********************/

#main_header {
	width: 875px; 
	margin: 0px 0px 0px 11px; 
	padding: 0px 0px 0px 0px;
	background-color: #FFFFFF;
	height:123px;
	position: relative;
	
	
}
#logo {
    float: left; 
	width: 170px; 
	margin: 0px 0px 0px 0px; 
	padding: 0px 0px 0px 0px;
	height:123px;
	background-color: #FFFFFF;
}
#title {
    margin: 0em ; 
	padding: 0px; 
	left: 195px;
    POSITION: absolute;
    TOP: 34px;
	Z-INDEX: 9;
	font-size: 1.7em;
	font-weight: bold;
	color:#0471B6;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	text-align:left;
	width:640px;
}
#welcome {
    margin: 0em ; 
	padding: 0px; 
	left: 195px;
    POSITION: absolute;
    TOP: 14px;
	Z-INDEX: 9;
	font-size: 1.2em;
	font-weight: normal;
	color:#00A5D8;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-style: italic;
	text-align:left;
	width:140px;
}
#strap {
    margin: 0em ; 
	padding: 0px; 
	right: 20px;
    POSITION: absolute;
    TOP: 96px;
	Z-INDEX: 9;
	font-size: 1.2em;
	font-weight: normal;
	color:#00A5D8;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-style: italic;
	text-align:right;
	width:700px;
}
#registered {
    margin: 0em ; 
	padding: 0px; 
	right: 49px;
    POSITION: absolute;
    TOP: 63px;
	Z-INDEX: 9;
	font-size: 0.8em;
	font-weight: normal;
	color:#000000;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	text-align:left;
}

#specialist {
    margin: 0em ; 
	padding: 0px; 
	left: 260px;
    POSITION: absolute;
    TOP: 178px;
	Z-INDEX: 9;
	font-size: 1.4em;
	font-weight: normal;
	color:#FFFFFF;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	text-align:left;
}
/**********************/
/*  PIC STRIP */
/**********************/

#picstrip {
	width: 876px; 
	margin: 0px 0px 1px 11px; 
	padding: 0px 0px 0px 0px;
	background-color: #FFFFFF;
	height:117px;
	border-bottom:1px solid #FFFFFF;
	border-top:1px solid #FFFFFF;
	}
/**********************/
/*  CRUMB TRAIL */
/**********************/
	
#crumbtrail {
	font-size: 0.8em;
	font-weight: normal;
	color:#878787;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	
}
#crumbtrail  a {
	color: #5678e8;
	text-decoration: none;
	font-size: 100%;
}
#crumbtrail a:hover {
	color: #878787;
	text-decoration: underline;
	font-size: 100%;
}
	
	
	
	
/*************************************/
/* FORM  */
/*************************************/	

input.fm {BORDER:1px solid #0084de; background-color:#FFFFFF; padding:0px; margin:1px; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 10px; text-decoration: none; color: #000000;}
select.fm {BORDER:1px solid #0084de; background-color:#999999; padding:0px; margin:0px; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 10px; font-weight: bold; text-decoration: none; color: #000000;}
input.fm2 {BORDER:1px solid #0084de; background-color:#FFFFFF; padding:0px; margin:1px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; text-decoration: none; color: #000000;}
submit.fm3 {BORDER:1px solid #0084de; background-color:#FFFFFF; padding:0px; margin:1px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; text-decoration: none; color: #000000;}
input.fm3 {BORDER:1px solid #0084de; background-color:#FFFFFF; padding:0px; margin:1px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; text-decoration: none; color: #747373; font-weight: bold; }
input.checkbox {BORDER:1px solid #0084de; background-color:#FFFFFF; padding:0px; margin:0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; text-decoration: none; color: #0084de; font-weight: bold; }
textarea.fm2 {BORDER:1px solid #7f9db9; background-color:#EEEEEE; padding:1px; margin:1px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; text-decoration: none; color: #000000;}

input.fmsend {BORDER:1px solid #0084de; background-color:#FFFFFF; padding:2px; margin:2px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; text-decoration: none; color: #000000;}

input.fmsend2 {BORDER:1px solid #0084de; background-color:#A0CE41; padding:1px; margin:1px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; text-decoration: none; color: #000000;}
textarea.address {BORDER:1px solid #0084de; background-color:#A0CE41; padding:1px; margin:1px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; text-decoration: none; color: #000000;}
.box {
border-right:1px solid #0084de;
border-bottom:1px solid #0084de;
border-left:1px solid #0084de;
margin-bottom:5px;
padding:5px 5px 5px 5px;
color:#505050;
}


/*************************************/
/* LEFT COLUMNS  */
/*************************************/

#leftcolumn {
	float: left; 
	width: 170px; 
	
	min-height: 30em;
	height:auto !important;
    height:30em;
	margin: 0px 0px 0px 11px;
	xxxxxbackground-image:  url("../cbf-images/leftmenu-back.gif");
    xxxxxbackground-repeat: y-repeat;
}
.leftcolumn-bluetop {
	float: left; 
	width: 162px; 
	height:23px;
	padding: 7px 00px 0px 0px;
	background-color:#0471B6;
	margin: 19px 0px 0px 3px;
	color: #FFFFFF;
	text-align:center; 
	font-size: 0.9em;
	font-weight:normal; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}
	
.leftcolumn-bottoms {
	float: left; 
	width: 148px; 
	min-height:8em;
     height:auto !important;
     height:8em;
	padding: 0px 0px 0px 8px;
	margin: 10px 0px 0px 2px;
	color: #03708b; 
	font-size: 0.78em;
	font-weight:normal; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	
}
.leftcolumn-bottoms a{
	
	color: #03708b; 
	font-weight:normal; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	
}
.leftcolumn-bottoms a:hover{
	
	color: #024067; 
	font-weight:normal; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration:underline;
}
/*************************************/
/* MAIN CONTENT  TYPES*/
/*************************************/



#maincontent {
    float: left; 
	margin:14px 0px 10px 20px;
	background:#FFFFFF;	
	min-height:25em;
	height:auto !important;
    height:25em;
	width: 655px;
	padding: 0px 0px 0px 0px;
	
}
#donate-button {
    margin: 0em ; 
	padding: 0px; 
	right: 26px;
    POSITION: absolute;
    TOP: 286px;
	Z-INDEX: 9;
	width:107px;
	height:44px;
}
.boxtext {
	width: 35em;
	min-width:35em;
	height:auto !important; 
	margin: 4px 0px 4px px; 
	padding: 5px 5px 5px 5px;
	background-color: #FFFFFF;
	border-top:1px solid #0471B6;
	border-bottom:1px solid #0471B6;
	border-left:1px solid #0471B6;
	border-right:1px solid #0471B6;
	
/*************************************/
/* FORM  */
/*************************************/	
}

/**********************/
/* FOOTER */
/**********************/


#footer {
    float: left;
	width: 811px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 0.7em;
	height: 16px;
	color:#000000;
	
}

#footer a {
	color: #000000;
	text-decoration: none;
	font-size: 0.95em;
}
#footer a:link, .content:visited{
	color:#000000;
	text-decoration: none;
	font-size: 0.95em;
}

#footer a:hover {
	color: #00A5D8;
	text-decoration: underline;
	font-size: 0.95em;
}
.footer-big{
	color: #0084de;
	text-decoration: none;
	font-size: 130%;
}
.footer-big a {
	color: #0084de;
	text-decoration: none;
	xxfont-size: 0.95em;
}
.footer-big a:link, .content:visited{
	color:#0084de;
	text-decoration: none;
	xxfont-size: 0.95em;
}

.footer-big a:hover {
	color: #707f89;
	text-decoration: underline;
	xxfont-size: 0.95em;
}

/**********************/
/*  IMAGE PLACEMENT */
/**********************/

.floatright  {
float:right;
}
.floatleft {
float:left;
}



.floatimageleft {
float:left;
margin-top:9px;
margin-left:2px;
margin-right:9px;
padding:2px;
margin-bottom:0px;
xborder:1px solid #C0272C;

}
.floatimageright{
float:right;
margin-top:1px;
margin-left:8px;
margin-right:1px;
padding:2px;
margin-bottom:10px;
border:1px solid #0084DE;

}
.floatimageright2{
float:right;
margin-top:27px;
margin-left:8px;
margin-right:0px;
padding:2px;
margin-bottom:0px;
border:1px solid #0084DE;

}
.image-redborder{
border:1px solid #C0272C;
padding:2px;

}

.asterisk{
color: #FF0000

}

/******************************/
/* MISCELLANEOUS */
/******************************/

/* Horizontal line */
hr {
	clear: both; 
	width: 630px; 
	height: 2px; 
	border: none;
	color:#0471B6;
	Text-align:left;
}

.hide { display: none;}

.cl {
clear:both;
}

/**********************/
/* TABLE FORMATTING */
/**********************/

.datatable {
border: 2px solid #0471B6;
 border-collapse:collapse;
 margin: 30px 0px 0px 0px;
}

.datatable2 {
border: 1px solid #0471B6;
 border-collapse:collapse;
 margin: 30px 0px 0px 0px;
}
.datatable td {
border: 1px solid #0471B6;
 font-size: 0.8em;
 font-weight: normal;
	color:#000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
	padding:4px ;
	background-color:#F1F2F7;
	vertical-align: top;
}
.datatable2 td {
border: 0px solid #0471B6;
 font-size: 0.8em;
 font-weight: normal;
	color:#000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
	padding:0px 0px 0px 0px;
	background-color:#FFFFFF;
	vertical-align: top;
}
td.tableheader {
xxxborder: 1px solid #B11E3B;
 font-size: 0.9em;
 font-weight: bold;
	color:#0471B6;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	padding:4px;
	background-color:#e0e0ff;
}
td.tableheader2 {
xxxborder: 1px solid #B11E3B;
 font-size: 0.9em;
 font-weight: bold;
	color:#0471B6;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	padding:4px;
	background-color:#FFFFFF;
}
td.guest {

 font-size: 0.8em;
 font-weight: normal;
	color:#747373;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
	vertical-align: top;
	padding:4px;
	background-color:#FFFFFF;
}

.datatable th {
 font-size: 0.8em;
 font-weight: bold;
	color:#000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}



