* { margin:0;padding:0;border: 0px none;}
ul, ol, li { list-style-type:none; }

a { text-decoration: underline; color: black; outline: none;}
a:hover {color: #999;}

body {
font: 1em/1.1em "Trebuchet", "Trebuchet", Tahoma, sans-serif;   
background: #bbb;
color: #000;
}
.wrapper {
width: 994px;
margin: 25px auto;
background: #fff url(../img/bg-top-corners.gif) 0 0 no-repeat;
}



/* top header area  --------------------------------*/
.header {
width: 958px;
padding: 25px 18px 10px;
float: left;
}
img.logo { 
float: left;
font: bold 2.5em "Trebuchet", "Trebuchet", Tahoma, sans-serif;   
letter-spacing: -0.02em;
}
.header div {
float: right;
text-align: right;
padding: 80px 0 0;
}
.header div h1 {margin: 0;}
.header div p {font: bold 0.75em "Trebuchet", Tahoma, sans-serif; margin: 0; }
.header div p a {text-decoration: none;}
.header div p a:hover {color: #000; text-decoration: underline;}



/* main navigation  --------------------------------*/
.nav {
width: 958px;
padding: 0 18px;
margin: 0 0 5px;
clear: both;
float: left;
}
.nav ul {
width: 958px;
font: bold 0.75em "Trebuchet", Tahoma, sans-serif;    
float: left;
padding: 3px 0 0;
border-top: 1px solid #828282;
border-bottom: 1px solid #828282;
}
.nav ul li {float: left; margin: 0 15px 0 0; padding: 3px 0 0;}
.nav ul li a {border-top: 3px solid #fff;text-decoration: none;color: #000;}
.nav ul li a:hover,.nav ul li a.active  {border-top: 3px solid #000; text-decoration: none;}
.nav ul li.social {float: right; padding: 0; margin: 0;}
.nav ul li.social a {border: none;margin: 0 0 0 3px;}
.nav ul li.social a:hover {border: none;}



/* main image banner  --------------------------------*/
.banner {
width: 958px;
margin: 0 18px;
padding: 0 0 46px;
clear: both;
background: url(../img/stripes.gif) 0 bottom no-repeat;
}



/* common font styles */
h1 {
	letter-spacing: -0.05em;
	margin: 0 0 5px;
	font-family: "Arial Black", Trebuchet, Tahoma, sans-serif;
	font-size: 1.4em;
	font-style: normal;
	font-weight: bold;
}
h2 {
font: normal 1.4em "Trebuchet", Tahoma, sans-serif;  
padding: 5px 0;
margin: 0 0 15px;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}
h3 {
font: bold 0.9em "Trebuchet", Tahoma, sans-serif;  
letter-spacing: -0.02em;
}
h6 {
font: bold 1em "Trebuchet", Tahoma, sans-serif;  
letter-spacing: -0.02em;
color: #999;
padding: 2px 0 2px 2px;
margin: 0 0 3px;
border-bottom: 1px solid #ccc;
border-top: 1px solid #ccc;
}
p, form { margin: 0 0 12px; font-size: 0.75em;}
p small, form small { font-size: 0.9em;}
img.right { float: right; margin: 0 0 20px 20px;}

/* main content layout elements */
.content { 
width: 964px;
padding: 10px 15px;
clear: both;
}
.content h1 {margin-left: 3px;}



/* recent events column elements */
.recent-events {
width: 769px;
float: left;
padding: 0;
margin: 0;
}
.content .home {
width: 380px;
margin: 0 3px 0 0;
padding: 14px 0 0;
}
.content .venue {
width: 380px;
margin: 0 3px 0 0;
padding: 0 0 0;
}
/* news box */
.news { 
width: 175px;
height: 258px;
padding: 15px 5px 0 10px;
margin: 0 0 5px;
float: left;
background: url(../img/bg-box-190.gif) 0 bottom no-repeat;
}
.news img  { margin: 0 0 4px; font: normal 0.8em "Trebuchet", Tahoma, sans-serif;  }
.news div { height: 97px;}
.news h2 {
font: bold 1.1em "Trebuchet", Tahoma, sans-serif;  
letter-spacing: -0.02em;
padding: 0 0 3px;
margin: 0 0 3px;
border-top: 0;
border-bottom: 1px solid #ccc;
}
.news p { margin: 0; font: normal 12px/15px "Trebuchet", Tahoma, sans-serif; }
.news h6 {width: 170px; float: left;width: 170px; line-height: 17px;}
.news h6 a {padding: 1px 0 0; color: #999; background: url(../img/bg-arrow.gif) right 0 no-repeat; width: 170px; float: left;height: 18px;text-decoration: none;}
.news h6 a:hover {text-decoration: none;color: #000;background: url(../img/bg-arrow.gif) right bottom no-repeat; }




/* about column elements (home page) */
.about {
width: 345px;
float: left;
background: url(../img/bg-box-345.gif) 0 0 repeat-y;
}
.about .btm {
width: 345px;
height: 14px;
float: left;
clear: both;
background: url(../img/bg-box-345-btm.gif) 0 bottom no-repeat;
}
.about .top {
width: 345px;
height: 14px;
float: left;
clear: both;
background: url(../img/bg-box-345-top.gif) 0 0 no-repeat;
}
.about .content { 
width: auto;
padding: 0 20px;
clear: both;
}
.about h1, .latest-events h1 {
	border-bottom: 1px solid #ccc;
	padding: 0 0 6px;
	margin: 0 0 6px;
	font-style: normal;
}
.about .content p { line-height: 1.2em;}

.venues {
width: 375px;
float: left;
background: url(../img/bg-box-375.gif) 0 0 repeat-y;
}
.venues .btm {
width: 375px;
height: 14px;
float: left;
clear: both;
background: url(../img/bg-box-375-btm.gif) 0 bottom no-repeat;
}
.venues .top {
width: 375px;
height: 14px;
float: left;
clear: both;
background: url(../img/bg-box-375-top.gif) 0 0 no-repeat;
}
.venues .content { 
width: auto;
padding: 0 20px;
clear: both;
}
.venues h1, .latest-events h1 {
	border-bottom: 1px solid #ccc;
	padding: 0 0 6px;
	margin: 0 0 6px;
	font-style: normal;
}
.venues .content p { line-height: 1.2em;}

/* latest events column elements (home page) */
.latest-events {
width: 233px;
float: right;
background: url(../img/bg-box-233.gif) 0 0 repeat-y;
}
.latest-events .btm {
width: 233px;
height: 14px;
clear: both;
background: url(../img/bg-box-233-btm.gif) 0 bottom no-repeat;
}
.latest-events .top {
width: 233px;
height: 14px;
clear: both;
background: url(../img/bg-box-233-top.gif) 0 0 no-repeat;
}
.latest-events .content { 
width: auto;
padding: 0 20px;
clear: both;
}
.latest-events .content p {
margin: 0 0 12px;
padding: 0 0 6px;
clear: left;
font: normal 0.7em/1.25em "Trebuchet", Tahoma, sans-serif;
border-bottom: 1px solid #ccc;
}
.latest-events .content p img {
float: left;
margin: 0 10px 0 0;
padding-bottom: 6px;
}



/* container (main container on internal pages) */
.container {
width: 760px;
float: left;
background: url(../img/bg-box-760.gif) 0 0 repeat-y;
}
.container .btm {
width: 760px;
height: 14px;
clear: both;
background: url(../img/bg-box-760-btm.gif) 0 bottom no-repeat;
}
.container .top {
width: 760px;
height: 14px;
clear: both;
background: url(../img/bg-box-760-top.gif) 0 0 no-repeat;
}
.container .content { 
width: auto;
padding: 5px 15px;
clear: both;
}
.container .column { 
float: left; 
width: 340px; 
padding: 10px 5px 0 20px;
}
.container .border {
border-right: 1px solid #aaa;
width: 339px;
padding: 10px 15px 0 10px;
}
.container .work-photos {
	float: right;
	width: 400px;
	padding: 0;
}
.container .work-photos img { margin: 0 1px 1px 0;}
.container .work-details {
	float: left;
	width: 315px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0px;
}

.container .right-side  {
	float: right;
	width: 400px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 10px;
}
.container .left-side { 
float: left; 
width: 315px; 
padding: 0 15px 0 0;
}


/* contact page elements */
.contact-details {
float: left;
width: 244px;
padding: 0 0 0 10px;
}
/* contact form */
.contact-form {
border-left: 1px solid #aaa;
float: right;
width: 450px;
padding: 0 0 0 25px;
}
form label {font-weight: bold;}
form input, form textarea, form select {
background: #b9b9b9;
border: 1px solid #b9b9b9;
width: 320px;
color: #fff;
padding: 4px;
margin: 2px 0 10px 0;
font: bold 1em "Trebuchet", Tahoma, sans-serif;
}
form textarea {width: 420px;}
form textarea:focus, form input:focus, form select:focus { border: 1px solid #000; background: #a9a9a9; }
form input.btn {
width: auto; 
border: 0; 
padding: 3px; 
margin: 10px 0 0 0;
outline: none;
}
form input.checkbox {
background: none;
border: 0;
width: auto;
color: #000;
font-weight: normal;
padding: 0;
margin: 0 0 0 10px;	
}



/* buttons */
.buttons {
width: 195px;
float: right;
}
.buttons a {
width: 180px;
height: 67px;
float: left;
background: #ddd url(../img/bg-btn.jpg) 0 bottom no-repeat;
font: normal 1.15em/1.1em "Arial Black", Trebuchet, Tahoma, sans-serif;
text-decoration: none;
padding: 38px 0 0 15px;
letter-spacing: -0.05em;
margin: 0 0 5px;
}
.buttons a.twolines {height: 75px;padding: 30px 0 0 15px;}
.buttons a:hover {color: #000; background: #bbb url(../img/bg-btn.jpg) 0 0 no-repeat;}
.bigarrow a {background: #ddd url(../img/bg-btn.jpg) right bottom no-repeat;font-size: 1.25em;}
.bigarrow a:hover {background: #bbb url(../img/bg-btn.jpg) right 0 no-repeat;}



/* clear everything (sometimes needed for IE 6) */
.clearall { 
width: 100%;
clear: both;
font-size: 0px;
line-height: 0px;
height: 0px;
}



/* links at bottom of pages */
.links {
clear: both;
padding: 30px 18px 0;
width: 958px;
background: #dcdcdc url(../img/bg-footer-top-crnrs.gif) 0 0 no-repeat;
}
.links ul {
padding: 6px 5px;
float: left;
width: 948px;
border-top: 1px solid #8b8b8b;
border-bottom: 1px solid #8b8b8b;
}
.links ul li {
float: left;
width: 115px;
font: normal 0.7em "Trebuchet", Tahoma, sans-serif;
}
.links ul li a {text-decoration: none;}
.links ul li a:hover {color: #000; text-decoration: underline;}
.links ul li.home {width: 80px;}
.links ul li.wide {width: 150px;}
.links ul li.social {
float: right;
width: auto;
padding: 5px 0 0;
text-align: right;
}
.links ul li.social a { margin: 0 0 0 5px;}



/* footer styles */
.footer {
clear: both;
padding: 25px 0 0;
width: 994px;
background: #bbb url(../img/bg-btm-corners.gif) 0 top no-repeat;
}
.footer p {
text-align: left;
margin: 0 20px;
}
.footer a { font-weight: bold;text-decoration: none;}
.footer a:hover {color: #000; text-decoration: underline;}
.container .work-details2 {
	float: left;
	width: 730px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 15px;
	left: 15px;
}
/* newscontainer (main container on internal events pages) */
.newscontainer {
width: 730px;
float: left;
background: url(../img/bg-box-730.gif) 0 0 repeat-y;
}
.newscontainer .btm {
width: 730px;
height: 14px;
clear: both;
background: url(../img/bg-box-730-btm.gif) 0 bottom no-repeat;
}
.newscontainer .top {
width: 730px;
height: 14px;
clear: both;
background: url(../img/bg-box-730-top.gif) 0 0 no-repeat;
}
.newscontainer .content { 
width: auto;
padding: 5px 15px;
clear: both;
}
.newscontainer .column { 
float: left; 
width: 340px; 
padding: 10px 5px 0 20px;
}
.newscontainer .border {
border-right: 1px solid #aaa;
width: 339px;
padding: 10px 15px 0 10px;
}
.newscontainer .work-photos {
	float: right;
	width: 360px;
	padding: 0;
}
.newscontainer .work-photos img { margin: 0 1px 1px 0;}
.newscontainer .work-details {
	float: left;
	width: 315px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0px;
}

/* newnewscontainer (main container on internal events pages) */
.newnewscontainer {
width: 730px;
float: left;
background: url(../img/bg-box-730.gif) 0 0 repeat-y;
}
.newnewscontainer .btm {
width: 730px;
height: 14px;
clear: both;
background: url(../img/bg-box-730-btm.gif) 0 bottom no-repeat;
}
.newnewscontainer .top {
width: 730px;
height: 14px;
clear: both;
background: url(../img/bg-box-730-top.gif) 0 0 no-repeat;
}
.newnewscontainer .content { 
width: auto;
padding: 5px 15px;
clear: both;
}
.newnewscontainer .column { 
float: left; 
width: 340px; 
padding: 10px 5px 0 20px;
}
.newnewscontainer .border {
border-right: 1px solid #aaa;
width: 339px;
padding: 10px 15px 0 10px;
}
.newnewscontainer .work-photos {
	float: right;
	width: 300px;
	padding: 0;
}
.newnewscontainer .work-photos2 img { margin: 0 1px 1px 0;}
.newnewscontainer .work-details {
	float: left;
	width: 390px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0px;
}

/* latest events2 column elements (home page) */
.latest-events2 {
width: 233px;
float: left;
background: url(../img/bg-box-233.gif) 0 0 repeat-y;
}
.latest-events2 .btm {
width: 233px;
height: 14px;
clear: both;
background: url(../img/bg-box-233-btm.gif) 0 bottom no-repeat;
}
.latest-events2 .top {
width: 233px;
height: 14px;
clear: both;
background: url(../img/bg-box-233-top.gif) 0 0 no-repeat;
}
.latest-events2 .content { 
width: auto;
padding: 0 20px;
clear: both;
}
.latest-events2 .content p {
margin: 0 0 12px;
padding: 0 0 6px;
clear: left;
font: normal 0.7em/1.25em "Trebuchet", Tahoma, sans-serif;
border-bottom: 1px solid #ccc;
}
.latest-events2 .content p img {
float: left;
margin: 0 10px 0 0;
padding-bottom: 6px;
}

.newscontainer .work-photos {
	float: right;
	width: 300px;
	padding: 0;
}

.img.right {float: right; margin: 0 0 15px 15px}