/*
	1515_CCH - Castle & Cooke Hawaii
	========================================================================

	media: screen, projection
	browser: all

	Legend:
	------------------------------------------------------------------------

	1 General
		links
		headings and paragraphs
		forms
		others

	2 General elements
	3 Layout

*/
 
/*  [1] General ============================================================  */
 

	/* global reset */

	html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre, a,
	abbr, acronym, address, big, cite, code, del,
	dfn, em, font, img, ins, kbd, q, s, samp, small,
	strike, strong, sub, sup, tt, var, b, u, i,
	center, dl, dt, dd, ol, ul, li, fieldset, form,
	label, legend, table, caption, tbody, tfoot,
	thead, tr, th, td {
		margin: 0;
		padding: 0;
		border: 0; 
		outline: 0;
		font-size: 100%;
		vertical-align: baseline;
		background: transparent;
	}

	body {
		line-height: 1;
	}

	ol, ul {
		list-style: none;
	}

	blockquote, q {
		quotes: none;
	}

	blockquote:before, blockquote:after, q:before, q:after {
		content: '';
		content: none;
	}

	:focus {
		outline: 0;
	}

	ins {
		text-decoration: none;
	}

	del {
		text-decoration: line-through;
	}
	
	span.highlight {
		background-color: #ff9;
	}

	table {
		border-collapse: collapse;
		border-spacing: 0;
	}

	html {
		font-size: medium;
	}

	body {
		color: #808285;
		font-family: Georgia, "Times New Roman", Times, serif; /*"Helvetica Neue", Helvetica, Verdana, Arial, sans-serif;*/
		font-weight: normal;
		font-style: normal;
		font-variant: normal;
		font-size: 12px;
		line-height: 1.4;
		background: #E0DCD1 url('../img/bg.jpg') repeat-x;
		text-align: center;
	}
	
	/*  links ---------------------------------------------------------  */
	
	a {
		color: #900 !important;
		text-decoration: underline !important;
	}
	
	a:hover {
		text-decoration: underline;
	}
	
	
	 
	/*  headings and paragraphs ---------------------------------------  */
	h1, h2, h3, h4, h5, h6 {
		margin: 1em 0 0.5em;
		padding: 0;
		font-weight: normal;
		color: #900;
	}
	
	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
		color: #900 !important;
		text-decoration: none !important;
	}
	
	h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
		text-decoration: underline !important;
	}
	
	h1 {
		margin: 0 0 1em 0;
		font-size: 1.9em;
/*		line-height: 1.2;*/
		color: #7fabd3;
	}
	
	h2 {
		margin: 1em 0 0.1em 0;
		font-size: 1.5em;
		color: #222;
	}
	
	h3 {
		margin: 0.6em 0 0.1em;
		font-size: 1.3em;
		color: #900;
	}
	
	h4 {
		margin: 1.2em 0 0.4em 0;
		font-size: 1.1em;
		color: #993;
		margin-bottom: 2px;
	}
	h4 a {
		color: #993 !important;
	}
	h4.first {
		margin: 0;
		color: #999;
	}
	h4.first a {
		color: #999 !important;
	}
	
	h5 {
		margin: 0.1em 0 0.7em 0;
		font-size: 1.2em;
		line-height: 1.3;
		font-weight: normal;
		color: #444;
	}
	
	h6 {
		margin: 0.7em 0 0.1em;
		font-size: 1em;
		font-weight: bold;
		color: #222;
	}
	
	p {
		margin-bottom: 1.2em;
	}
	
	ul, ol {
		padding-bottom: 1em;
		padding-top: 0;
		color:#777;
	}

	ul {
		padding-left: 0;
		list-style: disc outside;
		margin-left: 0;
	}

	ol {
		padding-left: 0;
		list-style: decimal outside;
		margin-left: 0;
	}

	ul.narrow, ol.narrow {
		padding-left: 2em;
		width: 30em;
	}

	li {
		line-height: 1.3;
		margin-left: 3em;
		padding-bottom: 0.5em;
	}

	/*  forms ---------------------------------------------------------  */
	
	input, textarea, select {
		color: #333;
		font: normal normal 1em/1.3 "Helvetica Neue", Helvetica, Verdana, Arial, sans-serif;
	}
	
	/*  others --------------------------------------------------------  */
	
	hr {
		display: none;
	}

/*  [2] General elements ====================================================  */


	/* clearfix */
	.clearfix:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}

	/* image replacement */

	/* gilder method  */
	
	.ir {
		display: block;
		overflow: hidden;
		position: relative;
	}
	
	.ir span {
		display: block;
		position: absolute;
		left: 0px;
		top: 0px;
		width: 100%;
		height: 100%;
		overflow: hidden;
		background: transparent no-repeat left top;
	}

	/* phark method */
	
	.ir_p {
		display: block;
		overflow: hidden;
		background: transparent no-repeat left top;
		text-align: left;
		text-indent: -1000em;
	}
	
	br.clear {
		clear: both;
		font-size: 0;
		height: 0;
		line-height: 0;
		overflow: hidden;
	}
	
	.hidden {
		display:none;
	}
	.floatright{
		float: right;
	}
	img.alignleft {
		margin: 0 15px 5px 0;
		float: left;	
	}
	img.alignright {
		margin: 0 0 5px 15px;
		float: right;	
	}


/*  [3] Layout ==============================================================  */


	#content-nav {
		position: absolute;
		left: -1000em;
		top: -1000em;
	}
	
	#outer {
		background: url('../img/bg-outer.gif') center top repeat-y;
	}
	
	#container {
		margin: 0 auto 0; padding: 0;
		width: 950px;
	}

	#wrapper, #header {
		text-align: left;
		margin: 0 auto;
		padding: 0;
		width: 955px;
	}
	
	#header {
		height: 237px;
		overflow: hidden;
	}
	
	body.home #header {
		height: 199px;
	}
	body.interior, body.section, body.calendar_view, body.map {
		background-image: url('../img/bg_interior.jpg');
	}
 	#interior_bottom{
		position: relative;
		top: -5px;
	}
/*	#wrapper {
		width: 955px;
		padding: 27px 28px 50px 29px;
		background-color: #fff;
	}
*/	
		
	#topnav {
		height: 38px; /*42px*/
		padding: 0px 18px 0px;
	}
	#topnav form {
		float: left;
		font: 10px Tahoma, Arial, Verdana, sans-serif;
	}
	#topnav ul, #topnav li {
		margin:0;
		padding:0;
		list-style-type:none;
	}
	
	#topnav ul {
		position: relative;
		top: 5px;
		float: right;
		margin-right: 442px;
	}
	
	#topnav li {
		display: inline;
		line-height: 20px;
	}
	
	#topnav li a {
			position: absolute;
			display: block;
			top: 3px;
			height:30px;
			background:url("../img/topTabs.gif") no-repeat;
			text-indent:-9000px;
		}
	
	#topnav #topnav_search_link a{
		left: 0px;
		width: 87px;
		background-position: 0px 0px;
	}
	#topnav #topnav_contact_link a{
		left: 87px;
		width: 100px;
		background-position: -87px 0px;
	}
	#topnav #topnav_register_link a{
		left: 187px;
		width: 265px;
		background-position: -187px 0px;
	}
		
	#topnav a {
		color: #a6bf97 !important;
		text-decoration: none !important;
		padding: 0 7px;
	}
	
	#topnav form {
		position: relative;
		top: 7px;
	}
	#topnav form input.text {
		width: 113px;
		height: 18px;
		background: url("../img/up_input_bg.gif") no-repeat;
		border: 0;
		margin: 0 10px 0 4px;
	}
	#topnav form input.button {
		position: relative;
		top: 7px;
		left: 9px;
	}
	
	#topnav form legend {
		display: none;
	}
	
	#mainnav{
		height: 157px;
	}
	
/*	#ccnav {
		position: relative;
		top: -1px;
	}
*/		
	#top {
		float: left;
		width:672px;
		overflow: hidden;
		padding: 0px 3px 0px 3px;
		background: url("../img/main_bg.png") repeat-y;
	}
	
	#main {
		background: url("../img/bkg_wrapper.gif") no-repeat;
		position: relative;
		padding: 3px 22px 35px 23px;
	}
	#wrapper {
		background: url("../img/content_bg.jpg") repeat-y;
		position: relative;
	}
	body.home #main {
		padding: 0px;
	}
	
	#content {
		float: left;
		width: 662px;
		padding: 0px 15px 35px 18px;
		background: url("../img/main_bg.png") repeat-y;
	}
	#calendar_content {
		float: left;
		width: 450px;
		padding: 0px 15px 35px 18px;
		background: url("../img/cal_bg.png") repeat-y;
	}
	#calendar_center_foot{
		margin-left: 230px;
	}
	body.home #content {
		margin-top: 0;
		padding: 0;
		padding-bottom: 5px;
		width: auto;
		float: none;
		background: url("../img/content_bg.jpg") repeat-y;
	}
	/* ============ */
	/* = Calendar = */
	/* ============ */
	body.calendar_view #content{
		float: none;
		background: url("../img/cal_bg.png") repeat-y;
		margin-left: 230px;
		width: 416px;
	}
	body.calendar_view #left_sidebar{
		float: left;
		width: 217px;
	}
	body.interior #content, body.section #content, body.map #content {
		width: 640px;
		padding-right: 20px;
		font-size: 14px;
	}
	body.calendar_view .date_listing{
		padding-top: 24px;
	}
	body.calendar_view .date_listing ul, body.calendar_view .date_listing li{
		padding: 0;
		margin: 0;
		list-style: none;
	}
	body.calendar_view .date_listing li.date{
		margin-bottom: 1em;
	}
	ul.events li a{
		font-size: 18px;
		color: #84aacf !important;
		text-decoration: none !important;		
	}
	ul.events li span.date a{
		display: block;
		font-size: 13px;
		color: #4d4f4e !important;
		text-decoration: none !important;
	}
	ul.events li span.date a:hover, ul.events li a:hover{
		text-decoration: underline !important;
	}
	#single_day	#events .title h2{
		padding-top: 10px;
		margin-top: 0;
	}
	#single_day #date_display{
		color:#7FABD3;
		font-size:1.9em;
		margin:0 0 0.3em;
		padding-top: 0.6em;
	}
	#single_day #date_display .full_month{
		font-size: 0.6em;
	}
	#footer {
		width: 908px;
		background: url("../img/footer.jpg") no-repeat;
		padding: 15px 30px 0px 25px;
		font-size: 12px;
	}
	
	#footer p {
		font-size: 10px;
		margin-bottom: 2em;
	}
	
	#footer a {
		margin: 0 5px;
		color: #6d6e71 !important;
		text-decoration: underline !important;
	}
	
	#footer a:hover {
		text-decoration: none;
	}