/*
COLORS
brown	#5f523b;
orange	#f7941e;
*/

/* TYPOGRAPHY */
h1 {
	color: #c2b59b;
	font-size: 30px;
	font-weight: bold;
}
a {
	color: #f7941e;
	text-decoration: none;
}
a:hover {
	color: #f7941e;
	text-decoration: underline;
}


/* MAIN STRUCTURE */
body {
	font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
	color: #74664b;
	font-size: 14px;
	background-color: #a4997b;
}
#container {
	background-color: #fff;
}
.pageContainer {
	width: 950px;
	margin: 0 auto;
	position: relative;
	padding-bottom: 20px;
}
#mainContent {
	float: left;
	width: 660px;
	padding-top: 25px;
}

.contentPadder {
	padding-left: 20px;
}





#sidebar {
	float: right;
	width: 250px;
	background-color: #fefdfb;
	border: 2px solid #cac5b3;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	background-image: url(../img/main/sidebarBg.jpg);
	background-repeat: no-repeat;
	font-size: 12px;
}
#sidebar .inner {
	padding: 15px;
	padding-bottom: 50px;
}
.sideBarNews {
	color: #74664b;
	margin-bottom: 20px;
}
.sideBarNews .date {
	font-family: Arial, Helvetica, sans-serif;
	width: 47px;
	height: 47px;
	background-image: url(../img/main/dateBg.png);
	background-repeat: no-repeat;
	float: left;
	text-align: center;
	font-size: 22px;
	line-height: 1em;
	font-weight: bold;
	text-transform: uppercase;
}
.sideBarNews .date .month {
	font-size: 10px;
	line-height: 1em;
	color: #fff;
	font-weight: normal;
	padding-top: 3px;
	padding-bottom: 5px;
}
.sideBarNews .text {
	float: left;
	width: 165px;
	margin-left: 7px;
	line-height: 1.25em;
}
#sidebar a {
	color: #74664b;
	text-decoration: none;
}
#sidebar a:hover {
	text-decoration: underline;
}

/* HEADER */
#header {
	height: 160px;
}
#logo {
	position: absolute;
	left: 317px;
	top: 25px;
	width: 316px;
	height: 131px;
	background-image: url(../img/main/logoMain.png);
	background-repeat: no-repeat;
	z-index: 10;
	cursor: pointer;
}



/* NAVIGATION */
#mainNav {
	font-weight: bold;
	position: absolute;
	top: 10px;
	z-index: 20;
}
#mainNav ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#mainNav li {
	float: left;
	margin-right: 20px;
}
#mainNav a {
	color: #5f523b;
	text-decoration: none;
}
#mainNav a:hover {
	color: #f7941e;
}
#mainNav ul#nav1 {
	font-size: 12px;
	background-color: green;
}
#mainNav ul#nav2 {
	font-size: 14px;
	background-color: blue;	
}


/* LOGIN */
.memberLogin {
	width: 245px;
	height: 157px;
	background-image: url(../img/main/memberLoginBg.png);
	background-repeat: no-repeat;
	position: absolute;
	top: -121px;
	right: 5px;
	text-align: right;
	font-size:12px;
}
.memberLogin form {
	padding: 20px 15px 0 0;
}
.memberLogin form a {
	font-size:11px;
	color:#74664b;
}
.memberLogin .inputBox {
	width: 150px;
}
.memberLogin .submitButton {

}
.memberLogin #loginAction {
	position: absolute;
	bottom: 18px;
	left: 10px;
	width: 228px;
	text-align: left;
	font-size: 12px;
	line-height: 12px;
}
.memberLogin #loginAction a {
	color: #5f523b;
	font-weight: bold;
	text-decoration: none;
}
.memberLogin #loginAction img {
	float: right;
	margin-top: -3px;
}


/* STICKY FOOTER */
#container {
	min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -130px;
}
#footer, .push {
	height: 130px;
}

/* FOOTER */
#footer {
	background-image: url(../img/main/footerBg2.jpg);
	background-repeat: repeat-x;
}
.footerContainer {
	background-image: url(../img/main/footerBg1.jpg);
	background-repeat: no-repeat;
	height: 130px;
	color: #bdb7a6;
	text-align: center;
	font-size: 12px;
}
#footer .inner {
	padding-top: 25px;
}
#footer a {
	color: #bdb7a6;;
	text-decoration: underline;
}
#footer a:hover {
	color: #fff;;
}





/* ALL PAGES */
.titleBar {
	width: 658px;
	height: 34px;
	background-image: url(../img/main/titleBarBg.gif);
	background-repeat: no-repeat;
	position: relative;
	margin-bottom: 40px;
}
.titleBar img {
	position: absolute;
}
.titleBar h1 {
	color: #f7941e;
	font-size: 24px;
	line-height: 1em;
	margin-left: 80px;
	padding-top: 5px;
}


/* COURSES */
.allCourses {

}
.oneItem {
	width: 150px;
	height: 135px;
	background-repeat: no-repeat;
	background-position: center center;
	float: left;
	margin: 0 20px 35px 0;
	display: block;
	position: relative;
}
.oneCourse {
	background-image: url(../img/main/iconFolder.jpg);
}
.oneLesson {

}
.oneItem .title a {
	position: absolute;
	bottom: 0;
	width: 100%;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	background-color: #c2b59b;
	font-size: 14px;
	text-align: center;
	display: block;
	color: #fff;
	text-decoration: none;	
}
.oneItem .title a:hover {
	background-color: #f7941e;
}



/* NEWS */
.genericRow {
	background-image: url(../img/main/bottomFade.png);
	background-repeat: no-repeat;
	background-position: bottom center;
	padding-bottom: 10px;
	margin-bottom: 20px;
}
.genericRow h2, .genericRow h2 a {
	color: #c2b59b;
	font-weight: bold;
	font-size: 30px;
	text-decoration: none;
	line-height: 1em;
}
.genericRow h2 a:hover {
	color: #f7941e;
}
.genericRow h3 {
	color: #f7941e;
	font-weight: bold;
	font-size: 18px;
	text-decoration: none;
	line-height: 1em;
	margin: 0;
	padding: 0;
	padding-top: 10px;
	padding-bottom: 10px;
}
.genericRow .date {
	font-size: 10px;
	font-style: italic;
	margin-top: -20px;
	padding-bottom: 10px;
}
.genericRow .pic {
	float: left;
	width: 75px;
}


/* PAGINATION */
.pagination {
	text-align: center;
}
.pagination b, .pagination a {
	width: 17px;
	height: 17px;
	background-image: url(../img/main/pagination1.gif);
	font-size: 12px;
	line-height: 12px;
	text-decoration: none;
	color: white;
	display: block;
	float: left;
}
.pagination a:hover {
	background-image: url(../img/main/pagination2.gif);
}



/* VIDEOS PAGE */
#videoHolder {
background-color: #faf7f0;
text-align: center;
padding: 20px 0;
}
#mainVideo {
text-align: center;
}
#mainVideo * {
margin: 0 auto;
}
.mainVideoPlaying h2 {
margin: 0;
color: #f6970e;
}
.mainVideoPlaying p {
margin: 0;
}
.mainVideoList {
background-color: #faf7f0;
padding: 20px;
padding-top: 10px;
border-top: 1px solid #fff;
}
.mainVideoList .inner {

}
.videoListBox {
background-color: white;
border: 1px solid #cac5b3;
border-bottom: none;
padding: 5px;
}
.videoListBox:last-child {
border-bottom: 1px solid #cac5b3;
}
.videoListBox .videoThumb {
float: left;
width: 150px;
height: 100px;
background-color: #e0dcd0;
}
.videoListBox .videoInfo {
float: left;
width: 400px;
padding-left: 10px;
}
.videoListBox .videoListTitle {
font-size: 18px;
padding-top: 10px;
}
.listHeader {
font-size: 18px;
font-weight: bold;
color: #c2b59a;
padding-left: 10px;
padding-bottom: 5px;
}



/* MISC */
.clear {
	clear: both;
}
span.readMore:after {
	content: "...Read More";
	text-transform: uppercase;
	font-size: 10px;
	color: #f7941e;
}
a.backTo {
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	background-color: #c2b59b;
	font-size: 12px;
	display: block;
	color: #fff;
	text-decoration: none;	
	background-image: url(../img/main/backToBg.png);
	background-repeat: no-repeat;
	background-position: 7px center;
	text-align: left;
	padding-left: 30px;
	padding-right: 15px;
	float: left;
	margin-bottom: 20px;
}
a.backTo:hover {
	background-color: #f7941e;
}
.error_message {
	font-size: 12px;
	color: red;
}


#flashMessage {
	padding:4px;
	text-align:center;
	background-color: #ffb341;
	border: 1px solid #f7941e;
	font-weight:bold;
	margin-bottom:10px;
	color: #fff;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}



.imageCenter {
	margin: 0 auto;
	text-align: center;
}
.imageRight {
	float:right;
}