/*------------------------------------------
// 1.RESET
//   Remove margin and padding from elements and other resets
//------------------------------------------*/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,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-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }
table { border-collapse: collapse; border-spacing: 0; }
acronym { cursor: help; }


	

/*------------------------------------------
// 2.GENERIC CLASSES
//	 Define styles for simple things like floating to the sides, text aligning, image-replacements, clearfix etc
//------------------------------------------*/

html { font-size: 100.01%; }
body { font-size: 62.5%; line-height:1em; }


/*---- Input fields ----*/
input, select, textarea { font-size: 100%; }
textarea { padding: 2px 3px; font-family: Verdana, sans-serif; }

/*---- Floats ----*/
.flR { float: right; }
.flL { float: left; }

/*---- Horizontal Alignment ----*/
.alR { text-align: right; }
.alC { text-align: center; }

/*---- Vertical Alignment ----*/
.vlT {vertical-align:top;}
.vlB {vertical-align:bottom;}

/*---- Hide ----*/
.hide { display: none; }

/*---- Float Clearing fixes ----*/
.clear { clear: both; height:1px; line-height:1px; }
.clearFix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

/*---- Image Replacement Technique - Transparent Images ----*/
.ir { position: relative; overflow: hidden; }
.ir span { position: absolute; top: 0; text-indent: -1000em;}

/*---- Links ----*/
a:link, a:visited { text-decoration: none; cursor/**/: /**/pointer; }
a:link:hover, a:visited:hover { text-decoration: underline; }
	


/*------------------------------------------
// 3.BASIC ELEMENTS
//	 Define styles for basic elements: body, h1-h6, ul, ol, a, p, etc.
//------------------------------------------*/

body { color:#000; background:#292929 url(../images/body-bg.jpg) left top repeat-x; font-family:Arial, Helvetica, sans-serif;}

/*------------------------------------------
// 4.LAYOUT
//   Define the basic template: header, footer, etc. Elements that help to define the basic layout of the site
//------------------------------------------*/
	
/*---- Container ----*/
div#container { width:980px;  margin:0px auto; padding-top:18px; }

/*---- Banner ----*/
div#banner{ padding:0px 6px;}
/*---- Content ----*/
div#content{  background:url(../images/container-middle.png) left top repeat-y; padding:0px 6px; margin-top:-3px; position:relative;}
div#content div.content-top{background:url(../images/content/content-top.png) left top no-repeat; height:80px; position:relative; margin-top:-80px; }
div#content div.inner-content{  background:url(../images/content/content-bottom.png) left top repeat-y; position:relative; margin-top:-28px;}

/*---- Main ----*/
div#main { width:702px; padding:15px 22px 388px 22px;; position:relative;}

/*---- Sidebar ----*/
div#sidebar { width:222px;}

/*---- Footer ----*/
div#footer{ background:url(../images/container-bottom.png) left bottom no-repeat; height:98px; position:relative; z-index:2;}

/*---- Copyright ----*/
div.copyright{padding:5px 10px;}
div.copyright p{font-size:100%; color:#a8a8a8; line-height:1.2em; }

/*------------------------------------------
// 5. PAGE COMMON STYLES
//	  Define content styles that are common to all the pages in the project. For example Logo in header, tabs in navigation, buttons, rounded boxes etc
//------------------------------------------*/

/*---- Header - Logo ----*/
div#header{ background:url(../images/header-bg.png) left top no-repeat; padding:19px 20px 13px 24px;}
div#header div.logo h1{float:left;}
div#header div.logo h1 a.stratton { display:block; background:url(../images/header/stratton-faxon.jpg) left top no-repeat; width: 125px; height:30px; margin:10px 14px 0px 0px; }
div#header div.logo h1 a.fairfield{ display:block; background:url(../images/header/fairfield.jpg) left top no-repeat; width:195px; height:45px;}

div#header div.logo div.pipe{background:url(../images/header/pipe.jpg) left top no-repeat; height:45px; margin-right:10px;}
div#header img.home{margin-top:14px;}

/*---- Footer ----*/
div#footer div.facebook{background:url(../images/footer/facebook-middle.gif) left top repeat-x; float:right; margin:35px 20px 0px 0px;}
div#footer div.facebook div.facebook-left{background:url(../images/footer/facebook-left.gif) left top no-repeat;}
div#footer div.facebook div.facebook-left div.facebook-right{background:url(../images/footer/facebook-right.gif) right top no-repeat; padding:6px 30px 6px 10px; font-size:110%; text-transform:uppercase; color:#ffd200; font-weight:bold; }

div#footer div.facebook div.facebook-left div.facebook-right a{ color:#ffd200;}
div#footer div.facebook div.facebook-left div.facebook-right a:hover{text-decoration:none;}

div#footer div.photo {position:absolute; right:16px; top:-180px; z-index:10;}
div#footer div.photo img.photo{margin:-43px 0px 0px -100px; position:relative;}

/*------------------------------------------
// 6.INDEX PAGE CONTENT
//------------------------------------------*/

/*---- Content ----*/
div#content h1{font-size:270%; color:#292929; line-height:1.2em;}
div#content p{font-size:120%; color:#0e0e0e; line-height:1.2em; margin-bottom:20px;}
div#content span.highlight{color:#009ce0;}
div#content ul li{font-size:120%; color:#0e0e0e; line-height:1.2em;}

/*---- Sidebar Navigation ----*/
div#navigation{ margin-bottom:40px; padding-top:2px;}
div#navigation ul { border-bottom:1px solid #bfcfdf; }
div#navigation ul li{ width:222px;}
div#navigation ul li a{ background:url(../images/content/sidebar/nav-bg.jpg) left top repeat-x; padding:0px 10px 0px 29px; line-height:27px; font-weight:bold; display:block; color:#00346e;}


/*---- Sidebar Navigation - Drop Down Menu ----*/
div#navigation ul li.parent{position:relative;}
div#navigation ul li.parent ul.child{position:absolute; top:0px; left:222px; border:1px solid #bfcfdf; display:none;  }
div#navigation ul li.parent ul.child li{ width:222px;}
div#navigation ul li.parent ul.child li a{  border-bottom:1px solid #bfcfdf; background:none; background-color:#e5ebf2;  padding:0px 10px;}
div#navigation ul li.parent ul.child li.last a{border-bottom:none;}
div#navigation ul li.parent ul.child li a{ color:#191919; font-size:80%; line-height:26px; float:left; width:100%; }

div#navigation ul li.parent:hover ul.child{display:block;}

/*---- Sidebar ----*/
div#sidebar img {border-top:1px solid #c6d4e3; border-bottom:1px solid #c6d4e3; margin-bottom:6px;}

/*---- Main ----*/
div#main h1{margin-bottom:15px;}

div#main ul{list-style-position:inside;}
div#main ul li{ list-style:disc; list-style-position:inside; text-indent: -1em; padding-left: 1em;}.sec-txt {
	font-size: 14px;
	font-style: italic;
	color: #999;
}
.callout-txt {
	font-size: 16px;
	font-style: normal;
	color: #24468C;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 20px;
}
.callout-txt2 {
	font-size: 18px;
	font-style: normal;
	color: #0069bf;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 20px;
}
.callout-txtorange {
	font-size: 18px;
	font-style: normal;
	color: #FF743C;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 20px;
}