@charset "UTF-8";
/* CSS Document */

/*        STANDARDIZING CONTROLS        */

* { margin:0; padding:0; } /* Normalizes margins and padding */
body { font:12px Verdana, Arial, Helvetica, sans-serif;  } /* Sets default font size and family */
h1,h2,h3,h4,h5,h6 { font-size:100%; font-family: Verdana, Arial, Helvetica, sans-serif; } /* Normalizes font-size for headers */
ol,ul { list-style:none; } /* Removes list-style from lists */
address, caption, cite, code, dfn, th, var { font-style:normal; font-weight:normal; } /* Normalizes font-style and font-weight */
table { border-collapse:collapse; border-spacing:0; } /* Normalizes border elements */
fieldset, img { border:0; } /* Removes border from fieldset and img */
caption, th { text-align:left; } /* Left-aligns text in caption and th */
q:before, q:after { content:''; } /* Removes quotation marks from q */
a { border:0; text-decoration:none; }
strong	{ font-weight:bold; }
em		{ font-style:italic; }


/* LAYOUT STYLES */

body	{ background:#c7d4d9 url(../images/bkg/site-bkg_01.gif) top center repeat-x; }

div#site_container	{ position:relative; width:960px; margin-left:auto; margin-right:auto; }

div#site_container h1 { position:absolute; width:220px; height:294px; background:url(../images/brand/logo-50_01.png) top left no-repeat; z-index:99; left:30px; top:0; }

h1 a { position:absolute; text-indent:-9999px; width:220px; height:294px; }


/* ROTATOR */

div#div_rot	{ width:100%; height:59px; }
div#rot_brdr	{ background:url(../images/brand/rotator-bkg-brdr_01.png) top center no-repeat; padding:7px 7px 11px 12px; }
div#rotator	{ background:url(../images/brand/rotator-bkg-img_02.jpg) top left no-repeat; width:936px; height:246px; }

div#rotator table { margin:0 0 0 258px; }
td#rotator_main	{ padding-top:5px; }
td#rotator_main	img	{ background:url(../images/brand/interior-brdr_01.png) top left no-repeat; padding:15px 15px 10px 15px; }
td#rotator_thmb	{ padding:0 20px 0 0; }
td#rotator_thmb img	{ padding:8px 8px; background:url(../images/brand/thumb-brdr_01.png) top left no-repeat; }

/* NAV */

div#nav	{ position:absolute; top:0; left:275px; }

ul.menu { list-style:none; margin:0; padding:0; z-index:101; }
ul.menu * { margin:0; padding:0; z-index:101; }
ul.menu a { display:block; color:#000; text-decoration:none; z-index:101; }
ul.menu li { position:relative; float:left; margin-right:2px; z-index:101; }
ul.menu ul { position:absolute; top:43px; left:0; background:#d1d1d1; display:none; opacity:0; list-style:none; z-index:101; }
ul.menu ul li { position:relative; border:1px solid #0f5b8d; border-top:none; width:170px; margin:0; z-index:101; }
ul.menu ul li a { position:inherit; display:block; padding:3px 7px 5px; background-color:#c6e8ff; z-index:101; }
ul.menu ul li a:hover { position:inherit; background-color:#fff2c9; z-index:101; }
ul.menu ul ul { position:inherit; left:148px; top:-1px; z-index:101; }
ul.menu .menulink { position:inherit; border:1px solid #0f5b8d; padding:5px 7px 7px; font-weight:bold; width:134px; z-index:101; }
ul.menu .menulink:hover, ul.menu . z-index:101;menuhover {  position:inherit; z-index:101; }
ul.menu .sub { position:inherit; background:#c6e8ff; }
ul.menu .topline { position:inherit; border-top:1px solid #0f5b8d; z-index:101; }

ul.menu .menulink_about 		{ position:inherit; background:url(../images/nav/nav-about_01.gif) top left no-repeat; width:127px; height:42px; text-indent:-9999px; margin-right:39px; z-index:100; }
ul.menu .menulink_whatsnew 		{ background:url(../images/nav/nav-whats-new_01.gif) top left no-repeat; width:101px; height:42px; text-indent:-9999px; margin-right:44px; z-index:100; }
ul.menu .menulink_facilities 	{ background:url(../images/nav/nav-facilities_01.gif) top left no-repeat; width:78px; height:42px; text-indent:-9999px; margin-right:52px; z-index:100; }
ul.menu .menulink_services 		{ background:url(../images/nav/nav-services_01.gif) top left no-repeat; width:69px; height:42px; text-indent:-9999px; margin-right:48px; z-index:100; }
ul.menu .menulink_contact 		{ background:url(../images/nav/nav-contact_01.gif) top left no-repeat; width:94px; height:42px; text-indent:-9999px; z-index:100; }





/* CONTENT */
div#content	{ padding-top:7px; }
div#content_top	{ background:url(../images/bkg/cntnt-top_01.png) top center no-repeat; width:960px; height:25px; }
div#content_mid	{ background:url(../images/bkg/content-bkg_02.png) bottom center repeat-y; width:960px; }
div#content_btm	{ background:url(../images/bkg/cntnt-btm_01.png) top center no-repeat; width:960px; height:40px;  }

td#content_left		{ padding:0 31px 0 40px; }
td#content_left img	{ margin:0 6px 1.4em 6px; }

td#content_center	{ padding:8px 0 0 0; }
div.center_text		{ background:url(../images/bkg/content-center-text-bkg.png) top left no-repeat; padding:10px 6px 6px 6px; }
div.center_text img	{ margin-bottom:1.4em; }
div.center_contain	{ padding:0 14px 50px 14px; background:url(../images/bkg/content-center-div.png) bottom left no-repeat; }
div.center_contain_non	{ padding:0 14px; }


td#content_right	{ padding:8px 40px 0 30px; }
div.right_top { height:7px; background:url(../images/bkg/content-right-text-top.png) top left no-repeat; margin:0; }
div.right_bkg { background:url(../images/bkg/content-right-text-bkg.png) bottom left repeat-y; margin:0 0 1.8em 0; padding-bottom:.5em; }



/* SITE INFO */
div#site_info		{ background:url(../images/bkg/ftr-bkg_01.png) top center no-repeat; margin-top:7px; }
td#info_address		{ text-align:left; width:271px; }
td#info_links		{ text-align:center; width:476px; }
td#info_logo		{ text-align:center; width:213px; padding-top:10px; padding-bottom:10px; }

div#site_info		{ color:#d3d3d3; font-size:10px; font-weight:bold; }
td#info_address p	{ margin:40px 37px 1.2em 60px; }
td#info_links p		{ margin:40px auto 1.2em auto; }

td#info_links a, td#info_links a:visited { color:#e8e8e8; text-decoration:none; }
td#info_links a:hover, td#info_links a:active	{ color:#bbddff; text-decoration:underline; }



/*        SPECIAL USE        */

img.img-lft						{ float:left; margin:0 12px 12px 0; }
img.img-rgt						{ float:right; margin:0 0 12px 12px; }

#content_left h3				{ width:200px; height:29px; text-indent:-9999px; margin-bottom:1.4em; }
#content_left h3.latest_news	{ background:url(../images/headers/content-left/latest-news.png) top left no-repeat; }
#content_left h3.careers		{ background:url(../images/headers/content-left/careers.png) top left no-repeat;  }
#content_left h3.site_search 	{ background:url(../images/headers/content-left/site-search.png) top left no-repeat; }

#content_center h3				{ height:12px; text-indent:-9999px; margin:0 0 1.4em 0; }
#content_center h3.tri_city		{ background:url(../images/headers/content-center/tri-city-regional-port-district.png) top left no-repeat; }
#content_center h3.rivers_edge	{ background:url(../images/headers/content-center/rivers-edge-development.png) top left no-repeat; }
#content_center h3.about		{ background:url(../images/headers/content-center/about.png) top left no-repeat; }
#content_center h3.whats_new	{ background:url(../images/headers/content-center/whats-new.png) top left no-repeat; }
#content_center h3.facilities	{ background:url(../images/headers/content-center/facilities.png) top left no-repeat; }
#content_center h3.services		{ background:url(../images/headers/content-center/services.png) top left no-repeat; }
#content_center h3.contact		{ background:url(../images/headers/content-center/contact.png) top left no-repeat; }
#content_center h3.tiger		{ background:url(../images/headers/content-center/tiger.png) top left no-repeat; }
#content_center h3.pubnotice	{ background:url(../images/headers/content-center/publicnotice.png) top left no-repeat; }
div.center_div					{ background:url(../images/bkg/content-center-div.png) bottom left no-repeat; height:72px; }

#content_right h3 				{ height:15px; text-indent:-9999px; margin:0 0 1em 0; }
#content_right h3.site_search 	{ background:url(../images/headers/content-right/site-search.png) top left no-repeat; }
#content_right h3.housing		{ background:url(../images/headers/content-right/housing.png) top left no-repeat; }
#content_right h3.location		{ background:url(../images/headers/content-right/location.png) top left no-repeat; }
#content_right h3.pubnotice2	{ background:url(../images/headers/content-right/publicnotice.png) top left no-repeat; }


div#SEARCHOUT					{ margin:0 20px 0 20px; }
div.search_field 				{ text-align:center; margin:0 0 .8em 0; }
div.search_button				{ text-align:right; margin:0 14px 1.8em 14px; }
div.clear						{ clear:both; height:0; }

.hidden-pic	{display:none;} /* For preloading rotator images */



/* TEXT STYLES AND COLORS */

#content_left p		{ margin:0 6px 1.2em 6px; font-size:10px; color:#151515; }
#content_left p.headline, #content_left p.headline a, #content_left p.headline a:visited	{ text-transform:capitalize; font-weight:bold; color:#5c490d; font-size:11px; margin-bottom:.6em; }
#content_left p.headline a:hover, #content_left p.headline a:active { color:#796013; text-decoration:underline; }
#content_left p.date		{ font-size:10px; color:#333333; }
#content_left a, #content_left a:visited	{ font-size:10px; font-weight:bold; color:#aa8719; text-decoration:none; }
#content_left a:hover, #content_left a:active	{ color:#796013; text-decoration:underline; }

#content_center p	{ margin:0 6px 1.2em 6px; color:#333333; }
#content_center a, #content_center a:visited { color:#0b3f63; font-weight:bold; text-decoration:none; }
#content_center a:hover, #content_center a:active	{ color:#115e93; text-decoration:underline; }

#content_right p	{ margin:0 6px 1.2em 6px; font-size:11px; color:#333333; }
#content_right a, #content_right a:visited { color:#0f5a8d; font-weight:bold; text-decoration:none; }
#content_right a:hover, #content_right a:active	{ color:#1a84cc; text-decoration:underline; }


















