/* CSS Document */


body {
	text-align: center; /*For IE */
	font-family: arial, helvetica, sans-serif;
	background-image: url(elements/wallpaper.gif);
}


/*------------------- Layout Divs ---------------------*/


#container {
	position:relative;
	width:968px;
	height:624px;
	margin: 0 auto; /* to centre container in browser */
	text-align: left;
}

#header {
	position:relative;
	width:968px;
	height:127px;
	z-index:1;
	
}

#logo {
	position:relative;
	float:left;
	width:229px;
	height:127px;
	z-index:1;
	background-image:url(elements/logo.jpg);
	background-color:#484848;
}

#header-image {
	position:relative;
	float:left;
	width:715px;
	height:121px;
	padding-top:3px;
	padding-right:6px;
	padding-bottom:3px;
	z-index:2;
	background-color:#484848;
}

#headear-gap {
	position:relative;
	float:left;
	width:18px;
	height:127px;
}

#menu {
	position:relative;
	float:left;
	width:950px;
	height:21px;
	z-index:3;
	background-color: #2d2c2c;
}

#menu-gap {
	position:relative;
	float:left;
	width:18px;
	height:21px;
}

#roman {
	position:relative;
	width:968px;
	min-height: 500px; height: auto !important; /*this line for firefox (and IE7) etc */
	height: 500px; /* this line for IE6 */
	

}


#content {
	position:relative;
	float:left;
	width:950px;
	min-height: 500px; height: auto !important; /*this line for firefox (and IE7) etc */
	height: 500px; /* this line for IE6 */
	background-color:#484848;
	
	padding-bottom: 60px;
}

#events {
	position:relative;
	float:left;
	width:209px;
	min-height: 428px; height: auto !important; /*this line for firefox (and IE7) etc */
	height: 428px; /* this line for IE6 */
	background-color:#636363;
	margin-top:4px;
	margin-left: 6px;
	margin-bottom:4px;
	padding-top: 12px;
	padding-left: 7px;
	padding-right: 7px;
	padding-bottom: 7px;
}

.event-menu {
	width: 98%;
	height: 100%;
	padding-top: 4px;
	padding-left: 4px;
	padding-right: 4px;
	padding-bottom: 4px;
	background-color: #e8dabf;
}

#main-content {
	position:relative;
	float:left;
	width:425px;
	min-height: 447px; height: auto !important; /*this line for firefox (and IE7) etc */
	height: 447px; /* this line for IE6 */
	margin-top:4px;
	padding-left: 38px;
	padding-right: 30px;
	margin-bottom:4px;
	background-color:#484848;
}

*html #main-content {

	width:400px;
	padding-left: 15px;
	padding-right: 15px;
}

#gig-banner1{
  background-color:#484848;
  background-image:url(elements/gigs-red.png);
  background-repeat: no-repeat;
  width: 425px;
  height: 7px;
} 
#gig-banner2{
  background-color:#636363;
  background-image:url(elements/gigs-yellow.png);
  background-repeat: no-repeat;
  width: 425px;
  height: 7px;
} 

#content-detail1{
  float: left;
  margin-top: 2px;
  margin-bottom: 5px;
  position: relative;
  background-color:#484848;
  width: 425px;
  min-height: 200px; height: auto !important;
  height: 200px;
}
#content-detail2{
  float:left;
  margin-top:2px;
  margin-bottom: 5px;
  position: relative;  
  background-color:#636363;
  width: 425px;
  min-height: 200px; height: auto !important;
  height: 200px;
}
*html #content-detail1 {
  width: 300px;
}
*html #content-detail2 {
  width: 300px;
}
#content-detail-left{
  position: relative;  
  padding-top: 5px;
  float: left;  
  width: 135px;
}
#content-detail-right{
  position: relative;  
  padding-top: 5px;
  padding-left: 5px;
  float: left;
  width: 280px;
}
#shortdesc {
  font-family: arial, helvetica, sans-serif;
  font-size: 11px;
  color: #ffffff;
  padding: 3px;
  background-color: #7c7c7c;
}
#booknow{
  padding: 3px;
  height: 21px;
}
#main-content-gallery{
	position:relative;
	float:left;
	width:634px;
	min-height: 447px; height: auto !important; /*this line for firefox (and IE7) etc */
	height: 447px; /* this line for IE6 */
	margin-top:4px;
	padding-left: 38px;
	padding-right: 30px;
	margin-bottom:4px;
	background-color:#484848;
}

#side-content {
	position:relative;
	float:left;
	width:200px;
	min-height: 428px; height: auto !important; /*this line for firefox (and IE7) etc */
	height: 428px; /* this line for IE6 */	
	background-color:#636363;
	margin-top:4px;
	margin-bottom:4px;
	margin-right: 6px;
	margin-left: 8px;
	padding-top: 12px;
	padding-left: 7px;
	padding-right: 7px;
	padding-bottom: 7px;
}

.side-detail {
	width: 95%;
	
	padding-top: 15px;
	padding-left: 4px;
	padding-right: 4px;
	padding-bottom: 35px;
	background-color: #6c2730;
}

.photo { float: left; margin: 0.5em; border: 1px solid #ccc; padding: 1em; font-size: 10px; }
 

#calendar {
   padding-left:7px;
	text-align: center;
	
}

#calendar  a, a:link, a:visited, a:active {
	color:#454545;
}

#content-gap {
	position:relative;
	float:left;
	width:18px;
	height:475px;
}

#footer {
	position:relative;
	float:left;
	width:940px;
	height:33px;
	z-index:3;
	padding-left: 10px;
	background-color: #000000;
	
}



.clear {
	clear:both;
}

.sub_menu {
  font-size: 11px;
  color: #484848;

}


/* ---------------- Typography --------------------*/

h1 {
	font-size: 11px;
	color:#b5b5b5;
	font-weight: normal;
}

h2 {
	font-size: 14px;
	text-transform: uppercase;
	font-weight: bold;
	
	color:#b5b5b5;
}



#event_item {
   font-size:12px;
   color: #000000;
   text-decoration: none;
   border-bottom: 1px solid #000000;
}
#event_item h3:hover{
   cursor: pointer;
}
#event_item a , a:link, a:visited, a:active, a:hover {
   font-size:12px;
   color: #000000;
   text-decoration: none;
}

#event_item h3 {
 margin: 1px;
}

.sub_menu  a, .sub_menu a:link,.sub_menu a:visited,.sub_menu a:active,.sub_menu a:hover {
	color:#b5b5b5;
	text-decoration:underline;
}


p {
	font-size: 11px;
	color:#b5b5b5;
}


a, a:link, a:visited, a:active {
	color:#b5b5b5;
}

a:hover {
	color: #ffffff;
	}	
#overDiv p,#overDiv a,#overDiv a:link,#overDiv a:visited,#overDiv a:active {
  color:#000000;

}
li {
	font-size: 11px;
	color:#b5b5b5;
}

.event-menu p {
	color:#484848;
}

.event-menu h1 {
	font-size: 11px;
	color:#141414;
	text-transform: uppercase;
	font-weight: normal;
}

.side-detail p {
	color:#f1f1f1;
	margin: 2px;
}

.side-detail h1 {
	font-size: 11px;
	color: #f1f1f1;
	text-transform: uppercase;
	font-weight: normal;
}


#footer p, #footer a:link, #footer a:visited, #footer a:active  {
	font-size: 10px;
	color:#b5b5b5;
}
#footer p {
   margin:2px;
}
#footer a:hover  {
	color:#ffffff;
}