/* reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}
/* glob */
body {
	background: #fff url(img/bg_body.gif) repeat-x left top;
	text-align: center;
	font-family: "helvetica neue", arial, helvetica, sans-serif;
	font-size: 13px;
	line-height: 20px;
	color: #666;
}

body#blue .mast { background: transparent url(img/bg_mast.png) no-repeat left -300px; }
body#blue a { color: #43767A; }
body#orange .mast { background: transparent url(img/bg_mast.png) no-repeat left -100px; }
body#orange a { color: #432479; }
body#green .mast { background: transparent url(img/bg_mast.png) no-repeat left -200px; }
body#green a { color: #526A00; }


.container {
	width: 890px;
	margin: 0 auto;
	text-align: left;
}
	.container .col1 {
		float: left;
		width: 280px;
		margin-right: 25px;
		}
	.container .col2 {
		float: left;
		width: 585px;
		margin-right: 25px;
		}

.nomargin{margin:0 !important;}
.left {float:left !important;}
.right{float:right !important;}
.clear{clear:both;visibility:hidden;}

.height10{height:10px;}
.height16{height:16px;}
.height20{height:20px;}
.height30{height:30px;}
.height40{height:40px;}

a {
	text-decoration: none;
	font-weight: bold;
	color: #333;
	}
	
	a:hover {
		text-decoration: underline;
		}


h2 {
	font-family: "helvetica narrow", "arial narrow", arial, helvetica, sans-serif;
	font-size: 20px;
	line-height: 20px;
	color: #333;
	margin-bottom: 8px;
	text-shadow: 1px 1px 3px #bbb;
	}

h3 {
	font-family: "helvetica narrow", "arial narrow", arial, helvetica, sans-serif;
	font-size: 18px;
	color: #333;
	border-top: 1px solid #999;
	border-bottom: 1px dotted #ccc;
	padding: 8px 0;
	margin-bottom: 5px;
	}

h1.mast {
	font-family: Calibri;
	font-size: 50px;
	font-style: italic;
	font-weight: normal;
	line-height: 50px;
	background: transparent url(img/bg_mast.png) no-repeat left top;
	color: #fff;
	padding: 10px;
	text-shadow: 1px 1px 5px #333;
	}

/* header */
#header { width: 900px; }

	#header a {
		color: #666;
		text-decoration: none;
		}

	#header .left {
		line-height: 100px;
		}

	#header ul li {
		display: inline;
		float: left;
		}

		#header ul li a {
			display: block;
			background: transparent url(img/sprite_nav.gif) no-repeat left center;
			line-height: 110px;
			height: 110px;
			}

			#header ul li a span { visibility: hidden; }

			#header ul li#nav1 a { background-position: 0 top; width: 88px; }
			#header ul li#nav1 a:hover { background-position: 0 -110px; }
			#header ul li#nav1 a.active { background-position: 0 -220px !important; margin: 0 10px; }

			#header ul li#nav2 a { background-position: -200px top; width: 89px; }
			#header ul li#nav2 a:hover { background-position: -200px -110px; }
			#header ul li#nav2 a.active { background-position: -200px -220px !important; margin: 0 10px; }

			#header ul li#nav3 a { background-position: -400px top; width: 152px; }
			#header ul li#nav3 a:hover { background-position: -400px -110px; }
			#header ul li#nav3 a.active { background-position: -400px -220px !important; margin: 0 10px; }

			#header ul li#nav4 a { background-position: -600px top; width: 115px; }
			#header ul li#nav4 a:hover { background-position: -600px -110px; }
			#header ul li#nav4 a.active { background-position: -600px -220px !important; margin: 0 10px; }

			#header ul li#nav5 a { background-position: -800px top; width: 113px; }
			#header ul li#nav5 a:hover { background-position: -800px -110px; }
			#header ul li#nav5 a.active { background-position: -800px -220px !important; margin-left: 10px; }


#footer {
	border-bottom: none !important;
	font-size: 12px;
	}

#twitter, #footer {
	background: #f7f7f7;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 10px 0;
	}

	#twitter .container {
		background: transparent url(img/icon_twitter.gif) no-repeat left center;
		line-height: 40px;
		}

		#twitter .container .left {
			margin-left: 40px;
			}

			#twitter_update_list li {
				list-style-type: none;
				line-height: 18px;
				width: 740px;
				}

#home-event h2 {
	float: left;
	}

	.date-label {
		float: right;
		width: 60px;
		height: 58px;
		margin: 0 0 6px 6px;
		background: transparent url(img/bg_date-label.gif) no-repeat right top;
		text-align: center;
		font: normal 9px arial;
		text-transform: uppercase;
		padding-top: 2px;
		}

		.date-label div {
			font: bold 40px arial;
			background: #fff;
			line-height: 42px;
			margin: 0 4px;
			}

		#home-event a.event-title {
			clear: left;
			display: block;
			font: bold italic 18px "arial narrow", arial, sans-serif;
			}
			
			.greentext { color: #758F18; }
			.redtext { color: #e54046; }

		.event-desc {
			clear: both;
			margin: 6px 0;
			font-size: 13px;
			line-height: 16px;
			}

		.event-info {
			margin-bottom: 6px;
			line-height: 14px;
			color: #999;
			font-size: 12px;
			}

			.event-info a { font-size: 11px; }

/* BLOCKS */
ul.link-row { margin-top: 10px; }

	ul.link-row li {
		display: inline;
		float: left;
		font-size: 11px;
		}

			ul.link-row li a {
				display: block;
				background: transparent url(img/bg_link-row.gif) no-repeat left top;
				line-height: 20px;
				margin-right: 1px;
				}

				ul.link-row li a:hover { background-position: left -100px !important; text-decoration: none; }
				ul.link-row li a:focus { background-position: left -200px !important; }

				ul.link-row li a span {
					display: block;
					padding: 0 8px;
					}

					ul.link-row li a span.r { background: transparent url(img/bg_link-row.gif) no-repeat right -300px; }
						ul.link-row li a:hover span.r { background-position: right -400px !important; }
						ul.link-row li a:focus span.r { background-position: right -500px !important; }

					ul.link-row li a span.b { background: transparent url(img/bg_link-row.gif) no-repeat right top; }
						ul.link-row li a:hover span.b { background-position: right -100px !important; }
						ul.link-row li a:focus span.b { background-position: right -200px !important; }

					ul.link-row2 li a, ul.link-row2 li a span.r, ul.link-row2 li a span.b { background-image: url(img/bg_link-row2.gif); }

.quote1 { background: transparent url(img/6699.gif) no-repeat left top; }

	.quote2 {
		background: transparent url(img/6699.gif) no-repeat right bottom;
		text-align: center;
		font: italic 26px "arial narrow", arial, sans-serif;
		line-height: 26px;
		padding: 10px 40px;
		}

		.quote-from {
			font: normal 12px arial;
			margin-top: 10px;
			text-align: center;
			}

label {
	display: block;
	}

textarea {
	width: 500px;
	height: 200px;
	border: 1px solid #ccc;
	background: #fff;
	font: normal 14px arial;
	padding: 10px;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	}

input {
	border: 1px solid #ccc;
	background: #f7f7f7;
	font: normal 18px arial;
	color: #999;
	padding: 8px;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	cursor: pointer;
	}

	input:hover {
		background: #FFF;
		color: #666;
		}

	input:focus {
		cursor: text;
		border-color: #E5DCCE;
		background: #FFF5E5;
		color: #826944;
		}

	input.button {
		background: #f7f7f7 url(img/sprite_submit.gif) repeat-x left top;
		width: auto !important;
		padding: 7px;
		color: #666;
		}

		input.button:hover { background-position: left -100px; }
		input.button:focus { background-position: left -200px; border-color: #666; color: #333; cursor: pointer; }

	#mailchimp input {
		width: 200px;
		}

		#mailchimp label {
			font-size: 11px;
			float: left;
			}

		input.error {
			border: 2px solid #CB7F7F;
			padding: 7px;
			}
			
		.unsub {
			font-size: 9px;
			color: #999;
			}
			
ul.linklist li {
	background: transparent url(img/bullet.gif) no-repeat left 3px;
	padding-left: 20px;
	margin-bottom: 4px;
	}
	
ul#friends li {
	display: inline;
	margin-right: 40px;
	}