/* ------------------------- RESETS */


html,body,div,span,h1,h2,h3,h4,h5,p,ul,li,table,tbody,tfoot,thead,tr,th,td { margin: 0; padding: 0;  }

a img { border: none; }


/* ------------------------- LAYOUT */


html,body { height: 100%; }

body { background-image: url(/i/global-bg.png); background-repeat: no-repeat; background-position: center top; }

#wrapper { margin: 0 auto; width: 960px; max-width: 960px; }

#logo { height: 90px; width: 640px; text-align: left; }

#utility { text-align: right; padding: 10px 10px 0 0; vertical-align: top; }

#nav { background-image: url(/i/nav-bg.jpg); background-repeat: repeat-x; width: 960px; height: 40px; }

#upcomingevents { background-color: #91132f; height: 230px; width: 280px; padding: 20px; vertical-align: top; text-align: left; }

#banner { height: 270px; width: 640px; background-image: url(/i/banner-placeholder.jpg); background-position: top left; background-repeat: repeat-x; }

#news { width: 320px; padding: 20px 10px 20px 20px; vertical-align: top; text-align: left; }

#welcome { width: 320px; padding: 20px 10px 20px 20px; vertical-align: top; text-align: left; }

#community { width: 320px; padding: 20px 10px 20px 20px; vertical-align: top; text-align: left; }

	#followus { width: 120px; padding-right: 20px; vertical-align: top; text-align: left; font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif; font-size: 11px; color: #666666; line-height: 22px; }
	
		#followus a { font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif; font-size: 11px; color: #339999; outline: none; text-decoration: none; }
		#followus a:hover { font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif; font-size: 11px; color: #339999; text-decoration: underline; }
	
	#getintouch { width: 120px; padding-left: 20px; vertical-align: top; text-align: left; font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif; font-size: 12px; color: #666666; }

/* ------------------------- TEXT */

p { font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #666666; line-height: 18px; padding-bottom: 10px; }

	p a { font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #339999; line-height: 18px; outline: none; text-decoration: none; }
	p a:hover { font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #339999; line-height: 18px; text-decoration: underline; }

#utility { font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif; font-size: 12px; color: #878787; }

	#utility a { font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif; font-size: 12px; color: #878787; text-decoration: none; outline: none; }
	#utility a:hover { font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif; font-size: 12px; color: #5d5d5d; text-decoration: none; }

#nav { font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif; font-size: 14px; color: #adadad; }

	#nav a { font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif; font-size: 14px; color: #adadad; padding: 0 10px 0 10px; outline: none; text-decoration: none; }
	#nav a:hover { font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif; font-size: 14px; color: white; padding: 11px 10px 13px 10px; min-height: 40px; background-image: url(/i/nav-active-bg.jpg); background-repeat: repeat-x; text-decoration: none; }
	#nav .active { font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif; font-size: 14px; color: white; padding: 11px 10px 13px 10px; min-height: 40px; background-image: url(/i/nav-active-bg.jpg); background-repeat: repeat-x; text-decoration: none; }

.search-field { width: 120px; height: 30px; border: none; background-color: transparent; font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #c4c4c4; }

	:focus { outline: none; }

.event-date { font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #c96178; }

.event-name { font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; color: white; }

.event-links { font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: white; text-decoration: none; }

	.event-links a { font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: white; outline: none; text-decoration: none; }
	.event-links a:hover { font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: white; text-decoration: underline; }

ul { list-style-type: none; list-style-position: inside; }

	li { padding-bottom: 20px; }
	li a { font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; color: #339999; outline: none; text-decoration: none; }
	li a:hover { font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; color: #1c7474; text-decoration: none; }

	.news-date  { font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #999999; }
	
.view-all-news a { font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #339999; outline: none; text-decoration: none; }
.view-all-news a:hover { font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #1c7474; text-decoration: none; }

/* ------------------------- FOOTER */

#footer { background-color: #f1f1f1; width: 100%; padding: 20px 0 0 0; height: 100%; }

	#footer p { color: #9e9e9e; }