@import "reset.css";
@import "typography.css";
@import "layout.css";

body{ background: white; font-family: Helvetica, Arial, sans-serif !important; }
.wrapper{ width: 1280px; margin: auto; position: relative; max-width: 100%; }
.clear{ clear: both; }
a{ text-decoration: none; }

#top{ padding: 10px 0; }
	#phone{ font-size: 22px; color: #4991E6; position: absolute; bottom: 33px; right: 20px; }

#header{ background: url(images/header.png) top center no-repeat; }
	#header .wrapper{ height: 331px; }

	#nav{ font-size: 12.5px; width: 100%; background: url(/images/nav.png) top left repeat-x; height: 50px; position: relative; z-index: 1000; display: table; }
		#nav table{ width: 100%;  }
		#nav td{ width: 11%; height: 43px; text-align: center; background: url(/images/nav/item.gif) top right repeat-y; position: relative; }
			#nav td:hover{ background: #4A93E9; }
		#nav a{ color: white; }
		
		#nav li.page-item-11{ width: 100px; height: 35px; display: block; padding-top: 8px; }
		#nav li ul{ position: absolute; top: 43px; left: 0px; background: #296AAA; width: 260px; text-align: left; padding: 10px; border-radius: 5px; -moz-box-shadow: 5px 5px 5px #666; -webkit-box-shadow: 5px 5px 5px #666; box-shadow: 5px 5px 5px #666; }
		#nav li li{ padding: 0; }
			#nav li li a{ padding: 10px 10px; display: block; }
				#nav li li a:hover{ background: #4A93E9; }
				
			#nav li li.page-item-42{ border-top: none; }
			#nav li li.page-item-46{ border-bottom: none; }
	
	#header .photo{ position: absolute; top: 43px; left: 0px; }
	#header .message{ position: absolute; left: 40px; top: 112px; }
		#header .message h3{ padding: 5px 0; font-size: 22px; font-weight: normal; color: #2F69A1; }
		#header .message p{ padding: 5px 0; color: #666; }
		#header .message .button{ padding-top: 30px; text-align: center; }
	
#page .wrapper{ padding-bottom: 40px; }
	#content{ font-size: 13px; color: #666; padding-top: 20px; }
	#content h1, #content h2, #content h3, #content h4, #content h5, #content h6, #content p{ padding: 10px 0; }
	
	#content h1{ color: #2C70B2; font-size: 22px; font-weight: normal; }
		#content h1 .small{ font-size: 14px; }
		
	#content ol li{ list-style: decimal; padding: 5px 0; }
	

	
	#content h2{ font-size: 1.25em; color: #2C70B2; }
	
	#content a{  }
		#content a:hover{ text-decoration: none; }

	#content .testimonial{ width: 80%; margin: auto; }
		#content .testimonial .content{ background: #fff; padding: 10px; }

	#content input[type="submit"]{  }
#content .msg {
	font: 11pt Arial, Helvetica, sans-serif;
	line-height: 1.5;
	color: black;
}
#footer{ background: url(/images/footer.jpg) top left repeat-x; height: 143px; bottom: 0px; left: 0px; width: 100%; }

	#foot-nav{ font-size: 11px; padding: 10px 0; }
	#foot-nav li{ float: left; padding: 0 4px; border-right: 1px solid white; }
	#foot-nav a{ color: white; }
	
	#copyright{ font-size: 11px; color: white; text-align: center; }
		#copyright a{ color: white; }
		
	#social-media{ text-align: center; padding: 10px 0; position: absolute; top: 57px; right: 0px; }
		#social-media img{ margin: 5px; }
		
	#associated{ position: absolute; top: 63px; left: 0px; }
		#associated img{ margin: 0 5px; }
	
	
	
#contact-form{ width: 410px; margin: 10px auto; }
#contact-form td{ padding: 1px; }
#contact-form input{ display: block; padding: 2px; margin: 0; }
#contact-form textarea, #contact-form input[type="text"], input[type="email"]{ width: 250px; padding: 2px; margin: 0; }
#contact-form textarea{ height: 100px; }
#contact-form input[type="submit"]{ display: inline; padding: 5px; }

#content .recaptchatable { border: 0 !important; }
#content .recaptchatable img { margin: 0; padding: 0; border: 0; }
#content .recaptchatable td { padding: 0; }
#content #recaptcha_image { width: auto !important; height: auto !important; }

#addForm td, #form-add-user td {
	padding: 3px;
}

.bgb {
	border: none;
	background: #1566A3;
	display: inline-block;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	text-align: center;
	font: 13px/30px Arial, Helvetica, sans-serif;
	padding: 0 20px;
	color: white;
	text-decoration: none;
	cursor: pointer;
}
.bgb2 {
	border: none;
	background: #1566A3;
	display: inline-block;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	text-align: center;
	font: 12px/20px Arial, Helvetica, sans-serif;
	padding: 0 10px;
	color: white;
	text-decoration: none;
	cursor: pointer;
}
.bgb3 {
	display: inline-block;
	width: 142px;
	height:24px;
	text-indent: -9999px;
	text-align: left;
	
	padding: 0 10px;
	cursor: pointer;
	background:url(/images/login.jpg) top center no-repeat;
}
.trans {
	border: solid 2px #003;
	padding: 5px;
	float: right;
}


.ui-widget-header {
	border: 1px solid #3C7193 !important;
	background: #5c9ccc url("images/ui-bg_highlight-soft_55_5c9ccc_1x100.png") 50% 50% repeat-x !important;
	color: #fff !important;
	font-weight: bold !important;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{
	border: 1px solid #c5dbec !important;
	background: #dfeffc url("images/ui-bg_highlight-soft_85_dfeffc_1x100.png") 50% 50% repeat-x !important;
	font-weight: bold !important;
	color: #2e6e9e !important;
}
.ui-button {
	border: none !important;
	background: #1566A3 !important;
	display: inline-block !important;
	-moz-border-radius: 3px !important;
	-webkit-border-radius: 3px !important;
	border-radius: 3px !important;
	text-align: center !important;
	font: 13px/30px Arial, Helvetica, sans-serif !important;
	padding: 0 20px !important;
	color: white !important;
	text-decoration: none !important;
	cursor: pointer !important;
}
.ui-button {
	height: 30px !important;
	line-height: 30px !important;
}
.ui-button span{
	height: 30px !important;
	line-height: 30px !important;
	padding: 0 !important;
}
.ui-widget-content{
	border: 1px solid #a6c9e2 !important;
	background: #fcfdfd url("images/ui-bg_inset-hard_100_fcfdfd_1x100.png") 50% bottom repeat-x !important;
	color: #222 !important;
}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight{
	border: 1px solid #fad42e !important;
	background: #fbec88 url("images/ui-bg_flat_55_fbec88_40x100.png") 50% 50% repeat-x !important;
}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
	border: 1px solid #79b7e7 !important;
	background: #d0e5f5 url("images/ui-bg_highlight-soft_75_d0e5f5_1x100.png") 50% 50% repeat-x !important;
	font-weight: bold !important;
	color: #1d5987 !important;
}
.ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, .ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited {
	color: #1d5987 !important;
	text-decoration: none !important;
}
#top-bar {
	height: 34px;
	background: #1566A3;
	margin-bottom: 8px;
	display: none;
}