* {
 padding: 0;
 margin: 0;
 border: 0;
 
 }
 
html{
	height: 100%;
	margin-top:0px;
padding-top:0px;
}

body {
 color: #555656; 
 font: 12px/1.3em Verdana, Arial, Helvetica, sans-serif;

margin:50px 0px; padding:0px;

text-align:center;
height: 100%;
margin-top:0px;
padding-top:0px;

}



#main {
margin:0px auto;
	text-align:left;
	
 border: 1px solid #BFBEBE;
 padding: 0px;

 background: #F7F9F9 url(panes2.jpg) repeat-y 50% 0;
 width:903px;
margin-top:0px;
padding-top:0px;
}
#top {
left:0px;
width:100%;
width:100%;
height:	230px;
background:#FFFFFF;
background-image: url(logo.jpg);

 background-repeat: no-repeat;
 padding: 0px;
 margin: 0px;
text-align: left;
}

 
#top_right_menu {
max-width: 250px;
color: #875FA8;
border: 1px solid #875FA8;
padding: 10px;
margin-bottom: 10px;
background-color: #DBD3E5;
position:absolute;
left:500px;
top:40px;
}



#center {

text-align: left;
width:72%;
padding-left: 10px;
padding-top: 10px;
 
 padding-bottom:15px;
float:left;
}



	
#right {
margin-right:1px;

/*border-left: 1px solid #BFBEBE;*/
/* border-bottom: 1px solid #BFBEBE; */
/*width:26%;*/
width:235px;
height:100%;
float: right;
}

div.navHeader{
display:none;

}

#titleHeader{

margin-top:20px;
clear:left;
border-bottom:1.2px solid #ddd;
width:85%;
}


div.microPic {float: left; margin:0px;padding:0px;padding-right:3px;display:inline;}

div.microPic img {border: none;margin:0px;padding:0px;}
/*
span.icon{
background-image: url(whiteArrow.jpg);
background-repeat: no-repeat;
position:relative;
height:	53px;
}

*/

.latestImagesHeader {
 background-image: url(latestPictures.jpg); border-bottom:1px dashed #ddd;margin-bottom:10px;width:100%;}
.latestNewsHeader {
 background-image: url(freshNews.jpg);border-bottom:1px dashed #ddd;margin-bottom:10px;}
.linksHeader {
 background-image: url(links.jpg);border-bottom:1px dashed #ddd;margin-bottom:10px;}




#navigation {

right:0px;
height:25px;
text-align:right;
padding:2px;
border-top:5px solid #000;
background:#000;
}

#breadCrumbs {

}

div.thumbBox{

width:160px;
float:left;

border-right:1.2px solid #ddd;
padding-right:10px;
margin-right:10px;
padding-left:5px;
}

div.textLeft{

text-align:left;

float:left;

padding:2px;
}
div.textRight{

text-align:left;
float:right;
width:520px;
border-left:1px dashed #7C9BB3;
padding:2px;
padding-left:8px;
margin-left:4px;

}
div.homeBottom{

padding-bottom:10px;
padding-top:10px;
display:block;
clear:left;
}

div.homeTop{

padding-bottom:10px;
padding-top:10px;
display:block;
float:left;
}
div.homeLeft{

text-align:left;

float:left;
width:74%;

padding:2px;
}
div.homeRight{

text-align:left;
float:right;
width:21%;
border-left:1px dashed #7C9BB3;
padding:2px;
padding-left:4px;
margin-left:4px;


}
div.featured{
position:absolute;
top:20px;
right:0px;

z-index:3000;
width:200px;
height:180px;

}
 
div.articleWrapper {
float:left;
margin-top:5px;
text-align:left;
padding-top:5px;
padding-bottom:5px;



}

div.wrapper {
display:block;
clear:left;
margin-top:5px;
text-align:left;
padding-top:5px;
padding-bottom:5px;
height:100%;


}

div.moreInfo{
clear:left;
padding-top:10px;
}
div.separator {
width:40%;
clear:left;
}

#content {

padding:20px;
text-align:center;
}


#footer {

clear: both;
height:150px;
padding-top:10px;
margin-top:10px;
bottom:0px;
border-top: 1px solid #BFBEBE;
background:#fff;
background-image: url(texture.jpg);

background-image: url(myclybbing-grey.jpg); 
background-repeat: no-repeat;
background-position:bottom;


text-align:center;

}

#calendarPreview{
float:left;
padding:8px;
padding-left: 15px;

}
 
  #latestImages{

 width:220px;
float:left;
margin:5px;
}

  #latestEvents{


 width:218px;
float:left;
margin:5px;
}

  #latestLinks{

 width:218px;
float:left;
margin:5px;
}

  #sitemaps{

 width:218px;
float:left;
margin:5px;
}

  #usersOnline{
   width:158px;
float:left;
padding:2px;
padding-left: 15px;
}

div.clear {
clear:left;
}

h1#titleHeader{

height:50px;
padding:0px;
margin:0px;
}

h1.subHeader{
height:20px;
margin:0;
padding:0; 
padding-bottom:5px;

}
h2.subHeader{
font: 21px Verdana, Arial, Helvetica, sans-serif;
margin:0;
padding:0; 
margin-top:10px;
margin-bottom:10px;
padding-bottom:5px;
color: #7B7C7C;
}


h1.featureHeader{

height:26px;
padding:0px;
margin:0px;
}

h2{
font: 12px/1.3em Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
 text-align: left;
margin-bottom:5px;
}

h3	{

 background-repeat: no-repeat;

 height: 25px;
 }
 h3.text{
 font: 12px/1.3em Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
 text-align: left;
margin-bottom:5px;
 }
 h3 span {
 display:none;
 }
 
 /*
 h3.latestImagesHeader , h3.latestNewsHeader,h3.nowPlayingHeader,h3.usersOnlineHeader{
font: 12px/1.3em Verdana, Arial, Helvetica, sans-serif;
color:#7C9BB3;
 height:30px;
 }
 */
 

#navigation li.element {
margin-left:4px;
display:inline;
}

#breadCrumbs li.element {
margin-left:2px;
display:inline;
}

div.header ul{
list-style: none;
}

div.header li.title{
font: 20px/1.3em Verdana, Arial, Helvetica, sans-serif;
  color: #cf0000;
  }
  
div.header li.author{
font: 11px/1.3em Verdana, Arial, Helvetica, sans-serif;
  color: #7B7C7C;
  padding-left:4px;
  }
div.header li.date{
 font: 11px/1.3em Verdana, Arial, Helvetica, sans-serif;
 color: #7C9BB3;
  padding-left:4px;
  }

div.header {
padding-bottom:10px;
}

 ul.subNav {
 text-align: right;
list-style:none;
 color: #000000; 
 font: 11px/1.3em Verdana, Arial, Helvetica, sans-serif;
 }

 ul.subNav li{
 margin:5px;
  display:inline;
 }
 
ul.news {
 margin: 5px 10px 0;
 text-align: left;
list-style:none;
 color: #555656; 
 font: 11px/1.3em Verdana, Arial, Helvetica, sans-serif;

 }
 
 ul.news li{
 
 margin-bottom:10px;
 }
 
 ul.links {
 margin-left:20px;
 text-align: left;
list-style-image: url(linkIcon.jpg);
font: 9px/1.3em Verdana, Arial, Helvetica, sans-serif;
  color: #7B7C7C;
 }
 
  ul.rss {
 margin-left:30px;
 text-align: left;
list-style-image: url(rss.jpg);
vertical-align: top;
line-height:20px;
 }
 p.description-text{
 font-weight:normal;
 }
 
   ul.directory {

 text-align: left;
 list-style-type: none;
 }
 
  li.directory-link{
  font-weight:normal;
 padding-left:20px;
  list-style-type: none;

 }
   li.directory-category{
 font-weight:bold;
 list-style-type: none;
 padding:10px;
 
 }
 
   ul.sitemap {
 margin-left:30px;
 text-align: left;
list-style-image: url(sitemap.jpg);
 }
 
  li.sitemap{
  font-weight:normal;
 padding-left:20px;
 list-style-image: url(nib.jpg);
 }
   li.sitemap-top{
 font-weight:bold;
 padding-left:20px;
 list-style-image: url(greyNib.jpg);
 }
 
    ul.main-sitemap {
 margin-left:30px;
 text-align: left;
 }
     li.rss {
vertical-align: bottom;

 }
 
 span.subNews {
 display:block;
 }
 
 span.date{
 font: 11px/1.3em Verdana, Arial, Helvetica, sans-serif;
 color: #7C9BB3;
 text-align: left;

 }
 
 ul.album {
 margin: 5px 10px 0;
 border-top: 1px solid #ddd;
 text-align: left;
list-style: none;
font: 12px/1.3em Verdana, Arial, Helvetica, sans-serif;
  color: #7B7C7C;
  display:block;
 }
 

 
  li.track {
font: 12px/1.3em Verdana, Arial, Helvetica, sans-serif;
 }
 li.artist {
 font: 9px/1.3em Verdana, Arial, Helvetica, sans-serif;
 }
 li.album {
 
 font: 9px/1.3em Verdana, Arial, Helvetica, sans-serif;
 }
 

/* ---------- a ---------- */

#navigation a:active, #navigation a:visited, #navigation a:link{
font: 14px/1.3em Verdana, Arial, Helvetica, sans-serif;
  color: #FFF;
 }
 
 #navigation a:hover {
 color: #7C9BB3;
 }
 
 #latestNews a:active, #latestNews a:visited, #latestNews a:link,#latestNews a:hover {
  font: 12px/1.3em Verdana, Arial, Helvetica, sans-serif;
  color: #7C9BB3;
 }
 
  #latestLinks a:active, #latestLinks a:visited, #latestLinks a:link,#latestLinks a:hover {
  font: 12px/1.3em Verdana, Arial, Helvetica, sans-serif;
  color: #7C9BB3;
 }
 
#nav a:active, #nav a:visited, #nav a:link,#nav a:hover {
  color: #00689F;
  font-weight: bold;
 }
 
 ul.eventEntry
 {
 list-style-type:none;
 margin-bottom:10px;
 }
 
li.eventName a:active, li.eventName a:visited, li.eventName a:link,li.eventName a:hover {
color: #cf0000;
font-weight:bold;
 }
li.eventDate a:active, li.eventDate a:visited, li.eventDate a:link,li.eventDate a:hover {
color: #000000;
font-weight:bold;

 }
li.eventVenue a:active, li.eventVenue a:visited, li.eventVenue a:link,li.eventVenue a:hover {
color: #000000;
font-weight:bold;
 }
 li.eventDescription a:active, li.eventDescription a:visited, li.eventDescription a:link,li.eventDescriptione a:hover {
color: #000000;

 }

 
a {
color: #7C9BB3;
 text-decoration: none;
 }
 
 a.sub {
color: #7B7C7C;
border-bottom: 1px dotted #7C9BB3;

 }
   h2 a:active, h2 a:visited, h2 a:link,h2 a:hover {
  font: 18px Verdana, Arial, Helvetica, sans-serif;

  color: #7C9BB3;
 }
 /* projects*/
 
 img.projectsImage{

border-right:1.2px solid #ddd;
padding-right:20px;
margin-right:10px;

}

div.featurePreview{
padding-left:8px;
}

/* articles */

span.articlePreview{
margin:10px;
}

#slider {

padding:20px;
clear:left;
text-align:middle;
vertical-align:bottom;
bottom:0px;
}
img.articlesImage{

border-right:1.2px solid #ddd;
padding-right:20px;
margin-right:10px;

}

img.articleImage{

float:right;
margin:5px;
}

.articleImages{

float:right;
border:0px solid #ddd;
width:280px;
margin:10px;
right:0px;

}
.clubInfoPane{

float:right;

width:220px;
margin:10px;

right:0px;

}

#content{
clear:left;
}
div.content
{
margin-right:10px;
}
img.imageThumbs{
clear:left;

}

/* art */

#artHeader{
position:relative
background-image: url(art.jpg);
height:30px;
background-repeat: no-repeat;
}
#artHeader span{
display:none;
}

 .artCategoryWrapper{
border-bottom: 1px solid #ddd;
clear:left;
margin:10px;
}
.artCategoryWrapper img {
border:1px solid #000;
}

 .venueGallery img {
border:1px solid #000;
 display: block;
    margin-left: auto;
    margin-right: auto;
   
}

 .artItemWrapper{
margin:10px;
}
 .artItemWrapper img {
border:1px solid #000;
}

.venueGalleryWrapper {
float:left;
display: block;
margin:10px;
width:152px;
height:115px;

}

.artCategoryWrapper a{
color:#8e8e8e;
}


span.artCategoryImage{
text-align:left;

}
span.artCategory {
color:#8e8e8e;
text-align:right;
right:0px;

float:right;
 }
 
 
 /* Advertising */
 
 div.topAd{
 position:relative;
 left:400px;
 top:90px;
 width:500px;

 }
 /* image */

#imageHeader{
position:relative
background-image: url(image.jpg);
height:30px;
background-repeat: no-repeat;
}
#imageHeader span{
display:none;
}

 .imageCategoryWrapper{
border-bottom: 1px solid #ddd;
clear:left;
margin:10px;
}
.imageCategoryWrapper img {
border:1px solid #000;
}

 .imageFolderWrapper{
 float:left;
margin:10px;
 width:150px;
 height:113px;


}
 .imageFolderWrapper img {
border:1px solid #000;
 display: block;
    margin-left: auto;
    margin-right: auto
}

 .imageItemWrapper{
margin:10px;
}
 .imageItemWrapper img {
border:1px solid #000;
}

  .imageFolderWrapper span{
display:block;

}

.imageCategoryWrapper a{
color:#8e8e8e;
}


span.imageCategoryImage{
text-align:left;

}
span.imageCategory {
color:#8e8e8e;
text-align:right;
right:0px;

float:right;
 }
 
 /* Calendar */
 .cal {
background-color: #ffffff;
color: #000000;
border-collapse: collapse;
}
.cal caption {
text-align: left;
font: bold 110% Georgia, "Times New Roman", Times, serif;
padding-bottom: 6px;
}
.cal th {
border: 1px solid #AAAAAA;
border-bottom: none;
padding: 2px 8px 2px 8px;
background-color: #CCCCCC;
color: #3F3F3F;
font: 80% Verdana, Geneva, Arial, Helvetica, sans-serif;
}
.cal td {
border: 1px solid #EAEAEA;
font: 80% Verdana, Geneva, Arial, Helvetica, sans-serif;
padding: 2px 4px 2px 4px;
vertical-align: top;
}
.cal_nav {
    color: #000000;
}
.cal_now {
    font-size: 15px;
    font-weight: bold;
    color: #000000;
}
.cal_top {
    background-color: #000000;
}
.cal_week {
    color: #ffffff;
}
.cal_row {
    background-color: #ffffff;
}
.cal_row_alt {
    background-color: #ffffff;
}
.cal_entry {
    color: #000066;
}
.cal_event {
    color: #d63032;
}
.cal_current {
   background-color: #B1CBE1;
color: #2B5070;
border: 2px solid #4682B4;
}


.cal td.previous, .cal td.next {
background-color: #F6F6F6;
color: #C6C6C6;
}

.clmonth {
border-collapse: collapse;
width: 610px;
}
.clmonth th {
border: 1px solid #AAAAAA;
border-bottom: none;
padding: 2px 8px 2px 8px;
background-color: #CCCCCC;
color: #3F3F3F;
font: 80% Verdana, Geneva, Arial, Helvetica, sans-serif;
width: 80px;
}
.clmonth td {
border: 1px solid #EAEAEA;
font: 80% Verdana, Geneva, Arial, Helvetica, sans-serif;
padding: 2px 4px 2px 4px;
vertical-align: top;
height:80px;
}
.clmonth td:hover{
background-color:#eeeeee;
}

.clmonth header{
font-weight:bold;
}
.clmonth ul {
list-style-type: none;
margin: 0;
padding-left: 12px;
padding-right: 6px;
}
.clmonth li {
margin-bottom: 8px;
}

.clmonth td.previous, .clmonth td.next {
background-color: #F6F6F6;
color: #C6C6C6;
}
.clmonth td.active {
background-color: #B1CBE1;
color: #2B5070;
border: 2px solid #4682B4;
}

input {
border: 1px solid #eeeeee;
}