/* Body */
html, body{margin:0; padding:0px; text-align:center; background-color:#000000; font:normal 14px arial; color: #999;}
img {border-style: none; text-decoration: none;}
a {color:#3d5a8b; text-decoration: none;}
a:hover {color: #85aa4d;}
/* Body */

/* Page */
#page{width:945px; text-align:left; margin-left:auto; margin-right:auto; margin-top: 10px; background-color:#000;}

/* Page */

/* Header */
#header{position:relative; height:91px;  width:950px; margin: 0 0 15px 0; background-image: url(../images/header.png);}
#navmenu {padding: 60px 20px 0 0; float: right;}
#navmenu ul { margin: 0; padding:0; list-style-type: none;}
#navmenu ul li { display: inline;}
#navmenu ul li a { text-decoration: none; padding: .6em .4em .4em .4em; color: #FFFFFF; background-color: transparent; font: bold .8em arial;}
#navmenu ul li a:hover { color: #85aa4d;}
#state {position: absolute; top: 10px; right: 25px; font:bold 1.8em arial; color: #FFF; text-align: right;}
/* Header */

/* Content */
.category {width: 100%; font: bold 1.9em arial; color: #b5dbf4; background-color: #000; margin: 0 0 0 20px; padding: 0 20px 0 20px; position:relative; z-index: 1; top: 15px;}
.box {width: 890px; border: solid 2px #222; margin:0 0 15px 0; padding: 25px;  position:relative; z-index: 0;}
.box p{margin:0 0 15px 0;}
.box li {text-decoration: none; margin: 0 0 0 15px;}
.horizontal a {float: left; padding: 10px; text-decoration: none; padding: .6em .4em .4em .4em; color: #FFFFFF; background-color: transparent; font: bold .8em arial;}
.horizontal {padding: 20px;}
.horizontal a:hover { color: #FFF; background-color: #08283a;}
/* Content */

/* Lesson Entry */
.lesson{position: relative; min-height: 10em; padding: 1.3em 0 2em 0; border-bottom: 2px solid #222;}
.lesson img {float: left; padding: .5em 2em 1em 0; width: 100px;}
.lesson_title {font: bold 1.5em Arial, sans-serif; margin: 0 0 0 0; color: #85aa4d;}
.lesson_title a {color: #85aa4d;}
.lesson_title a:hover {color: #3d5a8b}
.lesson_duration {font: bold 1em Arial, sans-serif; color: #85aa4d;}
.lesson_credit {position: relative; left: 2em; font: bold .8em Arial, sans-serif; color: #999;}
.lesson_credit a {color: #999;}
.lesson_credit a:hover {color: #3d5a8b}
.lesson_description {width: 80%; padding: 1em 0 1em 0;}
.lesson_price {position: absolute; left: 90%; top: 10%; font: bold 1.9em Arial, sans-serif; color: #85aa4d; border: 1px solid #222; padding: .3em; display: inline;}
.lesson_price a {color: #85aa4d; padding: .3em;}
.lesson_price a:hover {background-color: #3d5a8b; color: #000;}

/* Lesson Entry */

/* Footer */
#footer{height:35px; margin-top: 35px; background-image: url(../images/footer.png); clear:both;}
#footertext {height: 35px; float: left; font: normal .8em arial; padding: .6em .4em .4em .8em;}
#footertext a { text-decoration: none; color: #FFF; background-color: transparent; }
#footertext a:hover { color: #000000;}
/* Footer */

/* *** Float containers fix:*/ 
.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 */