/* CSS Document */
/*** This section contains universal changes to the way HTML tags work. ***/
body {
	margin:0;padding:0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 76%;
	color: #300;
	background-image: url(../images/site_images/body_gradient_bg_bluish.jpg);
	background-repeat:repeat-x;
	background-color: #a6cabc;
	}

h1, h2, h3, h4 {
	font-family:Georgia, "Times New Roman", Times, serif;
	margin: 20px;
	color: #399;
	}
h1 {margin:0;padding:0;
	margin-left: -9000px;
	font-size: .01em;
	}
h2 {
	font-size: 1.5em;
	}
h3 {
	font-size: 1.3em;
	}
h4 {
	font-size: 1em;
	}
p {
	margin: 20px 20px;
	line-height: 1.3em;
	}
ul {margin-left: 30px;}
ol {padding-left: 30px;}
li {
	line-height: 1.5em;
	}
a {
	color: black;
	}
#top {
	padding: 0;
	width: 786px;
	height: 18px;
	margin: 0 auto;
	background-image:url(../images/site_images/shadowtop_786-26.png);
	}
#wrapper {
	padding: 0;
	width: 786px;
	margin: 0 auto;
	background-image:url(../images/site_images/shadow2_786-26.png);
	background-repeat:repeat-y;
	}
#container {
	width: 760px;
	margin: 0 13px;
	/*background-color: #fff;*/
	background-repeat:no-repeat;
	background-position:top;
	padding-bottom: 1px;
	}

#home #container {
		background-image:url(../images/site_images/wgecd_bannerbg_seatedlady.jpg);
	}
#location #container {
		background-image:url(../images/site_images/wgecd_bannerbg_bythesea.jpg);
	}
#credits #container {
		background-image:url(../images/site_images/wgecd_bannerbg_couple.jpg);
	}
#bands_callers #container {
		background-image:url(../images/site_images/wgecd_bannerbg_fiddler.jpg);
	}
#schedule #container {
		background-image:url(../images/site_images/wgecd_bannerbg_gentleman.jpg);
	}
#links #container {
		background-image:url(../images/site_images/wgecd_bannerbg_twogentlemen.jpg);
	}
#header {height: 122px;}
#leftbox{
	width: 170px;
	float: left;
	margin: 150px 0 20px 0;
	}
#home #leftbox {
	width: 170px;
	float: left;
	margin: 150px 0 20px 0;

	}
#bands_callers #leftbox {
	margin-top: 180px;
	}
#schedule #leftbox {
	width: 170px;
	float: left;
	margin: 180px 0 20px 0;
	/*border-right: 1px dotted #988;*/
	}
#links #leftbox {
	margin-top: 120px;
	/*border-right: 1px dotted #988;*/
	}
#location #leftbox {
	margin-top: 100px;
	}
#credits #leftbox {
	width: 170px;
	float: left;
	margin: 130px 0px 20px 0;
	border-right: 1px dotted #988;
	}
#leftbox ul {
	margin: 0;
	padding: 0;
	margin-left: 50px;
	
	}
#leftbox li {
	line-height: 1.5em;
	font-size: .9em;
	}
#leftbox li a {
	text-decoration: none;
	}
#leftbox li a:hover {
	text-decoration: underline;
	}
#centerbox {
	float: left;
	width: 590px;
	margin: 0;
	padding: 0;
	}
#centerbox table {margin-left: 20px;margin-right: 20px;}
#bottom {
	padding: 0;
	width: 786px;
	height: 18px;
	margin: 0 auto;
	background-image:url(../images/site_images/shadowbottom_786-26.png);
	}
#footer {
	padding: 0;
	width: 786px;
	height: 30px;
	margin: 0 auto;
	font-size: .9em;
	text-align: center;
	}
.leftpic {
	float: left;
	margin-right: 20px;
	margin-left: 1px;
	}
.rightpic {
	float: right;
	margin-left: 20px;
	}


	/*** This solves a subtle design problem with CSS. *****/
hr.clear { 
	/* This keeps the container from collapsing. Use <hr class="clear" /> 
	right before you close the container.  */
	display: block;
	clear: left; 
	/*margin: -0.66em 0;*/ /*This works in IE lte7 but screws up FF et al*/
	margin: 0;
	border: 0;
    visibility: hidden;
	overflow:hidden;
	}
#IEroot hr.clear { /*This allows a style to work in IE lte(<=)7 which is not used by FF et al*/
	/* This keeps the container from collapsing in IE. Use <hr class="clear" /> 
	right before you close the container.  */
	display: block;
	clear: left; 
	margin: -0.66em 0;  /*This works in IE lte7 but screws up FF et al*/
	border: 0;
    visibility: hidden;
	overflow:hidden;
	}
.accent {color: #19626d;}
.firstp {margin-left: 50px;}
.snug {margin-top: -20px;}
.small {font-size: .9em}