body {
	font-size: 0.9em;
	font-family: 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
}
img {
	border: 0;
}
p {
	font-size: 0.9em;
}
hr {
	color: #00AEEF;
	background: #00AEEF;
	border: none;
}
h1 {
	font-size: 1.2em;
	margin: 0 0 0.6em;
}
h2 {
	font-size: 1em;
	margin: 0.5em 0 0.2em;
}

h3 {
	color: #00AEEF;
}

h5 {
	font-size: 1.2em;
	margin: 0 0 -10px;
}
h6 {
	font-size: 0.8em;
	color: #FF0000;
}
table td {
	vertical-align: top;
}
#directoryTBL, #directoryTBL td {
	border: 1px solid #FFCC66;
	border-collapse: collapse;
}
#directoryTBL h3 {
	color: #00AEEF;
}
#outer {
	width: 994px;
	border: 2px solid #00AEEF;
	padding: 10px 10px 0;
	margin: auto;
	background: #FFFFFF;
}
.col_container {
	background-image: url(/_images/_layout/outer_bg.gif);
	background-repeat: repeat-y;
	margin: 0 -10px;
	padding: 0 10px 0 0;
	width: 1004px;
}
#header {
	margin: -10px -10px 0 -10px;
	padding: 10px;
	background: #FFFFFF;
}
#topmenu {
	padding: 10px 12px;
	margin: 0 -10px;
	background: #00AEEF;
	color: #FFFFFF;
}
.topmenu_left {
	float: left;
}
.topmenu_right {
	float: right;
}
.col_container {
	height: 100%;
}
.col_1 {
	width: 162px;
	float: left;
	background: #00AEEF;
	padding: 0 12px 12px 12px;
}
*html .col_1 {
	margin: 0 0 0 -6px;
	padding: 0 12px 12px 18px;
}
.col_2 {
	width: 549px;
	float: left;
	padding: 15px;
}
.col_3 {
	width: 215px;
	padding: 5px;
	margin: 8px 0;
	float: right;
	border: 2px solid #00AEEF;
}
html>body*.col_3_county { /*--- html>body* is only used by IE and safari --- */
	margin: 45px 0;
}
.col_3_county {
	width: 215px;
	padding: 5px;
	margin: 55px 0;
	float: right;
	border: 2px solid #00AEEF;
}
.col_all {
	width: 788px;
	float: left;
	padding: 15px;
}
.samples img {
	border: 1px solid #00AEEF;
}
#section_container_bottom {
	margin: 0 0 0 -10px
}
.bottom_section_top {
	background-image: url(/_images/_layout/bottom_section_bg.gif);
	background-repeat: no-repeat;
	height: 26px;
}
.bottom_section_main {
	border-left: 2px solid #00AEEF;
	border-right: 2px solid #00AEEF;
	border-bottom: 2px solid #00AEEF;
	background: #FFFFFF;
	margin: 0 0 5px 4px;
	height: 173px;
}
.mag_table {
	position: relative;
	bottom: 15px;
}
.mag_table img {
	border: 1px solid #00AEEF;
}
#footer {
	width: 1014px;
	font-size: 0.8em;
	margin: 5px auto 0 auto;
	clear: both;
}
.clear {
	clear: both;
}
.font_size {
	color: #FFFFFF;
	font-size: 1em;
}
.font_size a {
	color: #FFFFFF;
	font-size: 1em;
	text-decoration: none;
}
.font_size a:hover {
	text-decoration: underline;
}
.links_section {
	width: 549px;
	height: 20px;
	padding: 8px;
	background-image: url(/_images/_layout/links_section_bg.gif);
	background-repeat: no-repeat;
	font-weight:bold
}
.links_section img {
	margin: -21px 15px -8px -8px;
	float: right;
}

/*--- Not used unless the links section is more than one line ---*/
.wide_section_container_516 {
	width: 516px;
	margin: auto;
}
.wide_section_top_516 {
	width: 516px;
	height: 17px;
	background-image: url(/_images/_layout/bg_top_516.gif);
	background-repeat: no-repeat;
}
.wide_section_main_516 {
	width: 502px;
	border-right: 2px solid #00AEEF;
	border-left: 2px solid #00AEEF;
	padding: 0 5px;
	color: #FF0000;
}
.wide_section_bottom_516 {
	width: 516px;
	height: 17px;
	background-image: url(/_images/_layout/bg_bottom_516.gif);
	background-repeat: no-repeat;
}
/*--- Not used unless the links section is more than one line ---*/

.contact_info_top {
	background-image: url(/_images/_layout/contact_top.gif);
	background-repeat: no-repeat;
	height: 10px;
	width: 264px;
}
.contact_info_main {
	border-left: 2px solid #00AEEF;
	border-right: 2px solid #00AEEF;
	width: 250px;
	height: 190px;
	padding: 0 5px;
}
.contact_info_main h2 {
	margin: 0 0 0.2em;
}
.contact_info_main p {
	margin: 0.5em 0 0 0;
}
.contact_info_bottom {
	background-image: url(/_images/_layout/contact_bottom.gif);
	background-repeat: no-repeat;
	height: 10px;
	width: 264px;
}
.contact_abc_sub .contact_info_main {
	border-left: 2px solid #00AEEF;
	border-right: 2px solid #00AEEF;
	width: 250px;
	height: 80px;
	padding: 0 5px;
}
.contact_abc_comp_info .contact_info_main {
	border-left: 2px solid #00AEEF;
	border-right: 2px solid #00AEEF;
	width: 250px;
	height: 135px;
	padding: 0 5px;
}


/*--- Style for animated news banner ---*/
#pscroller1 {
	width: 215px;
	height: 75px;
	background-color: #014589;
	color: #FFFFFF;
}
.banner {
	background-color: #014589;
	border: 2px solid #014589;
	padding: 5px;
	height: 75px;
	width: 215px;
}
/*--- End Banner Style ---*/

/*--- Style for animated testimonials used on County pages ---*/
#pscroller2 {
	width: 215px;
	height: 220px;
	background-color: #FFFFFF;
}
.testimonial_container {
	float: right;
	width: 215px;
	clear: right;
	font-size: 0.8em;
	font-style: italic;
	padding: 5px 5px 5px 5px;
}
/*--- End Banner Style ---*/

/*--- Style for animated testimonials ---*/
#pscroller3 {
	width: 154px;
	height: 200px;
	padding: 2px 1px;
	background-color: #FFFFFF;
}
#pscroller3 img {
	border: 1px solid #00AEEF;
}
.County_ads_container {
	float: left;
	width: 156px;
	clear: left;
	font-size: 0.8em;
	border: 1px solid #00AEEF;
	margin: 10px 0 0 0;
}
.county_ads_text {
	width: 156px;
	background: #FFFFFF;
	text-align: center;
}
/*--- End Banner Style ---*/

/*--- Fade in and out news ---*/
#domticker{
	width: 215px;
	height: 220px;
	background-color: #FFFFFF;
}
#domticker div{ /*IE6 bug fix when text is bold and fade effect (alpha filter) is enabled. Style inner DIV with same color as outer DIV*/
	background-color: #FFFFFF;
}
#domticker a{
	font-weight: bold;
}
.someclass{
}
/*--- End Fade banner ---*/

/*--- Vertical side menu with submenus works in all browsers (IE 6 needs csshover.htc) - (z-indexes make sure that the menu is always in front of other things) ---*/
#menu { /*--- Menu container div width ---*/
	width: 146px;
	z-index:200;
	position: relative;
	bottom: 1px;
}
#menu a { /*--- Menu anchor style (You MUST have a background colour to prevent the menu from disappearing as you hover near text) ---*/
	z-index:200;
	display: block;
	width: 146px; /*--- Main menu item width ---*/
	padding:2px 5px;
	border-left: 1px solid #00AEEF;
	border-right: 1px solid #00AEEF;
	border-bottom: 1px solid #00AEEF;
	background: #FFFFFF;
	color: #000000;
	text-decoration: none;
	font-size: 0.9em;
}
#menu a:hover {
	background: #CCCCCC;
}
.subdiv {  /*--- Sub menu must stay hidden ---*/
	height: 1%;
	position: absolute;
	visibility: hidden;
}
#menu .subdiv a {  /*--- Sub menu width ---*/
	width: 200px;
}
div.submenu:hover .subdiv {   /*--- Make submenu visible when drop down hovered over (IE 6) ---*/
	z-index:200;
	visibility: visible;
	position: absolute;
  	height: 0px;
}
html>body* div.submenu:hover .subdiv a {    /*--- Position submenu (Safari) ---*/
	position: relative;
	left: 157px;
	top: -21px;
}
html>body* div.submenu:hover .subdiv a {    /*--- Position submenu (IE 6) ---*/
	position: relative; # /*--- # hides the css from safari ---*/
	left: 157px; #
	top: -24px; #
}
div.submenu:hover .subdiv a {    /*--- Position submenu (IE 6) ---*/
	position: relative;
	left: 157px;
	top: -24px;
}
div.submenu:hover>.subdiv {     /*--- Make submenu visible when drop down hovered over ---*/
	z-index:200;
	visibility: visible;
	position: relative;
	height: 0px;
}
div.submenu:hover>.subdiv a {   /*--- Position submenu ---*/
	position: relative;
	left: 157px;
	top: -24px;
}
a.top {   /*--- Give the top items of menus a top border ---*/
	border-top: 1px solid #00AEEF;
}
#menu a.subtop { /*--- Give styles to flyout menu (Such as arrow pictures etc.) ---*/
	background-image: url(/_images/_layout/arrow.gif);
	background-repeat: no-repeat;
	background-position: right;
}
#menu a.subtop:hover { /*--- Give Hover styles to flyout menu (Such as arrow pictures etc.) ---*/
	background-image: url(/_images/_layout/arrow_hover.gif);
	background-repeat: no-repeat;
	background-position: right;
}
#menu div.submenu:hover .subtop {    /*--- Create a constant hover effect for drop down menu (IE 6) ---*/
	color: #000000;
	background: #CCCCCC;
	background-image: url(/_images/_layout/arrow_hover.gif);
	background-repeat: no-repeat;
	background-position: right;
}
#menu div.submenu:hover>.subtop {    /*--- Create a constant hover effect for drop down menu ---*/
	color: #000000;
	background: #CCCCCC;
	background-image: url(/_images/_layout/arrow_hover.gif);
	background-repeat: no-repeat;
	background-position: right;
}
/*--- End Menu ---*/