/* ********** [ GENERAL ] ********** */

body {
	margin: 0px; padding: 0px;
	cursor: default;
	background: #000000; }

div.clear {
	clear: both; }



/* ********** [ PAGE ] ********** */

div#page_wrap {
	margin: 0px auto;
	width: 960px;
	background: #ffffff;
	height:auto !important;
	overflow:hidden; }

	div#page {
		padding: 7px; }

#menuLogoWp{float:left; width:946px; height:166px; }
#logo{ float:left; background:url(norcal-logo.jpg) no-repeat; width:243px; height:166px;}

div#signwp{float:left; position:relative; width:254px; height:41px; top:178px; left:38px;}
div#signup{ float:left; position:relative; idth:147px; height:41px; margin-right:12px;}
div#signup a{ width:147px; height:41px; display:block;}

div#bevents{ float:left;width:89px; height:41px;}
div#bevents a{ width:89px; height:41px; display:block;}

#navigation{float:left; margin-right:5px; margin-top:25px; width:690px; height:27px;}
#navigation ul
		{
		margin:0px;
		padding:0px;
		list-style: none;
		float:right;
		}
		#navigation li
			{
			background-position:left;
			float: left;
			margin: 0px;
			margin-right:2px;
			padding:0px;
			height: 27px;
			}
		#navigation li a
			{
			text-decoration: none;
			text-indent: -10000px;
			height: 27px;
			float:left;
			}
		#navigation li a:hover
			{
			text-decoration: none;
			text-indent: -10000px;
			background-position:left;
			height:27px;
			float:left;
			}
			
	/* @group Buttons */
			.home, .home a
				{
				background: url(home.gif) left;
				width:95px;
				}
			.home a:hover
				{
				background: url(home-hover.gif) left;		
				}
			.homecurrent
				{
				background: url(home-hover.gif) left;
				width: 95px;				
				}
			.news, .news a
				{
				background: url(news.gif) left;
				width:74px;
				}
			.news a:hover
				{
				background: url(news-hover.gif) left;
				}
			.newscurrent
				{
				background: url(news-hover.gif) left;
				width: 189px;
				}	
				
			.gallery, .gallery a
				{
				background: url(gallery.gif) left;
				width:95px;
				}
			.gallery a:hover
				{
				background: url(gallery-hover.gif) left;
				width:95px;
				}
				
			.testimonials, .testimonials a
				{
				background: url(testimonials.gif) left;
				width:117px;
				}
			.testimonials a:hover
				{
				background: url(testimonials-hover.gif) left;
				width:117px;
				}
			.signup, .signup a
				{
				background: url(signup.gif) left;
				width:95px;
				}
			.signup a:hover
				{
				background: url(signup-hover.gif) left;
				}
			.signupcurrent
				{
				background: url(signup-hover.gif) left;
				width:95px;
				}
				
				.event, .event a
				{
				background: url(events.gif) left;
				width:95px;
				}
			.event a:hover
				{
				background: url(events-hover.gif) left;
				}
			.eventcurrent
				{
				background: url(events-hover.gif) left;
				width:95px;
				}
				
				.search, .search a
				{
				background: url(search.gif) left;
				width:95px;
				}
			.search a:hover
				{
				background: url(search-hover.gif) left;
				}
			.searchcurrent
				{
				background: url(search-hover.gif) left;
				width:95px;
				}
				
				.logout, .logout a
				{
				background: url(logout.gif) left;
				width:84px;
				}
			.logout a:hover
				{
				background: url(logout-hover.gif) left;
				}
			.logoutcurrent
				{
				background: url(contact-hover.gif) left;
				width:84px;
				}
				
				.myprofile, .myprofile a
				{
				background: url(profile.gif) left;
				width:95px;
				}
			.myprofile a:hover
				{
				background: url(profile-hover.gif) left;
				}
			.myprofilecurrent
				{
				background: url(profile-hover.gif) left;
				width:95px;
				}					
		/* @button end */
	/* @navigation end*/

/* ********** [ HEADER ] ********** */

div#header_wrap {
 }

	div#header_main {
		margin: 0px 5px 0px 0px;
		width: 661px;
		height: 236px;
		position: relative;
		float:left;
		background: #e2ba00 url('header_bg.jpg') no-repeat; }

		

	div#headernav {
		margin: 0px 5px 0px 0px;
		width: 661px;
		height: 38px;
		float: left;
		background: #e2ba00 url('header_navbar_bg.gif') no-repeat; }

		div#headernav ul {
			margin: 0px 0px 0px 10px;
			padding: 0px;
			height: 38px;
			list-style-type: none; }

			div#headernav ul li {
				margin: 0px; padding: 0px;
				float: left;
				font: 12px/38px tahoma;
				color: #ffffff; }

				div#headernav ul li a {
					padding: 0px 10px;
					height: 38px;
					display: block;
					float: left;
					font: 12px/38px tahoma;
					color: #ffffff;
					text-decoration: none; }

					div#headernav ul li a:hover {
						color: #e2ba00; }

	div#header_search {
		width: 270px;
		height: 236px;
		float: right;
		background: #343434 url('header_search_bg.jpg') no-repeat; }

		div#header_search h5 {
			margin: 8px 0px 0px 18px;
			padding: 0px;
			font: bold 14px tahoma;
			color: #e2ba00; }

			div#header_search h5 span { }

		div#header_search div#header_search_form {
			margin: 20px 0px 0px 18px;
			padding: 0px; }

			div#header_search div#header_search_form select.select {
				width: 240px; }

	div#usernav {
		width: 661px;
		height: 28px;
		float: left;
		border-bottom: 3px solid #585858;
		background: #414141 url('content_bg_top.gif') no-repeat; }

		div#usernav ul {
			margin: 0px 0px 0px 15px;
			padding: 0px 0px 3px 0px;
			list-style-type: none; }

			div#usernav ul li {
				margin: 0px;
				float: left; }

			div#usernav ul li a {
				margin: 0px;
				padding: 0px 6px;
				height: 28px;
				display: block;
				float: left;
				font: 11px/28px tahoma;
				color: #b2b2b2;
				text-decoration: none; }

				div#usernav ul li a:hover {
                	color: #ffffff; }

/* ********** [ FOOTER ] ********** */

div#footer_wrap {
	height: 80px;
	background: url('footer_bg.gif') repeat-x; }

	div#footer {
		font: 12px/41px tahoma;
		color: #808080;
		text-align: center; }

		div#footer a {
			font: 12px/41px tahoma;
			color: #808080;
			text-decoration: none; }

		div#footer a:hover {
			color: #d0a200; }


/* ********** [ CONTAINER ] ********** */

div#container_wrap {
	margin: 5px 0px;
	padding: 0px;
	width: 946px; }

  	div#container { }


/* ********** [ SIDEBAR ] ********** */

div#sidebar_wrap {
	margin: 0px;
	padding: 0px;
	width: 280px;
	float: right; }

  	div#sidebar { }


/* ********** [ CONTENT ] ********** */

#content_wrap {
	margin: 0px 5px 0px 0px;
	padding: 0px;
	float: left;
	width: 661px;
	background: #4f4f4f; }

  	#content { }


/* ********** [ MESSAGES ] ********** */

div#info_message {
	margin: 10px;
	padding: 10px;
    font: 12px tahoma;
	color: #c3f7c3;
    background-color: #414141;
    border-top: 1px #585858 solid;
    border-bottom: 1px #585858 solid; }

	div#info_message a {
		font: 12px tahoma;
		color: #c3f7c3;
		text-decoration: none; }

	div#info_message a {
		text-decoration: underline; }

div#error_message {
	margin: 10px;
	padding: 10px;
    font: 12px tahoma;
	color: #f7c3c3;
    background-color: #414141;
    border-top: 1px #585858 solid;
    border-bottom: 1px #585858 solid; }

	div#error_message a {
		font: 12px tahoma;
		color: #f7c3c3;
		text-decoration: none; }

	div#error_message a {
		text-decoration: underline; }

