/* CSS Document */
/* note:
remember that 100%w tables in divs stretch to the outer div in ie 5.5

*/
/* center aligned, 95% browser window height */
html, body, ol, ul, li, p, blockquote, q, h1, h2, h3, h4, h5, h6, form, fieldset, a, div, img{
	margin:0; padding: 0; border:0; 
	}

body {font-family:Arial, Helvetica, sans-serif ;
font-weight:normal;height:95%; line-height:150%;
}
html {background-image:url(../assets/background.gif); background-repeat:repeat;}

/* whoever thought blue linked image borders were a good idea? */
a img,:link img,:visited img { border:none }

h1 {
background-color: #A2B5E0; 
color:#222222; 
font-size:160%; 
/*padding:5px 0 2px 10px;*/
padding:5px 0 2px 0px;
font-weight:bold;
/*margin:10px -30px 8px -10px;*/
margin:10px 0px 8px -5px;
/*width:620px;*/
width:610px;
padding-left:5px;

}
h2 {
color: #555555;
font-size:120%;
}
h3 {
color:#0099FF;
font-size:100%;
}

/***********************************************/
/* Layout Divs                                 */
/***********************************************/
#wrapper { margin: 0 auto; width:780px; 
background:#FFFFFF;
border:1px solid #666666;
}
#hnav {background-color:#fff; 
border:2px solid #FFFFFF;
font-size:95%;
padding:2px 0 2px 5px;
clear:both;
}

#topdate a{color:#333333;text-decoration: none;}
#fixedwidth {width:780px;height:1px;}
.topline {background-color:#FFFFFF;font-size:75%; color:#333333;}
#bannerTop {
	padding:0px;
	height:58px;
}
#bannerFlash{
	/*padding:2px;*/
	background-image:url(../assets/banner.jpg);
	background-position:right;
	background-repeat:no-repeat;
	/*background-color:#000000;*/
	height:150px;
	}

/* main Body area */
#contentBody { position:relative;
}


#contentNav{ 
position:absolute;
width:160px; 
border-right:1px solid #CCCCCC; background:#99FF99;

}
#contentMain{ 
border-left:1px solid #CCCCCC; font-size:80%; color: #333333; width:620px;
}
#contentMainInner {margin:5px;}

.thinCell {height:1%;  font-size:1%; line-height:1%;}
.bannerBottomExtra {background-image:url(../assets/bannerBottomExtra.gif); width:100%; height:31px; position:relative; left:0px; top:0px; background-position:right top; background-repeat:no-repeat;}

#footer { font-size:80%; background-color:#FFFFFF; color:#666666; font-family: Arial, Helvetica, sans-serif}
.footerBlue { background-color:#31427B; color:#FFFFFF; font-size:90%; line-height:110%;font-weight:bold}
.footerWhite { background-color:#FFFFFF; color:#666666; font-size:80%; line-height:100%; background-image:url(../assets/cfa-logo.gif); background-repeat:no-repeat; background-position:right bottom; padding-right:140px;text-align:center; line-height:150%;}
.footerBlueLarge { background-color:#31427B; color:#FFFFFF; font-size:200%; line-height:100%; font-weight:bold}
.footerBluePadding { padding:10px;}

.listbox ul {margin-left:20px; list-style:disc;}
.listbox li {margin-left:20px; list-style:disc;}

/* ===================================== */
/* =   link styling overrides          = */
/* ===================================== */
.topline a,
#contentBody a,
#footer a {
color:#333;
text-decoration:underline;
}

.topline a:visited,
#contentBody a:visited,
#footer a:visited {
color:#333;
text-decoration:underline;
}

.topline a:hover, .topline a:focus,
#contentBody a:hover, #content-main a:focus,
#footer a:hover, #footer a:focus {
color:#CC0000;
text-decoration:underline;
}
/* ------------------------ */
#content-main h3 a  {
color:#FF6600;
text-decoration:none;
}

#content-main h3 a:visited {
color: #FF6600;
text-decoration:none;
}

#content-main h3 a:hover,
#content-main h3 a:focus {
color:#FF6600;
text-decoration:underline;
}


/* ===================================== */
/* =   general class styles            = */
/* ===================================== */
.form_error {color:#CC0000; padding:5px; margin:0px; text-align:left; font-size:100%; line-height:100%;}
.warning {font-size:95%; color:#FF6600;}
.error {font-size:95%; color:#CC0000;}
.errorTitle {font-size:125%; color:#ffffff; font-weight:bold; background-color:#CC0000;padding:0 5px 0 5px;}
.warningTitle {font-size:125%; color:#ffffff; font-weight:bold; background-color:#FF6600;padding:0 5px 0 5px;}
.err {border:2px solid  #FF0000;}
.pad10left {padding-left:10px;}
.bannerleft{float:left;}
.padleft{margin-left:20px}
.titlecase {text-transform:capitalize; }
.smaller {font-size:85%;}
.bigger {font-size:150%;line-height:100%; font-weight:bold;}
.bold {font-weight:bold;}
.imgleft {float:left;border:1px solid #FFCC33; margin:0 5px 5px 0;}
.imgright {float:right;border:1px solid #333333; padding:1px; margin:2px;}
.imgrightNoBorder {float:right; margin:3px;}
.imgRightProjects {float:right;margin-right:5px;}
.border1 {border:1px solid #333333;}
.box150 {width:150px;}
.linkgraphic {background-image:url(../assets/arrowright.gif);
background-position:left;
background-repeat:no-repeat;
padding-left:15px;
}

.brownbg {background-color:#663300;}
.greenbg {background-color:#336600;}
.bluebg {background-color:#33CCFF;}
.redbg {background-color:#FF0000;}
.orangebg {background-color:#FF9900;}
.greybg {background-color:#666666;}
.blackbg {background-color:#000000;}
.white { color:#FFFFFF;}
.yellow {color:#FFFFCC;}

.intlinks {border-top:1px solid #0099FF;}
.feed {font-size:70%; padding:5px 0 5px 0; border-bottom:1px dashed #999999;}
.feedsource {font-size:70%; color:#009999;}
.currency {text-align:right; width:30px;}
.good {color:#009900; font-size:100%; font-weight:bold;}
.bad {color: #CC0000; font-size:100%; font-weight:bold;}
.textsize0 {font-size:85%}
.textsize1 {font-size:100%}
.textsize2 {font-size:125%}
.textsize3 {font-size:150%}

hr {border-bottom:2px solid #666666;}
.priceTableDot {border-bottom:1px dotted #333333;}
.priceTableHeading {background-color:#333333; color:#FFFFFF;}
.priceTableLine {border-bottom:1px solid #333333; height:1px; line-height:1px;}
.clear {clear:both;}
.extLinks { border:1px solid #333333; background-color:#E1E7FF; margin-top:10px; padding:3px;}

.fm td {font-size:95%; line-height:85%;}
.fm td label { color:#333333; padding:3px;}
.fm td {background-color:#ffffff;}

.imgBorder {padding:1px; border:1px solid #333333;}

/* ================================================================= */
/*  google map                                                       */
/* ================================================================= */
#map {border:1px solid #333333;}


.itembox { float:right; margin:5px; background-color:#EAF1FF; color:#31427B; padding:10px;}
.w200 {width:200px;}
.w350 {width:350px;}


.columnized div {
	float: left;
	width: 18em;		/* When using a fixed number of columns, you can omit the width. Otherwise it must be set! This will be the *minimum* width of a column*/
	padding: 10px;		/* You may use a padding... but thanks to IE you can only use pixels! */
	position: relative; 		/* Needed when using a 'read-on'-text */
	text-align: justify;
	margin: 0;	 		/* Don't use a margin! */
}
.columnized div .readOn {
	position: absolute;
	right: 1em;
	bottom: -0.5em;
	color: #999999;
}

.projectHeading { background-color:#31427B; font-family:Arial, Helvetica, sans-serif; font-size:150%; line-height:125%; padding:5px; color:#F9F9FF; text-transform:uppercase; height:48px;}
.nogap {margin-bottom:1px;}
.projectCaption {border-top:2px solid #FFCC00;border-bottom:2px solid #FFCC00; padding-top:10px; padding-bottom:10px; font-size:130%; font-weight:bold; color:#31427B; padding-right:200px}

/*
#photoHolder {width:610px; height:415px; background-color:#F9FBFF; position:relative;}
.photoMain { width:390; height:260px; background-color:#FFFFCC; position:absolute}
.photoMainCaption { width:390; height:100px; background-color: #66FFFF;position:absolute; top:280px;}
.thumbnailsHolder { width:210px; height:400px; background-color:#99FFFF;position:absolute; left:395px;}
.thumbnail { width:70px; height:70px; background-color: #9900FF; margin:3px; float:left}
*/
#photoHolder {width:600px;  }
.photoMain { width:415px; height:276px; float:left;}
.photoMainCaption { width:415px; min-height:50px;   clear:left; float:left; color:#000000; margin-top:5px; font-size:125%; color:#003399;}
.thumbnailsHolder { width:176px; float:right;}
.thumbnail { width:80px; height:80px; margin-left:4px; margin-right:4px; margin-bottom:4px; float:left;}

h2.type1 {background-color:#FFCC00; padding-left:50px;}
.icon { position:relative;top:30px;}
#companyinfo {font-size:75%;margin: 0 auto; width:780px; line-height:115%;
background:#FFFFFF;
}
#sitedown { position:absolute; left:0px; top:0px; width:100px; border:1px solid #FF0000; background-color:#ffffff; color:#000000; font-size:8pt; padding:10px; }