/*

*************************************************

Fairfield Economic Development
General Screen Styles

Created by Cyberwoven
http://www.cyberwoven.com

*************************************************



*/


/*
HOUSECLEANING --------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, pre, a, 
abbr, acronym, address, big, cite, code, del, 
dfn, em, font, img, ins, kbd, q, s, samp, small, 
strike,tt, var, dl, dt, dd, 
ol, ul, li, fieldset, form, label, legend, table, 
caption, tbody, tfoot, thead, tr, th, td
{margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;}

/* remember to define focus styles! */
:focus { outline: 0; }

body
{line-height: 1; color: black; background: #c6b48c;}

ul { list-style: none; }

/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: separate; border-spacing: 0;}

caption, th, td {text-align: left; font-weight: normal;}

blockquote:before, blockquote:after, q:before, q:after { container: ""; }
blockquote, q { quotes: "" ""; }

.clear:after { content: "."; clear: both; height: 0; visibility: hidden; display: block; }
.clear { display: inline-block;/* Fixes IE/Mac */}

/* Hides from IE-mac \*/
* html .clear { height: 1%; }

.clear { display: block; }



/*









/*-------------------------------------------    



    General Selectors



-------------------------------------------*/

* { margin: 0 auto; padding: 0; color: #454545; line-height: 1.5; }
body { font: normal 12px Arial, Verdana, sans-serif; background: #dfdfe0 url(../img/body_background.gif) repeat-x top center; text-align: left; }



/*-------------------------------------------    



PARAGRAPHS



-------------------------------------------*/


p.homepageheader { margin: 51px 0 0 418px; float: left; text-indent: -9999px;}
p.tag { font-size: 11px; }
p.footerinformation { font: Arial; font-size: 11px; font-weight: bold; color: #09092d; }







/*-------------------------------------------    



STRUCTURE


-------------------------------------------*/
#rapper { background: url(../img/wrapper_bg.gif) no-repeat top center; margin: 0 auto; }
#container { width: 1004px; margin: 0 auto; padding: 0 0 0 0;  background: #fff url(../img/headerbg.png) top left repeat-x; }
#header { height: 133px; margin: 0 auto; position: relative;}
#flash { margin: 0 0 0 21px; padding: 0 0 1px 0; height: 363px; width: 961px; border-bottom: 1px solid #cacace;}
#footer { margin: 50px 0 0 0; border-top: 4px solid #cacace; background: #dfdfe0; clear: both;}
#footerleft { float: left; }
#footerright { text-align: right; margin: 15px 21px 0 0; }


#leftcol { background: url(../img/leftcolbg.jpg) top center no-repeat; float: left; width: 331px; padding: 5px 0 0 0; margin: 5px 0 0 22px; }
#leftcol h6 { background: url(../img/h6bg.jpg) top right no-repeat; height: 32px; margin: 4px 0 5px 0; text-align: right; padding: 13px 12px 0 0; font-size: 14px; color: #4e6c86;}
#rightcol { background: url(../img/rightcolbg.jpg) top center no-repeat; float: left; width: 638px; padding: 0 0 15px 0; margin: 5px 0 0 0;}
#rightcol h3 { margin-left:10px; }
#rightcol h3#title { color: #e8e4e4; margin: 30px 0 0 0; font-size: 31px; font-weight:normal; letter-spacing: 2px; text-align: right; background: url(../img/titlebg.jpg) no-repeat top right; width: 613px; height: 59px; padding: 5px 10px 0 0; }
#rightcol h4 { color: #0d154a; font-size: 20px; letter-spacing: .25px; margin: 3px 0 0 10px; }
#rightcol h5 { color: #434654; font-weight: bold; margin: 15px 0 0 10px; }
#rightcol p { font-size: 11px; color: #242e72; padding: 15px 25px 5px 25px; margin: 5px 0 0 0; }
#rightcol ul { padding: 10px 0 0 35px; }
#rightcol ul li { font-size: 11px; color: #153a5b; background: url(../img/listitembg.jpg) left center no-repeat; padding: 0 0 0 15px; }

#rightcol ul li a { text-decoration: none; font-weight: bold; color: #000033; }
#rightcol ul li a:hover { color: #003366; }
#rightcol strong { color: black; }

#rightcol em { margin-left:10px; font-style:italic; }
	#rightcol p em { margin-left:0; color:#242E72; }

#feature { background: url(../img/featurebg.jpg) top left repeat-x; height: 360px; margin: 10px 0 0 0; width: 314px; padding: 5px 0 0 0; }
#feature span { color: #153a5b; font-weight: bold; width: 144px;}
#featuredetails { width: 135px; float: left; margin: 11px 0 0 5px;}
#featuredetails p { font-size: 10px; margin: 0 0 5px 0; background: url(../img/featuretitlebg.jpg) top left no-repeat; padding: 5px 0 0 0; }
#featuredetails a { font-size: 10px; text-decoration: none; margin: 10px 0 0 0; font-weight: bold; }

img.featureimage { float: left; background: #c1d1df; padding: 4px 4px 4px 4px; margin: 15px 10px 0 15px; }
#rightcol img { padding: 5px; border:7px solid #f9cf25; float: right; margin: 2px 25px 5px 12px; }


#subnav { margin: 11px 0 0 0; }
#subnav li { text-align: right; color: white; }
#subnav li a { color: #e8e4e4; background: url(../img/subnavbg.jpg) top right no-repeat; display: block; width: 299px; height: 30px; text-decoration: none; padding: 10px 15px 0 0; }
#subnav li a:hover { background-position: 0px -40px; top: 55px; }







/*-------------------------------------------    



NAVIGATION



-------------------------------------------*/

ul#topnavigation { margin: 0 auto; height: 37px; padding: 0; width:961px; border-bottom:1px solid #cacace; }
ul#topnavigation li { display: inline; margin: 0 0 0 0; list-style-type: none; padding: 0 0 0 0;}
ul#topnavigation li a {  background: url(../img/topnav_bg.gif) no-repeat top right; color: #2b2b36; font-size: 13px; line-height: 37px; text-decoration: none; display: block; float: left; padding: 0 40px 0 20px;}
ul#topnavigation li a:hover { color: #000; background-position: bottom right; }

ul#footernav {  display: block; float: left; margin: 15px 0 0 20px; padding: 0;}
ul#footernav li { display: inline; margin: 0 10px 0 0; padding: 0; }











/*-------------------------------------------    



HEADERS



-------------------------------------------*/


h1 { margin:0; padding: 0 0 0 0; font-size:10px; height: 95px; }
h1 a { background: url(../img/fairfield_logo.gif) no-repeat 7px 9px; width: 280px; height: 95px; text-indent:-9999px; display:block; }
h2 { position: absolute; top: 50px; right: 18px; font-size: 1px; background: url(../img/h2_background.gif); width: 367px; height: 18px; text-indent: -9999px;}


/*-------------------------------------------    



ANCHORS


-------------------------------------------*/

a.cyberwoven { text-decoration: none; color: #d2760a; font-size:11px; }
a.cyberwoven:hover { color: #FF6600 }
a.homepagenews { margin: 0 32px 0 0; text-decoration: none; color: #000066 }
a.homepagenews:hover { text-decoration: none; color: gray; }
a.homepagecontact { text-decoration: none; color: #000066}
a.homepagecontact:hover { color: gray; }








/*-------------------------------------------    


FORMS



-------------------------------------------*/

.textfield{ float: left; border-top:1px solid #87b5c3; border-left:1px solid #87b5c3; border-right:1px solid #f5f7fd; border-bottom:1px solid #f5f7fd; padding: 2px; height: 20px;}
input{ margin: 0; padding: 0; background: #f2fbfe; }
.button { float: left; margin-left: 7px; }
#newsletter { float: right; }
a.linkbutton { display: block; background: url(../img/buttonbacking.jpg) top left no-repeat; width: 104px; height: 44px; margin: 15px 0 0 65px;}
a#linkbutton { display: block; background: url(../img/backtolist.jpg) top left no-repeat; width: 104px; height: 44px; margin: 20px 0 0 25px;}
.contactbox { position:relative; margin-bottom:20px; margin-top:7px; }
.contactform label { display:block; float:left; width:60px; margin-right:5px; text-align:right; line-height:24px; margin-bottom:20px; }
.textbox { border:1px solid #b8d6db; width:130px; padding:3px 5px; color: black; }
.textarea { width:360px; height:100px; border:1px solid #b8d6db; background: #f2fbfe; }




/* STUFF ADDED FOR BUILDINGS/SITES 
----------------------------------------------------------------------------------------- */


#rightcol table
{
	width:600px;
}

#rightcol tr.header
{
	background:#c8cad5;
	height:25px;
	
	
	
}

#rightcol tr.header h4
{
	margin:0;
	padding:0;
	font-size: 15px;
}

#rightcol td.left
{
	width:11px;
}

#rightcol tr.headerSub
{
	color:#40b1e0;
	height:16px;
}

#rightcol tr.body
{
	height:10px;
}

#rightcol tr.bodyDark
{
	height:20px;
	background:#e0e1e8;
}

#rightcol table p { padding:0; }


#profileIntro img
{
    border: 0px;
    float: left;
}

/*Styling for image navigation button*/
.btnPrev {margin: 0px 12px 0px 0px;}
.btnNext {margin: 0px 0px 0px 12px;}
.divCaption {margin: 0px 0px 0px 17px;}
.divMore {margin: 0px 0px 0px 17px;}
/*-----------------------------------*/

/*Styling for the PDF generator section*/

#pdfoptions {padding: 20px; border: 1px solid #c8cad5; margin: 0px 38px 0px 0px; background: #fbe99a;}
#pdfoptions .floatedcheck input{margin: 0px 10px 0px 0px;}
#pdfoptions h3 {font-size:13px; margin:0px 0px 10px 0px; padding:0;}
#pdfoptions a.pdfgenbutton{display: block; height: 20px;font-weight: bold; text-decoration: none; background: url(../img/pdficon.jpg) top left no-repeat; padding: 0px 0px 0px 25px;}
#pdfoptions a.pdfgenbutton:hover{text-decoration: underline;}

/*-------------------------------------*/


table tr td { font-size: 11px; padding: 10px 0 10px 10px;  }


#rightcol tr td a { text-decoration: none; color: #000066; }
#rightcol tr td a:hover { color: red; }

#rightcol table tr.odd { background:#E0E1E8; }

#rightcol table.newsTable h4 { padding: 0; margin: 7px 0 10px 0; color: red; font-size: 15px; font-weight: bold; }

h3#newsarticledate { color: #000033; font-size: 14px; font-weight: bold; margin: 10px 0 0 25px; }

h4#newsarticletitle { color:#000033; font-size: 12px; margin: 15px 0 0 25px; }