/* CSS Document */

/* STYLES -----------------------------STYLES-------------------------------STYLES */

#membership ul {
	padding: 0px;
	margin: 0px;
	}
#membership li {
	font-size:0.8em;
	float:left;
	padding: 0px;
	margin:0px 4px;
	list-style-type:none;
	}
#nav ul {
	padding: 0px;
	margin: 0px;
}
#nav li {
	font-size:1.2em;
	padding: 0px;
	margin:0px 0px 10px 0px;
	color: #FFF;
	list-style-type:none;
	}
#service_nav { 
	padding: 0px;
	margin: 0px;
	}
#service_nav li {
	font-size: 0.8em;
	list-style-type: none;
	font-style: normal;
	font-weight: bold;
	display: inline;
	margin: 2px 5px 10px -2px;
	padding:2px;
	}
#footer_content p{
	font-style: italic;
	color:#999;
	font-size:0.7em;
	line-height:110%;
	margin: 5px 0px 5px 0px;
	padding: 10px 0px 20px 0px;
	}
#content img {margin:10px 5px;padding:8px;}
#content img.score {margin:2px;padding:0px;}
.inline { 
	display: inline; 
	}
.floatRight {
	float: right;
	padding: 0 0 10px 10px;
	}
.floatLeft {
	float: left;
	padding: 0
	}
.alignLeft { text-align:left; margin-left: 0;}
.email_p { background-image: url(/images/shared/email.gif); background-repeat: no-repeat; padding-left: 30px; }
.rss_p { background-image: url(/images/shared/rss.gif); background-repeat: no-repeat; padding-left: 30px; }
.xml_p { background-image: url(/images/shared/xml.gif); background-repeat: no-repeat; padding-left: 30px; }
.error { font-weight:bold; }

.calloutbox {
	margin: auto;
	padding: 20px;}
.colFloatRight{margin:5px;float:right;width:30%;border:2px solid #1447AD;}
#content .colFloatRight ul{margin-left:2px;padding-left:2px;list-style-type:none;}
#content .colFloatRight li{padding-left:0;font-size:0.9em;}
.feature{margin:0 0 15px 15px;padding-top:0; float:right; width: 250px;}
.feature h4{margin-top:0;padding:2px 5px; font-size:1.1em;}
#content div.feature h5{margin:0;padding:2px 10px; font-size:1em;}
.feature p{padding: 0 5px 10px 5px;}
.clear{clear:both;}
.clearleft{clear: left;}
.dux_c1{margin:2px 0 2px 0;}
.dux_c2{margin:2px 0 2px 20px;}
.dux_c3{margin:2px 0 2px 40px;}
.dux_c4{margin:2px 0 2px 60px;}x
.imgcaption:after { content:attr(alt); display:block; font-style:italic; color:#0000FF}
.biblio {margin-left:4em;text-indent:-4em;}
.note{font-style:italic;font-size:.8em;font-weight:normal;}
.accesskey{text-decoration:underline;}
.border2 img{border-width:2px;border-style:solid;}
.indent30px{margin-left:30px;padding-top:5px;}

/* ELEMENTS --------------------------ELEMENTS----------------------------ELEMENTS */
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	line-height: 140%;
	color: #000;
	background-color: #FFF;
	margin:0px;
	padding:0px;
	}

h1, h2, h3, h4, h5, h6 {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color:#1447AD;
	margin: 0px;
	padding: 0.3em 0px 1px 0px;
	}
h1 { font-size:1.6em; }
h2 { font-size:1.5em; }
h3 { font-size:1.4em; }
h4 { font-size:1.3em; }
h5 { font-size:1.2em; }
h6 { font-size:1.1em; }
p { padding: 0px;
	margin: 0.3em 0px 0.8em 0px; }
#content p { margin-left: 2.3em; }
#content h3 { margin-left: 0.5em; }
#content h4 { margin-left: 1.5em; }
#content h5,#content h6 { margin-left: 2.0em; }
#content ul, #content ol { margin-left: 3.5em; }
html> body #content ul, html> body #content ol { margin-left: 2.2em; }
#content li { margin: 15px 0px 0px 30px;}
#content div.feature p {margin-left: 1em;}
table { padding: 0; margin: 10px; border-collapse: collapse; }
th { padding:3px; margin: 0; border-collapse:inherit; }
td { padding:3px; margin: 0; border-collapse:inherit;}
img { display: block; border: 0; }
acronym { border-bottom: 1px dotted #1447AD; cursor: help }
caption{text-align:left;font-weight:bold;}
dt{font-weight:bold;}
img.but_admin {margin:0px!important; padding:0px!important;}
.quiz { background-image: url(/images/shared/quiz.gif); background-repeat: no-repeat; padding-left: 30px; line-height: 26px; margin-left:inherit;}
.assignment { background-image: url(/images/shared/quiz.gif); background-repeat: no-repeat; padding-left: 30px; line-height: 26px; margin-left:inherit; }
.email { background-image: url(/images/shared/email.gif); background-repeat: no-repeat; padding-left: 30px; line-height: 26px; margin-left:inherit; }
.classhome { background-image: url(/images/shared/home.gif); background-repeat: no-repeat; padding-left: 30px; line-height: 26px; margin-left:inherit; }
.audiochat { background-image: url(/images/shared/audiochat.gif); background-repeat: no-repeat; padding-left: 30px; line-height: 26px; margin-left:inherit; }
.video { background-image: url(/images/shared/video.gif); background-repeat: no-repeat; padding-left: 30px; line-height: 26px; margin-left:inherit; }
.nextlesson { background-image: url(/images/shared/next.gif); background-repeat: no-repeat; padding-left: 30px; line-height: 26px; margin-left:inherit; }
.prevlesson { background-image: url(/images/shared/prev.gif); background-repeat: no-repeat; padding-left: 30px; line-height: 26px; margin-left:inherit; }
.toc { background-image: url(/images/shared/toc.gif); background-repeat: no-repeat; padding-left: 30px; line-height: 26px; margin-left:inherit; }
.announcement { background-image: url(/images/shared/announce.gif); background-repeat: no-repeat; padding-left: 30px; line-height: 26px; margin-left:inherit; }
.reminder { background-image: url(/images/shared/reminder.gif); background-repeat: no-repeat; padding-left: 30px; line-height: 26px; margin-left:inherit; }
.paid { font-weight:bold;background-image: url(/images/shared/reminder.gif); background-repeat: no-repeat; padding-left: 30px; line-height: 26px; margin-left:inherit; }
.owe { font-weight:bold;background-image: url(/images/shared/pay.gif); background-repeat: no-repeat; padding-left: 32px; line-height: 30px;  margin-left:inherit;}
.time { font-weight:bold;background-image: url(/images/shared/time.gif); background-repeat: no-repeat; padding-left: 30px; line-height: 26px;  margin-left:inherit;}
.handout { background-image: url(/images/shared/readings.gif); background-repeat: no-repeat; padding-left: 30px; line-height: 26px; margin-left:inherit; }
.reading { background-image: url(/images/shared/reading.gif); background-repeat: no-repeat; padding-left: 30px; line-height: 26px; margin-left:inherit; }
.lecture { background-image: url(/images/shared/lecture.gif); background-repeat: no-repeat; padding-left: 30px; line-height: 26px; margin-left:inherit; }
img.imgcaption:after { content:attr(alt); display:block; font-style:italic; color:#FF0000}
#content p.duxbury {margin:2px 0 2px 0;}
#content p.duxbury+p.duxbury {margin:2px 0 2px 20px;}
#content p.duxbury+p.duxbury+p.duxbury {margin:2px 0 2px 40px;}
#content p.duxbury+p.duxbury+p.duxbury+p.duxbury {margin:2px 0 2px 60px;}
#content p.duxbury+p.duxbury+p.duxbury+p.duxbury+p.duxbury {margin:2px 0 2px 80px;}
img.imgcaption:after { content:attr(alt); display:block; font-style:italic; color:#FF0000}
#content p.duxbury {margin:2px 0 2px 0;}
#content p.duxbury+p.duxbury {margin:2px 0 2px 20px;}
#content p.duxbury+p.duxbury+p.duxbury {margin:2px 0 2px 40px;}
#content p.duxbury+p.duxbury+p.duxbury+p.duxbury {margin:2px 0 2px 60px;}
#content p.duxbury+p.duxbury+p.duxbury+p.duxbury+p.duxbury {margin:2px 0 2px 80px;}
#content p.dux_c1{margin:2px 0 2px 40;}
#content p.dux_c2{margin:2px 0 2px 60px;}
#content p.dux_c3{margin:2px 0 2px 80px;}
#content p.dux_c4{margin:2px 0 2px 100px;}

/* FORMS ------------------------------FORMS----------------------------------FORMS */
fieldset { margin-bottom: 15px; margin-top:0;padding: 10px; width: inherit; white-space:inherit; }
legend { white-space: normal; margin-bottom:5px;margin-top:0; }
div.field label {
  display: block;
}
div.field radio, div.field checkbox {
  display: inline;margin-bottom:10px;
}
div.field {
  margin: 0.5em 0;    
}
.formdata {padding:4px 8px; font-weight: bold; font-family: monospace; line-height:2em;}
.formdata li {list-style-type:none;}
.formTextField { border-left: 10px solid #1447AD; padding-left: 5px;margin-bottom: 10px; }
.formTextFieldError { border-left: 10px solid red; padding-left: 5px;margin-bottom: 10px;}
.formBox { margin: auto; padding: 20px; border: 2px solid #1447AD;}
.formError {font-weight:bold;font-style:italic;}
input[type="submit"]{
	font-size:1.6em;
	margin: 10px 0px; 
	background: url(/img/page/bg_form_button.jpg) top left repeat-x;
	border: 3px solid #000;
	border-left-color: #fff;
	border-top-color: #fff;
	color: #000;
	padding: 0.3em;
}
input[type="submit"]:hover,input[type="submit"]:focus,input[type="submit"]:active{ text-decoration:underline;background: url(/img/page/bg_form_button_over.jpg) top left repeat-x;}
/* CLASS ------------------------------CLASS----------------------------------CLASS */
#content .courseinfo p { margin-left: inherit; }
#content .courseBox{margin-bottom:15px;padding-top:0;}
#content .courseBox h3{margin-top:0;padding:5px 5px 5px 40px;color:#FFF;background:#5F7BC8 url(/img/classes/general.gif) center left no-repeat;}
#content .courseBoxoutlook{margin-bottom:10px;padding-top:0;}
#content .courseBoxoutlook h3{margin-top:0;padding:5px 5px 5px 40px;color:#FFF;background:#C87D1E url(/img/classes/outlook.gif) center left no-repeat; }
#content .courseBoxpowerpoint{margin-bottom:15px;padding-top:0;}
#content .courseBoxpowerpoint h3{margin-top:0;padding:5px 5px 5px 40px;color:#FFF;background:#D34C16 url(/img/classes/powerpoint.gif) center left no-repeat;}
#content .courseBoxexcel{margin-bottom:15px;padding-top:0;}
#content .courseBoxexcel h3{margin-top:0;padding:5px 5px 5px 40px;color:#FFF;background:#418848 url(/img/classes/excel.gif) center left no-repeat;}
#content .courseBoxaccess{margin-bottom:15px;padding-top:0;}
#content .courseBoxaccess h3{margin-top:0;padding:5px 5px 5px 40px;color:#FFF;background:#9B4A6E url(/img/classes/access.gif) center left no-repeat;}
#content .courseBoxgeneral{margin-bottom:15px;padding-top:0;}
#content .courseBoxgeneral h3{margin-top:0;padding:5px 5px 5px 40px;color:#FFF;background:#5F7BC8 url(/img/classes/general.gif) center left no-repeat;}
#content .courseOptionsoutlook{float:right;margin:5px 0px 5px 5px;padding:2px;background-color:#FCF6D6;border:2px solid #C87D1E;}
#content .courseOptionspowerpoint{float:right;margin:5px 0px 5px 5px;padding:2px;background-color:#FFF3ED;border:2px solid #D34C16;}
#content .courseOptionsexcel{float:right;margin:5px 0px 5px 5px;padding:2px;background-color:#D3E9CD;border:2px solid #418848;}
#content .courseOptionsaccess{float:right;margin:5px 0px 5px 5px;padding:2px;background-color:#F3CDCF;border:2px solid #9B4A6E;}
#content .courseOptionsgeneral,#content .courseOptions{float:right;margin:5px 0px 5px 5px;padding:2px;background-color:#D0DAF0;border:2px solid #5F7BC8;}
#content .courseOptions ul, #content .courseOptionsoutlook ul,#content .courseOptionspowerpoint ul,#content .courseOptionsexcel ul,#content .courseOptionsaccess ul,#content .courseOptionsgeneral ul{margin-left:4px;padding-left:10px;list-style-type:none;}
#content .courseOptions li,#content .courseOptionsoutlook li,#content .courseOptionspowerpoint li,#content .courseOptionsexcel li,#content .courseOptionsaccess li,#content .courseOptionsgeneral li{padding-left:0;}
.courseOptionsaccess a:link { color:#9B4A6E; }
.courseOptionsaccess a:visited { color:#9B4A6E; }
.courseOptionsaccess a:hover { color:#fff; background-color: #9B4A6E; border:none; }
.courseOptionsaccess a:focus { color:#fff; background-color: #9B4A6E; border:none;}
.courseOptionsaccess a:active { color:#fff; background-color: #9B4A6E; border:none;}
.courseOptionsoutlook a:link { color:#C87D1E; }
.courseOptionsoutlook a:visited { color:#C87D1E; }
.courseOptionsoutlook a:hover { color:#fff; background-color: #C87D1E; border:none; }
.courseOptionsoutlook a:focus { color:#fff; background-color: #C87D1E; border:none;}
.courseOptionsoutlook a:active { color:#fff; background-color: #C87D1E; border:none;}
.courseOptionspowerpoint a:link { color:#D34C16; }
.courseOptionspowerpoint a:visited { color:#D34C16; }
.courseOptionspowerpoint a:hover { color:#fff; background-color: #D34C16; border:none;; }
.courseOptionspowerpoint a:focus { color:#fff; background-color: #D34C16; border:none;}
.courseOptionspowerpoint a:active { color:#fff; background-color: #D34C16; border:none;}
.courseOptionsexcel a:link { color:#418848; }
.courseOptionsexcel a:visited { color:#418848; }
.courseOptionsexcel a:hover { color:#fff; background-color: #418848; border:none; }
.courseOptionsexcel a:focus { color:#fff; background-color: #418848; border:none;}
.courseOptionsexcel a:active { color:#fff; background-color: #418848; border:none;}
.courseOptionsgeneral a:link, .courseOptions a:link{ color:#5F7BC8; }
.courseOptionsgeneral a:visited, .courseOptions a:visited{ color:#5F7BC8; }
.courseOptionsgeneral a:hover, .courseOptions a:hover{ color:#fff; background-color: #5F7BC8; border:none; }
.courseOptionsgeneral a:focus, .courseOptions a:focus{ color:#fff; background-color: #5F7BC8; border:none;}
.courseOptionsgeneral a:active, .courseOptions a:active{ color:#fff; background-color: #5F7BC8; border:none;}
/* LINKS ------------------------------LINKS----------------------------------LINKS */
a { color:#1447AD; padding: 2px 4px;}
a:link { color:#1447AD; }
a:visited { color:#1447AD; }
a:hover { color:#FFF; background-color: #1447ad; border: 2px dashed #1447AD; }
a:focus { color:#fff; background-color: #1447ad; border: 2px dashed #1447AD; }
a:active { color:#fff;background-color: #1447ad;  border: 2px dashed #1447AD; }

td a:hover { color: #1447ad; background-color:#FFF; border: none; }
td a:focus { color: #1447ad; background-color:#fff; border: none; }
td a:active { color: #1447ad;background-color:#fff;  border: none; }

#membership a { display:block; padding:2px 15px 8px 10px; color:#1447AD; font-weight:bold;  text-decoration:none;}
#membership a:link { color:#1447AD; }
#membership a:visited { color:#1447AD; }
#membership a:hover { color:#1447AD; font-size: 1.2em; font-weight:bold; border:none;background-color: transparent; }
#membership a:focus { color:#1447AD; font-size: 1.2em; font-weight:bold; border:none; background-color: transparent;}
#membership a:active { color:#1447AD; font-size: 1.2em; font-weight:bold; border:none; background-color: transparent;}

#nav a { display:block; color:#FFF; text-decoration:none; padding: 10px 10px; width: 210px;}
#nav a:link { color:#FFF; }
#nav a:visited { color:#FFF; }
#nav a:hover { color:#FFF; font-size: 1.3em; border:none; background-color: transparent;}
#nav a:focus { color:#FFF;  font-size: 1.3em; border:none; background-color: transparent;}
#nav a:active { color:#FFF; font-size: 1.3em; border:none;background-color: transparent; }

/* ACCESSIBILITY -------------------ACCESSIBILITY---------------------ACCESSIBILITY */
#skip a { color:#FFF; background-color:#FFF; font-weight:bold; text-decoration:none; padding:0px 15px;}
#skip a:link { color:#FFF; background-color:#FFF; }
#skip a:visited { color:#FFF; background-color:#FFF; }
#skip a:hover { color:#FFF; background-color:#1447AD; }
#skip a:focus { color:#FFF; background-color:#1447AD; }
#skip a:active { color:#FFF; background-color:#1447AD; }

/* LAYOUT -----------------------------LAYOUT-------------------------------LAYOUT */
#page {
	position:relative;
	margin: 13px 3.5%;
	}

#membership {
	margin: 0px; padding: 0px;
	float:right;
	}
#logo{
	width: 338px;
	height: 100px;
	}
#nav{
	float:right; margin: 0px;
	}
#content{
	width: 65%; margin: 0px;
	}
#skip {
	position:absolute;
	top:0px;
	left:0px;
	width: 338px;
	text-align: center;
	font-size: 16px;
	line-height: 100%;
	margin:0px;
	padding:0px;
	}
#masthead {
	margin-bottom:2em;
	}
#footer {
	margin:0px;
	padding: 15px 0px;
	height: 100px;
	}
#footer_content {
	padding: 0px 0px 0px 120px;
	margin: 0px 3.5%;
	}

/* IMAGES -----------------------------IMAGES-------------------------------IMAGES */
body {
	background-image: url(/img/page/bg_tall.jpg);
	background-position: top left;
	background-repeat:repeat-x;
	}
#logo {
	background-image: url(/img/page/logo.jpg);
	background-position: top left;
	background-repeat:no-repeat;
	}
#footer {
	background-image: url(/img/page/bg_short.jpg);
	background-position: top left;
	background-repeat:repeat-x;
	}
#nav li {
	background-image: url(/img/page/bg_button.jpg);
	background-position: top left;
	background-repeat:no-repeat;
	}
#nav a {
	background-image: url(/img/page/bg_button_bottom.jpg);
	background-position: bottom left;
	background-repeat:no-repeat;
	}
#membership li {
	background-image: url(/img/page/bg_tab.jpg);
	background-position: bottom right;
	background-repeat:no-repeat;
	}
#membership a {
	background-image: url(/img/page/bg_tab_left.jpg);
	background-position: bottom left;
	background-repeat:no-repeat;
	}
#footer_content{
	background-image: url(/img/page/ccblogo.gif);
	background-position: top left;
	background-repeat:no-repeat;
	}

/* COLOR -----------------------------COLOR-------------------------------COLOR */
.calloutbox button { color:#1447AD; background-color:#FFF; border: 1px solid #1447AD; font-weight: bold; }
.formdata {background-color:#FFFFFF;color:#000; border:1px solid #1447AD;}
.calloutbox { background-color:#EDF1F9; color: #000; }
.error { color: #F00; }
table { border: 1px solid #1447AD; }
th {  border: 1px solid #FFF; background-color: #1447AD; color: #FFF; }
td { border: 1px solid #1447AD; }
.courseoptions,.colFloatRight{background-color:#EDF1F9; color: #000;}
.coursebox, .feature{border:1px solid #1447AD;}
#content div.feature h4{background-image: url(/images/shared/nav_bg.gif); color: #FFF;margin:0px;}
.coursebox h3, .feature h4 {background-color:#1447AD;color:#FFF;}
.attention {font-weight:bold; color:#1447AD;}
fieldset{color:#000; background-color:#EDF1F9;border: 1px solid #1447AD; font-weight: 500;}
legend{font-weight:bold;color:#1447AD;}
.note{color:#000;}
.border2 img {border-color:#1447AD;}
caption{color:#1447AD;}
p.paid{color:#1447AD;}
dt{color:#1447AD;}
.but_admin {background-color:#007A47;}

/* New Styles for Forms */
.formTextField { border-left: 10px solid #1447AD; }
.formTextFieldError { border-left: 10px solid red; }
.formBox { background-color:#EDF1F9; color: #000; }
.formError {color:red;}