/* CSS Document */

a{text-decoration:none;}
h1,h2,h3{font-size:1.0em;}

html
{
	height: 100%;
	margin-bottom: 1px;
}

body
{	
	margin: 0;
	padding: 0;	
	font-family: Verdana, Arial, Helvetica, sans-serif, Tahoma;
	font-size: 62.5% /* 16px × 62.5% = 10px */; 
	background-color: #000;
	color: #fff;
}

#wrapper {
	text-align: left;
	margin: 0 auto;
	padding: 0 0 0 0px;
	width: 100%;
	background-color: #FFF;
}


h1 
{ 

font-size: 2em; /* 10px × 2em = 20px */ 
font-family: Georgia, Arial, Verdana, sans-serif;
	color: #000;
	font-style: normal;
	background-color: #fff;
	line-height: 50%;
	margin-top: 0px;
	padding-left: 0px;
	padding-top: 10px;
	padding-bottom: 8px;
}

h2 
{ 

font-size: 1.5em; 
font-family: Georgia, Arial, Verdana, sans-serif;
	color: #000;
	font-style: normal;
	background-color: #fff;
	line-height: 50%;
	margin-top: 0px;
	padding-left: 0px;
	padding-top: 0px;
	padding-bottom: -10px;
}




a
{
	color: #339900;
}

a:hover
{
	color: #252525;
}

#top-banner
{
	padding: 0px 0px 0px 0px;
	/*background: url(images/telnum.gif) no-repeat 560px 15px;*/
	background-color: #000;
}

#top-mid-banner
{
	padding: 0px 0px 0px 170px;
	background: url(images/bardic-theatre-top2-166.jpg) no-repeat 0px 0px;
	background-color: #7bbb05;
}

#black-mid-banner
{
	padding: 3px 0px 4px 0px;
	background-color: #000;
}

#main
{
	
	color: #333333;
	background: #fff url(images/bardic-logo-bg.jpg) no-repeat 0% 0px;
	font-size: 1.2em;
	padding-top:10px;
	padding-bottom:15px;
	background-color: #FFF;
}

.hometable {
	color: #333333;
	background-color:#ffffff;
	font-size: 0.9em;
}

.hometable p {
line-height: 130%;
}

.hometableboxtitle {
font-size: 1.2em;
}

#leftnav
{
float: left;
width: 160px;
margin-top: 5px;

}

#content
{
float: right;
width: 730px;
background-color: #FFF;
font-size: 1em;
line-height:160%;
}

#addressbox {
	font-size: 0.9em;
	line-height: 1.5em;
	margin: 10px 0px 10px 0px;
	border: 3px solid #eee;
	padding: 3px;
	background-color: #fff;
}

* html #content{
	width: 700px;
}

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.mattblacktabs{
width: 100%;
overflow: hidden;
}

.mattblacktabs ul{
margin: 0;
padding: 0;
padding-left: 0px; /*offset of tabs relative to browser left edge*/
font: bold 11px Verdana;
list-style-type: none;
}

.mattblacktabs li{
display: inline;
margin: 0;
}

.mattblacktabs li a{
float: left;
display: block;
text-decoration: none;
margin: 0;
padding: 7px 12px; /*padding inside each tab*/
border-right: 1px solid #7bbb05; /*right divider between tabs*/
color: white;
background: #7bbb05; /*background of tabs (default state)*/
}

.mattblacktabs li a:visited{
color: white;
}

.mattblacktabs li a:hover, .mattblacktabs li.selected a{
background: black; /*background of tabs for hover state, plus tab with "selected" class assigned to its LI */
}

/*LEFT MENU WORK*/

#navcontainer 
{
float: left;
width: 200px;
}

#navcontainer ul
{
list-style-type: none;
text-align: left;

margin: 0;
padding: 0;
padding-bottom: 15px;

}

#navcontainer li
{
padding-bottom: 3px;

}

#navcontainer ul li a
{
background: transparent url(images/list-on.gif) left center no-repeat;
padding-left: 15px;
text-align: left;
font: normal 0.9em "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
text-decoration: none;
color: #000;

}

#navcontainer ul li a:hover
{
background: transparent url(images/list-off.gif) left center no-repeat;
color: #cc0000;
}

#navcontainer ul li a#current
{
background: transparent url(images/list-active.gif) left center no-repeat;
color: #666;
}


.aligntoright {
	float: right;
	margin: 5px 0px 5px 10px;
	line-height:0;
	border: 3px solid #ccc;
	background-color: #fff;
}

/*Inside Div Class to be used within div ids above to make it middle and 850 wide*/
.insidediv
{
	position: relative;
	width: 900px;
	margin: 0 auto;
}


/* FOOTER */
#footer
{
	clear: both;
	color: #fff;
	font-size: 1.2em;
	padding: 15px 0;
	background-color: #000;
	border-top: 4px solid #7bbb05;
}

#footer a
{
	color: #fff;	
}

#footer a:hover
{
	color: #ffff00;	
}