* {
  margin: 0;
  padding: 0;
}

html {                
 margin: 0px 0px 0px 0px;
 padding: 0px;
 margin-left: -1px;
 overflow-y: scroll;
 background: #1C6B3A url(gfx/page_layout/html_bg.png) repeat 50% top;
}

body {
  margin: 0px;
  padding: 0px 0px 0px 0px;                                                     
  font-size:1em;                      
  line-height: 140%;
  text-align:center;
  color: black;    
  font-family: "Trebuchet MS", sans-serif; 
  background: transparent url(gfx/page_layout/body_bg.png) repeat-y 50% top;                                                                                                                                                                   
}

#background {               
  margin: 0 auto;
  border: 0px;
  border-width:0 1px;
  text-align: left;  
  color: black;       
  position: relative;
  width: 1000px;   
  background: black url(gfx/page_layout/header1.jpg) no-repeat 50% top; 
  padding: 180px 0px 0px 0px; 
}

#background hr {
    color: black;
    background: black;
    border: 0px;
    clear: both;
    height: 10px;     
}


div#wrapper {           
    width: 947px;
    margin-left: auto;
    margin-right: auto;
    padding: 15px;
    background-color: #ffffff;  
}

div#header {
    border-bottom: 1px solid gray;  
    position: relative;
    height: 95px;
    background-color: #ffffff;    
    z-index: 0;
}

div#header div#topnavigation ul {
    list-style: none; 
    color: #068C00;
    font-size: 0.8em;
    font-weight: normal;
    letter-spacing: 1.5px;   
}

div#header div#topnavigation li {
    display: inline; 
    margin-right: 5px; 
}

div#header div#topnavigation li a { text-decoration: none; color: #068c00; padding: 2px 5px 2px 5px; }
div#header div#topnavigation li a:hover,
div#header div#topnavigation li.active a { color:#FF9600; }

div#header div#topnavigation li.active ul { display: inline; margin-right: -10px; }


div#header img#mainlogo {
    position: absolute;
    right: 0px;
    top: 0px;  
    z-index: -1;
}

div#container {
    width: 100%;
    margin-top: 10px;
    padding: 5px;
    overflow: auto;
}

/* Start of Column CSS */
#containerfour {
    position: relative;
    clear:left;
    float:left;
    width:100%;
    overflow:hidden;
    background:#ffffff; /* column 4 background colour */
}

#containerthree {
    clear:left;
    float:left;
    width:100%;
    position:relative;
    right:25%;
    background:#ffffff; /* column 3 background colour */
}

#containertwo {
    clear:left;
    float:left;
    width:100%;
    position:relative;
    right:25%;
    background:#ffffff; /* column 2 background colour */  
}

#containerone {
    float:left;
    width:100%;
    position:relative;
    right:25%;  
    background:#ffffff; /* column 1 background colour */   
}

div#container .greentext { color: #0E4A2D; } 

div#container .blacktext { color: #000000; }   

div#container div#columnone {
    float:left;
    width:21%;
    position:relative;
    left:79%;
    overflow:hidden;
}

div#container div#columnone h1 { color: #FF9900; }
div#container h2 {
    color: #0C8400;
    font-weight: normal;
    font-size: 1.2em;
}

div#container div#columnone ul#whatson { font-weight: bold; }

div#container div#columnone ul#addresslist { 
    line-height: 150%; 
    margin-top: 15px; 
    font-size: 0.7em;
    font-weight: bold;
}
      

div#container div#columntwo {
    float:left;
    width:425px;
    position:relative;
    left: 490px;
    overflow:hidden; 

}

div#container div#columntwo p { margin-top: 15px; font-size: 0.8em; font-weight: normal; line-height: 150%; }

div#container div#columnthree {
    float:left;
    width:22%;
    position:relative;
    left:535px;
    overflow:hidden;     
}

div#container div#columnthree img {
    width: 195px;
    height: 298px;
    border: 1px solid gray;
    padding: 5px;
}


div#container div#columnfour {
    float:left;
    width: 22%;
    position:relative;
    left: 573px;
    overflow:hidden;  
}

div#container div#columnfour div#upandcoming {
    background-color: #098400;
    color: #ffffff;   
    padding: 10px;
}

div#container div#columnfour div#upandcoming h3 { font-weight: bold; font-size: 1em; }

div#container div#columnfour div.event {
    display: block;
    position: relative;
    padding: 5px;
    border: 1px solid gray;
    margin-top: 5px;  
}


div#container div#columnfour div.event h2 { font-size: 1em; }

div#container div#columnfour div.event ul {  font-size: 0.8em; line-height: 150%; }

div#container div#columnfour div.event span.more a { color: #098400; text-decoration: none; font-size: 0.8em; font-style: italic; position: absolute; right: 5px; bottom: 1px; }
div#container div#columnfour div.event span.more a:hover { color: #FF9600; }

/* --> */

/* Start of Column CSS */
#containereight {
    position: relative;
    margin-bottom: 10px;
    clear:left;
    float:left;
    width:100%;
    overflow:hidden;
    background:#ffffff; /* column 8 background colour */
}

#containerseven {
    clear:left;
    float:left;
    width:100%;
    position:relative;
    right:25%;
    background:#ffffff; /* column 7 background colour */
}

#containersix {
    clear:left;
    float:left;
    width:100%;
    position:relative;
    right:25%;
    background:#ffffff; /* column 6 background colour */
}

#containerfive {
    float:left;
    width:100%;
    position:relative;
    right:25%;
    background:#ffffff; /* column 5 background colour */
}


div#container div#columnfive {
    float:left;
    width:22%;
    position:relative;
    left: 710px;
    overflow:hidden;
}

div#container div#columnsix {   
    float:left;
    width:22%;
    position:relative;
    left: 745px;
    overflow:hidden;  
}

div#container div#columnseven {  
    float:left;
    width:22%;
    position:relative;
    left: 780px;
    overflow:hidden;   
}

div#container div#columneight {   
    float:left;
    width:22%;
    position:relative;
    left: 818px;
    overflow:hidden;  
}

div#container div.bottombox {
    padding: 5px;
    margin-top: 10px;
    border: 1px solid gray;
}

div#container div.bottombox img { width: 196.5px; }

div#container div.bottombox div.bottomboxtext {
    position: relative;
    background-image: url(gfx/grey_grad.png); 
    background-repeat: repeat-x;
    padding: 5px; 
    height: 120px;
}

div#container div.bottombox div.bottomboxtext p { font-size: 0.8em; margin-bottom: 25px; }

div#container div.bottombox div.bottomboxtext span.more a { color: #098400; font-style: italic; text-decoration: none; padding: 5px; font-size: 0.8em; position: absolute; right: 5px; bottom: 1px; }

div#container div.bottombox h2 { font-size: 1.2em; font-weight: lighter; }

h5.footer{ text-align: center;  font-size: 0.7em; font-weight: normal; }



/* Start of Column CSS */
#rightcontainer {
    clear:left;
    float:left;
    width:100%;
    overflow:hidden;
    background:#ffffff; /* column 2 background colour */
}
#leftcontainer {
    float:left;
    width:100%;
    position:relative;
    right:80%;
    background:#ffffff; /* column 1 background colour */
}
#leftcol {
    float:left;
    width: 20%;
    position:relative;
    left: 80%;
    overflow:hidden;
    color: #098400;
}
#leftcol ul li a {
    display: block;
    color: #098400;
    text-decoration: none;
    margin: 0px 20px 0px 0px;
    padding: 0px 0px 0px 0px;
    border-bottom: 1px solid #0C8400;
}
#leftcol ul li.active a,
#leftcol ul li a:hover {
    color: #FF9600;        
    border-bottom: 1px solid #FF9600;
}

#rightcol {
    float:left;
    width: 80%; 
    position:relative;
    left: 80%;
    overflow:hidden;
    min-height: 800px;
}
#rightcol p {
   margin: 0px 0px 20px 0px;
   font-size: 0.8em;
}
#rightcol ul {
   margin: 0px 0px 20px 30px;
   font-size: 0.8em;
}
#rightcol a {
    color: #0C8400;
}
#rightcol img {
  padding: 3px;    
}
/* --> */

/* CSS FOR SINGLE COLUMN LAYOUT */

#singlecolumncontainer {
    float:left;
    width:100%;
    position:relative;
    right:0%;
    background:#ffffff; /* column 1 background colour */
}
#singlecolumn {
    float:left;
    width: 100%;
    position:relative;
    overflow:hidden;
    min-height: 300px;   
}

/* END OF CSS FOR SINGLE COLUMN LAYOUT */


table.gigs td {
    padding: 5px;
}

table a {
    text-decoration: none;
    color: #0C8400;
}

table.gigs th {
    padding: 5px; 
    background-color: #0C8400;
    color: #ffffff;
}

table.gigs tr.oddrow {
    background-color: #ffffff;
}

table.gigs tr.evenrow {
    background-color: #cccccc;
}

.mainheader {
    color: #098400;
    margin-bottom: 10px;
    font-size: 1.2em;
}

.when_where {
    color: #000000;
    margin-bottom: 10px;
    font-size: 12pt;
}

.pageimage {
    margin-right: 10px;
    border: 1px solid gray;
    padding: 5px;
}