/* spring css */
body{
margin:0;
padding:0;
line-height: 1.0em;
background-color:#86dba2;
background:url(images/mainbackground1.jpg) #86dba2 repeat-x;
}


ul {
	list-style: none;
}

a {
	color: #666666;
}

a:hover {
	text-decoration: none;
	color: #000000;
}

h3 {
	font-size:14px;
}
	

/* Logo */

#logo {
	width: 970px;
	height: 122px;
	margin: 0 auto;
	background: url(images/eventstop3.jpg) no-repeat;
	padding: 0px 0 0 0;
}

#pageIcon {
	float:right;
	width: 175px;
	height: 100px;
	padding: 10px;
}

/* Menu */

#menu {
	width: 970px;
	height: 28px;
	margin: -28px auto 0 auto;
}
#menu .menuButton {
	float:left;
	width:110px;
	text-decoration: none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #333300;
} 
#menu .menuButtonLeft {
	float:left;
	width:45px;
}
#menu a {
	text-decoration: none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #333300;
}

#menu a:hover, #menu .active a {
	color: #660000;	
}

/* Wrapper */

#wrapper {
	clear: both;
	width: 960px;
	margin: 0 auto;
}

/* Column One */

#col-one {
	float: right;
	width: 180px;
	width:300px;
	width:223px;
}

#col-one .boxed {
width:200px;
margin-top: 5px;
margin-bottom:5px;
}

/* Column Two */

#col-two {
	float: left;
	width: 670px;
    border-right:1px solid #005500;	
}

#col-two .boxed {
	margin-bottom: 10px;
}


/* spring css */

b{font-size: 110%;}
em{color: black;}

#maincontainer{
width: 970px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
background:#FFFFFF;
background:url(images/mainborder.jpg) repeat-y;

}

#topsection{
background: #CCCCCC;
height: 90px; /*Height of top section*/
}

#topsection h1{
margin: 0;
padding-top: 15px;
}

#contentwrapper{
float: left;
width: 100%;
}
.divider{
width:640px;
border-top:1px solid #005500;}
#pageNav{
width:450px;
padding:15px;
margin-left: 50px;
}
#pageNav a{
color: #777777;
}
.navLink a{
padding:20px;
text-decoration:none;
color:#777777;
}
#welcome{
width:655px;
height:150px;
}
#leftWelcome{
width:325px;
border-right:1px solid #005500;
float:left;
}
#rightWelcome{
width:325px;
float:left;
margin-right:0px;
}
#workshops{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
}
.picRight{
margin:10px;
float:left;
}
.textLeft{
width:490px;
float:left;
}
#footer{
clear: left;
width: 100%;
background:url(images/footerbackground.jpg);
color: #FFF;
text-align: center;
padding: 4px 0;
}

#footer a{
color: white;
}

.innertube{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}
.innertubeMain{
margin: 35px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
margin-bottom: 0;
}
#shopButton {
	position:absolute;
	height: auto;
	width:102px;
	top:0;
	left:0;
}

#upcomingevents, #archive {padding:5px; margin:0 5px 5px 0;font-size:10px; border:1px solid #777;}
#upcomingevents a, #archive a {color:#000000; text-decoration:none; display:block;}
#upcomingevents a:hover, #archive a:hover {color:#555; background:#e0e0e7;}
#upcomingevents .header, #archive .header {font-size:14px; font-weight:bold; text-align:center; padding:5px 0;}
#upcomingevents .title, #archive .title {font-weight:bold;font-size:12px; width:190px;}
#upcomingevents .venue,	#upcomingevents .date, #archive .venue, #archive .date {color:#555;;}
#upcomingevents ul, #archive ul {list-style-type:none; list-style:none;margin:0;padding:0;}
#upcomingevents ul li, #archive ul li {margin:0; padding:3px 0;display:block;}
#archive .year {padding:5px;font-size:14px; font-weight:bold;}