/* **********************
*************************
***********************
********************

Give Color Description For Website Layout ....



*****************         Universal StyleSheet  --  Start */

* { margin: 0; padding: 0; }

img { border: none; } 

body { 
	padding: 0 0 20px;
	background: #FFFFEE url("images/title.gif") repeat-x 0 100%;
	color: #333;
	font: 83%/1.5 Arial, Helvetica, sans-serif; }
	
p { 
	font: normal 1.05em Arial, Helvetica, sans-serif;
	line-height: 1.5em;
	text-indent: 25px;
	margin: 10px 0; }
	
#personal { 
	font: normal 1.00em Arial, Helvetica, sans-serif;
	width: 300px; 
	float: right; 
	border: solid 1px black; 
	padding: .50em; 
	margin: .90em; 
	text-align: justify;
	background: #C9E3EF url("images/bck.gif") repeat 100% 0; }
#centerpersonal { 
	font: normal 1.00em Arial, Helvetica, sans-serif;
	width: 300px; 
	float: right; 
	border: solid 1px black; 
	padding: .50em; 
	margin: .90em; 
	text-align: center;
	background: #C9E3EF url("images/bck.gif") repeat 100% 0; }
	
#personal span { 
	color: #263d3c; 
	font-weight: bold;
	line-height: 1.50em; }
	
#header { 
	background: #fff url("images/sprites2.gif") repeat-x 0 100%;
	margin: 0 0 25px;
	padding: 0 0 8px; }

#header #site-name {
	background-image: url(../gallery/ccw_logo.png);
	background-position: left;
	background-repeat: no-repeat;
	padding: 50px 0; }
	
#footer_new { 
	clear: both; 
	border-top: 1px solid #E3E8EE; 
	padding: 10px 0 0 30px; 
	font: bold 86% Arial, Helvetica, sans-serif;
	color: #999; 
	margin-top: 100px; }
	
#cover_border { 
	background-image: url(images/title2.gif); 
	background-repeat: repeat-x;
	width: 100%; }
	
/* -----------------------------------------------------------------------------     LINKS Start */
a,
a:link,
a:link,
a:link,
a:hover {
	background: transparent;
	text-decoration: underline;
	cursor: pointer; }
	 
a:link { color: #c00; } 

a:visited { color: #090; } 

a:hover,
a:active { color: #069; } 

#content a:hover, #content_ep a:hover { 
	color: #000000;
	background-color: #DDEEFF; }

	
/* -----------------------------------------------------------------------------     LINKS End */	

/* -----------------------------------------------------------------------------     Contact / Email Sign Up Start */
#search {
	color: #fff;
	font-weight: bold;
	position: absolute;
	top: 10px;
	right: 10px;
	left: auto;
	width: 22em; }

#search input { 
	width: 8em; 
	margin: 0 0 -1px;
	height: 1.2em; }

#search label {
	padding: 5px 0 0;
	display: inline;
	float: left;
	width: 100%; }

#search input.f-submit {
	width: auto;
	font-size: 81%;
	margin: 0 0 -.15em;
	height: 1.95em; 
	padding: 1px 3px;
	background: #666;
	color: #fff;
	font-weight: bold; }
	
form { margin: 0 0 1.5em }

input {
	font-family: arial,tahoma,verdana,sans-serif;
	margin: 2px 0; }

fieldset { border: none; }

label {
	display: block;
	padding: 5px 0; }
	
label br { clear: left; }

input.f-submit {
	padding: 1px 3px;
	background: #666;
	color: #fff;
	font-weight: bold;
	font-size: 96%; }
	
/* -----------------------------------------------------------------------------      Contact / Email Sign Up End */

/* -----------------------------------------------------------------------------      NAV - top horizontal nav  Start */

/* To Keep a Red Line Through bottom portion */

#nav,
#nav ul {
	padding: 0;
	margin: 0;
	list-style: none; }
	
#nav {
	font-weight: bold;
	height: 2.09em;
	font: bold 98% arial; 
	margin: 0 105px 0 40px; }
	
#nav li {
	position: relative;
	background: #8da7b3;
	float: left;
	width: 10em;
	display: block;
	margin: 0;
	border-bottom: 3px solid #515456;
	/*border-right: 3px solid #3f0;*/
	margin-right: 3px;
	padding: 0; }
	
#nav a,
#nav a:link,
#nav a:visited,
#nav a:hover,
#nav a:active {
	text-decoration: none;
	cursor: pointer;
	color: #fff;
	display: block;
	padding: 4px 10px 2px; }
	
#nav a:hover { color:#000; }

#nav li ul {
	border-left: 1px solid #0069cc;
	background: #f6f6f6 url("images/featurebox_bg.gif") no-repeat 100% 100%;
	width: 15.8em;
	font-size: 90%;
	margin-top: 3px;
	position: absolute;
	font-weight: normal;
	left: -999em; }
	
#nav li:hover ul,
#nav li.sfhover ul {
	left: 0;
	z-index: 9999; }

#nav li li {
	background: none;
	float: none;
	border: none;
	border: 1px solid #999;
	border-top: 1px solid #fff;
	border-right: none;
	border-left: none;
	padding-left: 0; }
	
#nav li li.last { border-bottom: none; }

#nav li li a,
#nav li li a:link,
#nav li li a:visited,
#nav li li a:hover {
	color: #000;
	padding: 3px 10px 2px;
	width: 14em; }
	
#nav li li a:hover {
	color: #fff;
	background: #0069cc; }

#nav li.active {
	background: #B39C8D;
	border-bottom: 3px solid #B39C8D; }

#nav li.active ul {
	border: none; 
	background: #0069cc url("images/featurebox3_bg.gif") no-repeat 100% 100%; }

#nav li.active a:link,
#nav li.active a:visited,
#nav li.active a:hover,
#nav li.active a:active {}

#nav li.active a:hover { color: #000; }

#nav li.active li {
	border: none;
	border-top: 1px solid #263d3c;
	border-left: 1px solid #000;
	border-bottom: 1px solid #fff9e4; }
	
#nav li.active li.last { border-bottom: none; }

#nav li.active li a:link,
#nav li.active li a:visited,
#nav li.active li a:hover,
#nav li.active li a:active { color: #000; }

#nav li.active li a:hover {
	background: #666 url("images/sprites.gif") repeat-x 0 99%;
	color: #fff; }

#nav li.active li.active a:link,
#nav li.active li.active a:visited,
#nav li.active li.active a:hover,
#nav li.active li.active a:active {
	color: #fff;
	font-weight: bold;
	background: #666 url("images/sprites.gif") repeat-x 0 99%; }

/* hide from IE mac \*/
#nav li { width:auto; }
/* end hiding from IE5 mac */
/* -----------------------------------------------------------------------------      NAV - top horizontal nav  End */

/* -----------------------------------------------------------------------------      NAV - Secondary Left Side Start */
#nav-secondary_s, 
#nav-secondary_s ul { position: static; }

#nav-secondary_s, 
#nav-secondary_s li { 
	list-style: none;
	margin: 0;
	padding: 0;
	background: #FFFFEE; }
	
#nav-secondary_s {
	padding-top: 0;
	border-top: 1px solid #ccc;
	margin-top: 1px; }
	
#nav-secondary_s a {
	line-height: 1.8;
	padding: 5px 0 5px 23px;
	/*background: #fff; url("images/sprites.gif") no-repeat 10px -695px;*/
	font: bold 90% arial;
	display: block; }
	
#nav-secondary_s a,
#nav-secondary_s a:link,
#nav-secondary_s a:visited,
#nav-secondary_s a:hover,
#nav-secondary_s a:active {
	text-decoration: none;
	cursor: pointer; }
	 
#nav-secondary_s a:link,
#nav-secondary_s a:visited,
#nav-secondary_s a:hover { color:#0069cc; /*background: #fee url("images/sprites.gif") no-repeat 10px -695px*/ } 

#nav-secondary_s li.active a:link,
#nav-secondary_s li.active a:visited,
#nav-secondary_s li.active a:hover,
#nav-secondary_s li.active a:active { color: #0069cc; }
 
#nav-secondary_s li {
	border-top: 1px solid #fff;
	border-bottom: 1px solid #ccc; }

/* 2nd TIER */
#nav-secondary_s ul { 
	margin: 0 0 1em 23px;
	padding: 0; }
	
#nav-secondary_s li.active li a, 
#nav-secondary_s li.active li a:link, 
#nav-secondary_s li.active li a:visited { 
	line-height: 1.5;
	background: #FFFFEE url("images/sprites.gif") no-repeat 0 -798px;
	padding: 0 0 0 12px;
	font-weight: normal;
	width: auto;
	color: #000;
	width: 130px;
	display: block; }
	
#nav-secondary_s li.active li a:hover,
#nav-secondary_s li.active li a:active { color: #0069cc; }

#nav-secondary_s li.active li {
	border: none;
	margin: 0; }

#nav-secondary_s li.active li.active a:link, 
#nav-secondary_s li.active li.active a:visited, 
#nav-secondary_s li.active li.active a:hover, 
#nav-secondary_s li.active li.active a:active { font-weight: bold; }

/* -----------------------------------------------------------------------------      NAV - Secondary Left Side End */


/* -----------------------------------------------------------------------------      NAV - Secondary Navigation Start */

/* SECONDARY NAVIGATION - vertical navigation */

#nav-secondary,
#nav-secondary ul { position: static; } 

#nav-secondary,
#nav-secondary li { 
	list-style: none; 
	margin: 0; 
	padding: 0; 
	background: #FFFFEE; }

#nav-secondary {
	padding-top: 0;
	border-top: 1px solid #ccc;
	margin-top: 1px; }
	
#nav-secondary a {
	line-height: 1.8;
	padding: 5px 0 5px 23px;
	/* background: #fff url("images/sprites.gif") no-repeat 10px -695px;*/
	font: bold 90% Arial, Helvetica, sans-serif;
	display: block; }
	
#nav-secondary a,
#nav-secondary a:link,
#nav-secondary a:visited,
#nav-secondary a:hover,
#nav-secondary a:active {
	text-decoration: none;
	cursor: pointer; }
	 
#nav-secondary a:link { color:#000; }

#nav-secondary a:visited { color:#000; } 

#nav-secondary a:hover {
 	color:#FF3300;
	/*background: #fee url("images/sprites.gif") no-repeat 10px -695px*/}
	 
#nav-secondary li.active a:link,
#nav-secondary li.active a:visited,
#nav-secondary li.active a:hover,
#nav-secondary li.active a:active { color:#FF3300; }
 
#nav-secondary li {
	border-top: 1px solid #fff;
	border-bottom: 1px solid #ccc; }

/* SECONDARY NAVIGATION - 2nd TIER */

#nav-secondary ul {
	margin: 0 0 1em 23px;
	padding: 0; }
	
#nav-secondary li.active li a,
#nav-secondary li.active li a:link,
#nav-secondary li.active li a:visited {
	line-height: 1.5;
	background: #FFFFEE url("images/sprites.gif") no-repeat 0 -798px;
	padding: 0 0 0 12px;
	font-weight: normal;
	width: auto;
	color: #000;
	width: 130px;
	display: block; }
	
#nav-secondary li.active li a:hover,
#nav-secondary li.active li a:active { color: #FF3300; }

#nav-secondary li.active li {
	border: none;
	margin: 0; }

#nav-secondary li.active li.active a:link, 
#nav-secondary li.active li.active a:visited, 
#nav-secondary li.active li.active a:hover, 
#nav-secondary li.active li.active a:active { font-weight: bold; }

/* SECONDARY NAVIGATION - 3rd TIER */
#nav-secondary ul ul {
	margin: 0 0 1em 13px;
	padding: 0; }
	
#nav-secondary li.active li.active li a,
#nav-secondary li.active li.active li a:link,
#nav-secondary li.active li.active li a:visited { width: 117px; }

#nav-secondary li.active li.active li a:link, 
#nav-secondary li.active li.active li a:visited, 
#nav-secondary li.active li.active li a:hover, 
#nav-secondary li.active li.active li a:active { font-weight: normal; }

#nav-secondary li.active li.active li.active a:link, 
#nav-secondary li.active li.active li.active a:visited, 
#nav-secondary li.active li.active li.active a:hover, 
#nav-secondary li.active li.active li.active a:active { font-weight: bold; }

/* SECONDARY NAVIGATION - 4th TIER */

#nav-secondary ul ul ul { 
	margin: 0 0 1em 13px; 
	padding: 0; }
	
#nav-secondary li.active li.active li.active li a,
#nav-secondary li.active li.active li.active li a:link,
#nav-secondary li.active li.active li.active li a:visited { width: 104px; }

#nav-secondary li.active li.active li.active li a:link, 
#nav-secondary li.active li.active li.active li a:visited, 
#nav-secondary li.active li.active li.active li a:hover, 
#nav-secondary li.active li.active li.active li a:active { font-weight: normal; }


#nav-secondary li.active li.active li.active li.active a:link, 
#nav-secondary li.active li.active li.active li.active a:visited, 
#nav-secondary li.active li.active li.active li.active a:hover, 
#nav-secondary li.active li.active li.active li.active a:active { font-weight: bold; }

/* events page NAVIGATION - vertical navigation */
#nav-secondary_ep, #nav-secondary_ep ul {position:static;}
#nav-secondary_ep, #nav-secondary_ep li {list-style-type: none; margin:0; padding:0;}
#nav-secondary_ep {padding-top:0;border-top: 1px dotted #ccc;margin-top: 1px}
#nav-secondary_ep a {line-height:1.8; font: bold 90% arial; display:block}
#nav-secondary_ep a, #nav-secondary_ep a:link, #nav-secondary_ep a:visited, #nav-secondary_ep a:hover, #nav-secondary_ep a:active {text-decoration:none;cursor:pointer} 
#nav-secondary_ep a:link {color:#000} 
#nav-secondary_ep a:visited {color:#000} 
#nav-secondary_ep a:hover {color:#FF3300;} 
#nav-secondary_ep li.active a:link, #nav-secondary_ep li.active a:visited, #nav-secondary_ep li.active a:hover, #nav-secondary_ep li.active a:active {color:#FF3300} 
#nav-secondary_ep li {border-top: 1px solid #fff;border-bottom: 1px solid #ccc}

/* events page NAVIGATION - 2nd TIER */
#nav-secondary_ep ul {margin: 0 0 1em 23px;padding:0}
#nav-secondary_ep li.active li a, #nav-secondary_ep li.active li a:link, #nav-secondary_ep li.active li a:visited {line-height:1.5;background: #fff url("images/sprites.gif") no-repeat 0 -798px;padding:0 0 0 12px;font-weight:normal;width:auto;color:#000;width:130px;display:block}
#nav-secondary_ep li.active li a:hover, #nav-secondary_ep li.active li a:active {color: #FF3300}
#nav-secondary_ep li.active li {border: none;margin:0}

#nav-secondary_ep li.active li.active a:link, 
#nav-secondary_ep li.active li.active a:visited, 
#nav-secondary_ep li.active li.active a:hover, 
#nav-secondary_ep li.active li.active a:active {font-weight:bold}

/* -----------------------------------------------------------------------------      NAV - Secondary Left Side End */


/* FORMS - general classes */
	input.f-submit {padding: 1px 3px;background:#666;color:#fff;font-weight:bold;font-size:96%}
	
	/* FORMS - f-wrap-1 - simple form, headings on left, form elements on right */
		form.f-wrap-1 {width:100%;padding: .5em 0;background: #f6f6f6 url("images/featurebox_bg.gif") no-repeat 100% 100%;border-top: 1px solid #d7d7d7;position:relative}
		form.f-wrap-1 fieldset {width:auto;margin: 0 1em}
		form.f-wrap-1 h3 {margin:0 0 .6em;font: bold 155% arial;color:#c00}
		form.f-wrap-1 label {clear:left;float:left;width:100%;border-top: 1px solid #fff}
		
		/* hide from IE mac \*/
		form.f-wrap-1 label {float:none}
		/* end hiding from IE5 mac */
	
		form.f-wrap-1 label input, form.f-wrap-1 label textarea, form.f-wrap-1 label select {width:15em;float:left;margin-left:10px}
		
		form.f-wrap-1 label b {float:left;width:8em;line-height: 1.7;display:block;position:relative}
		form.f-wrap-1 label b .req {color:#c00;font-size:150%;font-weight:normal;position:absolute;top:-.1em;line-height:1;left:-.4em;width:.3em;height:.3em}
		form.f-wrap-1 div.req {color:#666;font-size:96%;font-weight:normal;position:absolute;top:.4em;right:.4em;left:auto;width:13em;text-align:right}
		form.f-wrap-1 div.req b {color:#c00;font-size:140%}
		form.f-wrap-1 label select {width: 15.5em}
		form.f-wrap-1 label textarea.f-comments {width: 20em}
		form.f-wrap-1 div.f-submit-wrap {padding: 5px 0 5px 8em}
		form.f-wrap-1 input.f-submit {margin: 0 0 0 10px}
		
		form.f-wrap-1 fieldset.f-checkbox-wrap, form.f-wrap-1 fieldset.f-radio-wrap {clear:left;float:left;width:32em;border:none;margin:0;padding-bottom:.7em}
		form.f-wrap-1 fieldset.f-checkbox-wrap b, form.f-wrap-1 fieldset.f-radio-wrap b {float:left;width:8em;line-height: 1.7;display:block;position:relative;padding-top:.3em}
		form.f-wrap-1 fieldset.f-checkbox-wrap fieldset, form.f-wrap-1 fieldset.f-radio-wrap fieldset {float:left;width:13em;margin: 3px 0 0 10px}
		form.f-wrap-1 fieldset.f-checkbox-wrap label, form.f-wrap-1 fieldset.f-radio-wrap label {float:left;width:13em;border:none;margin:0;padding:2px 0;margin-right:-3px}
		form.f-wrap-1 label input.f-checkbox, form.f-wrap-1 label input.f-radio {width:auto;float:none;margin:0;padding:0}
		
		form.f-wrap-1 label span.errormsg {position:absolute;top:0;right:-10em;left:auto;display:block;width:16em;background: transparent url(images/errormsg_bg.gif) no-repeat 0 0}
		form.f-wrap-1 label span.errormsg b {padding: 10px 0;margin: 0 10px 0 30px;color:#B30800;font-weight:bold;display:block;width:auto;float:none;line-height:1.3}
		
		
		
		/* =input */
fieldset input { /*float : right;*/ width : 40%; border : 1px solid #99CCFF; background-color: #F0FCFF;}
fieldset input:hover { border-color : #000; }

fieldset #fname { width :40%; border : 1px solid #99CCFF; background-color: #F0FCFF; }
fieldset #fname:hover { border-color : #000; }

fieldset input:active, input:focus { border-color : #900; }
						
/* =label/labelspan */
label, label span { display : block; padding-bottom : .25em; padding-right: .5em;}
label { float : left; width : 100%; }
label span { float : left; width : 30%; text-align : right; }

#comments span { width: 100%; text-align: left; }

/* =fieldset */
fieldset { width: 350px; margin-left: auto; margin-right: auto; margin-bottom : 10px; padding : 5px; border : 1px solid #336699; overflow : hidden; background-color: #F0F4F7;}

#staterep_app {  width: 500px; margin-left: auto; margin-right: auto; margin-bottom : 10px; padding : 5px; border : 1px solid #336699; overflow : hidden; background-color: #F0F4F7; }
.abcd { width: 40%; margin-left: 17px; }
.abcde { text-align: center; padding-top: 20px; margin-top: 10px; }

textarea { overflow: auto; margin-left: auto; margin-right: auto; height: 150px; border: solid 1px black; width: 100%;  } 
	
		
	



/*LEGAL=====Copyright: Daemon Pty Limited 2006, http://www.daemon.com.auCommunity: Mollio http://www.mollio.org $ License: Released Under the "Common Public License 1.0", http://www.opensource.org/licenses/cpl.php License: Released Under the "Creative Commons License", http://creativecommons.org/licenses/by/2.5/ License: Released Under the "GNU Creative Commons License", http://creativecommons.org/licenses/GPL/2.0/ */ /* THE BIG GUYS */