@charset "utf-8";

/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/
body {
  font-size: 100%;
}
img, object, embed, video {
	max-width: 100%;
}
/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:100%;
}
.header_small {
	display:block;
}
.header_medium {
	display:none;
}
.header_large {
	display:none;
}
div#FLUIDnavigation {
	width:100%;
	float: none;
	padding: 0px;
	clear: left;
	left: -20px;
	margin-left: -30px;
}
div#FLUIDnavigation ul li {
	padding: 0px;
	margin: 0px;
	float:none;

}
div#FLUIDnavigation ul li {
	padding: 10px 25px 10px 0px;
	list-style-type: none;
	float:none;
}
#FLUIDmenu-trigger {
	display:none;
		
}
#FLUIDspry_menu {
	clear: both;
		
	float: left;
		
	margin-left: 0;
		
	width: 100%;
		
	display: block;
		
}


/*
	Dreamweaver Fluid Grid Properties
	----------------------------------
	dw-num-cols-mobile:		5;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	10;
	dw-gutter-percentage:	25;
	
	Inspiration from "Responsive Web Design" by Ethan Marcotte 
	http://www.alistapart.com/articles/responsive-web-design
	
	and Golden Grid System by Joni Korpi
	http://goldengridsystem.com/
*/

/* Mobile Layout: 480px and below. */

/*@media only screen and (max-width: 480px) {*/
.gridContainer {
	/*margin-left: auto;
	margin-right: auto;
	width: 87.36%;
	padding-left: 1.82%;
	padding-right: 1.82%;*/
}

.gridContainer2 {
/*	margin-left: auto;
	margin-right: auto;
	width: 87.36%;*/
	border: thin solid #556384;	
		border-bottom-right-radius: 8px;
	border-bottom-left-radius: 8px;
	-moz-border-radius-bottomleft: 8px;
	-moz-border-radius-bottomright: 8px;
	-webkit-border-bottom-right-radius: 8px;
	-webkit-border-bottom-left-radius: 8px;
	
			border-top-right-radius: 8px;
	border-top-left-radius: 8px;
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-topright: 8px;
	-webkit-border-top-right-radius: 8px;
	-webkit-border-top-left-radius: 8px;
	
	
}
.sideImage_homepage {
	background-image: url(../assets/sideimage_home-page.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
.pageBorder {
}
#FLUIDheader {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;

}

#FLUIDlargeMenu {
	display: none;
}

#img_menu {
		border-top-right-radius: 7px;
border-top-left-radius: 7px;

-moz-border-radius-topleft: 7px;
-moz-border-radius-topright: 7px;

-webkit-border-top-right-radius: 7px;
-webkit-border-top-left-radius: 7px;

-khtml-border-top-right-radius: 7px;/* for old Konqueror browsers */
-khtml-border-top-left-radius: 7px;/* for old Konqueror browsers */
	/*
	max-width:100%;
	height:100% auto;
	position: fixed !important;
	top: 2px;
	z-index: 110;*/		
}
div#FLUIDnavigation ul li {
	float:none;
	list-style: none;		
	border-bottom: 2px solid #424366 ;
}
div#FLUIDnavigation ul li:last-child {
	border-bottom:none;

}
#FLUIDnavigation {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#FLUIDmaincontent {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;

}
.innerMainContent {
	padding: 10px;
}
#FLUIDfooter {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-color: #556384;
	height: 40px;
	border-bottom-right-radius: 7px;
	border-bottom-left-radius: 7px;
	-moz-border-radius-bottomleft: 7px;
	-moz-border-radius-bottomright: 7px;
	-webkit-border-bottom-right-radius: 7px;
	-webkit-border-bottom-left-radius: 7px;
	font-size: 18px;
	line-height: 35px;
	font-weight: lighter;
}
.FLUIDfooter {
/*	width:100%;
	line-height:35px;*/	
}
#FLUIDmenu-trigger {
	display:block;
		
}
div#FLUIDnavigation {
	display:none;	
}
#FLUIDspry_menu {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
.copyright {
	font-size: 20px;	
}
.content_public_login {
	text-align:center;
	/*float:left;*/
}
.forms {
	float:left;
	font-family: Verdana, Arial, sans-serif, serif;
	font-size: 16px;
	color: #000;
	background-color: #FFF;
	float: left;
	height: auto;
	width: 100%;	
	margin-bottom:35px;
}

.forms_body {
	width:100%;
	background-color: #FFF;	
	color: #000;
	height: 100%;	
	margin:15px;	
}
.formgutter {
	height:30px;
	background-color:#FFF;
}
.formInputContain{
	width:100%;
}
.hr_login_title {
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #999;	
}
.login {
	
}
.loginholder {
	
	margin-bottom:35px;
	
}
/*LOGIN Stuff*/

 .form{
	 width:100%;
	max-width: 100%;
	min-width: 10%;
	border-width: 2px;
	border-color: #CCCCCC;
	border-style: solid;
	color: #222222;
	font-size: 16px;
	background-color: #FFFFFF;
	padding: 20px;
-moz-border-radius-bottomleft: 5px;
-moz-border-radius-bottomright: 5px;

-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;	

-moz-border-radius-bottomleft: 5px;
-moz-border-radius-bottomright: 5px;

border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;	

-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
} 
 .formOuterHeader{
    width: 100%; 
    border-radius: 5px;
    background-color: #556384;
	
border-top-right-radius: 5px;
border-top-left-radius: 5px;

-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;

-webkit-border-top-right-radius: 5px;
-webkit-border-top-left-radius: 5px;

-moz-border-radius-bottomleft: 5px;
-moz-border-radius-bottomright: 5px;

border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;	

-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
}
.forms_head {
	background-color: #556384;	
	height: 45px;	
		border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;

border-top-right-radius: 5px;
border-top-left-radius: 5px;

-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;

-webkit-border-top-right-radius: 5px;
-webkit-border-top-left-radius: 5px;
width:100% !important;
}
.content{
	width:100%;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
} 
.content, .form {
	width:100%;
	word-wrap:break-word;
/*	word-break:break-all;*/

}
.form label{ 
    color: #222222; 
    font-size: 16px; 
    display: block; 
} 
.form input[type=radio], input[type=checkbox]{ 
    margin: 10px; 
    width: 13px; 
} 
.form div{ 
    display: block; 
} 
.form input, form textarea, form select{ 
    border-width: 1px; 
    border-style: solid; 
    border-color: #666666; 
    border-radius: 0px; 
    padding: 3px; 
    width: 75%; 
} 
.form h1{
	font-size: 100%;
	color: #556384;
	padding: 0px;
	margin: 0px;
	border-bottom-color: #CCCCCC;
	border-bottom-width: 0px;
	border-radius: 0px;
	background-color: #FFFFFF;
} 
.intro{ 
    margin-bottom: 40px; 
} 
.clear{ 
    clear: both; 
} 
.form textarea{ 
    height: 50px; 
    width: 100%; 
} 
.form input[type=submit]{ 
    width: 100%; 
    background-color: #CCCCCC; 
    color: #222222; 
} 
.field{ 
    margin-bottom: 5px; 
} 
.page_content_text {
}
/*.page_content_text_p {
	overflow:hidden;
}*/
.page_content_image {
	border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	-khtml-border-radius: 7px; /* for old Konqueror browsers */
	margin-left: 50px;
	margin-bottom: 10px;
	
}
.page_content_image_span {
	margin-bottom:20px;
	
	float:right;
	
}
.page_content_line {
	background-color:#556384;
	height:1px;
	line-height:0;clear:both;
	text-align:center;
	width:100%;
	
	/*border: thin solid #2F3648;*/
}
.page_content_line:after {
/*content:"BLYTH BUILDING";
font-size:0.85em;*/
}
.category_slideshow {
	padding-top: 8px;
	background-color: #57575B;
	width: 100%;
	height: 100%;
	font-weight: bold;	
	
	border-top-right-radius: 6px;
	border-top-left-radius: 6px;
	
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-topright: 6px;
	
	-webkit-border-top-right-radius: 6px;
	-webkit-border-top-left-radius: 6px;
	
}
.category_slideshow {
	height:40px;
		
}
.service_area_large{
	width: auto;
	/*padding-left: 20px;	*/
	color: #CCC;

}
.service_area{
	color: #CCC;
	float:left;
	margin-right:20px;
	margin-left:20px;	
}
.open_hours_text{
	line-height: 30px;
	font-size: 18px;
	color: #FFFFFD;
}
.dayofweek{
	margin-right:150px;
	
}
/*.inner p {
	font-size: 18px;	
}*/
/*Login Stuff*/
/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */

@media only screen and (min-width: 481px) {
	
/*MENU ITEMS----------------------------------*/


.container {
  width: 100%;
  background: #eee;
  margin: 10px auto;
  position: relative;
  text-align:center;
}

.block {
	font-size: 1em;
	height: 40px;
	width: 170px;
	display: inline-block;
	margin: 2px;
	border: thin solid #4F5C7B;
	background-color: #556384;
	text-align: center;
	line-height: 28px;
	border-bottom-right-radius: 7px;
	border-bottom-left-radius: 7px;
	-moz-border-radius-bottomleft: 7px;
	-moz-border-radius-bottomright: 7px;
	-webkit-border-bottom-right-radius: 7px;
	-webkit-border-bottom-left-radius: 7px;
	font-weight: 400;
}
/*----------------------------------MENU ITEMS*/	
	
	
.gridContainer {
	width: 90.675%;
	padding-left: 1.1625%;
	padding-right: 1.1625%;
}
#FLUIDheader {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-image: url(images/gov_logo.jpg);
	background-position: 0px;
	height: 250px;
}
.header_small {
	display:none;
}
.header_medium {
	display:block;
}
.header_large {
	display:none;
}
.img_header_medium {
	border-top-right-radius: 7px;
	border-top-left-radius: 7px;
	
	-moz-border-radius-topleft: 7px;
	-moz-border-radius-topright: 7px;
	
	-webkit-border-top-right-radius: 7px;
	-webkit-border-top-left-radius: 7px;
	
	-khtml-border-top-right-radius: 7px;/* for old Konqueror browsers */
	-khtml-border-top-left-radius: 7px;/* for old Konqueror browsers */
	
}
#FLUIDlargeMenu {
	display:block;
}
.menuItem {
	height: 33px;
	border: thin solid #675470;
	float: left;
	width: 25%;
	clear:right;
}
#largeMenuHolder {
	display:block;
}

.CollapsiblePanel {
	display:none;	
}
.CollapsiblePanelTab {
	display:none;	
}

#FLUIDnavigation {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

#FLUIDmaincontent {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	font-size: 16px;
}
.innerMainContent {
	padding: 10px;
}
#testImage {
	display:block;	
}
/*#FLUIDfooter {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-color: #556384;
	height: 30px;
	
		border-bottom-right-radius: 7px;
	border-bottom-left-radius: 7px;
	-moz-border-radius-bottomleft: 7px;
	-moz-border-radius-bottomright: 7px;
	-webkit-border-bottom-right-radius: 7px;
	-webkit-border-bottom-left-radius: 7px;
	
		margin-top: 20px;

}*/

#FLUIDspry_menu {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
}

/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width: 769px) {
/*MENU ITEMS----------------------------------*/


.container {
  width: 100%;
  background: #eee;
  margin: 10px auto;
  position: relative;
  text-align:center;
}

.block {
	font-size: 1.1em;
	height: 40px;
	width: 200px;
	display: inline-block;
	margin: 2px;
	border: thin solid #4F5C7B;
	background-color: #556384;
	text-align: center;
	line-height: 28px;
	border-bottom-right-radius: 7px;
	border-bottom-left-radius: 7px;
	-moz-border-radius-bottomleft: 7px;
	-moz-border-radius-bottomright: 7px;
	-webkit-border-bottom-right-radius: 7px;
	-webkit-border-bottom-left-radius: 7px;
	font-weight: 400;
}
/*----------------------------------MENU ITEMS*/	
.gridContainer {
	width: 90%;
	max-width: 1100px;
	padding-left: 0.9%;
	padding-right: 0.9%;
	margin: auto;
}
#FLUIDheader {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-image: url(images/gov_logo.jpg);
	background-repeat: no-repeat;
	height: 250px;
}
.header_small {
	display:none;
}
.header_medium {
	display:none;
}
.header_large {
	display:block;
}
.img_header_large {

border-top-right-radius: 10px;
border-top-left-radius: 10px;

-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;

-webkit-border-top-right-radius: 10px;
-webkit-border-top-left-radius: 10px;

-khtml-border-top-right-radius: 10px;/* for old Konqueror browsers */
-khtml-border-top-left-radius: 10px;/* for old Konqueror browsers */
	
}
#largeMenuHolder {
	display:block;
}
#FLUIDlargeMenu {
	display: block;
	height: 35px;
	border: thin solid #54445B;
	background-color: #556384;
	border-bottom-right-radius: 7px;
	border-bottom-left-radius: 7px;
	-moz-border-radius-bottomleft: 7px;
	-moz-border-radius-bottomright: 7px;
	-webkit-border-bottom-right-radius: 7px;
	-webkit-border-bottom-left-radius: 7px;
/*	-khtml-border-radius: 7px*/
	width: 100%;
	width: 100%;
	float: none;
}
.CollapsiblePanel {
	display:none;	
}
.CollapsiblePanelTab {
	display:none;	
}
#FLUIDnavigation {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

#FLUIDmaincontent {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;

}
.innerMainContent {
	padding-left:20px;
	padding-right:20px;
	padding-top:10px;
	padding-bottom: 0px;
}
.service_area_large{
	width: auto;
	/*padding-left: 20px;	*/
	color: #CCC;

}
.service_area{
	color: #CCC;
	float:left;
	margin-right:20px;
	margin-left:20px;	
}
.open_hours_text{
	line-height: 30px;
	font-size: 18px;
	color: #FFFFFD;
}
.dayofweek{
	margin-right:150px;
	
}
.static_lbp_img{
	margin-top:60px;
	
}
.map_holder{
	alignment-adjust:central;
	background-color: #4D6A79;
	width: 280px;
	height: 280px;
	padding: 10px;
	margin-bottom: 25px;
	margin-left: 50px;
	/*margin-top:60px;*/
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-top-left-radius: 10px;
	-khtml-border-top-right-radius: 10px;/* for old Konqueror browsers */
	-khtml-border-top-left-radius: 10px;/* for old Konqueror browsers */
	background-position: center;	
}
.hidden_links{
	/*These are hidden links for SEO on home page*/
	margin-bottom:-50px;
}
}