/* Screen layout */

/* Base Styles */
h1, h2, h3, h4 { font-weight: bold; margin: 0 0 0.5em 0; }
h1 { color: #8a552b; font-size: 180%; border-bottom: solid 2px #ae312f; }
h2 { font-size: 150%; margin: 1em 0 0 0; }
h3 { font-size: 130%; margin: 1em 0 0 0; }
h4 { font-size: 120%; margin: 2em 0 0 0; color: #8a552b; }
h5 { font-size: 110%; margin: 1em 0 0 0; }
a { color: #ae312f; }
a img {border: none; }

/* Typography */
.quote { color: #7e1919; background: #c3b699; font-size: 85%; font-weight: bold; text-align: center; padding: 10px 20px 20px 50px; text-align: right; }
.crumb { font-size: 80%; margin: -5px 0 0 0; padding: 0 0 12px 0; }
.links { margin: 0; padding: 0 0 20px 0; }
.indent { padding: 0 40px 0 40px; }
.center { text-align: center; margin: 0 auto; padding: 0; }
.left { margin: 10px 10px 5px 0; float:left; }
.right { margin: 10px 0 5px 10px; float:right; }
.textright { text-align: right; }
.small { font-size: 0.8em; }
.bold { font-weight: bold; }
.red { color: red; font-weight: bold; padding: 0 2px; }
.hide { display: none; }
.menulist li { padding: 5px 0; }

/* Layout */
body { margin: 0 auto; padding: 0; background: #666666; }
#wrap { background: #c3b699; margin: 0 auto; padding: 0; width: 990px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px; color: #5b5b5b; text-align: left; }
#ie-conditional { margin: 20px 0 0 0; padding: 0; }
  
/* Signin to Moodle application */
#signin { color: #fefae0; font-size: 12px; font-weight: bold; text-align: right; margin: 0; padding: 0 10px 3px 0; line-height: 12px;
  background: #666666; }
#signin a {color: #fefae0; }
  
/* Header */
#header { clear: both; margin: -19px 0 0 0; padding: 0; border: none; position: relative; height: 174px; background: #1397aa; }
#header img { float: left; margin: 0; padding: 0; border: none; }

/* Menu in Header */
#topnav ul { list-style: none; padding: 0 0 0 20px; }
#topnav li { display: inline; line-height: 27px; padding: 0 34px; }
#topnav a { color: #fefae0; text-decoration: none; font-size: 12px; font-weight: bold; }
#topnav a:hover { color: #fee85c; text-decoration: none; font-size: 12px; font-weight: bold; }

/* Center Content */
#content { float: right; width: 630px; margin: 0; padding: 10px 52px 0 52px; background: white; line-height: 1.5em; }
#bottom-padding { margin: 0 0 100px 0; padding: 0; }
.more-padding {margin: 0 0 300px 0; padding: 0; }

/* Links at Bottom of Center Content */
.email-print { margin: 0 auto; padding: 60px 0 10px 0; text-align: center; font-size: 14px; font-weight: bold; }
.email-print img { vertical-align: bottom; border: 0; }
.bookmark { margin: 0 auto; padding: 0 0 50px 0; text-align: center; font-size: 14px; font-weight: bold; }
.bookmark img { vertical-align: bottom; border: 0; }
.bkmkRow { margin: 0 auto; padding: 0 0 10px 0; }
.infoEnroll { margin: 40px 0 -20px 187px; padding: 0; }


/* Left Margin */
#sidebar { float: left; width: 256px; margin: 0; padding: 0; line-height: 1.2em; }
.module-light, .module-dark, .module-mixed { margin: 0 16px 20px; }

.module-light { background: #ede1c5; border: solid 1px #d1cfca; padding: 0 10px; font-size: 90%; }
.module-light h4 { font-size: 120%; margin: 1em 0 0.5em 0; color: #2b567a; }
.module-light p { color: #2b567a; line-height: 1.5; margin: 0; }
.module-light a { font-size: 110%; font-weight: bold; color: #2b567a; }
.module-light img { float: left; margin: 4px; }
.padded { padding: 10px 0; }
.padded-plus { padding: 10px 0 20px 0; }

.module-dark { background: #58789e; border: solid 1px #dcdad7; padding: 0; font-size: 90%; text-align: center }
.module-dark h4 { font-size: 120%; margin: 1em 0 0.5em 0; color: #fefae0; }
.module-dark p { color: #fefae0; line-height: 1.5; margin: 0 0 5px; }
.module-dark a { color: #fefae0; font-size: 114%; font-weight: bold; }

.module-mixed table { margin: 0; border: solid 1px #8c8c8c; width: 224px; border-collapse: collapse; }
.module-mixed table td {padding: 4px; margin: 0;}
.top-row { color: #fefae0; background: #58789e; height: 26px; padding: 5px 0; }
.bot-row { color: #2b567a; background: #ede1c5; height: 26px; padding: 5px 0; }
.top-row a { color: #fefae0; }
.bot-row a { color: #2b567a; }
.left-cell { font-size: 85%; font-weight: bold; padding: 0 5px; }
.right-cell { font-weight: bold; text-align: center; }


/* Menu in Left Margin */
.menutitle { margin: 15px 0 5px 25px; padding: 0; color: #025781; text-decoration: none; font-size: 14px; font-weight: bold; }
.sidenav { margin: 0 0 10px 0; padding: 0; }
.sidenav ul { margin: 0 10px 0px 25px; padding: 0; }
.sidenav li { padding: 5px 0; }
.sidenav a { font-size: 12px; font-weight: bold; }


/* Search in Left Margin */

#search { margin: 10px 0 20px 13px; padding: 0; }
#ajaxSearch_form { position: relative; width: auto; margin: -15px 0 8px 0; padding: 0; }
#ajaxSearch_input { width: 185px; display: inline; height: 17px; border: 1px solid #ddd; border-left-color: #c3c3c3; border-top-color: #7c7c7c;
  background: #ffffff; margin: 0 3px 0 3px; padding: 0; vertical-align: bottom; }
#ajaxSearch_submit { display: inline; height: 19px; width: 30px; color: #fefae0; font-size: 0.8em; font-weight: bold; line-height: 12px;
  background: #666666; vertical-align: middle; text-align: center; }


/* Footer */
#footer { clear: both; height: 24px }
#footer-left { float: left; width: 236px; padding-left: 20px; background: #356295; font-size: 12px; font-weight: bold;
  line-height: 24px; color: #cacaca; }
#footer-right { float: right; width: 734px; background: #1397aa; text-align: center; color: #fee85c;
  font-size: 12px; font-weight: bold; line-height: 24px; }
#footer-right a { color: #fefae0; font-size: 12px; font-weight: bold; }
.spacer { margin: 0; padding: 12px; }


/* ---------------------- Page Specific Layouts ---------------------- */

/* Homepage */
.blog { background:#d7dff1; font-size:90%; padding:10px; }

/* Homepage Content */
#home-content { float: right; width: 630px; margin: 0; padding: 38px 52px 0 52px; background: white; line-height: 1.5em; }

/* Right Block on Homepage */
.rightblk { float: right; padding: 0 0 10px 10px; }
.rightblk_box { width: 250px; padding: 10px 0 5px 0; }

.right-light { margin: 0 16px 20px; background: #ede1c5; border: solid 1px #d1cfca; padding: 0 10px; font-size: 90%; }
.right-light h4 { font-size: 120%; margin: 1em 0 0.5em 0; color: #2b567a; }
.right-light p { color: #2b567a; line-height: 1.5; margin: 0; }
.right-light a { color: #2b567a; font-size: 114%; }
.right-light img { float: left; margin: 4px; }

.right-dark { margin: 0 16px 20px; background: #58789e; border: solid 1px #dcdad7; padding: 0 10px; font-size: 90%; }
.right-dark h4 { font-size: 120%; margin: 1em 0 0.5em 0; color: #fefae0; }
.right-dark p { color: #fefae0; line-height: 1.5; margin: 0; }
.right-dark a { color: #fefae0; font-size: 114%; font-weight: bold; }
.right-dark img { float: left; margin: 4px; }

/* RSS Feed on Homepage */
.rss { float: right; padding: 0 0 10px 30px; }
.rss_box { width: 210px; background:#e4e5e7; border:solid 1px #8c8c8c; font-size: 85%; padding: 10px 0 5px 10px; }
.rss_title { font-weight: bold; font-size: 120%; padding: 10px 0 10px 5px; }
.rss_item ul { padding: 0 12px 10px 25px; margin: 0; line-height: 1.5em; }
.rss_item li { padding: 0 0 10px 0; }


/* Our Team */
.name { color:#025781; text-decoration:none; font-weight:bold; }
.title { color:#3e713b; text-decoration:none; }

/* FAQs */
dl#faqs { }
dl#faqs dt { margin-bottom:1em; border-bottom:solid 1px #ccc }
dl#faqs dd { margin-bottom:2em; }
dl.faqs { }
dl.faqs dt { margin-bottom:1em; border-bottom:solid 1px #ccc }
dl.faqs dd { margin-bottom:2em; }

/* Courses Table */
.courses { width: 630px; margin: 10px 0 30px 0; border-top: 1px solid #a0a0a0; border-left: 1px solid #a0a0a0; border-collapse: collapse; }
.courses table {margin: 0;}
.courses th { border-bottom: 1px solid #a0a0a0; border-right: 1px solid #a0a0a0; padding: 5px 10px; margin: 0 auto; text-align: center; color: #2b567a; font-weight: bold; }
.courses td { border-bottom: 1px solid #a0a0a0; border-right: 1px solid #a0a0a0; padding: 5px 10px; margin: 0 auto; color: #7f7f7f; }
.courses-th-left { background: #c3b699; }
.courses-th-right { background: #e0ebfb; }
.courses-td-top-left { text-align: left; background: #ffffff; width: 210px; }
.courses-td-top-right { text-align: left; background: #f6fbf2; width: 210px; }
.courses-td-bot-left { text-align: left; background: #f6f8fd; }
.courses-td-bot-right { text-align: left; background: #fbfcfe; }

.courseEnroll { margin: 0 0 0 190px; padding: 30px 0 0 0; }

/* Contact Us */
.contact-left { float: left; width: 300px; padding: 0; margin: 0; }
.contact-right { float: left; width: 300px; padding: 0 0 0 20px; margin: 0;}

/* Site Map */
.sitemap li { list-style-type: disc; }
.secondlist li { list-style-type: circle; }
.thirdlist li { list-style-type: square; }
.fourthlist li { list-style-type: circle; }


/* ---Hacks--- */
.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 */
.clearing { clear: both; height: 0; }