@charset "utf-8";
/* CSS Document */
/* 27 April 2009 Updates to colours made by JJA.  Search JJA to see changed 4 in total*/
/*--------------------------------THIS DOCUMENT HAS RESOLVED THE TOP MARGIN ISSUE IN IE AND FIREFOX---------*/
/*--------------------------------AS OF 7-18-07 THIS DOCUMENT VALIDATES AND WORKS IN IE, FIREFOX, SAFARI (except of course for the bloody IE6 flicker problem.....)----*/
html, body, ul, ol, li, p,
h1, h2, h3, h4, h5, h6,
form, fieldset, a {
	margin: 0;
	padding: 0;
	border: 0;
}

body {
	margin:0;
	padding:0;
	background-image:url(../image/bgblue.gif);
	font-family: Tahoma;
	text-align:center;
	font-size: small; /* 11px; */
}

h2 {
	clear: both;
}

#welcome td {
	font-size: 105%;
}

#welcome ul li {
	font-size: 105%;
}

img {
	border: 1px solid #ddd;
	padding: 4px;
}

ul li img {
	border: none;
}

#container {
	width:800px;
	background-image:url(../image/bg-blue-container.gif);
	margin:0px auto 0px auto;
	text-align:left;
	padding:0;

	/*font-size:90%;*/
}

#header{
	width:760px;
	margin:0 auto 0 auto;
	padding:0;
	position:relative;
	z-index:99; /*-----setting the z-index here resolved the issue of the drop downs appearing behind the content in the main-left-1 and main-right-1 sections------*/
}


/*---------------------SITE WIDE SEARCH------------------------------*/
.search {
	float:left;
	display:inline;
	width:300px;
}

/*-----------------NAVIGATION LINKS AT TOP OF PAGE-------------------*/

#uppernav {
	/*background-color:#355772; - changed by JJA*/
	background-color:#383b98;
    height:40px;
	color:#FFFFFF;
	font-size: 11px;
	width: 760px;
}

#uppernav p {
	display:inline;
	margin:0;
	padding:0;
	color:white;
}

#uppernav ul {text-align:right; margin:0; padding:5px 5px 0 5px;}

#uppernav li {list-style-type:none; display:inline; padding:0 5px 0 5px; }

#uppernav a {color:#FFFFFF; text-decoration:none; }

#uppernav img {padding-right:5px;}


/*---------------------FLASH MASTHEAD------------------------------*/

#masthead {
	margin:10px auto 10px auto;
	padding:0;
}

#masthead img {
	border: none;
	padding: 0;
}

/*----------HORIZONTAL NAV BAR-----------*/


/*XXXXXXXXXX Generic page styling rules XXXXXXXXXX*/


/* Box model hack \*/
* html #wrapper {width: 802px; w\idth: 800px;} /*----modified from the original to meet the 800px requirement----*/
/* */


/*XXXXXXXXXXXX Primary top nav rules XXXXXXXXXXX*/

.nav {
	border: 1px solid #000; /* borders the top and bottom of the top nav */
	border-width: 1px 0;
	width: 760px; /*---this width allows for the bg-image of the container to remain consistent----*/
	margin:0 auto;
	font-size:11px;
	text-align:center;
//	margin-left: 20px;
}

.nav li {list-style: none;} /* removes list bullets */

.topnav {
	width: 152px; /*----this sets the width for each of the top level drop-downs, the width is determined based on the number of top level items divided by the width of .nav (in this case 760px/4)----*/
	float: left;
}

.floatfix {margin-right: -3px;}

.parent {position: relative;} /*----allows the .dropdown items to be positioned absolutely----*/

/*XXXXXXXXXXXX Primary dropdown rules XXXXXXXXXXX*/

.dropdown { /* rules for dropdown div */
	position: absolute;
	left: -3000px;
	top: auto; /* puts dropdowns directly under top nav */
	width: 212px;
	background: url(../image/bgfix.gif) no-repeat 0px 0px;
}

.dropdown ul {
	width: 151px; /* tweaked so that dropdowns appear to "line up" with top links */
	border: 1px solid #000;
	border-width: 1px 1px 0;/* borders the sides and top of the dropdowns and flyouts;
		links provide the bottom border */
	margin: 0 30px 30px 30px; /* creates "sticky hovering" zones for dropdowns */
}

.p5 .dropdown ul {
	width: 152px;
} /* modifies width for rightmost "visible" dropdown (tweak) */

.page_6 .dropdown ul {
	width: 152px;
} /* modifies width for rightmost "visible" dropdown (tweak) */


.topnav:hover div.dropdown {
	left: -31px;
} /* hover rule for dropdowns: the extra pixel makes dropdowns "line up" with top links */

.topnav:hover {
	background: white;
}     /* NEW RULE, bugfix that forces IE7 to obey the previous rule. Stupid IE...  - JG */

/*XXXXXXXXXX Secondary dropdown rules XXXXXXXXXXXX*/

.nav a {
	color: #008;
	font-weight: bold;
	font-size: 95%;
	text-decoration: none;
	padding: 6px 10px 5px 10px;     /* changed right padding from zero to 10px - BJ */
	display: block;
	border-right: 1px solid #000; /* makes the dividers between the top nav links; must be negated for later links */
	background-image: url(../images/menu_1.jpg);
}

.p5 a {border-right: 0;} /* removes the right border on last top link */

.dropdown li {
	vertical-align: bottom; /* IE5win bugfix */
	position: relative;
}

.nav a:hover {
//	background: #235;
	color: white;
	background: url(../images/menu_2.jpg);
}

.dropdown li a:hover {
	background: #abe;
	color: #000;
} /* hover color effect on dropdown links */


.nav div div a {
	background: #383b98; /*#235; - changed by JJA*/
	color: #fff;
	border-right: 0; /* negates right border for dropdowns */
	border-bottom: 1px solid #000;  /* borders the bottoms of the dropdowns */
	text-align: left;
}

/*XXXXXXXXXX Primary flyout rules XXXXXXXXXXXX*/

.flyout,
.mini-zone {
	width: 220px;
	position: absolute;
	left: -3000px;
	top: -26px; /* this value controls the amount of flyout vertical offset */
	background-image: url(../image/bgfix.gif);
	text-align: left; /* needed because IE misapplies text centering to boxes */
}

/* The margins on the UL's replace the div paddings to create "sticky hovering"
zones,  and the margins should "fill" the divs, making the IE background fix
unnecessary. Unfortunately the background fix is still needed, although this method
does eliminate possible box model problems */

.flyout ul {margin: 30px 30px 30px 0;} /* creates "sticky hovering" above, below, and to the
	right of the flyouts */

.dropdown li:hover .flyout {left: 152px;} /* this value controls the amount of flyout "overlap" */

.p5 .flyout ul {margin: 30px 0 30px 30px;} /* rule reversal for "visible" right drop flyouts */

.p5 li:hover .flyout {left: -210px;} /* reversed flyout rules for rightmost drop flyouts */

/*XXXXXXXXXX z-index rules for top-level menu XXXXXXXXXXX*/

.p1 {z-index: 10;}
.p2 {z-index: 20;}
.p3 {z-index: 30;}
.p4 {z-index: 40;}
.p5 {z-index: 50;}
.p5:hover {z-index: 25;}
/* this last is a special trick that reverses the stacking order of the rightmost
top link when it or its children are hovered. This, and the previous rules work
together so that when a user is on the top link of any flyout, they can move
vertically to the top link directly above and not have the sticky hovering zone
on the flyout get in the way of hovering that top link. */

/*XXXXXXXXXX .mini-zone rules XXXXXXXXXXXX*/

.mini-zone { /* special hover zone that covers the "danger corner" */
	position: absolute;
	left: -3000px;
	bottom: -15px;
	top: auto;
	padding: 0;
	width: 15px;
	height: 15px;
	font-size: 1px;
	background: url(../image/bgfix.gif) no-repeat;
}

.dropdown li:hover .mini-zone { /* hover rule for mini-zones */
	left: auto;
	right: 8px;
	top: auto;
}

.five li:hover .mini-zone {left: 8px;} /* reversed hover rule for rightmost drop mini-zones */

/*XXXXXXXXXXX Top nav and dropdown backgrounds XXXXXXXXXX*/

.p1 {background: #ebf2fa;}
.p1 ul {background: #355772;}

.p2 {background: #ebf2fa;}
.p2 ul {background: #355772;}

.p3 {background: #ebf2fa;}
.p3 ul {background: #355772;}

.p4 {background: #ebf2fa;}
.p4 ul {background: #355772;}

.p5 {background: #ebf2fa;}
.p5 ul {background: #355772;}

.p1 {z-index: 10;}
.p2 {z-index: 20;}
.p3 {z-index: 30;}
.p4 {z-index: 40;}
.p5 {z-index: 50;}
.p5:hover {z-index: 25;}

.flyout li:hover {background: #ff7;} /* hover color effect on flyout links */

.flyout ul {background: #eda;} /* colors background of flyouts */

.nav .flyout a {color: #400;} /* colors text of flyouts */
/*XXXXXXXXXXX Special fixes XXXXXXXXXXX*/

/* This block is not read by IE5-Mac, and is further hacked for IEwin. \*/

* html .topnav .dropdown li {
	height: 1%;
	margin-left: -16px;
	mar\gin-left: 0;
}

* html .nav a {height: 1%;}
/* */

/* The first ruleset above fixes "bullet region" problems in IE5.x/Win,
and the second is to make all links fully clickable. */

.brclear { /* Use a break with this class to clear float containers */
	clear:both;
	height:0;
	margin:0;
	font-size: 1px;
	line-height: 0;
}

/*\*/ /*/
.nav .dropdown, .nav .dropdown div {width: 189px;}
.nav .topnav .dropdown ul {margin: 0px;}
.nav .dropdown, .nav .dropdown div {position: static;}
.nav .dropdown ul {border: 0;}
.mini-zone {display: none;}
/* This rule block "dumbs down" the nav and is seen only by IE5/Mac */


#content-wrapper {
	position: relative;
	top:0;
	left:  0;
	width: 100%;
	margin-top: 10px;
	z-index:0;
	font-size: 11px;
  }


#main-left {
	width:540px;
	margin:0px 210px 10px 20px;
	background-color:#EBF2FA;
	border: 1px solid #ffffff;
	padding: 5px;
}

#container #content-wrapper #main-left h2 {
	font-size: 105%;
	margin-bottom:5px;
	margin-left: 5px;
}

#container #content-wrapper #main-left h1 {
	font-size:1.75em;
	font-family: "Arial"; /*Trebuchet MS" sans-serif;*/
/*	text-transform:uppercase; */
/*	font-style:italic; */
	/*background-color: #555; /*000000; - changed by JJA*/
	background-color: #383b98; 
	color: #FFFFFF;
	margin: 0px 0px 10px 0px;
	padding: 5px;


}
/*#container #content-wrapper #main-left p {
	color: #000000; font-size: 90%;
}*/




#main-left li {
	margin:0px 0px 5px 10px;
	font-size:11px;
}



.fullHeight {height:700px;}


#main-right {
	position:absolute;
	top:5px;
	right:0;
	width:200px;
//	height:600px;
	margin:0px 20px 10px 0px;
     padding: 0;
    border: 1px solid #ffffff;
}

#main-right h1 {
	/*background-color:#3A6880; - Changed by JJA*/
	background-color:#383b98;
	font-variant:small-caps;
	color:#FFFFFF;
	margin:0 0 5px 0;
	padding:5px;
	font-size: 1.25em;
}

#main-right img {border: 4px double #666;}

.centerTxt {text-align:center; color:#0000FF; font-size:.8em; margin: 0px 0px 5px 0px;}

#main-right form {width:200px;}



/*------------------LEFT COLUMN----------------------------------*/



/*------FORMATTING AND OTHER STYLES WILL BE DEALT WITH LATER---------------*/






/*-----------FOOTER SECTION------------------------------*/

#footer {
clear:both;
text-align:center;
padding:0;

}



/*------DIV THAT HOLDS THE CLIENT LIST FLASH-------------------------------*/

.clientList { 
	width:760px; margin:0 auto 0 auto; background-color:#ebf2fa; color:#333333; text-align:center; padding:0; 	font-size:1em;
	font-family: "Trebuchet MS" sans-serif;
	text-transform:capitalize;
	font-weight: bold;
}


/*------DIV THAT HOLDS THE CLIENT LIST FLASH-------------------------------*/
.centerFlash {text-align:center; margin:0; padding:0;}


/*--------DIV THAT HOLDS THE THREE IMAGES ABOVE THE FOOTER-----------------*/


.footer-nav {
	text-align:left;
	margin:0px 20px 5px 20px;
	border-top-style:solid;
	border-top-color:#CCCCCC;
	border-top-width:thin;
	color:#999999;
}
.counter {
display:inline;
text-align:right;
margin:0px 20px 0px 20px;
}



#footer p {
display:inline;
margin:0;
padding:0;
font-size:90%;
}

#inside-footer {
font-size:90%;}



/*-------FLOAT CLASS FOR ONE OF THE IMAGES, NOT IMPORTANT FOR LAYOUT--------------*/


.float-left {
float:left;
display:inline;
}

.img-float-right {
	float:right;
	display:inline;
	margin: 5px 0px 5px 10px;
}

#container #content-wrapper #main-left h3 {
	margin-top: 5px;
	margin-bottom: 5px;
	font-size: 90%;
}
#container #content-wrapper #main-left p {

}
#container #content-wrapper #main-left ul {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 10px;
}
#container #content-wrapper #main-left ol {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 10px;
}

/*---------------CONTACT US FORM STYLING---------------------------------------*/

fieldset {
	float: left;
	clear: left;
	margin: 2em 0;     /* sets vertical spacing between fieldsets */
	width: 100%;
}

legend {
	position: relative;
	margin-top: -20px;     /* lifts legend up a bit; other methods are variant across browsers */
	}

fieldset ol {
	padding: 1em .5em 0 .5em;
	list-style: none;
}

fieldset p {
	margin: 10px 0 0 0 !important;     /* sets vertical spacing between label/input sets */
	padding: 0 0 0 170px !important;     /* sets horizontal space to the left of single-col input fields  */
	float: left;
	clear: both;
	width: 390px;     /* The width must sum with left padding to be slightly less than space in
		overall container, needed specifically to kill an IE display bug. */
}

fieldset label {
	float: left;
	margin-top: 2px;     /* tweaks the labels down a bit... */
	margin-left: -170px;      /* matches the left padding in rule above */
	display: inline;     /* IE doubled margin bugfix */
	width: 165px;     /* 5px less than left margin; this difference creates the gap between label and input field */
	text-align: right;
	position: relative;     /* IE bugfix */
}

fieldset input {
	float: left;
	width: 360px;     /* sets default input field widths */
	background-color:#CCCCCC;
	border: 1px solid #666;
}

fieldset select {
	width: 364px;     /* tweaked to match inputs more closely */
}

fieldset textarea {
	float: left;
	width: 350px;     /* sets default textarea width */
}

.submitgroup {
text-align: center !important;
padding: 20px;     /* spacing around the submit group */
clear: both;
zoom: 1;     /* IE bugfix (invalid property, triggers hasLayout in IE) */
}     /* div.submitgroup encloses the three submit buttons to achieve fine control of those elements */

.submitgroup input {
float: none;
margin: 10px;     /* spaces out the submit buttons vertically and horizontally */
width: auto;
}

/*** The following #col1 and #col2 based rules change the default form styling for children of those elements ***/

#col1 {
	float: left;
	width: 165px;     /* custom width */
	padding-left: 100px;     /* custom label space */
	padding-bottom: 10px;
}

#col1 p {
	padding: 0 !important;     /* Overrides the default; the needed horizontal space (for the label)
		is supplied by #col1, not the paragraph as with the default method */
	width: 100%;     /* must have forced width to avoid IE label bug */
}

#col1 label {
	margin-left: -100px;     /* matches left padding on #col1 */
	width: 95px;     /* 5px less than left margin; this difference creates the gap between label and input field */
}

#col1 input {
	float: left;
	width: 160px;     /* custom input width */
}


#col2 {
	float: right;
	width: 185px;     /* custom width */
	padding-left: 85px;     /* custom label space */
	padding-bottom: 10px;
}

#col2 p {
	padding: 0 !important;     /* Overrides the default; the desired horizontal space (for the label)
		is supplied by #col2, not the paragraph as with the default method */
	width: 100%;     /* must have forced width to avoid IE label bug */
}

#col2 label {
	margin-left: -85px;     /* matches left padding on #col2 */
	width: 80px;     /* 5px less than left margin; this difference creates the gap between label and input field */
}

#col2 input {
	float: left;
	width: 170px;     /* custom input width */
}




#formcontainer {
	width: 100%;
	margin: 0 auto;
}

#container #content-wrapper #main-left #formcontainer fieldset {
	clear: both;
}



.content-odd {
	background-color:#f3f5ea;  padding:5px; margin:5px 0px 5px 0px;
}

.content-even {
	 padding:5px; margin:5px 0px 5px 0px;
}
#container #content-wrapper #main-left table {
/*	font-size: x-small; */
}

#footer a {
text-decoration:none;
color:#CCCCCC;
}

#footer a:hover {
text-decoration:underline;
color:#000000;
}

.footer-nav {
	text-align:left;
	margin:0px 20px 5px 20px;
	border-top-style:solid;
	border-top-color:#CCCCCC;
	border-top-width:thin;
	color:#999999;
}

.footer-nav p {
margin:0 5px 0 5px;
}

.counter {
display:inline;
text-align:right;
margin:5px 20px 0px 20px;
}

#footer-images {
margin:10px auto 20px auto;
padding:0;
text-align:center;
}
#container #content-wrapper #main-left p {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 5px;
}

#container #content-wrapper .clientList p {
	font-size: medium;
}

/*
#bcw {
	border: 1px #ddd solid;
	margin-left: 40px;
	margin-right: 40px;
}
*/

#cities {
	float: right;
}


#newsx_before {
	clear: both;
	height: 160px;
	overflow: hidden;
	overflow-y: hidden;
//	margin-bottom: 5px;
}



.newsx {
//	font-size: 90%;
}

.news {
//	clear: both;
//	float: left;
//	padding: 0;
//	min-height: 24px;
//	font-size: 90%;
}

.small_font {
	font-size: 95%;
}

.small_font ul  {
	font-size: 95%;
}

p {
	font-size: 100%;
}

.no_border {
	border: none;
}

table {
	margin: 0px;
}

p {margin: 0;}

.left_desc {
	width: 60%;
}

.clientListTable {
	text-align: center;
	margin: auto;
}