/* Reset & Body 
--------------------------------------------------------------------*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
	margin:0;
	padding:0;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}


* {
margin:0;
padding:0;
}

.outerContainer 
{
	text-align: center;
background:#2A0B06 url(images/bg/bg_slice.jpg) top repeat-x;
font-size:1em;
font-family:Tahoma, Arial, Helvetica, sans-serif;
color:#2A0B06;
padding-bottom: 2px;
margin:0;
}

p {
padding:0 0 8px 0;
}

h2 {
padding:0 0 20px 0;
font-weight:lighter;
font-size:1.8em;
}
h3 {
padding:0 0 20px 0;
font-weight:lighter;
font-size:1.6em;
}
h4 {
padding:0 0 20px 0;
font-weight:lighter;
font-size:1.1em;
}
/* Container 
--------------------------------------------------------------------*/
#container {
margin:0 auto 20px;
width:899px;

}
/* Header 
--------------------------------------------------------------------*/
#header {
height:203px;
background: url(images/bg/header_bg.jpg)  no-repeat;
}
img.logo {
margin:93px 0 0 0;
}
/* Navigation 
--------------------------------------------------------------------*/
.nav {
background: url(images/bg/page_top.gif) bottom no-repeat;
padding:0 0 25px 0;
}
.nav ul {
list-style:none;
}

.nav ul li {
float:left;
padding:0 20px 0 0;
background:#3E5BC1 url(images/bg/nav_mid.gif) top right no-repeat;
}
.nav ul li#last {
float:left;
padding:0 20px 0 0;
background:#3E5BC1 url(images/bg/nav_last.gif) top right no-repeat;
}
.nav ul li a {
padding:7px 5px ;
display:block;
color:#fff;
text-decoration: none;
font-size: 0.8em;
min-height:16px;
}

.nav ul li#first a {
padding:7px 5px 7px 14px;
background:#3E5BC1 url(images/bg/nav_first.gif) top left no-repeat;
}

.nav ul li#first.on a {
padding:7px 5px 7px 14px;
background:#fff url(images/bg/first_left.gif) top left no-repeat;
color:#000;
}

.nav ul li#first.on {
background:#fff url(images/bg/over2.gif) top right no-repeat;
margin:0 0 0 0;
}

.nav ul li#last.on {
float:left;
padding:0 20px 0 0;
background:#fff url(images/bg/last_right.gif) top right no-repeat;
margin:0 0 0 -13px;
}

.nav ul li#last a {
background:#3E5BC1 url(images/bg/last.gif) top left no-repeat;
padding:7px 5px;

}
.nav ul li#last.on a {
background:#fff url(images/bg/left_on.gif) top left no-repeat;
color:#000;
padding:7px 5px 7px 15px;

}

.nav ul li.on {
background:#fff url(images/bg/over2.gif) top right no-repeat;
margin:0 0 0 -13px;
}

.nav ul li.on a {
background:#fff url(images/bg/left_on.gif) top left no-repeat;
color:#000;
padding:7px 5px 7px 18px;

}
/* Content 
--------------------------------------------------------------------*/
#content {
background:#F0E9E3 url(images/bg/page_slice.jpg) repeat-x;
font-size: 0.8em;
padding:0 30px 20px;
}

/* Intro on homepage 
----------------------------------*/
div.intro {
padding:0 0 20px 0;
}
.introText {
float:left;
width:390px;
}

h1 {
font-size: 2em;
font-weight:lighter;
padding:0 0 20px 0;

}

p.intro {
font-weight: bold;
}

.introPromo {
background: url(images/bg/promo_bg.jpg) no-repeat;
width:370px;
height:110px;
float:right;
color:#fff;
padding:10px;
}
.introPromo h2{
font-size: 2em;
font-weight:lighter;
padding:0 0 5px 0;
}

.introPromo p.emph {
font-size: 1.4em;
padding:0 0 5px 0;
}

.introPromo a {
color:#fff;
background: url(images/bg/bullet.gif) right center no-repeat;
padding:0 10px 0 0;

}

/* Homepage - Left column 
----------------------------------*/

div.col1 {
width:390px;

float:left;
}


h2.sub {
background:#F0E9E3 url(images/bg/sub_bg.gif) no-repeat;
padding: 10px 20px;
}
div.sub {
background:#F0E9E3 url(images/bg/sub_bg_bot.jpg) bottom no-repeat;
padding: 10px 20px;
margin:0 0 30px 0;
}

div.event1, div.event2 {
width:170px;
float:left;
margin:0 10px 0 0;
}

div.event1 h3, div.event2 h3{
color:#3E5BC1;
}

div.event1 h4, div.event2 h4 {
padding:0 0 0 0;
font-weight:bold;
font-size:1em;
}

img.event1, img.event2 {
float:left;
margin:0 10px 0 0;
}
img.event2 {
margin:0 0 0 0;
}

div.event2 {
margin:0 0 0 0;
}

img.scroller{
padding:20px 0 10px;
}

div.homeSearch {
background:#F0E9E3 url(images/bg/search.jpg) no-repeat;
width:350px;
height:112px;
padding: 10px 20px;
margin:0 0 30px 0;
}
div.homeSearch h2 {
color:#3E5BC1;
}

input.txt{
border:1px solid #809DB9;
width:225px;
padding:2px 0;

}

select.txt{
border:1px solid #809DB9;
width:225px;
padding:2px 0;
background:#fff;
}
select.short{

width:125px;
margin:0 0 0 10px;
}

 input.button{
border:none;
padding:1px 10px;
color:#fff;

background:#644A43;
margin:0 0 0 10px;
}

.guide {
background: url(images/bg/beginners.jpg) no-repeat;
height:285px;
padding:10px 20px;
color: #fff;
}
.guide h2{
padding:5px 0 0 60px;
color:#2A0B06;
}

.guide h3{
padding:125px 0 0 0;
font-size: 1.2em;
}

.guide a {
color:#fff;
background: url(images/bg/bullet.gif) left center no-repeat;
padding:0 10px;
display:block;
float:left;
font-size: 0.8em;
}


/* Homepage - Right column 
----------------------------------*/

div.col2 {
width:390px;
float:right;
}

div.buyTickets {
background:#ECE2DB url(images/bg/tickets_bg.jpg) no-repeat;
padding:10px 20px 0;

}

a.buyTickets {
background:#ECE2DB url(images/bg/tickets_bot.jpg) bottom no-repeat;
display:block;
padding:20px;
color:#2A0B06;
margin:0 0 30px 0;
}

table.calendar {
border-collapse: separate;
border-spacing: 4px;
position: relative;
left: -4px;
margin:0 0 10px 0;
}

table.calendar th {
font-weight: normal;
text-align: left;
width:37px;
height:19px;
padding:2px 0 2px 8px;
vertical-align: middle;
color:#9B867F;
}
table.calendar td {
border:1px solid #B7A7A1;
background: #fff;
width:37px;
height:19px;
padding:2px 0 2px 8px;
vertical-align:middle;
}

table.calendar td.other {
border:1px solid #F3ECE8;
background: #F3ECE8;
}

table.calendar td.event {
border:1px solid #5C76CB;
background: #5C76CB;
color: #fff;
}

table.calendar td.meet {
border:1px solid #E0B49E;
background: #E0B49E;
color: #fff;
}
table.calendar td.merit {
border:1px solid #2A0B06;
background: #2A0B06;
color: #fff;
}

.oom {
background: url(images/bg/order.jpg) no-repeat;
height:285px;
padding:10px 20px;

}
.oom p{
width:220px;

}


/* Sub pages 
--------------------------------------------------------------------*/

.subPage .col1{
width:560px;

}

.subPage .col2{
width:260px;
}


.main .event1, .main .event2 {
width:260px;
}
.main .event1 {
margin:0 30px 0 0;
}
.main .event1 img, .main .event2 img {
float:none;
margin:0;
}

.main {
border-bottom:1px solid #DDBDA8;
padding:0 0 20px 0;
}

.main h2 {
color:#3E5BC1;
font-size: 1.6em;
padding:0 0 10px 0;

}
#content .main h3 {
padding:10px 0;
color:#2A0B06;
}

a.more, a.buy {
color:#fff;
text-decoration: none;
background:#AA9993 url(images/bg/more.gif) center right no-repeat;
padding:3px 20px 5px 10px;
margin:30px 10px 0 0;
display:block;
float:left;
}
a.buy {
font-weight: bold;
text-decoration: none;
background:#3E5BC1 url(images/bg/buy.gif) center right no-repeat;
margin:30px 0 0 0;
}
.main img.map {
float:right;
margin:0;
position:relative;
top:-10px;
}


/* Events 
----------------------------------*/
.eventSnip {
border-bottom:1px solid #DDBDA8;
padding: 20px 0;

}

.eventSnip img.snipImg {
float:left;
margin:0 10px 0 0;
}
.eventSnip .snipDetails {
float:left;
width:420px;
}

.snipDetails img.map {
float:right;
margin:0;
}
.eventSnip .snipDetails h2{
float:left;
color:#FF6600;
font-size: 1.4em;
padding:0 0 5px 0
}
.eventSnip .snipDetails h3{
float:left;
clear:left;
font-size: 1.2em;
padding:0 0 5px 0;
}

.eventSnip .snipDetails p{
float:left;
clear:left;
width:250px;

}


/* News
----------------------------------*/
.newsSnip {
border-bottom:1px solid #DDBDA8;
padding: 20px 0;

}

.newsSnip img.snipImg {
float:left;
margin:0 10px 0 0;
}
.newsSnip .snipDetails {
float:left;
width:420px;
}

.newsSnip .snipDetails h2{
float:left;
color:#3E5BC1;
font-size: 1.4em;
padding:0 0 5px 0
}
.newsSnip .snipDetails h3{
float:left;
clear:left;
font-size: 1.2em;
padding:0 0 5px 0;
}

.newsSnip .snipDetails p{
float:left;
clear:left;


}

.newsSnip a.link {
color:#2A0B06;
background: url(images/bg/bullet2.gif) right center no-repeat;
padding:0 10px 0 0;
display:block;
float:none;
margin:0 0 0 0;
}



.links {
padding:0 0 0 233px;
clear:both;

}
.links a.more, .links a.buy {
margin-top:0;
}
.links a.buy {
font-weight: normal;
}

a.link {
color:#2A0B06;
background: url(images/bg/bullet2.gif) right center no-repeat;
padding:0 10px;
display:block;
float:right;
margin:20px 0 0 0;
}


/* Buy Tickets
----------------------------------*/
.subPage div.buyTickets {
background:#ECE2DB url(images/bg/tickets_small.jpg) no-repeat;
padding:10px 20px 0;

}

.subPage input.button {
float:right;
margin:20px 0 ;
}
.subPage h3 {
clear:both;
}

select.inline {
margin:0;
width:150px;
float:left;
}

.subPage input.inline {
margin:0 0 0 0;
float:right;
}
.subPage table.calendar  {
clear:both;

}
.subPage table.calendar th {
width:41px;
height:19px;
padding:2px 6px 2px 2px;
font-size: 0.7em;

}
.subPage table.calendar td {
width:41px;
height:19px;
padding:2px 6px 2px 2px;
font-size: 0.9em;
}


.key p {
float:left;
padding:0 20px 8px 0;
}

/* Search (right side) 
----------------------------------*/

div.sideSearch {
background:#F0E9E3 url(images/bg/search_small.jpg) no-repeat;
width:220px;
height:122px;
padding: 10px 20px;
margin:0 0 30px 0;
}
div.sideSearch h2 {
font-size: 1.4em;
width:130px;
padding:0 0 10px 0;
}
div.sideSearch label {
font-size: 0.8em;
}
div.sideSearch input.txt {
width:130px;
}
div.sideSearch input.button {
float:none;
margin:0 0 0 5px;
}


/* Promo (right side)
----------------------------------*/
.sidePromo {
background: url(images/bg/promo_small.jpg) no-repeat;
width:220px;
height:192px;
padding:20px;
}

.sidePromo a {
color:#2A0B06;
background: url(images/bg/bullet2.gif) right center no-repeat;
padding:0 10px 0 0;


}
/* Footer 
--------------------------------------------------------------------*/
#footer {
padding:20px 20px 50px;
background:#F0E9E3 url(images/bg/page_bot.gif) bottom no-repeat;
clear:both;
position: relative;
}

#footer ul{
border-top:1px solid #DDBDA8;
padding:10px 0 0 0;
}
#footer ul li{
float:left;
padding:0 10px;
border-right:1px solid #79645E;
font-size:0.8em;
}
#footer ul li.last{
border-right:none;
}
#footer ul li a{
color:#79645E;

}

img.bhLogo {
position: absolute;
right:40px;
top:3px;
}

/* Float clearing
--------------------------------------------------------------------*/
.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */


/**** Scroller ***/
.scroller
{
	border-style:dashed;
	width: 390px;
	/*height: 200px;*/
	overflow:hidden;
}

.scrollingdiv
{
	width:10000px;
	margin-left:0px;
}

/***** Calendar *****/
table.calendar td.event a, table.calendar td.event a:hover, table.calendar td.meet a, table.calendar td.meet a:hover,
table.calendar td.merit a, table.calendar td.merit a:hover {
	text-decoration: none;
	color: #fff;
}


.collapsePanel {
    width:100%;
    background-color:#ECE2DB;
    overflow:hidden;
    line-height: 12px;
    padding-left:5px;
    padding-right:10px;
    border-style:outset;    
}

.courseSearch a
{
font-size:1.0em;
text-decoration:underline;
}

