/*
---------------------------------------------
Style: mai
Description: mai told me so...
Author: Visual Elixir
Author URI: http://www.visualelixir.com
Copyright: Visual Elixir, All Rights Reserved
--------------------------------------------- */

/* Global
--------------------------------------------- */
html,body {margin:0; padding:0;}
body {font:76%/140% Verdana,Arial,Helvetica,sans-serif; color:#3f6a8c; background:#fff;}
img {border-style:none; padding:0 0 6px 0;}

/* Typography
--------------------------------------------- */
p {margin:0 0 0.9em 0; font-size:1em; line-height:1.4em;}
a {color:#f0931c; text-decoration:none;}
a:hover {color:#419638; text-decoration:underline;}
.highlight {color:#95c22e;}
ul,li {list-style:none;}
blockquote {margin:0 0 0.9em 0; padding:16px 16px 0 16px; border-top:2px solid #e8eef4; border-bottom:2px solid #e8eef4; font:bold 1.1em Arial,Helvetica,sans-serif; color:#3675a0;}
.small {font:0.9em Arial,Helvetica,sans-serif;}

h1 {font:bold 2.4em Arial,Helvetica,sans-serif; margin:0 0 0.4em 0;}
h2 {font:bold 1.6em Arial,Helvetica,sans-serif; margin:0 0 0.6em 0;}
h3 {font:bold 1.4em Arial,Helvetica,sans-serif; margin:0 0 0.6em 0;}
h4 {font:bold 1.2em Arial,Helvetica,sans-serif; margin:0 0 0.6em 0;}
h5 {font:bold 1em Arial,Helvetica,sans-serif; margin:0 0 0.6em 0;}

#content h1, #content h2, #content h3, #content h4, #content h5 {color:#419638;}
#content h1.course-title, #content h2.course-title, #content h3.course-title, #content h4.course-title, #content h5.course-title  {color:#ecfbe7;}
#content .course-date {font:bold 1.1em Arial,Helvetica,sans-serif; color:#00457c;}

.kcontent h1, .kcontent h2, .kcontent h3, .kcontent h4, .kcontent h5 {margin:0 0 0.2em 0;}
.kcontent h1, .kcontent h2, .kcontent h3, .kcontent h4, .kcontent h5 {color:#ecfbe7;}

.kcontent p {margin:0 0 0.4em 0; font-size:0.9em; color:#fff;}
.kcontent a {color:#fff;}
.kcontent a:hover {color:#fff;}

/* Layout
--------------------------------------------- */
#container {margin:0 auto; width:900px;}
#main {clear:both;}
#intro {margin:0; padding:48px 0 0 0; text-align:center;}

/* Header
--------------------------------------------- */
#header {margin:0; padding:0; background:url(http://www.mai9000.com/images/header_bkg.jpg) no-repeat;}
#logo {float:left; width:222px; height:120px; background:url(http://www.mai9000.com/images/mai_logo.jpg) no-repeat;}
#logo span {display:none;}

/* Top Navigation
--------------------------------------------- */
#top_nav {margin:0; padding:40px 0 0 0;}
#top_nav ul {float:left; margin:0; padding:0; width:675px;}
#top_nav li {float:right; padding:0 16px 0 0; font:bold 1.4em Arial,Helvetica,sans-serif;}
#top_nav li a {margin:0; padding:46px 0 4px 0; display:block; color:#ecfbe7; text-decoration:none;}
#top_nav li a:hover {color:#ecfbe7; background:url(http://www.mai9000.com/images/nav_dot.gif) center no-repeat; text-decoration:none;}

/* Side Navigation
--------------------------------------------- */
#nav {margin:0; padding:0;}
#nav ul {margin:0; padding:0; width:222px;}

#nav {margin:0; padding:16px 0 0 0;}
#nav ul {margin:0; padding:0;}
#nav li a {margin:0; padding:4px 7px 4px 27px; display:block; width:188px; color:#f0931c; text-decoration:none;}
#nav li a:hover {color:#419638; background:#fff; text-decoration:underline;}

#nav li.title {font:bold 1.4em Arial,Helvetica,sans-serif;}
#nav li.title a {margin:0; padding:4px 7px 4px 27px; display:block; width:188px; border-bottom:2px solid #ccdae8; color:#00457c; text-decoration:none;}
#nav li.title a:hover {border-bottom:2px solid #f0931c; color:#419638; background:#fff; text-decoration:none;}

/* Left Content
--------------------------------------------- */
#left {float:left; margin:0; padding:0; width:222px;}

/* Mid Content
--------------------------------------------- */
#content {float:left; margin:0; padding:0; width:468px; background:url(http://www.mai9000.com/images/mid_shadow.jpg) no-repeat;}
#mid {margin:0; padding:16px;}
#mid ul {margin:0; padding:0 0 0.6em 0;}

#course {margin:0; padding:0;}
.course-content {margin:0; padding:0; width:433px;}
.course-title {margin:0; padding:10px; background:#42769c url(http://www.mai9000.com/images/course_title_bkg.png) no-repeat;}
.course-date {margin:0; padding:10px; background:#bacfd9;}
.course-entry {margin:0; padding:10px; background:url(http://www.mai9000.com/images/course_entry_bkg.png) repeat-x;}

/* Right Content
--------------------------------------------- */
#right {float:left; margin:0; padding:0; width:210px;}
#extra {margin:0; padding:16px 10px 10px 10px;}
#right ul {margin:0; padding:0 0 0.6em 0;}
.kiosk {margin:16px 0 0 0; padding:0; width:197px; background:#79a2b6 url(http://www.mai9000.com/images/kiosk_top.jpg) no-repeat;}
.kcontent {margin:0; padding:12px 12px 0 12px; color:#fff;}
.kiosk_btm {margin:0; padding:0; background:url(http://www.mai9000.com/images/kiosk_btm.jpg) bottom no-repeat;}
.ksector {margin:5px 0 5px 0; width:173px; height:10px; background:url(http://www.mai9000.com/images/kdotted.gif) no-repeat;}
.ksector span {display:none;}

/* Footer
--------------------------------------------- */
#footer {margin:0; padding:16px; background:url(http://www.mai9000.com/images/footer_bkg.gif) no-repeat; color:#419638;}
#copyright {float:left; margin:0; padding:0;}
#footer_nav {float:right; margin:0; padding:0;}
#footer_nav a {color:#00457c;}
#footer_nav a:hover {color:#419638;}

/* Forms
--------------------------------------------- */
#mid dl {margin:0; padding:0; list-style:none;}
#mid dt {margin:0; padding:8px 0 2px 0;}
#mid dd {margin:0; padding:0 0 10px 0;}
.name {margin:0; padding:2px; width:200px;}
.email {margin:0; padding:2px; width:200px;}
.msg {margin:0; padding:2px; width:320px; height:100px;}

/* Clear
--------------------------------------------- */
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix {display:inline-block;}

/* Hide from IE Mac \*/
.clearfix {display:block;}
* html .clearfix {height: 1%;}
/* End hide from IE Mac */

/* The End
--------------------------------------------- */