* {
	font-size:100.01%;
	margin:0;
	padding:0;
} 
html {
	font-size:62.5%; 
	height:100%;
	overflow-Y: scroll;
} 
body {
	font: 16px/1.7em normal Arial, Helvetica, sans-serif; 
	margin:0 0;
	background:#fff url(../img/bg3.jpg) repeat-y 50% 0;
} 
img {
	border-style:none;
	vertical-align:top;
}
p {
	margin-bottom:1em;
}


/****** LAYOUT  ******/

#header {
	min-height:178px; 
	height:auto !important;height:178px;
	background:url(../img/header-bg.jpg) repeat-x;
}
#header-inner {
	width:960px; 
	margin: 0 auto;
}
#logo{
	margin-left:20px;
	width:321px; 
	height:178px;
	background:url(../img/logo2.jpg) no-repeat;
}
.slideshow {
	margin: -165px 0 0 495px;
	width:440px;
	height:147px;
	border: 3px solid #302c21;
	overflow:hidden;
}
#nav-wrapper {
	background:#302c21;
	clear:both;
	border-bottom:3px solid #999;
	border-top:3px solid #999;
}
#mainnav {
	width:960px; 
	margin:0 auto; 
	padding: 0 0 0 10px;
	height:33px; 
	text-align:left; 
	font-size:.95em;
	font-family: Georgia, "Times New Roman", Times, serif; 
	color:#fff;
}
#content {
	clear:
	both;width:960px;
	padding:10px;
	margin:0 auto;
	min-height:350px; 
	height:auto !important;
	height:350px;
}
#main {
	position: relative;
	float:left; 
	width:600px; 
	padding-left:20px; 
	font-size:1em; 
	line-height:1.6em;
}
#sidebar {
	float:right; 
	width:280px; 
	margin: 10px -5px 0 0 ;
}
#sidebar-contact {
	float:right; 
	width:280px; 
	margin-top:10px; 
	background:url(../img/sidebar.png) repeat;
	min-height:550px; 
	height:auto !important;
	height:550px;
}
#sidebar-box {
	width:280px; 
	float:left;
	font-size:1em; 
	margin-left:3px;
}
#sidebar-header {
	background: url(../img/banner2.jpg) top no-repeat; 
	padding:5px; 
	min-height:51px; 
	height:auto !important;
	height:51px;
}
#footer {
	clear:both;
	background:#302c21; 
	min-height:150px; 
	height:auto !important;
	height:150px; 
	padding-top:0.5em; 
	border-top:3px solid #999;
}
#footer-inner {
	width:940px;
	margin:0 auto;
	font-size:.8em;
}
#footer-box-left {
	float:left; 
	width:600px; 
	padding:5px 20px 5px 0;
}
#footer-box-right {
	float:right; 
	width:212px; 
	padding:20px;
}
.rightfloat {
	float:right;
	margin:1em 0 2em 2em;
	box-shadow: 2px 2px 6px #333;
	-webkit-box-shadow: 2px 2px 6px #333;
	-moz-box-shadow: 2px 2px 6px #333;
} 
.leftfloat {
	float:left;
	margin: 0 20px 20px 20px;
}
.leftfloat-sidebar{
	float:left;
	margin: 0 5px 5px 20px;
}
hr {
	width:70%;
	color:#f60;
	background-color:#f60;
	height:2px;
	margin:10px auto 15px auto;
	border:collapse;
}
hr.sidebar {
	width:70%;
	color:#f60;
	background-color:#f60;
	height:1px;
	margin:0 auto 15px auto;
	border:collapse;
}
img.center {
	display: block; 
	margin-left: auto; 
	margin-right: auto;
	box-shadow: 2px 2px 6px #333;
	-webkit-box-shadow: 2px 2px 6px #333;
	-moz-box-shadow: 2px 2px 6px #333;
}
img.center-no-shadow {
	display: block; 
	margin: -15px auto 15px auto;
}
img.view-courses {
	display: block; 
	margin: 0 auto 15px auto;
}

/****** LINKS AND NAVIGATION  *******/
a {
	color:#e16d28;
	text-decoration:none;
}
a:hover {
	text-decoration:underline; 
	color:#333;
}
a.faq {
	color:#333;
	text-decoration:none;
}
a.faq-back {
	color:#333;
	text-decoration:underline;
}
a.faq-back:hover {
	color:#e16d28;
	text-decoration:underline;
}
a.course {
	color:#e16d28;
	text-decoration:none;
	font-size: .95em;
	line-height: 1.3em;
	margin: 0 10px 0 10px;
}
a.course:hover {
	text-decoration:underline; 
	color:#333;
}

body#home a#homenav, 
body#about a#aboutnav, 
body#services a#servicesnav, 
body#online-services a#online-servicesnav, 
body#faqs a#faqsnav, 
body#workshops a#workshopsnav, 
body#online a#onlinenav
body#chat a#chatnav,
body#contact a#contactnav {
	color:#db6d23;
}
#mainnav ul{
	margin: 0; 
	padding: 0; 
	float: left; 
	width: 100%;
}
#mainnav ul li {
	display:inline; 
	color:#fff9e8;
}
#mainnav ul li a {
	padding: 3px 15px; 
	text-decoration:none; 
	color:#fff9e8; 
	height:100%; 
	float:left;
}
#mainnav ul li a:hover {
	padding-left:15px; 
	padding-right:15px; 
	text-decoration:none; 
	color:#fff9e8; 
	height:100%; 
	background:#d1ccbe; 
	color:#333;
}
* html #mainnav ul{
	width: 99%;
}
#footernav li {
	display:inline;
}
#footernav li a {
	padding:0 5px 0 5px; 
	text-decoration:none; 
	color:#fff9e8; 
	height:100%;
}
#footernav li a:hover {
	text-decoration:underline; 
	color:#db6d23;
}

/****** TYPOGRAPHY *******/
p.indent {
	padding-left: 10px;}
}
.center {
	text-align: center;
	font-weight:bold;
}
#content p {
	font-size:0.9em; 
	line-height:1.4em;
}
#sidebar p {
	font-size:1.2em; 
	line-height:1.3em;
}
.bigquote {
	font-size:1.23m; 
	color:#036;
}
#sidequote p {
	font-size:0.8em; line-height:0.3em; color:#666; font-style:italic;}
h1 {
	font:bold 1.2em Georgia, "Times New Roman", Times, serif; 
	text-align:left;
	color:#302c21; 
	padding:5px 0 10px 0;
}
h2 {
	font: 1.1em Georgia, "Times New Roman", Times, serif; 
	text-align:left;
	color:#e16d28; 
	margin-bottom:10px;
}
h2.sidebar {
	font: italic normal 1.1em Georgia, "Times New Roman", Times, serif; 
	text-align:left;
	color:#fff; margin-bottom:10px;
}
h3 {
	font: bold 1em Arial, Helvetica, sans-serif; 
	text-align:left;
	color:#333; 
	margin:0 0 20px 0;
}
h3.sidebar {
	font: italic bold .95em Georgia, "Times New Roman", Times, serif; 
	text-align:left;
	color:#333; 
	margin: 0 20px 0 30px;
}
h3.after {
	font: italic bold .95em Georgia, "Times New Roman", Times, serif; 
	text-align:left;
	color:#333; 
	margin: 0 20px 0 30px;
}
h3.phone {
	font:bold 1.5em Arial, Helvetica, sans-serif; 
	text-align:left;
	color:#fff9e8; 
	margin:0 0 20px 0;
	}
.quotes {
	font-size: .9em; 
	line-height:1.3em; 
	color:#333;
}
.credit { 
	font-style:italic; 
	font-size:0.9em; 
	color:#333; 
	text-align:right; 
	margin-right:10px;
}
.course-desc { 
	font-size: 1em; 
	margin:0 10px 0 10px;
}
#sidebar-box p {
	padding:0 20px 0 40px; 
	font-size:0.85em;
}
#footer p {
	font-size:0.8em; 
	line-height:1.4em; 
	margin:40px 0 0 5px; 
	color:#fff9e8
}
#footer a {
	color:#fff9e8
}
#footer a:hover{
	color:#db6d23;
	text-decoration: underline;
}
.bolder { 
	font-weight:bold;
}
.excuse-us {
	font-style:italic;
}
.next {
	margin-left: 10px;
}
.larger {	
	font-size: 1.1em;
}


/****** LISTS *******/
.listbox {
	margin-left:2em;
	color:#333;
	font-size: .9em;
	line-height:1.4em;
	margin-bottom:1.5em;
}
.listbox ul {
	list-style-type:disc;
}
.listbox ul li {
	margin-bottom:7px;
}
.listbox2 {
	margin-left:2em;
	font-size:1em;
	color:#333;
	line-height:1.2em;
	margin-bottom:1.2em;
}
ol {
	list-style: decimal;
}

/****** FORMS *******/
form {
	width:550px;
	margin:10px auto; 
	float:left; 
	border:0;
}
form fieldset {
	width:550px;
	display:block;
	border:1px solid #ccc;
	padding:5px 5px 5px 10px;
	margin-bottom:1em;
	line-height:1.5em;
	background:#e8e3d5;
}
form fieldset:hover {
	border:1px solid #db6d23;
}
form legend {
	font-size:1.1em;
	font-weight:bold;
	background:none;
	color:#903;
	text-align:left;
	border:1px solid #ccc;
	padding:0.5em
}
form input {
	font-size:16px;
	margin-bottom:1em;
	width:400px;
	background:#fff;
	height:auto;
	border:1px solid #ccc;
	padding:0.5em
}
form textarea {
	font-size:18px;
	width:500px;
	height:5em;
	border:1px solid #ccc;
	padding:0.5em;
	overflow:auto;
	background:#fff;
}
form #button {
	color:#333;
	padding-right:0.5em;
	cursor:pointer;
	width:120px;
	margin:auto;
	background:#dbd7be;
	border:1px solid #db6d23;
}
form #button:hover {
	color:#ccc;
	background:#db6d23;
	border:1px solid #000;
}
form  #onlinebutton {
	color:#333;
	padding-right:0.5em;
	cursor:pointer;
	width:100px;
	margin:auto;
	background:#dbd7be;
	border:1px solid #db6d23;
}


