/*
 *  Global stylesheet
 */

/* reset formatting */

	html, body { width: 100%; height: 100%; line-height: 125%;}
	html, body, table {	border:0;	margin:0;	padding:0;}
	img { border: 0; padding: 0; }
	p, h1, h2, h3, h4, h5, h6 {	margin:0;	padding:0;	font-weight:normal; font-size: 100%; line-height: 120%;}
	form {	margin:0;	padding:0;	display:inline;}
	a {text-decoration:none;}
	td { padding: 0; vertical-align: top;}
	ul,ol {margin:0;	padding:0;}
	li {margin:0; padding:0; position: relative;}
	ol li {list-style-type: decimal;}

/* common formatting shortcuts */
 
	small {	font-size:0.85em;}
	sup {	position:relative;	bottom:0.3em;	vertical-align:baseline;}
	sub {	position:relative;	bottom:-0.2em;	vertical-align:baseline;}
	acronym, abbr {	cursor:help;	letter-spacing:1px;	border-bottom:1px dashed;} 
	.clear, .clear-hidden         { clear:both; }
	.clear-hidden	{ font-size: 0em; }
	.clear-fix:after	{content: "."; display: block; height: 0; clear: both; visibility: hidden;}
	.float-left    { float:left; }
	.float-right   { float:right; }
	.text-left     { text-align:left; }
	.text-right    { text-align:right; }
	.text-center   { text-align:center; }
	.text-justify  { text-align:justify; }
	.bold          { font-weight:bold; }
	.italic        { font-style:italic; }
	.underline     { border-bottom:1px solid; }
	.highlight     { background:#ffc; } 
	.nopadding     { padding:0; }
	.noindent      { margin-left:0;padding-left:0; }
	.nobullet      { list-style:none;list-style-image:none; }
	.hidden		   { display: none;}

/* COLORS
 * 
 * blue #658d9e
 * tan #e4dec5
 * red #a64433
 * green #64842e
 */
	
/*
 *   typography   *****************************************************************
 */
 
 	html,
	body,
	input,
	select,
	textarea
	{
		font-family: arial, helvetica, sans-serif;
		font-size: 90%;	
		line-height: 130%;
	}

	/* links */
 
	a, a:link
	{
		text-decoration: underline;
		color: #666;
	}
	a:visited
	{
	}
	a:hover
	{
		text-decoration: none;
		color: #779933;
	}
	 
 
/* 
 *   page blocks    ******************************************************
 */


	body
	{
		background-color: #658d9e;
		background-image: url(/images/bg.gif);
		background-position: 0px 0px;
		background-repeat: repeat-y;
	}
	
/* wrappers */
		
	#page_wrap
	{
		/* position: relative; */
		margin: 0 0 0 60px;
		background: #fff;
	}	

	/* fix missing space under page */
	#page_wrap:after	{content: "."; display: block; height: 0; clear: both; visibility: hidden;}
	
	#content_wrapper
	{
		background: #fff;
		position: relative;	/* reqd by IE */
		float: left;	/* reqd by IE */
		width: 100%;	/* reqd by Safari to force right sidebar to right */
	}
	#content_main_wrapper
	{
		float: left;	/* reqd to show right sidebar correctly */
		width: 100%;	/* reqd to force right sidebar to right */
	}


/* branding */

	#branding
	{
		height: 120px;
		width: 100%;
		font-size: 150%;
		position: relative;
		background: #658d9e;
	}
	#branding h2
	{
		position: absolute;
		top: -1000px;
		left: 0px;
	}
	#branding .logo
	{
		position: absolute;
		top: 7px;
		left: 40px;		
	}
	#logo-vertical
	{
		position: absolute;
		top: 11px;
		left: 8px;
	}
	
/* header slideshow */

	#slideshow
	{
		position: absolute;
		top: 10px;
		left: 210px;
		height: 100px;
		width: 720px;
		overflow: hidden;
	}
	
/* slogan */

	#slogan
	{
		position: absolute;
		top: 65px;
		left: 10px;
	}	
	
	
	
/* left sidebar */

	#content_nav
	{
		float: left;
		margin:10px -190px 0pt 0;
		position: relative;
		width:180px;
		left: 10px;
		z-index: 900;
	}
	#content_nav h2
	{
		background: #d9e3e7;
		color: #414445;
		font-size: 90%;
		font-weight: bold;
		text-transform: uppercase;
		margin: 0px -10px 10px -10px;
		padding:8px 10px;
	}
	


/* search box */

	#search-box form
	{
		position: relative;
		display: block;
		border: solid 2px #8caab6;
		height: 23px;
		width: 176px;
		margin: 0 0 5px 0;
	}
	#search-box #search-text
	{
		border:medium none;
		color:#4E4E4E;
		font-size:100%;
		font-weight:normal;
		left:3px;
		position:absolute;
		top:2px;
		width:140px;
	}
	#search-box #search-submit
	{
		position: absolute;
		top: 1px;
		right: 1px;
	}

/* main nav and directory links */

	#nav_main
	{
		padding: 10px;
	}

	/* parent items */
	
	.nav_accordian
	{
		margin: 0 0 20px 0;
		padding: 0;
		list-style: none;
	}
	.nav_accordian li
	{
		margin: 5px 0;
		padding: 0;
		list-style-type: none;
		position: relative;
		min-height: 1%;
	}
	.nav_accordian h3
	{
		font-size: 120%;
		font-weight: bold;
	}
	.nav_accordian a,
	.nav_accordian a:visited
	{
		color: #64842e;
		text-decoration: none;
	}
	.nav_accordian a:hover
	{
		color: #658d9e;		
	}
	
	/* closed section */
	.nav_accordian li.closed a,
	.nav_accordian li.closed a:hover
	{
		background-image:url(/images/nav_arrow.jpg);
		background-position:right center;
		background-repeat:no-repeat;
		padding:0pt 16px 0pt 0pt;
		color: #64842e;
	}
	.nav_accordian li.closed a:hover
	{
		color: #779933;		
	}
	.nav_accordian li.closed ul
	{
		display: none;
	}

	/* active section */
	.nav_accordian li.active a
	{
		color: #658d9e;				
	}
	
	/* child items */
	
	.nav_accordian li ul
	{
		margin: 0 0 10px 0;
		min-height: 1%;
	}
	.nav_accordian li li
	{
		margin: 5px 0 5px 10px;
		padding: 0;
		position: relative;
		min-height: 1%;
	}
	.nav_accordian li li a,
	.nav_accordian li li a:link,
	.nav_accordian li li a:visited,
	.nav_accordian li li.active a:hover
	{
		text-decoration: none;
		color: #4c4c4c;
		padding: 0;
		background: none;
	}
	.nav_accordian li li.active a
	{
		font-weight: bold;
	}
	.nav_accordian li li a:hover
	{
		color: #779933;
	}
	
	/* active item */
	.nav_accordian li li.active a
	{
		font-weight: bold;
	}
	
	/* offline message */
	#nav_main .offline_msg
	{
		margin: 0 0 20px 0;
		color: #999;
	}

/*
** content area
*/

	#content_main
	{
		color:#4C4C4C;
		margin:10px 210px 20px 210px;
		min-width:300px;
		padding-top: 1px;
		position: relative;
	}
	#content_main h1
	{
		font-size: 225%;
		font-weight: bold;
		margin: 15px 0 10px 0;
		color: #577f8f;
	}
	#content_main h2,
	#content_main span.sub,
	#content_main span.header
	{
		margin: .5em 0 .5em 0;
		font-weight: bold;
		font-size: 14pt;
		color: #577f8f;
		line-height: 120%;
	}
	#content_main h2
	{
		clear:left;
	}
	#content_main h3
	{
		margin: .5em 0 .5em 0;
		font-weight: bold;
		font-size: 120%;
		color: #577f8f;
	}
	#content_main p
	{
		margin: 0 0 .75em 0;
	}
	
	/* inline content */
	#content_main img
	{
/*		margin: reset;*/
	}

	/* lists */
	
	#content_main ul
	{
		margin: 10px 0 10px 15px;
		list-style: disc;
	}
	#content_main ul li
	{
		margin: 0 0 10px 20px;
	}
	/* nested lists */
	#content_main ul ul
	{
		margin-left: 10px;
		margin-bottom: 0;
	}
	#content_main ol
	{
		margin: 10px 0 10px 20px;
	}
	#content_main ol li
	{
		list-style-type: decimal;
		margin: 0 0 10px 20px;
	}
	
	/* error messages */
	#content_main .error
	{
		color: #A64433;
		font-weight: bold;
	}
	
	/* status messages */
	#content_main .message
	{
		background-color: #ffd;
		border: solid 2px #ff9;
		padding: 20px;
		margin: 20px 0;
		font-weight: bold;
	}
	
	/* business directory */
	#content_main #directory
	{
		clear: both;
	}
	#content_main #directory ul
	{
		padding: 0;
		margin: 0;
	}
	#content_main #directory li
	{
		width: 230px;
		height: 120px;
		float: left;
		margin: 5px 10px;
		padding: 0;
		overflow: hidden;
		position: relative;
		list-style-type: none;
	}
	#content_main #directory h2
	{
		margin: 0 0 .5px 0;
	}
	#content_main #directory p
	{
		margin: 0 0 2px 0;
	}
	
	/* social share links */
	#share-links
	{
		position: absolute;
		top: 0px;
		right: 0px;
	}	
	
/* right sidebar */

	#content_sub
	{
		float: left;
		margin: 10px 0px 10px -190px;
		width: 160px;
		background: #e4dec5;
		padding: 10px;
		overflow: hidden;
	}
	#content_sub h2
	{
		background: #ccc6ac;
		color: #43413a;
		font-size: 90%;
		font-weight: bold;
		text-transform: uppercase;
		margin:-10px -10px 10px;
		padding:8px 10px;
	}
	#content_sub h3
	{
		color: #a64433;
		font-weight: bold;
		font-size: 150%;
		margin:20px 0pt 5px;
	}
	#content_sub h4
	{
		color: #a64433;
		font-size:110%;
		font-weight: bold;
		margin:5px 0pt
	}
	#content_sub p
	{
		color: #44423b;
		margin-bottom: .5em;
	}
	#content_sub p.more
	{
		margin-top: 20px;
	}
	#content_sub ul,
	#content_sub ul
	{
		margin: 10px 0 10px 20px;
		list-style: disc;
	}
	#content_sub ul li
	{
		margin: 0 0 10px 0;
	}
	#content_sub ol
	{
		margin: 10px 0 10px 10px;
	}
	#content_sub ol li
	{
		list-style-type: decimal;
		margin: 0 0 10px 20px;
	}

	/* signup form */
	
	#ccoptin
	{
		position: relative;
		height: 30px;
		width: 100%;
		display: block;
	}
	#ccoptin #signup-email
	{
		width: 100px;
		height: 16px;
		padding: 5px 2px;
		border: solid 1px #A64433;
		position: absolute;
		top: 0px;
		left: 0px;
	}
	#ccoptin #signup-submit
	{
		position: absolute;
		top: 0px;
		left: 108px;
	}
	
	
	
/*
** footer
*/

	#site_info
	{
		clear: both;
		display: block;
		position: relative;
		background: #658d9e;
		padding: 10px 0;
		width: 100%;
	}
	#site_info h2
	{
		display: none;
	}
	/* contact info section */
	#site_info .contact
	{
	}
	#site_info .contact p,
	#site_info .contact a,
	#site_info .contact a:visited
	{
		color: #fff;
		font-weight: bold;
	}
	/* legal section */
	#site_info .legal
	{
		position: absolute;
		top: 10px;
		right: 10px;
		text-align: right;
		font-size: 90%;
	}
	#site_info .legal p,
	#site_info .legal a,
	#site_info .legal a:visited
	{
		color: #d4dfe4;
	}
	#site_info #phil
	{
	}

	/* followus links */
	#site_info #followus
	{
		width: 190px;
		height: 45px;
		background: url(/images/followus.png) 0px 0px no-repeat;
		position: absolute;
		top: 10px;
		left: 50%;
		margin-left: -125px;
	}
	#followus a
	{
		position: absolute;
		top: 5px;	
		font-size: 0px;
		text-indent: -9999px;
	}
	#followus-facebook
	{
		width: 113px;
		height: 35px;
		left: 57px;
	}
	#followus-twitter
	{
		width: 100px;
		height: 35px;
		left: 171px;
	}
	
	
	
	