/*~~~~~~~~~~~ Copyright notice at bottom of file ~~~~~~~~~~~~~~*/


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	HTML TAGS 

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/



body
{
	margin: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .8em;
	/*line-height: 1.4em;*/
}

p
{
	margin: 10px 0px;
	line-height: 1.6em;
}

p.small { font-size:.7em; }

blockquote
{
	padding: 0 0 0 12px;
	margin: 12px 0 0 0;
	background: url(/images/quote-bg.png) no-repeat;
}

INPUT { margin:5px 0px 5px 0px; }

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	ENTIRE PAGE
    The entire page is surrounded by a top level DIV

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#entire-page
{
	background-color:#FFFFFF;
	width:960px;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
	min-height:400px;
	height:auto !important;
   height:400px;
   position:relative;

}

#page-shadow
{
	margin-left: auto;
	margin-right: auto;
	width: 980px;
	position:relative;
	/*background: url(/images/narrabay_blue/shadow.jpg) no-repeat;*/
}

#page-begin {
	 clear:both;
}

#page-bottom-shadow
{
	margin-left: auto;
	margin-right: auto;
	width: 982px;
	position:relative;
	/*background: url(/images/narrabay_blue/shadow-bottom.jpg) no-repeat;
	background-position:bottom;*/
	padding-bottom:10px;
}

.read-more-link
{
	/*padding-top:0px;
	padding-bottom:10px;
	text-align:right;
	float:right;
	width:100%;*/
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	HEADER

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#header
{
	width:980px;
	margin: 0px auto;
	margin-top: 5px;
	/*position:relative;*/
	height: 135px !important; /* ie win = width - padding */ height: 130px;
/*
	padding-bottom: 0px;
	position: relative;
	background-color:#041a36;
	text-align:center;*/
}

#header-bottom
{
	width:980px;
	margin: 0px auto;
	margin-top: 5px;
	/*position:relative;*/
	height: 135px !important; /* ie win = width - padding */ height: 130px;
/*
	padding-bottom: 0px;
	position: relative;
	background-color:#041a36;
	text-align:center;*/
}

#header-c
{
	/*width:960px;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
	position:relative;*/
	
}

#header .about-link
{
	float:left;
	position: absolute;
	top: 0;
	left: 20px;
}

#company-logo
{
	/*min-height:7em;*/
	margin-left:10px;
}

#company-name
{
	height: 2.5em;
	font-size: 2.5em;
	font-weight: bold;
	padding-left: 20px;
	padding-top: 10px;
	display: block;
	line-height:2.5em;
}

#company-name a
{
	text-decoration: none;
}

#header-search
{
	text-align: left;
	position: absolute;
	top: 0;
	right: 0;
	padding: 10px 1.5% 0 2%;
}

.searchfield
{
	width: 120px;
	background: #e7e7e7;
	border-top: solid 1px #d3d3d3;
	border-right: solid 1px #d3d3d3;
	border-left: solid 1px #e7e7e7;
	border-bottom: solid 1px #e7e7e7;
	padding-left: 5px;
	color: #666666;
	font-size: 90%;
}

#header-toolbox
{
	text-align: right;
	position: absolute;
	top: 35px;
	right: 0px;
	padding: 5px 5px 0 0;
	margin-top: 7px;
}

#main-menu { margin-top:5px;width:auto; height:30px }


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	BANNER

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#banner
{
	margin-top:0px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	height:100px;

	text-align:left;
	width:980px;
	display: table;
	#position: relative; 
	overflow: hidden;
}

#banner-c { margin-left:100px; }

#banner a
{
	color: #FFFFFF;
}

#banner .about-link
{
	float:right;
	font-size:0.7em;
	text-align:right;
	padding-top:10px;
}

#banner-image
{
	display: block;
}

#banner-text
{
	font-weight:bold;
	padding: 5px 5px 5px 30px;
	width:510px;
	font: 14px/22px georgia, 'times new roman', serif; 
}

#banner H1
{
	margin: 5px 5px 5px 25px;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	BREADCRUMB

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#breadcrumb
{
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 5px;
	position: relative;
	font-size: .9em;
	padding: 10px 15px 0px 15px;
}

#breadcrumb ul
{
	margin: 0;
	padding: 0;
}

#breadcrumb li
{
	display: inline;
	list-style: none;
	padding: 0 1em 0 0;
	background: none;
}

#breadcrumb a:link, #breadcrumb a:visited
{
	text-decoration: none;
	color: #999999;
}

#breadcrumb a:hover
{
	color: #666666;
	text-decoration: underline;
}

#breadcrumb .about-link
{
	padding-left:30px;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	CONTENT AND SIDEBAR SUBLAYOUT

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.content-center { margin:0px; margin: 0 10px 0px 200px; padding: 0px 15px 10px 10px; min-height:500px;
  height:auto !important;
  height:500px;}

.content-left { padding: 0px 15px 0px 10px; margin:0px; }

#content-and-sidebar-sublayout
{
	background: url( "/images/simple_bg.gif" ) repeat-y right;
}

#content-and-sidebar-sublayout-content
{
	float: left;
	width: 720px;
	min-height: 370px;
}

#content-and-sidebar-sublayout-content .about-link
{
	padding-top:10px;
	padding-right:10px;
	float:right;
	font-size: .8em;
}

#content-and-sidebar-sublayout-sidebar
{
	float: right;
	width: 240px;
	padding-bottom: 15px;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	SIDEBAR SECTION

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.sidebar-left { float:left; width: 200px; }

.sidebar-right { float:right; width:230px; clear:right; padding: 0px 10px 10px 10px; }

.sidebar-section
{
	clear:both;
	padding-top:20px;
}

.sidebar-section .about-link
{
	padding-top:10px;
	padding-right:10px;
	float:right;
	font-size: .85em;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	TEASER

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.teaser { }
/*
.teaser h2
{
	padding-top:10px;
	text-align:left;
}*/

.green { color:Green; } 

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	MAIN CONTENT

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.main-content
{
	padding:0px 0px 10px 0px;
}	

#two-column-layout { margin:0px; padding:0px;  }

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	THREE COLUMN SUBLAYOUT

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#three-column-sublayout
{
	margin-top: 3px;
	background: url(/images/3col_bg.gif) repeat-y;
	width: 100%;
}

#three-column-sublayout-middle
{
	float: left;
	width: 521px;
	padding-bottom:15px;
	min-height: 370px;
}

#three-column-sublayout-middle .read-more-link
{
	padding-right:10px;
	text-align:right;
	float:right;
	width:100%;
}

#three-column-sublayout-middle .about-link
{
	padding-top:10px;
	padding-right:10px;
	float:right;
	font-size: .8em;
}

#three-column-sublayout-middle hr
{
	display:block;
}

#three-column-sublayout-right, #three-column-sublayout-left
{
	font-size: .9em;
}

#three-column-sublayout-right
{
	float: right;
	width: 239px;
	padding-bottom: 15px;
}

#three-column-sublayout-left
{
	float: left;
	width: 190px;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	MENU AND CONTENT SUBLAYOUT

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#menu-and-content-sublayout
{
	margin-top: 3px;
	background: url(/images/menu_bg.gif) repeat-y;
	width: 100%;
}

#menu-and-content-sublayout-menu
{
	float: left;
	font-size: .9em;
	width:190px;
}

#menu-and-content-sublayout-content
{
	float: left;
	width: 770px;
	min-height: 370px;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	SINGLE COLUMN SUBLAYOUT

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#single-column-sublayout
{
	padding: 15px;
	min-height: 370px;
}

#single-column-sublayout .page-title-and-text 
{
	padding: 0px;
}	

#single-column-sublayout .page-title-and-text h1
{
	padding-bottom: 0px;
}	

#single-column-sublayout .about-link
{
	float:right;
	font-size: .8em;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

      SUBITEM OVERVIEW

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.subitem-overview
{
	padding-top: 10px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	border-bottom: 1px dashed #cecece;
	
	width:720px;
	/*float:left;float:left;*/
}

.subitem-overview .read-more-link
{
	padding-right: 15px;
	padding-top: 0px;
	padding-bottom: 0px;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	SEARCH RESULTS

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.search-results-category
{
	margin-top: 2px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 2px;
	position: relative;
	padding-left: 2px;
	height: 1.5em;
	border: 1px solid #818181;
	background-color: #CCCCCC;
	display: block;
}

.search-results-category .title
{
	display: block;
	float: left;
}

.search-results-category .link
{
	float: right;
	padding-right: 5px;
}

.search-results-hit a
{
	font-weight: bold;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	SITE MAP

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#sitemap
{
	padding-left:15px;
	padding-right:15px;
}

#sitemap a 
{
	background: white;
}

.sitemap-outline
{
	margin: 0px;
	padding-top: 10px;
	background-color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.4em;
	color: #666666;
	float:left;
}

.sitemap-tree
{
	margin: 0px;
	background-color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.4em;
	color: #666666;
}

.sitemap-parent
{
	background: url(/images/smhoriz.gif) repeat-x;
}

.sitemap-tree a:link, .sitemap-tree a:visited
{
	padding-left: 3px;
	padding-right: 3px;
	text-decoration: none;
	color: #999999;
}

.sitemap-tree a:hover
{
	color: #666666;
	text-decoration: underline;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	FOOTER

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#footer
{
	position:relative;
	
	height:200px;
}

#footer-c {width:965px !important;margin:0px auto;padding-left:15px; padding-top:0px;	padding-bottom:0px; height:200px; }
/*
#footer a:link, #footer a:visited
{
	color: #FFFFFF;
	text-decoration: underline;
}

#footer a:hover
{
	color: #D4E7F8;
	text-decoration: underline;
}*/

#footer .about-link
{
	font-size: .8em;
	text-decoration: none;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	BOTTOM MENU

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#bottom-menu
{
	margin-top: 1em;
	margin-left:15px;
	float: left;
	color: #999999;
}

#bottom-menu ul
{
	margin: 0;
	padding: 0;
}

#bottom-menu li
{
	display: inline;
	list-style: none;
	padding: 0 1em 0 0;
	background: none;
}

#bottom-menu a:link, #bottom-menu a:visited
{
	text-decoration: none;
	color: #999999;
}

#bottom-menu a:hover
{
	color: #666666;
	text-decoration: underline;
}

#bottom-menu .about-link
{
	padding-left:30px;
	font-size: .8em;
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	LINKS

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

a:link,
a:visited,
a:active
{
	text-decoration: none;
	font-weight: bold;
}

a:hover
{
	text-decoration:underline;
}

a .subitem-overview { text-decoration:none; }

a:hover .subitem-overview { cursor:pointer; background-color:#e3f3ff; }

a .subitem-overview { color:Black; font-weight:normal; }

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	HEADINGS 

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/


h1, h2, h3, h4, h5, h6
{
	/*font-size: 1.8em;*/
	font-family: Arial, Tahoma, Helvetica, sans-serif;
	/*line-height: 1.1em;*/
	/*margin: 5px 0;
	color: #000000;
	text-decoration: none;*/
}

h1
{
	margin-bottom: 0;
	font-size: 1.8em;
	font-family: georgia, 'times new roman', serif;
}

h1, h2
{
	margin-top: 0px; margin-bottom:0px;
}

h2
{
	font-size: 1.5em;
	font-family: Courier New, Tahoma, Arial, Helvetica, Sans-Serif;
	font-family:"Times New Roman", Times, Serif;
}

h2 a:link,
h2 a:visited,
h2 a:active { font-weight:normal; }

h3
{
	font-size: 1.1em;
	padding:0px; margin:0px 0px 2px 0px;
}

h3.small
{
	font-size: 1.2em;
}

h4
{
	font-size: 1.1em; padding:0px; margin:0 0 2px 0px;
}

h5
{
	font-size: 1.1em;
}

h6
{
	font-size: 1em;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	IMAGES & PHOTOS

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

img
{
	border: none;
}

.photo-border
{
	border: 1px solid #cecece;
	padding: 4px;
	margin-bottom: 5px;
	display: block;
	background-color:#FFFFFF;
	color:#585858;
	font: .8em Arial, Helvetica, Sans-Serif;
	
}

.photo-float-left
{
	float: left;
	margin-right: 15px;
}

.photo-float-right
{
	float: right;
	margin-left: 15px;
}

.image-border-none
{
	border: none;
}


#at-your-service { width:290px; float:left; text-align:left; padding: 0px 20px 0px 20px; }

#address { width:290px; float:left; text-align:left; padding: 0px 20px 0px 20px; }

#footer-menu { width:260px; float:left; text-align:left; padding: 10px 20px 0px 20px; }

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	MISC CLASSES

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.news-date { font-size: 1.1em; margin-top:5px; padding:0px 0px 5px 0px; }

.clear {clear: both; }

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

      SLIDE OUT MENU

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#slide-out-menu
{
	padding-top: 15px;
	padding-left: 0px;
	
}

#slide-out-menu .about-link
{
	padding-top:0px;
	padding-right:10px;
	float:right;
	font-size: .85em;
}

.slide-out-submenu
{
	line-height: 1.8em;
	padding: 10px 0px 0px 10px;
}

.slide-out-submenu ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	padding: 0;
	padding:0px;
	padding-right:0px;
}

.slide-out-submenu ul li
{
	position: relative;
	list-style-image: none;
	margin-left: 0px;
	padding: 0;
	border-bottom: 1px solid #b5b2b5;
}

.slide-out-submenu ul li ul
{
	position: absolute;
	width:160px;
	top: -1px;
	visibility: hidden;
	background-color: #F5F5FA;
	border-left: solid 1px #818181;
	border-right: solid 1px #818181;
	border-top: solid 1px #818181;
	border-bottom: solid 1px #818181;
}


.slide-out-submenu .submenustyle
{
	text-decoration: none;
	background: url(/images/arrow.gif) no-repeat center right;
}

* html .slide-out-submenu ul li
{
	float: left;
	height: 1%;
}

* html .slide-out-submenu ul li a
{
	height: 1%;
}

.post { width:500px; }

.post-details { font-size:.8em; float:right;width:200px; margin: 0px 0px 10px 10px; }

.post-details ul { list-style-type:none; margin:0px; padding:0px; }

.post-details li { padding: 5px 0px; margin:0px;list-style-image: none;
	margin-left: 0px;
 }

.pager { }

.pager .prevnext { float:right; width:100px; }

/* Form styles */

div.form-container { margin: 10px; }

p.legend { margin-bottom: 1em; }
p.legend em { color: #C00; font-style: normal; }



div.errors { margin: 0 0 10px 0; padding: 5px 10px; border: #FC6 1px solid; background-color: #FFC; }
div.errors p { margin: 0; }
div.errors p em { color: #C00; font-style: normal; font-weight: bold; }

div.form-container p { margin: 0; padding:0px; }
div.form-container p.note { margin-left: 170px; font-size: 90%; color: #333; }
div.form-container fieldset { margin: 10px 0; padding: 10px; border: #DDD 1px solid; }
div.form-container legend { font-weight: bold; color: #666; }
div.form-container fieldset div { padding: 0.25em 0; }
div.form-container label, 
div.form-container span.label { margin-right: 10px; padding-right: 10px; width: 150px; display: block; float: left; text-align: right; position: relative; }
div.form-container input { margin:0px; }
div.form-container label.error, 
div.form-container span.error { color: #C00; }
div.form-container label em, 
div.form-container span.label em { position: absolute; right: 0; font-size: 120%; font-style: normal; color: #C00; }
div.form-container input.error { border-color: #C00; background-color: #FEF; }
div.form-container input:focus,
div.form-container input.error:focus, 
div.form-container textarea:focus {	background-color: #FFC; border-color: #FC6; }
div.form-container div.controlset label, 
div.form-container div.controlset input { display: inline; float: none; }
div.form-container div.controlset div { margin-left: 170px; }
div.form-container .errors { background-color:#ffefef; border: 1px solid red; }
div.form-container .checkbox input { border:0px solid black; width:20px}
div.form-container .checkboxlist input { display: inline; height: 16px; float:none; width: 16px; background-color: transparent; border-width: 0px; padding: 0px; margin: 0px 0px 0px 0px; }
div.form-container .checkboxlist label { display: inline; float:none; width: auto; padding: 3px 3px; margin: 0px 5px 0px 5px; text-align: right; }
div.form-container .checkboxlist td { padding:4px 0px; }

.combo-view
{
    padding: 4px 3px;
}

.combo-view TD { border:0px; }