/*
Colors:
dark blue in logo #013185
gray in logo #9C9C9C
gray text #526A79
orange #E29701
*/

body {
}

body div, table, tr, th, td, form, img {
	color: #526A79;
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
}

div, table, tr, th, td, form, img {
	border: 0px;
	margin: 0px;
	padding: 0px;
} 

h1, h2, h3, h4, h5, h6, p {
	position: relative; /* fixes issue in IE6 when headers some times disappear */
}

/* header styles */

h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 5px 0 5px 0;
}
h1, h3, h5 {
	color: #013185;
}
h2, h4, h6, h2 a {
	color: #E29701
}
h1 {
	font-size: 160%;
	margin: 15px 0 15px 0;
}
h2 {
	font-size: 130%;
	margin: 5px 0 5px 0;
}
h3 {
	font-size: 110%;
}
h4 {
	font-size: 100%;
}
h5 {
	font-size: 95%;
}
h6 {
	font-size: 90%;
}

/* a styles */

a {
	color: #013185;
	text-decoration: none;
}
a:hover{
	text-decoration: underline;
}
a:active{
	color:#E29701;
}
a:focus {
	font-weight: bold;
}
a:visited {
	color:#526A79;
}

/* p styles */

p {
	margin: 12px 0 12px 0;
}

/* form styles */

input {
	border: 1px solid #C6CCDA;
}

/* hr styles */

hr {
	border: 1px dashed #C6CCDA;
	margin: 5px 0 5px 0;
}

/*****************/
/* layout styles */
/*****************/

#container {
	background-image: url(../images/bg_map.jpg);
	background-repeat: no-repeat;
	height: 900px;
	width: 1030px;
}

#page, #header, #main, #footer {
	width: 899px;
}

#home_top_box {
	height: 181px; 
	margin-top:18px;
	margin-right: 174px;
	margin-left: 132px;
	margin-bottom: -198px; /* 181px + 9px (padding top (home_main) + 9px (per Roy to drop it down more) */
	position: relative; 
	width: 358px; /* 664px (total width) - 174px (margin right) - 132px (margin left) */
	z-index: 300;
	/* height: 181px;
	width: 358px;
	*/
}


/*-------------*/
/* page styles */
/*-------------*/

#page {
	margin-left: 46px;
	margin-right: 85px;
}

/* page color styles */

#header_menu a#hSelected, a#hSelected {
	background-color: #E29701;
}

#header_right, #header_right form {
	color: #C6CCDA;
}
.menu_rt h3, .menu_rt h3 a, #header_menu a#hSelected, a#hSelected, #newsletter_signup {
	color: #FFFFFF;
}
.menu_rt a {
	color: #013185;
}

#header_menu a.menuItem:hover, .back, a.back {
	color: #E29701;
}
.breadcrumb a, #footer {
	color: #6C6C6C;
}
.more, a.more {
	color: #526A79;
}

/* page font styles */

.menu_rt h3 {
	font-size: 16px;  /* needs to be fixed to not break layout */
	font-weight: bold;
	letter-spacing: 1px;
}
#header_right, #header_right form, #utility  {
	font-size: 14px; /* needs to be fixed to not break layout */
}
#header_menu, #header_menu a, #hdr_menu, #hdr_menu a, #header_menu a.menuItem, .sMenuItem, .menu_rt_content, .menu_rt_content a, .menu_rt, #page div#footer, #inside_left_submenu h2, #newsletter_signup, .news_article {
	font-size: 12px;  /* needs to be fixed to not break layout */
}
.menu_rt h3, #header_right, #header_right form, #header_menu a.menuItem {
	font-family: Verdana, Arial, Helvetica, sans-serif; /* different font that rest of page to make fonts used in the psd */
}
.more, a.more {
	font-size: 10px;
}
#header_right, #header_right form, #header_menu a.menuItem {
	font-weight: bold;
	letter-spacing: 1.2px;
	text-transform: uppercase;
}
.breadcrumb {
	font-size: 12px;
	font-weight: normal;
}

/* page text-align styles */

#page div, #page div#inside_left_submenu, #page div.sMenuItem {
	text-align: left;
}
#page div#utility, #page div#main_left, #page div#home_mini {
	text-align: right;
}
#page div#footer {
	text-align: center;
}

/*---------------*/
/* header styles */
/*---------------*/

#header {
	height: 105px;
	position:relative;
}


	/* header_top styles */
	
	#header_top {
		height: 81px;
		width: 899px;
	}
	
		/*#header_logo {
			float: left;
			height: 75px;
			padding-left: 66px;
			width: 592px; /* 893px (total width) - 235px (#header_right width) - 66px (padding-left) */
		
		#header_logo {
			float: left;
			height: 81px;
			padding-left: 66px;
			width: 527px; /* 893px (total width) - 235px (#header_right width) - 66px (padding-left) */
		}
	
	
	/* utility area styles */
	
	/*#header_right {
		float: right;
		height: 50px;
		padding-top: 17px;
		width: 235px;
	}*/
	#header_right {
		float: right;
		height: 64px;
		padding-top: 17px; /* 81px (total height) - 17px (padding top) */
		width: 300px;
	}
	
		#header_right_container{
			height:20px;
			margin-bottom:10px;
			position:relative;
			width:310px;
		}
			 /*#utility {
				padding: 10px 25px 5px 5px; 
			}*/
			#utility {
				
				padding: 1px 25px 1px 5px;
				position:absolute;
				top:-5px;
				right:210px;
			}
			#search_field{
				position:absolute;
				right:0;
				top:-5px;
			}
			
			
	/* header menu styles */
	
	#header_menu {
		height: 30px;
		width: 940px;
		z-index:10;
	}
		
		/* change padding when adding new link to nav */
		#hdr_menu {
			padding-left: 52px;
			width: 920px; /* 940px (total width) - 72px (left margin) */
		}
		#header_menu a.menuItem {
			display: inline;
			height: 22px;
			padding: 5px;
		}
		
		
		/* header icons */
		
		#icons{
			height:40px;
			position:absolute;
			top:25px;
			right:0;
			z-index:1;
		}
		
/*-------------*/
/* main styles */
/*-------------*/

#main {
}
#main_left {
	float: left;
	width: 664px; /* 132px (#home_mini width) + 530px (#home_main width) + 1px (#home_main left border) + 1px (#home_main right border) */
}

/* menu right styles */

#main_right {
	float: right;
	height: 517px;
	width: 235px;
}
.menu_rt {
	margin: 0;
	padding: 2px 0;
	width: 235px; 
}
.menu_rt h3 {
	padding: 8px;
}
.menu_rt_content {
	margin: 0 0 0 8px;
	padding: 0;
}
.menu_rt_content .facebook img {
	border: 1px solid #fff;
	margin: 5px, 0, 0, 20px;
}

/* menu right component styles */

#menu_calendar, #menu_weather, #menu_newsletter, #menu_news  {
}
#menu_calendar {
/*	background-image: url(../images/menu_calendar_bg.jpg); */
	background-image: url(../images/menu_calendar_bg.jpg);
	background-position: top;
	background-repeat: no-repeat;
	height: 199px;
}
#menu_weather {
/*	background-image: url(../images/menu_weather_bg.jpg); */
	background-image: url(../images/menu_weather_bg.jpg);
	background-position: top;
	background-repeat: no-repeat;

}
#menu_weather2 {
/*	background-image: url(../images/menu_weather_bg.jpg); */
	background-image: url(../images/menu_weather_bg2.jpg);
	background-position: top;
	background-repeat: no-repeat;

}
#menu_newsletter {
/*	background-image: url(../images/menu_newsletter_bg.jpg); */
	background-image: url(../images/menu_newsletter_bg.jpg);
	background-position: top;
	background-repeat: no-repeat;
	height: 101px;
}
#menu_news {
/*	background-image: url(../images/menu_news_bg.jpg); */
	background-image: url(../images/menu_news_bg.jpg);
	background-position: top;
	background-repeat: no-repeat;
	height: 115px;
}

#menu_news_new {
/*	background-image: url(../images/menu_news_bg.jpg); */
	background-image: url(../images/news-bg3.gif);
	background-position: top;
	background-repeat: no-repeat;
	height: 306px;
	margin-top:-3px;
}

/* text shadow styles */

.shadow { /* default setup that everything sees */
	/* needed for Internet explorer */
	filter: Shadow(Color=#666666, 
				 Direction=135, 
				 Strength=2);
	height: 1em;
	
	/* Needed for Gecko */
	line-height: 1em;
	white-space: nowrap;
}
.shadow:before { /* used by browsers which know about :before to create the shadow */
	color: #FFFFFF; 
	display: block;
	margin: 0 0 -2.12em 0.15em;
	padding: 0;
}

/*---------------*/
/* footer styles */
/*---------------*/

#footer {
	clear: both;
	margin: 5px 110px 5px 0;
	width: 789px; /* 899px (total width) - 110px (margin right) */
}

#webdevelopment {
	padding: 5px 5px 0 7px;
}

/********************/
/* home page styles */
/********************/

/* home left side gallery styles */

#home_mini {
	position: relative;
	z-index: 100px;

	background-image: url(../images/main_mini_bg.gif);
	background-repeat: no-repeat;
	float: left;
	padding-top: 18px;
	width: 132px; /* 130px (.mini_box width) + 1px (.mini_box right border) + 1px (.mini_box left border) */
}
.mini_box {
	background-image: url(../images/mini_bg.jpg);
	background-repeat: repeat-y;
	border: 1px solid #D5D5D5;
	border-top: 1px solid #FCFCFC;
	border-bottom: 1px solid #ABB2B9;
	padding: 12px 17px 12px 17px;
	height: 96px; /* 120px (total height) - 12px (top padding) - 12px (bottom padding) */ 
	width: 96px; /* 130px (total width) - 17px (right padding) - 17px (left padding) */
}
#gallery1 {
	position: relative;
	z-index: 100px;
	left: 40px;
}
#gallery2 {
	position: relative;
	z-index: 200px;
	top: -10px;
	left: 22px;
}
#gallery3 {
	position: relative;
	z-index: 300px;
	top: -15px;
	left: 30px;
}
#gallery4 {
	position: relative;
	z-index: 400px;
	top: -25px;
	left: 43px;
}

/* home main styles */

#home_main {
	position: relative;
	z-index: 500px;

	background-color: #FFFFFF;
	border: 1px solid #C9C9C9;
	border-top: 1px solid #E4E6E7;
	border-right: 1px solid #999999;
	float: right;
	height: 492px;
	padding: 9px;
	width: 512px; /* 532px (total width) - 1px (border right) - 1px (border left) - 9px (padding right) - 9px (padding left) */
}

/**********************/
/* inside page styles */
/**********************/

/* inside top (random images area) styles */

#inside_top {
	background-color: #FFFFFF;
	background-image: url(../images/inside_image_bg.jpg);
	background-repeat: no-repeat;
	height: 114px;
	margin-left: 72px;
	width: 592px; /* 664px (total width) - 72px (left margin) */
}
#inside_top #component_random {
	padding: 12px 20px 12px 20px;
	height: 90x; /* 114px (total height) - 12px (top padding) - 12px (bottom padding) */ 
	width: 552px; /* 592px (total width) - 20px (right padding) - 20px (left padding) */ 
}

/* inside left (sub menu page links) styles */
.subpages h2 a:hover, {
	color:#E29701;
	}
	
#inside_left #inside_left_submenu .subpages h2 a:hover {
	color:#E29701;
	}
#inside_left {
	background-color: #D4DBE5;
	background-image: url(../images/mini_bg.jpg);
	background-repeat: repeat-y;
	border: 1px solid #C9C9C9;
	border-right: 0;
	float: left;
	margin: 5px 0 0 0;
	width: 140px;
}	
#inside_left_submenu {
	margin: 5px 10px 5px 10px;
	width: 120px; /* 140px (total width) - 10px (right padding) - 10px (left padding) */
}
.subpages {
	margin: 5px 0 5px 0;
}
.subpages h2, .subpages h2 a {
	color: #013185;
	font-weight: normal;
	margin: 0;
	padding: 0;
}

 .subpages h2 a.vCrumb {
	
	background-color: #E29701;
	color: #FFFFFF;
	display: block;
	font-weight: bold;
	padding: 0 0 2px 2px;
	width: 120px;
	
}
#inside_left #inside_left_submenu .subpages h2 a.vCrumb:hover {
	color:#FFF;
	}

.subpages .sMenuItem a.vCrumb {
	font-weight: bold;
}
.subpages .sMenuItem a:hover {
	color:#E29701;
}
.subpages {
	border: 1px solid #EBEDF2;
	padding: 2px 0 2px 0;
}
#v1Active {
	border: 1px solid #D4DBE5;
}
#v2Active {
}
#v3Active {
	border: 1px solid #E29701;
}
.subpages, #v1Active, #v2Active, #v3Active {
	border-left: 0;
	border-right: 0;
}
.sMenuItem {
	margin: 0;
	padding: 1px 0 1px 0;
}
ul.sMenuItem, ul.sMenuItem ul {
	margin: 0;
	padding: 0;
}
ul.sMenuItem ul {
	padding: 0 0 2px 10px;
}
ul.sMenuItem,
ul.sMenuItem ul,
ul.sMenuItem ul li {
	list-style-type: none;
}
.sMenuItem li {
	margin: 0;
	padding: 0;
}

/* inside content styles */

#inside_content {
	background-color: #FFFFFF;
	border: 1px solid #C9C9C9;
	border-top: 0;
	clear: right;
	margin: 0;
	float: right;
	width: 521px; /* 523px (total width) - 1px (right border) - 1px (left border) */
}
#content {
	margin: 20px;
	width: 481px; /* 521px (total width) - 20px (right padding) - 20px (left padding) */
}

.pageNav h1 {
	margin: 0 auto 0 auto;
	padding: 0 auto 0 auto;
}
.pageNav h5 {
	margin: 0;
	padding: 0;
}

/* table style by roy */

#table_anchor{
	border:1px solid #013185;
}

#contact_page textarea {  
    border-style: none;  
    border-color: Transparent;  
	border:1px solid #C6CCDA;
    overflow: auto;         
  }