* {
	padding: 0;
	margin: 0;
}

html {
     overflow: -moz-scrollbars-vertical;

}

body { font-size: 62.5%; /* Base Font Size of 10px */
	background-color: #000;
	font-family: "Trebuchet MS", Tahoma, Arial, sans-serif;
	color: #000;
}  

#wrapper {
	width: 980px;
	background: #fff url(../images/header-bkg2.png) center top no-repeat;
	margin: 30px auto 0 auto;
}

/* COMMON ELEMENTS */

h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
	padding-bottom: 8px;
}


h1 {
	font-size: 2.3em;
	color: #fa6113;
}

h2 {
	font-size: 1.8em;
	color: #fa6113;
}

h3 {
	font-size: 1.8em;
	text-transform: uppercase;
}

h4 {
	font-size: 1.6em;
	font-weight: normal;
}

h5 {
	font-size: 1.4em;
	color: #75a406;
}

h6 {
	font-size: 1.2em;
	color: #75a406;
	text-transform: uppercase;
}

p {
	font-size: 1.2em;
	line-height: 1.3em;
	margin-bottom: 0.7em;
}

a {
	color: #75a406;
}

a:hover, a:focus, a:active {
	text-decoration: none;
}

a:focus, a:active {
	
}

ul {
	margin-left: 15px;
	padding-bottom: 12px;
	line-height: 1.6em;
}

li {
	font-size: 12px;
	margin: 0 0 4px 15px;
}

ul ul { padding: 0; }

img, a img {
}

hr {
	border: 0;
	color: #c0c0c0;
	background-color: #c0c0c0;
	height: 1px;
	margin-bottom: 5px;
}

/* LESS COMMON ELEMENTS */

small {
}

abbr, acronym {
}

blockquote {
}

cite {
}

em {
}

strong {
}

sup,
sub {
	height: 0;
	line-height: 1;
	vertical-align: baseline;
	_vertical-align: bottom;
	position: relative;
	
}

sup {
	bottom: 1ex;
}

sub {
	top: .5ex;
}


/* FORM ELEMENTS */

form {
}

fieldset {
}

legend {
}

label {
}

input, textarea {
	margin: 2px 0 4px 0;
	padding: 5px;
	border: none;
	background-color: #ffcb08;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}

input.no-border {
	border: none;
	padding: 0 0 5px 4px;
	margin: 0;
	background-color: #b2d626;
}

select {
}

option {
}


input:focus, select:focus, option:focus, textarea:focus {
}

/* BASE ID ELEMENTS */

#header {
	height: 388px;
	overflow: hidden;
}

#content {
}

#sidebar {
}

#navigation {
	width: 691px;
	height: 388px;
	float: left;
}

	#tabs {
		height: 46px;
		width: 691px;
		font-size: 1.3em;
		background: url(../images/nav-bkg.jpg) left top repeat-x;
	}
	
	#tabs ul {
		list-style-type: none;
		margin: 0;
		padding: 0;
	}
	
	#tabs li {
		display: inline;
		margin: 0;
		padding: 0;
		
	}
	
	li#seperator  {
		width: 16px;
		height: 46px;
		float: left;
	}
	
	#tabs li.line { background: url(../images/nav-tab-line.jpg) center top no-repeat; }
	#tabs li.leftCap { background: url(../images/nav-tab-select-left.jpg) center top no-repeat; }
	#tabs li.rightCap { background: url(../images/nav-tab-select-right.jpg) center top no-repeat; }
	
	#tabs li a {
		text-decoration: none;
		display: block;
		float: left;
		color: #ffd435;
		padding: 17px 23px 10px 23px;
	}
	
	#tabs li a.selected {
		background: url(../images/nav-select-bkg.jpg) left top repeat-x;
		color: #fa6113;
	}
	
	#tabs li a:hover {
		text-decoration: underline;
	}
	

#newsletter {
	width: 274px;
	height: 332px;
	padding: 56px 15px 0 0;
	float: left;
}

	p.bpi-banner {
		font-size: 130%;
		margin-bottom: 0;
	}
	
	#newsletter-form {
		padding: 9px 10px 0 25px;
		
	}
		
		#newsletter-form p { line-height: 1.0em }
		#newsletter-form h4 { text-transform: uppercase; padding-bottom: 3px; line-height: 0.9em }
		#newsletter-form hr { color: #ffcb08; background-color: #ffcb08;  }


#page {
	
	
}

#home div#page { background: url(../images/home-page-bkg2.png) left 6px no-repeat; padding: 6px 0; }
	
	#home div#page #col-01 { 
		width: 270px;
		height: 228px;
		float: left;
		margin-right: 10px;
		padding: 14px 25px 20px 25px;
	}
	
	#home div#page #col-02 { 
		width: 337px;
		height: 228px;
		float: left;
		padding: 10px 0 0 14px;
	}
	
	#home div#page #col-03 { 
		width: 278px;
		height: 268px;
		float: left;
		padding-left: 15px;
	}
	
	
#classes div#page { padding: 30px 22px; }

	.classes-col { 
		width: 180px;
		margin-right: 9px;
		float: left;
	}

	#right-col { margin-right: 0; }

	.classes-col h3, h5  { 
		font-family: Verdana, Arial, sans-serif;
	}
	
	.classes-col p { font-size: 12px; }
	
	.classes-col h3, h5 { font-weight: bold; padding-bottom: 3px; }
	
	.classes-col h5 { color: #fff; line-height: 1em; padding-bottom: 10px; }

	.classes-col-top {
		min-height: 188px;
		background: #ffcb08 url(../images/classes-colBkg-top.png) center top no-repeat;
		padding: 18px 6px 18px 12px;
	}
	
	.classes-col-desc { height: 128px; }
	
		.start { width: 78px; float: left; }
		.time { width: 84px; float: left; }
	
	.classes-btn {
		padding: 8px 0;
	}
	
	.classes-col-btm {
		min-height: 1090px;
		background: #d7d7d7 url(../images/classes-colBkg-btm.png) center bottom no-repeat;
		padding: 18px 12px;
		font-family: Verdana;
	}
	
	.classes-col-btm li { font-size: 11px; margin-bottom: 0; }
	
	.classes-col-btm ul { margin-left: 0; line-height: 1.3em; }
	
	.classes-col-btm ul ul { margin-left: 10px; }

#about div#page { background: url(../images/about-page-bkg.png) bottom center no-repeat; margin: 6px 0; padding: 0; }

	#about div#page #col-01 { 
		width: 280px;
		min-height: 350px;
		float: left;
		padding: 0 20px 10px 20px;
		margin-right: 10px;
	}
	
	#about div#page #col-02 { 
		width: 340px;
		min-height: 350px;
		float: left;
		padding: 0 20px 10px 20px;
		color: #fff;
	}
	
	div#page #col-02 li { margin-left: 0; }
	
	#about div#page #col-03 { 
		width: 250px;
		min-height: 350px;
		float: left;
		padding: 0 20px 10px 0;
		color: #fff;
	}
	
#dictionary div#page, #contact div#page { padding: 30px 22px; }

	#dictionary div#page #col-01, #contact div#page #col-01, #register div#page #col-01 { 
		width: 450px;
		float: left;
		margin-right: 30px;
	}
	
	#dictionary div#page #col-02, #contact div#page #col-01 { 
		width: 450px;
		float: left;
	}
	
#register div#page, #event div#page, #green div#page { padding: 30px 22px; }
	
#register div#page #col-02 { 
		width: 478px;
		margin-right: -22px;
		float: left;
		background: #ffcb08 url(../images/corner-bottom-yellow.png) left bottom no-repeat;
	}
	
#register div#page hr { margin: 20px 0; color: #bababa; background-color: #bababa; }

#event div#page #col-01 { 
		width: 480px;
		float: left;
		margin-right: 30px;
	}
	
#event div#page #col-02 { 
		width: 448px;
		margin-right: -22px;
		float: left;
		background: #ffcb08 url(../images/corner-bottom-yellow.png) left bottom no-repeat;
	}

#template div#page { padding: 30px; }
	
h5.pkg-title  {
	padding: 5px 10px;
	background-color: #636363;
	color: #fff;
}

p.pkg-links {
	font-size: 13px;
	line-height: 17px;
}

table.packages { margin-bottom: 10px; }	
	
	table.packages td {
		font-size: 1.4em;
		padding: 5px 10px;
	}

	tr.pkg-total td {
		border-top: 1px solid #636363;
		font-weight: bold;
		font-size: 1.6em;
	}
	
.event-date {
	padding: 10px 14px;
	margin-bottom: 16px;
	background-color: #FFEFB4;
	border: 1px solid #626262;
	width: 400px;
	font-size: 14px;
	line-height: 1.5em;
}

.webform input.amount {
	border: 0;
	border: none;
	background-color: #fff;
	font-size: 1.4em;
	font-weight: bold;
	width: 100px;
}

#event div#wrapper {
	background: #fff url(../images/header-bkg3.jpg) center top no-repeat;
}

#event div#newsletter {
	/* padding-top: 70px; */
}

#green div#wrapper {
	background: #fff url(../images/header-bkg4.jpg) center top no-repeat;
}

#footer {
	background-color: #b2d626;
	padding: 12px 20px;
}

	#footer a { margin: 0 8px; color: #000; }

.orange { color: #fa6113; }

/* BASE CLASSES */

.bold {
}

.italic {
}

.hidden {
}

.offset {
}

.highlight {
}

.tiny {
}

.error {
}

.abbr {
}

/* CUSTOM ID's & DIV's */

#logo {
	padding: 0 0 18px 20px;
	width: 228px;
}

.white { color: #fff; }

/* FIX FOR CLEARING DIV's */

/* http://sonspring.com/journal/clearing-floats */

html body * span.clearall,
html body * div.clearall,
html body * li.clearall,
html body * dd.clearall
{
	background: none;
	border: 0;
	clear: both;
	display: block;
	float: none;
	font-size: 0;
	list-style: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://www.positioniseverything.net/easyclearing.html */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */