/* STYLE.CSS for the carbonWA site */

* {margin: 0;
   padding: 0;} 
   
html {
	height:100%;
	}
	
body {
	height:101%;
	background:#738965 url(images2/bg-body.jpg) repeat-x;
	color:#28461e;
	font:12px/1.4 calibri, "lucida grande", arial, helvetica;
	}

p { margin:0 0 20px }

h2 + p, h3 + p, h4 + p {
	margin-top:1.25em;
}

a:link, a:visited {
	text-decoration:none;
	font-weight:bold;
	color:#369;
}

a:hover, a:active {
	color:#2e81d4;
	text-decoration:underline;
}

*:focus {
	outline: none
}

ul, ol {
	margin:1em;
	}
	
ul li {
	margin:1em;
	list-style:circle;
	}
	
ol li {
	margin:.5em 1em .5em 2em;
	list-style:decimal;
	}
	
/* Begin Structure of site '*/ 

/*#outer_container {
	min-height:100%;
	background:url(images/bg-outer2.png) bottom left repeat-x;
	margin:0;
	padding:0 0 30px;
	}*/
 
#wrapper {
	position:relative;
	width:790px;
	min-height:500px;
	margin:30px auto;
	background:#fff url(images2/mt_shuksan.jpg) 8px 8px no-repeat;
	padding:8px 20px 50px 90px;
}

#header {
	position:absolute;
	width:900px;
	top:0;
	left:0;
	background:url(images2/wrapper-top.gif) no-repeat;
	z-index:0;
}

#header h1 {
	margin:8px 0 0 90px;
	}
	
#checkbox {
	position:absolute;
	top:-5px;
	right:-15px;
	}

#container {
	margin:10px 0;
	border:1px solid #65b9e6;
	padding:20px;
	}


#right {
	float: right;
	width:200px;
}

#content {
	margin-right:242px;
	}

/* Text formatting */

h1, h2, h3, h4, h5 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	margin:0 0 1em;
	}

h1 {
	font-size:2.2em;
	color:#1d4395;
	}
	
h2 {
	font-size:1.8em;
	color:#6b9f37;
	}
	
	
h3 {
	font-size:1.5em;
	color:#6b9f37;
	}
	
.agenda h4 { 
	margin:1.5em 0 1.25em;
	padding-bottom:6px;
	font-size:1.4em;
	border-bottom:1px solid #fbd259;
}

.list {
	list-style-image: url(images2/list_bullet.png);
}

/********** Navigation *************/
#nav {
	float:left;
	width:100%;
	margin:40px 0 10px;
	padding:0;
	background:#e3f2f8;
	border-top:1px dotted #65b9e6;
	border-bottom:1px dotted #65b9e6;
	z-index:5;
	}
	
#nav li {
	float:left;
	list-style:none;
	margin:0;
	padding:6px 10px;
	}
	
#nav li a {
	font-size:12px;
	font-weight:normal;
	text-transform:uppercase;
	}
	
#nav a:hover {
	text-decoration:none;
	}
	
/*----- @ Content styles --------*/

#pullout, #donate {
	border:1px dotted #999;
	padding:6px;
	background:#defcc0;
}

#donate {
	margin-top:1em;
	background:#f7fdb7;
	}

#pullout h3, #donate h3 {
	color:#2e81d4;
	}
	
#feedback {
	margin-top:3em;
	}
	
body#ctax #content {
	margin:0;
	}

#ctax { /*on FAQ page, needed whitespace */
	margin-top:2em;
	}
/* ---------- @ Forms -----------*/

#contact {
	float:left;
	margin:2em 0 0;
	padding:0;
	}

fieldset {
	float:left;
	margin:0;
	padding:0;
	border:none;
	}
	
fieldset ul {
	float:left;
	margin:0;
	padding:1em 0 0;
	}	

fieldset li {
	list-style:none;
	padding:0 0 .5em;
	margin:0;
	clear:left;
	}

input {
	display:block;
	border:1px solid #ccc;
	height:2em;
	width:150px;
	font:12px tahoma, arial, sans-serif;
	margin-bottom:1em;
	}
	
label {
	display:block;
	width:70px;
	margin-bottom:.25em;
	}
	
#involved label, input, textarea {
	float:left;
	}

label.checkbox {
	display:inline;
	float:left;
	padding:0 0 1em 1em;
	width:500px;
	}
	
input.checkbox {
	width:auto;
	height:auto;
	padding:0;
	}

#submit {
	clear:left;
	margin-bottom:0;
	}

#submit input {
	width:auto;
	margin-right:1em;
	padding:0 1em;
	cursor:pointer;
	}
	
#submit input:hover {
	background:#c1daf2;
	}
	
textarea {
	border:1px solid #ccc;
	font:12px tahoma, arial, sans-serif;
	margin-bottom:1em;
	}
	
#register {
	background:#3d563b;
	padding:20px
}

#conf #right { 
	margin-right:20px;
	padding:20px;
	border:1px solid #3d563b;
}
	
/*-----Tables------*/

#ctax1 {
	width:10%;
	}

#ctax2 {
	width:10%;
	}
	
#ctax3 {
	width:20%;
	}

table {
	margin:1em;
	border:1px dotted #65b9e6;
	border-collapse:collapse;
	}
	
th {
	text-align:left;
	background:#e3f2f8;
	}
	
th, td {
	padding:.5em;
	border:1px dotted #65b9e6;
	}	
/*-----Footer------*/

#footer {
	position:absolute;
	bottom:-8px;
	left:0;
	width:900px;
	height:20px;
	background:url(images2/wrapper-bottom.png) bottom left no-repeat;
	padding:0 0 8px;
	text-align: center;
}

#footer p {
	border-top:1px solid #698a52;
	padding:5px 0 0;
	background:#fff;
	margin:0 20px 0 8px;
	}


/* Clear and Float */

.clearleft { clear:left; }

.clearright { clear:right; }

.clearboth { 
	clear:both; 
	margin-top:5px;
	}

.left {
	float:left;
}

.right {
	float:right;
}