
/* setup **********/

	body {
	font-family: verdana, geneva, sans-serif;
	color: #000000;
	}
	
	.containingForm {
	font-size: 0.8em;
	}
		
	
	button {
	font-family: verdana, geneva, sans-serif;
	font-size: 1.1em;
	}
	
	body.bluehome   { background:  url(../images/layout/head-bg-bluehome.jpg) no-repeat 0 86px; }
	body.blue       { background:  url(../images/layout/head-bg-blue.jpg) no-repeat 0 86px; }
	body.orange     { background:  url(../images/layout/head-bg-orange.jpg) no-repeat 0 86px; }
	body.red        { background:  url(../images/layout/head-bg-red.jpg) no-repeat 0 86px; }
	body.green      { background:  url(../images/layout/head-bg-green.jpg) no-repeat 0 86px; }
	body.yellow     { background:  url(../images/layout/head-bg-yellow.jpg) no-repeat 0 86px; }
	
	.left { float: left; }
	.right { float: right; }
	
	


/* text **********/

	a { color: #29749c; }
	b { color: #29749c; font-size:"1em"; }

	h1 span {
	display: block;
	position: relative;
	margin: -84px 0 20px;
	font-family: arial, helvetica, sans-serif;
	font-size: 3em;
	font-weight: bold;
	letter-spacing: -0.05em;
	line-height: 48px;
	padding-bottom: 20px;
	text-shadow: #000 0 1px 1px;
	color: #fff;
	}

	.content h2 {
	font-family: arial, helvetica, sans-serif;
	font-size: 1.8em;
	letter-spacing: -0.05em;
	color: #29749c;
	padding: 0.5em 0 1.2em;
	}
	
	.content h3 {
	font-family: arial, helvetica, sans-serif;
	font-size: 1.2em;
	letter-spacing: -0.05em;
	color: #999;
	padding: 0.8em 0 1.2em;
	}
	
	.sidebar h2 {
	font-family: arial, helvetica, sans-serif;
	font-size: 1.4em;
	letter-spacing: -0.05em;
	color: #29749c;
	padding: 0.5em 0 1.2em;
	}
	
	.content p, .sidebar p {
	font-size: 1.1em;
	line-height: 1.8em;
	}
	
	.content p {
	padding-bottom: 1.8em;	
	}

	.content blockquote {
	font-size: 1.4em;
	font-weight: normal;
	font-style: italic;
	line-height: 1.8em;
	padding: 1.4em;
	margin: 0;
	}
	
	.content ul {
	font-size: 1.1em;
	padding-bottom: 1.8em;
	}
	
	.content ul li {
	line-height: 1.8em;
	padding-left: 18px;
	background: url(../images/layout/bullet-plus.gif) no-repeat 0 6px;
	}
	
	.content ul li.mail, .content ul li.fax, .content ul li.phone {
	line-height: 2.4em;
	padding-left: 24px;
	}
	
	.content ul li.mail  { background: url(../images/layout/bullet-mail.gif) no-repeat 0 4px; }
	.content ul li.fax   { background: url(../images/layout/bullet-fax.gif) no-repeat 0 4px; }
	.content ul li.phone { background: url(../images/layout/bullet-phone.gif) no-repeat 0 4px; }
	


/* buttons **********/

	.button60,
	.button155 {
	display: block;
	overflow: hidden;
	text-decoration: none;
	text-align: center;
	line-height: 11px;
	padding: 6px 0 10px 0;
	font-size: 11px;
	border: none;
	color: #29749c;
	cursor: pointer;
	background: url(../images/layout/buttons.png) no-repeat;
	}
	
	button.button60,
	button.button155 {

	}
	
	.button60         { background-position: 0 0; width: 60px; }
	.button60:active  { background-position: 0 -28px; }
	.button155        { background-position: -60px 0; width: 155px; }
	.button155:active { background-position: -60px -28px; }


	.greybutton {
	padding: 8px 10px 8px 10px;
	border: 1px solid #cecece;
	background: url(../images/layout/button-normal.png) repeat-x;
	text-decoration: none;
	font-size: 11px;
	line-height: 11px;
	color: #29749c;
	cursor: pointer;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
	}

	.greybutton:hover  { background: url(../images/layout/button-hover.png) repeat-x; }
	.greybutton:active { background: url(../images/layout/button-active.png) repeat-x; }




/* header **********/

	.headsides {
	width: 100%;
	height: 140px;
	overflow: hidden;
	}

	.headleft {
	width: 50%;
	height: 140px;
	background: url(../images/layout/header-left.png) repeat-x;
	margin-left: -450px;
	}

	.headright {
	position: relative;
	width: 50%;
	left: 50%;
	height: 140px;
	background: url(../images/layout/header-right.png) repeat-x;
	margin: -140px 0 0 450px;
	}

	.header {
	width: 900px;
	height: 140px;
	margin: -140px auto 0;
	background: url(../images/layout/header-center.png) no-repeat;
	}
	
		.header a.logo {
		float: left;
		display: block;
		width: 130px;
		padding-top: 140px;
		height: 0;
		overflow: hidden;
		}
		
		.header .contact {
		float: left;
		width:770px;
		padding-top: 88px;
		height: 0;
		overflow: hidden;
		}




/* nav bar **********/
	
	.header .nav       { float: left; width: 765px; height: 52px; }
	.header .nav ul    { float: right; }
	.header .nav ul li { float: left; }
	
	.header .nav ul li a {
	float: left;
	display: block;
	padding: 0 15px;
	line-height: 52px;
	font-size: 1.1em;
	font-family: arial, helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: -0.03em;
	color: #fff;
	}
	
	.header .nav ul li a:hover { background: url(../images/layout/nav-highlight.png) repeat-x; }
	
	.bluehome .header .nav ul li a.selected { color: #bcd5e8; }
	.blue .header .nav ul li a.selected     { color: #bcd5e8; }
	.orange .header .nav ul li a.selected   { color: #e2c6b1; }
	.red .header .nav ul li a.selected      { color: #e2b1b1; }
	.green .header .nav ul li a.selected    { color: #d5e2b1; }
	.yellow .header .nav ul li a.selected   { color: #e2ddb1; }




/* homepage nav boxes **********/

	.homeboxes {
	width: 900px;
	height: 279px;
	margin: 0 auto;
	}

	.homeboxes .box {
	float: left;
	width: 354px;
	height: 237px;
	padding: 42px 0 0 58px;
	}
	
	.homeboxes .break {
	float: left;
	width: 76px;
	height: 279px;
	background: url(../images/layout/homebox-break.png) no-repeat 37px 39px;	
	}
	
		.homeboxes h2 {
		font-family: arial, helvetica, sans-serif;
		font-size: 2.4em;
		font-weight: bold;
		letter-spacing: -0.05em;
		line-height: 1em;
		text-indent: -40px;
		text-shadow: #000 0 1px 1px;
		color: #fff;
		padding-right: 40px;
		}
		
		.homeboxes ul { padding: 20px 0; margin: 0 0 0 -20px; }
		
		.homeboxes ul li {
		padding-left: 16px;
		background: url(../images/layout/bullet-plus.gif) no-repeat 0 8px;
		font-size: 0.9em;
		line-height: 24px;
		color: #cee5f0;
		}
		
		.homeboxes .orangebutton, .homeboxes .greenbutton {
		display: block;
		width: 225px;
		height: 38px;
		padding-left: 39px;
		background: url(../images/layout/homebox-buttons.png) no-repeat;
		font-size: 1.1em;
		line-height: 38px;
		text-decoration: none;
		color: #fff;
		}
		
		.homeboxes .greenbutton         { background-position: -264px 0; }
		.homeboxes .orangebutton:active { color: #f7d3ce; background-position: 0 -38px; }
		.homeboxes .greenbutton:active  { color: #e7f3c3; background-position: -264px -38px; }
		
		
		
		
/* halfboxes **********/

	.halfboxes {
	padding: 18px 0 18px;
	}
	
	.halfbox {
	float: left;
	width: 306px;
	}
	
	.halfbox .hb-head {
	height: 50px;
	padding: 0 20px;
	background: url(../images/layout/halfbox-head.png) no-repeat;
	}
	
	.halfbox .hb-body {
	padding: 20px 20px 11px;
	background: url(../images/layout/halfbox-bg.png) repeat-y;
	font-size: 1.2em;
	line-height: 1.4em;
	height: 280px;
	}
	
	.halfbox .hb-body img {
	float: right;
	margin: 0 0 15px 15px;
	}

	.halfbox .hb-foot {
	height: 9px;
	background: url(../images/layout/halfbox-foot.png) no-repeat;
	}
	
	.halfbox h2 {
	font-size: 1.4em;
	padding: 1.35em 0 0 0;
	}

	.halfbox .hb-head h2.line2 { padding: 1em 0 0 0; }
	


		
/* content layout **********/

	.container {
	width: 900px;
	margin: 0 auto;
	}
	
	.content {
	float: left;
	width: 635px;
	padding: 20px 20px 40px;
	margin: 84px 0 0 0;
	border-right: 1px dotted #c2c2c2;

	}
	
		.contcols {
		padding: 0 0 18px 0;
		}
		
		.contleft {
		float: left;
		width: 415px;
		min-height: 100px;
		padding: 0 20px 0 0;
		}
		
		.contright {
		float: left;
		width: 200px;
		padding-bottom: 6px;
		}
		
		.contright ul {
		font-style: italic;
		font-size: 1.2em;
		}
		
		.contright ul li {
		padding-bottom: 6px;
		background-position: 0 6px;
		}
		
		
	
	.sidebar {
	float: left;
	width: 223px;
	padding: 0 0 20px;
	border-left: 1px dotted #c2c2c2;
	margin: 84px 0 0 -1px;
	overflow: hidden;
	}
	
	.sidebar .form {
	width: 183px !important;
	}

	.sidebox {
	padding: 20px;
	border-bottom: 1px dotted #c2c2c2;
	
	}
	
	.bluehome .sidebar, .bluehome .content { margin-top: 0; }
	

/* product areas **********/

	.prodareas {
	padding: 0 0 18px 0;
	}
	
	/*
	.prodareas a {
	display: block;
	float: left;
	width: 145px;
	height: 79px;
	margin: 0 10px 10px 0;
	}
	*/



/* product boxes **********/
	.prodboxes {
	border-bottom: 1px dotted #ccc;
	}

	.prodbox {
	margin: 20px 0 6px 0;
	border-top: 1px dotted #ccc;
	padding: 20px 0 0 0;
	}

	/*
	.prodbox a {
	display: block;
	width: 160px;
	height: 142px;
	background: url(../images/layout/prodbox-bg.png) repeat-x;
	border: 1px solid #fff;
	text-decoration: none;
	padding: 14px 10px;
	color: #7a7a7a;
	line-height: 1.2em;
	}
	
	.prodbox a img {
	float: left;
	}
	
	.prodbox a span {
	display: block;
	height: 16px;
	font-family: arial, helvetica, sans-serif;
	font-size: 1.8em;
	font-weight: bold;
	letter-spacing: -0.05em;
	line-height: 1em;
	padding-bottom: 20px;
	text-shadow: #fff 0 1px 1px;
	text-align: center;
	color: #29749c;
	}
	*/



/* breadcrumb trail **********/

	.breadcrumb {
	padding-bottom: 1.8em;
	line-height: 1.8em;
	font-size: 1.1em;
	}




/* footer **********/

	.footer {
	width: 860px;
	padding: 25px 20px;
	margin: 0 auto;
	border-top: 1px dotted #c2c2c2;
	font-size: 1.2em;
	line-height: 2.4em;
	color: #c2c2c2;
	}
	
	
/* pagination **********/
	
		.pagination {
		height: 40px;
		overflow: hidden;
		font-size: 1.2em;
		}
		
		.pagination a, .pagination input {
		margin: 0 7px;
		}
	

/* news list **********/

	.newslist {
	list-style: none;
border-top: 1px dotted #cecece;
	}

	.content .newslist li {
	padding: 20px;
	background: none;
	border-bottom: 1px dotted #cecece;
	font-size: 1.4em;
	font-weight: bold;
	}

	.content .newslist li a {
	text-decoration: none;
	}
	
	
	
	/* add pagination styles only temporary */
.lineItem
{
	padding: 20px;
	background: none;
	border-bottom: 1px dotted #cecece;
	font-size: 1.4em;
	}

.divHeadlineLink {
  clear: both;
  display:block;
  margin: 0px 0px 5px 0px;
  font-size: 14px;
  font-weight: bold;
  
}

.divNewsDate {
  margin: 0px 0px 5px 0px;
  width: 250px;
  font-size: 12px;
  color:#767f84;
}
.divNewsSummary {
  float:left;
  clear:both;
  display:block;
  margin: 0px 0px 5px 0px;
  font-size: 12px;
  color:#000000;
}

.hoverbox {
display: none;
position: absolute;
background: #fff;
padding: 5px;
border: 1px solid #808080;
width: 300px;
}

.hoverbox .in {
background: #f6f6f6;
padding: 20px;
color: #444;
}

.hoverbox ul {
padding: 0 !important;
}