html, body{
	Margin: 0;
	padding: 0;
	border:0;
	font: 12px/18px Arial, 'Helvetica', sans-serif;
	color:#000000;
	background-color: #efefef;
	background-image:url('images/background.jpg');
	}
	
a{text-decoration:none;}

h1, h2, h3, h4, h5{
	text-transform:uppercase; 
	font-style:italic;
	}
	
#mainimage{
	position:absolute;
	left:0px;
	top:0px;
	z-index:-1;
	-webkit-box-shadow: 3px 0px 5px 5px #444;
	-moz-box-shadow: 3px 0px 5px 5px #444;
	box-shadow: 3px 0px 5px 5px #444; 
	} 	
	
#header{
	position:absolute;
	width:100%;
	height:90px;
	color:#fff;
	background-color: #000;
	-moz-opacity:.80; filter:alpha(opacity=80); opacity:.80;
	}

#title{
	position:relative;
	color:#fff;
	left:7%;
	width:30%;
	float:left;
	top:10px;
	}

	
#navbar{
	position:relative;
	width:60%;
	float:right;
	right:7%;
	text-align:center;
	top:3em;
	}
	
#navbar a{	
	color:#aaa;
	padding:2%;
	padding-top: 100px;
	margin:5%;
	-webkit-border-radius: 3px;	-moz-border-radius: 3px;	border-radius: 3px;
	transition-duration: 0.3s;
	-moz-transition-property: all; /* Firefox 4 */
	-moz-transition-duration: 0.3s; /* Firefox 4 */
	-webkit-transition-property: all; /* Safari and Chrome */
	-webkit-transition-duration: 0.3s; /* Safari and Chrome */
	-o-transition-property: all; /* Opera */
	-o-transition-duration: 0.3s; /* Opera */
	}
	
#navbar a:hover{
	color:#fff;
	background: #a00000;
	}


body#home a#homenav {
	color:#fff;
	background: #a00000;
	}	
	
body#about a#aboutnav {
	color:#fff;
	background: #a00000;
	}

body#courses a#coursesnav {
	color:#fff;
	background: #a00000;
	}

body#contact a#contactnav {
	color:#fff;
	background: #a00000;
	}
	
#imagewrapper{
	position:absolute;
	float:left;
	width:80%;
	left:10%;
	top:130px;
	}

#imagewrappercourse{
	position:relative;
	float:left;
	width:80%;
	height:740px;
	left:10%;
	top:50px;
	}	

#wrappercourse{
	position:relative;
	float:left;
	width:80%;
	left:10%;
	top:20px;
	}	

.contenthalf{
	position:relative;
	float:left;
	padding:1% 3%;
	margin:1%;
	width:40%;
	-webkit-border-radius: 3px;	-moz-border-radius: 3px;	border-radius: 3px;
	border:1px solid #ccc;	
	}

	
#bigtext{
	position:relative;
	width:50%;
	background: #111;
	padding:1% 0% 1% 0%;
	-webkit-border-radius: 3px;	-moz-border-radius: 3px;	border-radius: 3px;
	-moz-opacity:.80; filter:alpha(opacity=80); opacity:.80;
	}
	
#bigtextcourse{
	position:relative;
	width:60%;
	background: #fff;
	color:#222;
	padding:1% 0% 1% 0%;
	-webkit-border-radius: 3px;	-moz-border-radius: 3px;	border-radius: 3px;
	-moz-opacity:.90; filter:alpha(opacity=90); opacity:.90;
	}
	
#bigtext h1{
	font-size:2.2em;
	padding:0.2em 0.6em 0em 0.2em;
	text-transform:uppercase; 
	letter-spacing:1px;
	color:#fff;
	text-indent:0.3em;
	font-style:italic;
	}
	
#bigtextcourse h1{
	font-size:2.6em;
	padding:0.2em 0.6em 0em 0.2em;
	text-transform:uppercase; 
	letter-spacing:-1px;
	text-indent:0.3em;
	font-style:italic;
	}

.bigtextcontentbox p{
	font-size:1.2em;
	letter-spacing:-0.5px;
	color:#fff;
	font-style:italic;
	}

.bigtextcontentboxred a{	color:#aaa;}
.bigtextcontentboxred a:hover{	color:#fff;}
	
.bigtextcontentboxred{
	position:relative;
	width:30%;
	float:right;
	top:70px;
	background: #a00000;
	-webkit-border-radius: 3px;	-moz-border-radius: 3px;	border-radius: 3px;
	-moz-opacity:.80; filter:alpha(opacity=80); opacity:.80;
	font-size:1.7em;
	padding:1em;
	letter-spacing:-1px;
	color:#fff;
	font-style:italic;
	line-height:25px;
	}
	
.bigtextcontentbox{
	position:relative;
	width:22%;
	float:left;
	margin:2% 2% 0% 0%;
	padding:1%;
	background: #222;
	-webkit-border-radius: 3px;	-moz-border-radius: 3px;	border-radius: 3px;
	-moz-opacity:.80; filter:alpha(opacity=80); opacity:.80;
	}

	
#wrapper{
	position:relative;
	float:left;
	width:90%;
	left:5%;
	top:450px;
	}

	
.smallcalendarbox{
	position:relative;
	width:32%;
	float:left;
	font-weight:900;
	}
	
.bigcalendarbox{
	position:relative;
	width:64%;
	float:left;
	margin-left:1%;
	}	
	
.bigcalendarbox a{	
	text-transform:uppercase; 
	font-style:italic;
	}
	
.contentbox{
	position:relative;
	background: #fff;
	width:20%;
	float:left;
	margin:0% 0% 0% 2%;
	padding:1%;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0px 2px 2px 1px #ccc;
	-moz-box-shadow: 0px 2px 2px 1px #ccc;
	box-shadow: 0px 2px 2px 1px #ccc; 
	}

.contentbox img, #content img, #smallcontent img, #bigcontent img {
	position:relative;
	float: right;
	padding: 1em;
	margin:1em;
	border: 1px solid #898989;
	}
	
#book{	
	position:relative;
	float:right;
	margin:10px 5px 10px 10px;
	}

.contentbox h3{	
	font-size:1.4em;
	text-transform:uppercase; 
	letter-spacing:-1px;
	color:#454545;
	text-indent:0.3em;
	font-style:italic;
	}
	
.small{
	font-size:0.8em;
	}

#welcome{
	position:relative;
	float:left;
	padding:2%;
	top:1em;
	width:18%;
	background: #fff;
	color:#222;
	-webkit-border-radius: 3px;	-moz-border-radius: 3px;	border-radius: 3px;
	-moz-opacity:.90; filter:alpha(opacity=90); opacity:.90;
	}
	
#welcome a{
	padding:1em;
	display:block; 
	border-bottom: 1px dotted #333; 
	text-transform:uppercase; 
	letter-spacing:-1px;
	font-style:italic;
	color:#222
	}
	
#welcome a:hover{
	background: #CC3232;
	color:#fff;
	}
	
#coursemenu{
	position:relative;
	width:100%;	
	}


#content{
	position:relative;
	float:left;
	margin-left:1em;
	padding:2%;
	top:1em;
	width:68%;
	background: #fff;
	color:#222;
	-webkit-border-radius: 3px;	-moz-border-radius: 3px;	border-radius: 3px;
	-moz-opacity:.90; filter:alpha(opacity=90); opacity:.90;
	}

#smallcontent{
	position:relative;
	float:left;
	margin:0em 1em 2em 1em;
	padding:2%;
	width:25%;
	background: #fff;
	color:#222;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0px 2px 2px 1px #ccc;
	-moz-box-shadow: 0px 2px 2px 1px #ccc;
	box-shadow: 0px 2px 2px 1px #ccc; 
	}

#bigcontent{
	position:relative;
	float:left;
	margin:0em 1em 2em 1em;
	padding:2%;
	width:90%;
	background: #fff;
	color:#222;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0px 2px 2px 1px #ccc;
	-moz-box-shadow: 0px 2px 2px 1px #ccc;
	box-shadow: 0px 2px 2px 1px #ccc; 
	}

#content iframe{	
	position:relative;
	margin:10px;
	float:right;
	border: 1px solid #111;
	}	
	
#bigcontent span, #content span, #smallcontent span{
	text-transform:uppercase; 
	font-style:italic;
	font-weight:900;
	}

.quotes{
	font-size:1.2em;
	font-style:italic;
	}
	
#footer{	
	position:relative;
	float:left;
	top:520px;
	width:100%;
	height:300px;
	background-color:#111;
	background-image:url('images/graystripe.jpg'); 
	border-top:2px solid #111;	
	-webkit-box-shadow:  3px 0px 5px 5px #444;
	-moz-box-shadow: 3px 0px 5px 5px #444;
	box-shadow: 3px 0px 5px 5px #444; 
	}

#footercourse{	
	position:relative;
	float:left;
	top:50px;
	width:100%;
	height:300px;
	background-color:#111;
	background-image:url('images/graystripe.jpg'); 
	border-top:2px solid #111;	
	-webkit-box-shadow:  3px 0px 5px 5px #444;
	-moz-box-shadow: 3px 0px 5px 5px #444;
	box-shadow: 3px 0px 5px 5px #444; 
	}
	
#footerwrapper{
	position:absolute;
	float:left;
	width:85%;
	left:10%;
	top:25px;
	}
	
.footerbox{
	position:relative;
	width:42%;
	float:left;
	margin:0% 6% 0% 2%;
	color:#efefef;
	}
	
.footerbox h3{	
	font-size:1.5em;
	line-height:0em;
	color:#fff;
	text-indent:0.3em;
	font-style:italic;
	}

.footerbox img{
	margin:2% 0% 3% 1%;
	border:2px solid #fff;	
	}