/* SET BASE FONT ATTRUBUTES */

html, body {color: #000;}

/* REMOVE PADDING AND MARGIN VALUES */
html, body, h1, h2, h3, h4, h5, h6, p, ul, ol, dl, li, dd, dt, img,
blockquote, q, table, thead, tbody, tfoot, caption, th, tr, td, a,
textarea, fieldset, pre
{margin: 0;  padding: 0; border: none;}

/* SORT OUT HEADER FORMATTING AND SIZES */
h1, h2, h3, h4, h5 {font-weight: bold;}
h1 {font-size: 140%;}
h2 {font-size: 130%;}
h3 {font-size: 110%;}
h4 {font-size: 100%;}
h5 {font-size: 100%;}
h6 {font-size: 100%;}

/* HARMONIZE LINKS, KILL BORDER ON IMG LINKS */
a {text-decoration: underline;}
a:link, a:visited {color: #00f;}
a:hover {color: #33f;}
a:active {color: #fff;}
a img, :link img, :visited img {border: none}

/* REMOVE BROWSERS DEFAULT TABLE BORDERS */
table {border-collapse: collapse; margin: 10px 0px 10px 0px;}
table th, table td {vertical-align: top; padding: 2px 5px; text-align: left;}
table th {font-weight: bold;}

/* REMOVE AUTOMATIC TOP/BOTTOM MARGINS ON NESTED LISTS */
ul ul, ul ol, ul dir, ul menu, ul dl,
ol ul, ol ol, ol dir, ol menu, ol dl,
dir ul, dir ol, dir dir, dir menu, dir dl,
menu ul, menu ol, menu dir, menu menu, menu dl,
dl ul, dl ol, dl dir, dl menu, dl dl
{margin-top: 0; margin-bottom: 0;}

/* Any item inside another should be same size as parent */
ul li ul li, li li, li p, td p, th p, th li, td li, td input, th input, td select, th select, td textarea, dd p, dt p, td td, td th, th td, th th, p input, li a
{ font-size: 1.0em; }

/* HARMONISE LIST-BULLET TYPE */
ul, dl {list-style-type: disc;}

/* STANDARD UL */
ul, ol { margin: 0px; padding: 0px 10px 10px 15px; }
ul li, ol li { margin: 5px 0px 0px 0px; padding: 0px; }
ol li { margin: 5px 0px 0px 10px; padding: 0px; }

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

body
{
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
	background: #ccdede url(../images/bg_body_blue.jpg) repeat-x top left;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
	margin-top: 0px;
	padding: 0px;
	width: 800px;
	text-align: center;
/*	font-size: small; */
	font-size: 62.5%;
	line-height: 130%;
	font-weight: normal;
	position: relative;
}

h1
{
	font-size: 2.5em;
	line-height: 140%;
	color: #699;
	margin: 0px 0px 20px 0px;
	padding: 0px;
	border-bottom: 1px solid #699;
}

h2
{
	font-size: 2.0em;
	line-height: 120%;
	margin: 25px 0px 5px 0px;
	padding: 0px;
	color: #de9045;
	clear: left;
}

h3
{
	font-size: 1.7em;
	margin: 10px 0px 0px 0px;
	padding: 0px;
	line-height: 120%;
	color: #7a3a14;
}

h4
{
	font-size: 1.5em;
	margin: 0px 0px 3px 0px;
	padding: 0px;
	line-height: 120%;
}

h5
{
	font-size: 1.4em;
	margin: 0px 0px 3px 0px;
	padding: 0px;
	line-height: 120%;
}

p
{
	margin: 0px 0px 10px 0px;
	padding: 0px;
	font-weight: normal;
	font-size: 1.4em;
	line-height: 130%;
}

dl
{
	margin: 5px 0px 5px 0px;
	padding: 0px;
}

dt
{
	margin: 10px 0px 2px 0px;
	font-size: 1.4em;
	line-height: 130%;
}

dd
{
	margin: 0px 0px 0px 0px;
	font-size: 1.3em;
}

dd p
{
	font-size: 100%;
	margin-bottom: 0px;
}

dd p.link
{
	margin-top: 5px;
	margin-bottom: 5px;
}

a, a:link
{
	color: #097bcf;
}

a:visited
{
	color: #6e4074;
}

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

ul
{
}

ul li, ol li
{
	font-size: 1.4em;
	line-height: 130%;
}

ul.paintout, ol.paintout
{
	padding-left: 30px;
	margin-bottom: 0px;
}

ul.paintout li, ol.paintout li
{
	margin-top: 0px;
}

ul.standard-list, ul.schedule-list
{
	padding-left: 30px;
	margin-bottom: 20px;
}

ol.standard-list, ol.schedule-list
{
	padding-left: 30px;
	margin-bottom: 10px;
}

ul.standard-list li, ol.standard-list li, ul.schedule-list li, ol.schedule-list li
{
}

ul.schedule-list
{
	margin-bottom: 0px;
}

form
{
	margin: 10px 0px 30px 0px;
}

.clear
{
	clear: both;
}

#banner
{
/*	font-size: 0px; */				/* Need to get rid of extra space in Netscape 6, IE6 (possibly others */
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	text-align: center;
	padding: 0px;
	width: 800px;
	height: 165px;
	position: relative;
	background: #fff;
}

#banner img
{
	display: block;			/* Gets rid of white band underneath banner */
}

#container
{
	margin: 0px;
	margin-right: auto;
	margin-left: auto;
	padding: 0px 0px 0px 0px;		/* Need bottom padding for space at bottom of page */
	text-align: left;
	width: 800px;
	vertical-align: top;
	background: #fef8e9 url(../images/bg_container.jpg) repeat-x;
	float: left;
}

/* Need to put width in or anything in main below the sidebar will
shift slightly to the left */
#main
{
	width: 620px;
	margin: 0px;
	padding: 0px;
	float: right;
}

#main-content
{
	margin: 30px 30px 20px 30px;
	padding: 0px;
/*	font-size: 120%; */
	line-height: 140%;
	color: #333;
}

#sidebar
{
	float: left;
	width: 180px;
	margin: 0px;
	padding: 0px;
}

#sidebar-content
{
	margin: 35px 0px 10px 0px;
	padding: 0px;
}

ul#navbar
{
	margin: 0px;
	padding: 0px;
/*	clear: left;
	height: 1%;
*/
}

ul#navbar li
{
	margin: 0px 0px 0px 20px;
	padding: 0px;
	list-style-type: none;
	height: 1%;
	width: 130px;
}

ul#navbar li a
{
	display: block;
	text-decoration: none;
	font-weight: bold;
	font-size: 1.2em;
	letter-spacing: 1px;
	color: #fff;
	margin: 10px 0px;
	padding: 20px 5px 20px 10px;
	line-height: 120%;

/***
	border-right-width: 15px;
	border-right-style: solid;
	border-right-color: transparent;
***/
}

ul#navbar li a:hover, ul#navbar li a:active
{
	color: #000;
	border-color: #000;
}

ul#navbar li a#home
{
	background: #8e6094;
	border-color: #8e6094;
}
#h1-home
{
	color: #8e6094;
}

ul#navbar li a#paintout
{
	background: #3fb8be;
	border-color: #3fb8be;
}
#h1-paintout
{
	color: #3fb8be;
}

ul#navbar li a#events
{
	background: #cc560e;
	border-color: #cc560e;
}
#h1-events
{
	color: #cc560e;
}

ul#navbar li a#workshops
{
	background: #339966;
	border-color: #339966
}
#h1-workshops
{
	color: #339966;
}

ul#navbar li a#members
{
	background: #879c42;
	border-color: #879c42;
}
#h1-members
{
	color: #879c42;
}

ul#navbar li a#join
{
	background: #5a7fca;
	border-color: #5a7fca;
}
#h1-join
{
	color: #5a7fca;
}

ul#navbar li a#contact
{
	background: #b3426f;
	border-color: #b3426f;
}
#h1-contact
{
	color: #b3426f;
}

ul#navbar li a#external-links
{
	background: #fcab8f;
	border-color: #fcab8f;
}
#h1-external-links
{
	color: #dc8b6f;
}

#footer
{	width: 800px;
	margin: 0px;
	margin-left: auto;
	margin-right: auto;
	padding: 15px 0px 10px 0px;
	text-align: center;
	background: #de9144 url(../images/bg_footer.jpg) repeat-x top left;
	clear: both;
}

#footer p
{
	font-size: 1.4em;
	color: #000;
	font-weight: bold;
	margin-bottom: 15px;
}

#footer ul
{	list-style: none;
	margin: 0px;
	padding: 0px;
	line-height: 30px;
}

#footer ul
{
	line-height: 15px;
/*	white-space: nowrap; */
	padding-bottom: 15px;
}

#footer ul li
{
	margin: 0px;
	display: inline;
	background-image: none;
	padding: 0px 0px 0px 0px;  /* Works for most browsers */
}

#footer ul li a
{
	display: inline;
	text-decoration: none;
	white-space: nowrap;
	font-size: 1.0em;
	margin: 0px;
	padding: 5px 5px 5px 5px;
	color: #4a0000;
}

#footer ul li a:hover, #footer ul li a:active
{
	color: #000;
	background: #fef8e9;
}

#footer #credit
{
	margin: 10px;
	padding: 0px;
	letter-spacing: 1px;
}

#footer #credit a, #footer #credit a:visited
{
	color: #fff;
	font-size: 1.1em;
}

#footer #credit a:hover, #footer #credit a:active
{
	color: #000;
}

#footer img
{
	margin: 0px 10px 3px 10px;
	vertical-align: middle;
}

.img-right
{
	float: right;
	margin: 0px 0px 10px 20px;
}

.image-float-left
{
	float: left;
	margin: 10px 20px 10px 0px;
}

.image-float-right
{
	float: right;
	margin: 5px 0px 20px 10px;
}

.button
{
	margin: 15px 0px 25px 0px;
	padding: 0px;
}

.button a, .button a:visited
{
	font-size: 1.4em;
	font-weight: normal;
	margin: 0px;
	padding: 4px 4px 4px 4px;
	border-top: 2px solid #ddd;
	border-left: 2px solid #ddd;
	border-right: 2px solid #666;
	border-bottom: 2px solid #666;
	color: #000;
	background: #de9045;
	text-decoration: none;
}

.button a:hover, .button a:active
{
	background: #feb065;
	border-top: 2px solid #666;
	border-left: 2px solid #666;
	border-right: 2px solid #ddd;
	border-bottom: 2px solid #ddd;
}

#paintout-schedule
{
	margin-left: 30px;
}

#paintout-schedule h3, #paintout-schedule h4
{
	margin-left: -30px;
}

#paintout-schedule h3
{
	border-top: 1px solid #e19041;
	padding-top: 10px;
	color: #7a3a14;
}


ul.members-list
{
	float: left;
	width: 162px;
	margin: 0px 0px 20px 10px;
	padding: 0px;
	list-style-type: none;
	font-size: 1.0em;
	line-height: 140%;
}

ul.members-list li
{
	font-size: 1.2em;
}

.calendar
{
	float: right;
	margin: 25px 0px 20px 10px;
}

.sidebox-hp
{
	float: right;
	margin: 0px 0px 10px 10px;
	padding: 10px 10px 5px 10px;
	background: #e6ad76;
	width: 150px;
}

.sidebox-hp h2
{
	clear: none;
	display: inline;
	font-size: 190%;
}

.sidebox-hp h2 a, .sidebox-hp h2 a:visited
{
}

.sidebox-hp img
{
	float: left;
	margin: 0px 10px 5px 0px;
}

#main .sidebox-hp ul
{
	clear: left;
	padding-left: 15px;
	margin: 0px;
}

.sidebox-paintout-right, .sidebox-paintout-left
{
	float: right;
	margin: 0px 0px 10px 10px;
	padding: 5px 0px 5px 0px;
	width: 214px;
	text-align: center;
}

.sidebox-paintout-left
{
	float: left;
	margin: 0px 30px 10px 0px;
	clear: right;
}

.sidebox-paintout-right img, .sidebox-paintout-left img
{
	margin: 0px 5px;
}

#main .sidebox-paintout-right p, #main .sidebox-paintout-left p
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: italic;
	font-size: 100%;
}

.workshop
{
	border: 1px solid #ded8c9;
	background: #fffaf0;
	padding: 0px 10px;
	margin: 10px 0px;
}

.workshop img
{
	width: 150px;
	float: left;
	margin: 10px 10px 10px 0px;
}


ul.radio-check-list
{
	list-style: none;
	margin: 0px;
	padding: 0px;
	white-space: nowrap;
}

ul.radio-check-list li
{
	font-size: 100%;
}

input.cbox
{
	margin: 0px 0px 0px 0px;
	padding: 0px;
	width: 20px;
}

.cbox-text
{
	margin: 0px 0px 5px 8px;
	padding: 0px;
	white-space: nowrap;
}

textarea
{
	font-size: 100%;
	font-family: Arial, Helvetica, sans-serif;
}

p.form-error-heading
{
	font-weight: bold;
	font-size: 120%;
	margin: 20px 0px 5px 0px;
	padding: 0px;
}

p.form-error
{  	color: #f00;
	margin: 0px 0px 0px 20px;
	padding: 0px;
}

p.required-fields
{
	font-weight: bold;
	margin: 10px 0px 0px 5px;
}

p.required-fields span, span.required
{
	font-size: 150%;
	color: #f00;
	vertical-align: bottom;
	padding-left: 3px;
}

p.th-note, p.td-note
{
	font-weight: normal;
	font-style: italic;
	line-height: 120%;
	font-size: 100%;
	margin: 5px 0px 0px 0px;
	padding: 0px;
}

p.td-heading
{
	font-style: italic;
	font-weight: bold;
	line-height: 130%;
	font-size: 100%;
	padding: 0px;
	margin: 0px 0px 5px 0px;
}

.pay-now
{
	float: left;
	width: 180px;
	background: #fff;
	border: 1px solid #ccc;
	margin: 0px 0px 10px 0px;
	padding: 5px 10px 5px 10px;
}

.pay-now h2
{
	margin-top: 0px;
}

.starburst
{
	position: absolute;
	top: 340px;
	left: 90px;
	z-index: 10;
}

#paintout-ad
{
	color: #fff;
	background: #a0122a;
	margin: 5px 0px 5px 0px;
	padding: 10px;
	text-align: center;
	font-size: 200%;
	font-weight: bold;
	line-height: 150%;
}

#paintout-ad a, #paintout-ad a:visited
{
	color: #fff;
}

#paintout-ad a:hover, #paintout-ad a:active
{
	color: #ddd;
}


/* Tables
-----------------------------------------------------------------------------------------------*/

table
{
	font-size: 1.2em;
}

.contact-table
{
	margin: 10px 0px 0px 0px;
	padding: 0px;
	font-size: 1.4em;
	background: #fffff9;
	border: 1px solid #e8e889;
}

	.contact-table th
	{
		text-align: left;
		margin: 0px;
		padding: 10px 5px;
	}

	.contact-table td
	{	text-align: left;
		margin: 0px;
		padding: 10px 5px;
	}

.registration-table
{
	border: 1px solid #ddc;
	margin: 10px 0px 10px 0px;
	background: #fae8ba;
}

	.registration-table th
	{
		padding: 3px 10px;
		border-top: 1px solid #ddc;
	}

	.registration-table th.header
	{
		background: #7a3a14;
		color: #faf8e0;
	}

	.registration-table td
	{
		padding: 3px 10px;
		border-top: 1px solid #ddc;
	}

.paintout-table
{
	float: right;
	margin: 0px 0px 10px 15px;
	width: 250px;
	background: #fff;
	border: 1px solid #eee;
}

	.paintout-table th, .paintout-table td
	{
		padding: 5px;
		border-top: 1px solid #f0f0f0;
		border-bottom: 1px solid #f0f0f0;
	}