@charset "utf-8";
/* CSS Document */

/* Import CSS CSS */
@import url("reset.css");
@import url("contribute.css");
/* End Import */

/* ***Main Layout Styles*** */
body {margin:0; padding:0; background:#DCD5E7 url(../images/build/bg.jpg) repeat-x;}
#wrapper {width:925px; margin:0 auto; position:relative;}

#header {height:130px;}
#logo {position:absolute; top:10px; left:30px;}

#focal-area, #focal-area-library {height:338px; width:900px; background:url(../images/build/focal_bg.png) no-repeat 0px -5px;  margin:0 auto;}
#focal-area-courses {height:445px; width:900px; background:url(../images/build/focal_bg2.png) no-repeat 0px -5px;  margin:0 auto;}
.column-container {width:800px; padding:35px 0 0 50px;}
#col1, #col2, #col3, #col4{height:250px; width:190px; float:left; margin-right:5px; margin-top:5px;}
#courses-area {width:820px; height:220px; }
#courses-area .column-container {padding:30px 0 0 50px;}
#courses-area ul {float:left; margin-right:11px; width:255px;}
#courses-area ul li{font-size:8px; padding:2px 0 0 0;}

#content-top {width:925px; background:url(../images/build/content_top.png) no-repeat; padding-top:15px;}
#content-mid {background:url(../images/build/content_mid.png) repeat-y; padding:20px 50px;}
#content-bottom {background:url(../images/build/content_botttom.png) no-repeat; height:40px;}

#box-container {background:url(../images/build/content_bg.png) top center repeat-y;}
#box1, #box2, #box3{width:235px; height:100%; float:left; margin-right:10px; padding:10px 15px;}
#box1{background:url(../images/build/quote_bg.jpg) no-repeat 0 45px;}
#box2 {width:245px; margin-right:35px;}
/*#top {border-bottom:4px solid #D8D4E3; padding-bottom:15px;}*/
#box3{padding:10px 0; margin:0;}
#box-container ol li{margin:3px 5px 3px 20px; font-size:12px;  color:#5690A2; font-weight:bold;}
#box-container ol span {font-size:12px; color:#333333; font-family:Arial, Helvetica, sans-serif; font-weight:normal;}

#content-container {padding-bottom:20px;}
#content {width:580px; float:left; }
#content-container ul, #content-container ol{margin-left:30px;color:#333333;}
#content-container li {font-size:12px; padding:3px 0;}
#course-sidebar {width:200px; float:left; margin:0 20px 10px 0; padding:10px; background: #E7E0EF;}
#course-sidebar ul {margin:0;}

#disclaimer {width:820px; padding:10px 0 0 0; }
#footer{ width:820px; height:100px; padding:40px 0 0 0;}
#footer-bg {height:145px; width:372px; background:url(../images/build/footer_bg.png) no-repeat; position:absolute; right:30px; bottom:35px;}



/* ***Navigation Styles*** */
a {color:#5690A2; text-decoration:none;}
a:hover {color:#9C91B3; text-decoration:underline;}

#top-nav {height:83px; width:305px; background:url(../images/build/top_nav_bg2.jpg) no-repeat; position:absolute; right:18px;}
#top-nav ul {padding:20px 30px 20px 35px;}
#top-nav ul li{list-style:none; display:inline;}
#top-nav ul li a{color:#342664; font-size:12px; text-decoration:none;}
#top-nav ul li a:hover{color:#5690A2;}

#main-nav {width:700px; margin:0 auto;}
#main-nav ul li{list-style:none; display:inline; height:34px;}
#main-nav .about {display:block; height:36px; width:155px; background:url(../images/nav/about.png) top center no-repeat; float:left;}
#main-nav .about:hover {background-position:0 -39px;}
#main-nav .site {display:block; height:36px; width:206px; background:url(../images/nav/site.png) top center no-repeat; float:left;}
#main-nav .site:hover{background-position:0 -39px;}
#main-nav .providers {display:block; height:36px; width:169px; background:url(../images/nav/providers.png) top center no-repeat;float:left;}
#main-nav .providers:hover{background-position:0 -40px;}
#main-nav .contact {display:block; height:36px; width:154px; background:url(../images/nav/contact.png) top center no-repeat; float:left;}
#main-nav .contact:hover {background-position:0 -40px;}

#focal-area-library li, #focal-area-courses li, #course-sidebar li {list-style:none; margin:0px; padding:0;}
#focal-area-library a, #focal-area-courses a, #course-sidebar a{display:block; text-decoration:none; color:#666666; font-family:Arial, Helvetica, sans-serif; font-size:12px; padding:4px 0; font-weight:bold;}
#focal-area-library a:hover, #focal-area-courses a:hover, #course-sidebar a:hover {color:#5690A2; text-decoration:underline; }


ul#nav { height:39px; position:relative; top:21px; left:33px;}
ul#nav li{display:inline; list-style:none;}
#nav #library, #tab-nav .library:hover {display:block; float:left; height:30px; width:208px; text-decoration:none;  margin-right:10px;}
#nav #courses, #tab-nav .courses:hover {display:block; float:left; height:30px; width:261px; text-decoration:none;}
#nav a, #tab-nav a:active, #tab-nav a:visited {background:#DAD7E0; color:#35285D; font-size:20px; display:block; padding:10px 0 0 20px;}

#nav a.selected{background:#F3F3F5; color:#4E8798;}


#footer-nav ul {margin-bottom:5px;}
#footer-nav li {display:inline; color:#333333; font-size:12px;} 
#footer-nav a{color:#333333; font-size:12px; text-decoration:none;}
#footer-nav a:hover, #copy a:hover {color:#5690A2;}
#copy a{display:block; font-size:9px; color:#808080; text-decoration:none;}
/* ***Text Styles*** */
#disclaimer p {color:#808080; font-size:10px; font-family:Arial, Helvetica, sans-serif; margin:5px;}
#copy p {font-size:12px; color:#808080;}
p.indent {text-indent:20px;}
.small-text {font-size:10px;}
/* ***Additional Styles*** */
img.right {float:right; margin:10px 20px; border-bottom:3px solid #D8D4E3; border-right:3px solid #D8D4E3;}
.clear {clear:both;}
hr {border:2px solid #D8D4E3; margin:10px 0;}

table.form {padding:10px; background:#E0EBEF; border:1px solid #5690A2; margin:20px 30px 20px 20px; float:left;}
table.form td{padding:5px;}

.contact-box {width:275px; height:150px; float:left;}
table.contact-form {padding:10px; background:#E0EBEF; border:1px solid #5690A2; width:500px; float:right;}
table.contact-form td {padding:5px;}

ul.course-listing {padding:25px; width:715px; border:1px solid #5690A2; background:#E0EBEF; margin:20px 0;}
ul.course-listing li {list-style:none; padding:8px 0;}
ul.course-listing a {color:#666666; font-weight:bold;}
ul.course-listing a:hover {color:#41326B;}

table.records-title{border:2px solid #B5D6DF; width:750px; margin:10px auto;}
table.records-title td {padding:10px; color:#444444; font-size:14px;}
table.records-title td.right {text-align:right;}
table.records-title td.add-CE {font-size:12px; font-weight:bold;}

table.records {background:#E0EBEF; width:750px; margin:10px auto;}

table.records tr {display:block; border-bottom:1px solid #B5D6DF; padding:3px;}
table.records td { padding:10px 5px; min-width:55px; text-align:center; color:#666666; vertical-align:middle;}
table.records td.heading {color:#444444; font-weight:bold; font-size:14px; height:40px;}
table.records td.course {text-align:left;}
table.records td.print {width:750px; text-align:right; padding:10px 20px;}
table.records a {padding:0; margin:0; color:#666666;}
table.records a.hover {color:#41326B;}

table.transcript-add {background:#E0EBEF; width:750px; margin:10px auto;}
table.transcript-add tr {display:block; border-bottom:1px solid #B5D6DF; padding:3px;}
table.transcript-add td { padding:10px 5px; min-width:50px; color:#666666; vertical-align:middle;}
table.buttons {width:750px; text-align:right; margin:0 auto;}
table.buttons input {display:block; float:left; margin:0 20px 0 0;}

table.enroll-upd {background:#E0EBEF; width:750px; margin:10px auto;}
table.enroll-upd tr {display:block; border-bottom:1px solid #B5D6DF; padding:3px;}
table.enroll-upd td { padding:10px 5px; color:#666666; vertical-align:middle;}
table.enroll-upd td.title {width:155px; padding:10px 10px 10px 5px;}


/* ***JTabber Styles*** */
.hiddencontent{display:none;}

 
/* *** Error Styles *** */
.error { background: #FFFFFF; border: solid 1px #D89C9C; float: left; width: 400px; margin: 10px 10px 10px 10px; padding: 8px 20px 8px 20px; color: #A05353; font-size: .9em; }
* html .error { margin: 10px 25px 10px 25px; }