/*
*************************************************

JERVO.COM
SCREEN STYLES

Created by Dan Mall
http://www.danielmall.com

060408 .. Modifiied by Jervis Thompson
Removed php form email.

070329 .. Modifiied by Jervis Thompson
Gave "contact" page same page layout/style as "da_jervo" page

*************************************************
*/

/*------------------------------------------------------
	General Selectors
-----------------------------------------------------*/

body {
	color: #002552;
	font-size: 62.7%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background: #fbfbfb url(../img/header_bg.jpg) repeat-y 0 0;
	margin-left: 0px;
}

p {
	margin: 0 0 1.5em 0;
	font-size: 1.1em;
	line-height: 175%;
}

/* IE Mac, you spoiled brat \*/
a { overflow: hidden; }
/* End spoiled brat hack */

a:link {
	color: #2d7b01;
	background-color: transparent;
	text-decoration: underline;
}

a:visited {
	/* color: #999; */
	color: #2d7b01;
	background-color: transparent;
	text-decoration: underline;
}

a:hover {
	background-color: #fdf9ca;
}

.disabled {
	color: #525252;
}

.disabled a:link {
	color: #525252;
	font-weight: bold;
	text-decoration: underline;
}

.disabled a:visited {
	color: #525252;
	font-weight: bold;
	text-decoration: underline;
}

acronym, abbr {
	border-bottom: 1px dotted #999;
	cursor: help;
}

strong {
	font-weight: bold;
}

em, cite {
	font-style: italic;
}

code {
	font-family: Courier, "Lucida Sans", mono;
	font-size: 1.2em;
	color: black;
}

address {
	font-style: normal;
}

/*------------------------------------------------------
	Rules for every page
-----------------------------------------------------*/
#header {
	background-image: url(../img/logo_gradient.jpg);
	background-repeat: no-repeat;
	background-position: 0% 0%;
}

#header h1 a {
	display: block;
	text-indent: -2100px;
	width: 222px;
	height: 103px;
	background: transparent url(../img/logo.jpg) no-repeat 0 0;
	margin: 0 0 35px 0;
}

#logo {
	margin-bottom: 1em;
}

#header #navigation ul {
	/*list-style-type:none;*/
}

#header #navigation li {
	list-style-type:none;
}

#header #navigation li a {
	display: block;
	font-size: 1.1em;
	padding: 8px 0 8px 13px;
	margin: 0 0 12px 0;
	text-decoration: none;
	letter-spacing: 0.25em;
}

#header #navigation li a:link, #header #navigation li a:visited {
	color: #fff;
	border-left: 4px solid #fff;
}

#header #navigation li a:hover {
	color: #ffea00;
	border-left: 4px solid #fff;
	background-color: transparent;
}

#header #navigation li a.current, 
#header #navigation li a.current:link,
#header #navigation li a.current:visited {
	color: #ffea00;
	border-left: 4px solid #ffea00;
}


#content {
	/*min-width: 650px;*/
	min-width: 600px;
}

.interior #content ol {
	font-size: 1.1em;
	margin: 0 0 1em 2em;
	line-height: 175%;
}

#footer {
	list-style: none;
	border-top: 1px dashed #999;
	margin: 30px 0 0 0;
	padding: 10px 0 0 0;
}

#footer li {
	display: inline;
	border-right: 1px solid #999;
	padding: 0 10px;
}

#footer li#credit {
	border: none;
}

/*------------------------------------------------------
	Rules for the homepage
-----------------------------------------------------*/
#home #header{
	width: 233px;
	float: left;
	margin: 0 50px 0 0;
}

#home #content {
	padding: 30px 0;
	margin: 0 50px 0 300px;
	border-top: 1px dashed #999;
}

#home #content span {
	text-transform: uppercase;
	font-weight: bold;
}

#home h2 {
	font-size: 1.1em;
	text-transform: uppercase;
	font-weight: bold;
}

#home h3 {
	padding-top: 7px;
}

/*----- random quotes -------*/
#home blockquote {
	margin: 0 0 3em 265px;
	text-indent: -2100px;
	padding: 0 0 3em 0;
}

#home #spell {
	width: 523px;
	height: 113px;
	background: transparent url(../img/random/spell.gif) no-repeat 0 2em;
}

#home #pizza {
	width: 388px;
	height: 137px;
	background: transparent url(../img/random/pizza.gif) no-repeat 0 2em;
}

#home #me {
	width: 524px;
	height: 105px;
	background: transparent url(../img/random/me.gif) no-repeat 0 2em;
}

#home #jokes {
	width: 377px;
	height: 127px;
	background: transparent url(../img/random/jokes.gif) no-repeat 2em 2em;
}

#home #geek {
	width: 522px;
	height: 54px;
	background: transparent url(../img/random/geek.gif) no-repeat 0.75em 2em;
}

#home #mac {
	width: 540px;
	height: 148px;
	background: transparent url(../img/random/mac.gif) no-repeat 0.75em 2em;
}


/*---- classes taught this term ----*/
#home #this_term {
	border-top: 1px dashed #999;
	padding: 30px 0 0 0;
}

#home #this_term ul {
	list-style: none;
}

#home #this_term ul li {
	border-top: 1px solid #707070;
	border-bottom: 1px solid #707070;
	width: 382px;
	height: 90px;
	margin: 1em 0 0 0;
}

#home #this_term a {
	display: block;
	text-indent: -2100px;
	width: 382px;
	height: 90px;
	text-decoration: none;
}

#home #this_term a#UNIV101 {
	background: transparent url(../img/badges/badge_univ101.jpg) no-repeat 0 0;
}
#home #this_term a#DIGM240 {
	background: transparent url(../img/badges/badge_digm240.jpg) no-repeat 0 0;
}
#home #this_term a#DIGM241 {
	background: transparent url(../img/badges/badge_digm241.jpg) no-repeat 0 0;
}
#home #this_term a#DIGM242 {
	background: transparent url(../img/badges/badge_digm242.jpg) no-repeat 0 0;
}
#home #this_term a#DIGM265 {
	background: transparent url(../img/badges/badge_digm265.jpg) no-repeat 0 0;
}
#home #this_term a#DIGM445 {
	background: transparent url(../img/badges/badge_digm445.jpg) no-repeat 0 0;
}
#home #this_term a#DIGM465 {
	background: transparent url(../img/badges/badge_digm465.jpg) no-repeat 0 0;
}
#home #this_term a#DIGM492 {
	background: transparent url(../img/badges/badge_digm492.jpg) no-repeat 0 0;
}
#home #this_term a#DIGM560 {
	background: transparent url(../img/badges/badge_digm560.jpg) no-repeat 0 0;
}
#home #this_term a#DIGM641 {
	background: transparent url(../img/badges/badge_digm641.jpg) no-repeat 0 0;
}


#home #this_term a:hover#UNIV101,
#home #this_term a:hover#DIGM240,
#home #this_term a:hover#DIGM241,
#home #this_term a:hover#DIGM242,
#home #this_term a:hover#DIGM265,
#home #this_term a:hover#DIGM445,
#home #this_term a:hover#DIGM465,
#home #this_term a:hover#DIGM492,
#home #this_term a:hover#DIGM560,
#home #this_term a:hover#DIGM641{
	background-position: 0 -90px;
}

/*------------------------------------------------------
	Rules for the interior pages
-----------------------------------------------------*/
.interior #header{
	width: 233px;
	float: left;
	margin: 0 50px 0 0;
}

.interior #content {
	padding: 0px 0 30px;
	margin: 0 50px 0 330px;
}

/*------------------------------------------------------
	Rules for the syllabus pages
-----------------------------------------------------*/
.syllabus_page #subnav {
	border-top: 6px solid #002552;
	border-bottom: 6px solid #002552;
	list-style: none;
	padding: 0 4px;
	overflow: hidden;
	height: 100%;
}

.syllabus_page #subnav li {
	display: inline;
	float: left;
	margin: 0 25px 0 0;
}

.syllabus_page #subnav li a {
	display: block;
	border-top: 5px solid #fff;
	border-bottom: 5px solid #fff;
	padding: 9px 0;
	background-color: #fff;
	text-decoration: none;
}


.syllabus_page #subnav li a:link,
.syllabus_page #subnav li a:visited {
	color: #002552;
}

.syllabus_page #subnav li a:hover {
	color: #2a5d0d;
}

.syllabus_page #subnav li a.current {
	border-top: 5px solid #2a5d0d;
	border-bottom: 5px solid #2a5d0d;
	color: #2a5d0d;
}

dl#sections {
	background-color: #e5e5e5;
	padding: 7px 10px;
	border-bottom: 5px solid #002552;
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: #002552;
}

#sections dt, #sections dd {
	display: inline;
	margin: 0 20px 0 0;
}

#sections a {
	text-decoration: none;
}

#sections a.current {
	font-weight: bold;
	background-color: #fdf9ca;
}

p#intro {
	border: 1px solid #002552;
	background-color: #fff9b6;
	margin: 20px 0;
	padding: 15px;
	font-family: Georgia, "Century Schoolbook", serif;
	font-style: italic;
	font-size: 1.3em;
	line-height: 180%;
}

.syllabus_page #project_info {
	border-bottom: 1px dashed #999;
}

.syllabus_page #project_info,
.syllabus_page #class_info{
	height: 100%;
	overflow: hidden;
	margin: 0 0 20px 0;
}

.syllabus_page #project_info h3,
.syllabus_page #class_info h3{
	text-transform: uppercase;
	margin: 0 0 15px 0;
	font-size: 1.2em;
}

.syllabus_page #project_info div,
.syllabus_page #class_info div {
	float: left;
	width: 45%;
}

.syllabus_page #project_info #midterm,
.syllabus_page #class_info #grading {
	margin: 0 5% 0 0;
}

.syllabus_page #class_info,
.syllabus_page #quicklinks {
	clear: left;
}

.syllabus_page #equipment ul {
	list-style: none;
}

.syllabus_page #grading ul li,
.syllabus_page #equipment ul li {
	font-size: 1.1em;
	margin: 0 0 10px 0;
}

#quicklinks {
	font-size: 1.1em;
	border-top: 1px dashed #999;
	padding: 15px 0;
}

#quicklinks dt, #quicklinks dd {
	display: inline;
	margin: 0 20px 0 0;
}

.syllabus_page .syllabus {
	margin: 0 0 20px 100px;
	font-size: 1.1em;
	line-height: 175%;
}

.syllabus_page #week1,
.syllabus_page #week2,
.syllabus_page #week3,
.syllabus_page #week4,
.syllabus_page #week5,
.syllabus_page #week6,
.syllabus_page #week7,
.syllabus_page #week8,
.syllabus_page #week9,
.syllabus_page #week10 {
	clear: left;
	border-top: 1px dashed #999;
	padding: 20px 0 0 0;
}

.syllabus_page .syllabus h3 {
	font-family: Georgia, "Century Schoolbook", "Times New Roman", Times, serif;
	font-size: 1.4em;
	font-style: italic;
	font-weight: normal;
	margin: 0 0 20px 0;
}

.syllabus_page .syllabus h3 span {
	font-family: Verdana, Arial, sans-serif;
	font-size: 87%;
	text-transform: uppercase;
	font-style: normal;
	font-weight: bold;
}

.syllabus_page .syllabus dl {
	margin: 0 0 20px 0;
}

.syllabus_page .syllabus dl dd {
	margin: 0 0 0 15px;
	padding: 0 0 0 10px;
	background: transparent url(../img/squareBullet_active.gif) no-repeat 0 0.75em;
}

.syllabus_page .disabled .syllabus dl dd {
	background: transparent url(../img/squareBullet_disabled.gif) no-repeat 0 0.75em;
}

.syllabus_page .syllabus dl dd ul {
	margin: 0 0 0 20px;
}

.syllabus_page .syllabus ul {
	list-style: none;
}

.syllabus_page .syllabus li {
	padding: 0 0 0 10px;
	background: transparent url(../img/squareBullet_active.gif) no-repeat 0 0.75em;
}

.syllabus_page .syllabus .openMe {
	padding: 0 0 0 15px;
	background: transparent url(../img/openMe_active.jpg) no-repeat 2px 0.2em;
}

.syllabus_page .disabled .syllabus .openMe {
	padding: 0 0 0 15px;
	background: transparent url(../img/openMe_disabled.jpg) no-repeat 2px 0.2em;
}

.syllabus_page .syllabus .closeMe {
	padding: 0 0 0 15px;
	background: transparent url(../img/closeMe_active.jpg) no-repeat 0 0.5em;
}

.syllabus_page .disabled .syllabus .closeMe {
	padding: 0 0 0 15px;
	background: transparent url(../img/closeMe_disabled.jpg) no-repeat 0 0.5em;
}

.syllabus_page .disabled .syllabus ul {
	list-style: none;
	margin: 0 0 0 20px;
}

.syllabus_page .disabled .syllabus li {
	padding: 0 0 0 10px;
	background: transparent url(../img/squareBullet_disabled.gif) no-repeat 0 0.75em;
}

.syllabus_page .shown {
	background-color: #f1f1f1;
	padding: 10px;
	margin: 10px 0 0 0;
	border: 1px dashed #666;
}

.syllabus_page .hidden {
	display: none;
}

.syllabus_page .reading dt {
	font-weight: bold;
}

.syllabus_page .reading ul {
	list-style: none;
	margin: 0 0 0 20px;
}

.syllabus_page .reading li {
	padding: 0 0 0 10px;
	background: transparent url(../img/squareBullet_active.gif) no-repeat 0 0.75em;
}

.syllabus_page .disabled .reading li {
	padding: 0 0 0 10px;
	background: transparent url(../img/squareBullet_disabled.gif) no-repeat 0 0.75em;
}


/*  week badges */
.syllabus_page .week_num {
	margin: 0 32px 0 16px;
	float: left;
	width: 52px;
	text-align: center;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 4.0em;
	color: white;
	background: #002552 url(../img/week_bottom_active.jpg) no-repeat left bottom;
    padding: 0 0 10px 0;
}

.syllabus_page .week_num span {
	display: block;
	font-size: 9px;
	font-family: Verdana, Arial, sans-serif;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: bold;
	margin: 0 auto 0 auto;
	background-color: #fff;
	color: #002552;
	border-top: 3px solid #002552;
	border-left: 4px solid #002552;
	border-right: 4px solid #002552;
}

.syllabus_page .disabled .week_num {
	background: #8a8a8a url(../img/week_bottom_disabled.jpg) no-repeat left bottom;
}

.syllabus_page .disabled .week_num span {
	color: #525252;
	border-top: 3px solid #8a8a8a;
	border-left: 4px solid #8a8a8a;
	border-right: 4px solid #8a8a8a;
	font-weight: normal;
}

/*------------------------------------------------------
	Rules for the section pages
-----------------------------------------------------*/
.section h3 {
	font-family: Georgia, "Times New Roman", serif;
	font-size: 1.8em;
/*	background-color: #e8ede6;*/
	background-color: white;
	width: 600px;
	border-top: 1px solid #042a4c;
	border-bottom: 1px solid #042a4c;
	padding: 1em 0;
	text-align: center;
	font-weight: normal;
	margin: 1.5em 0 0 0;
}

.section ul#students {
	list-style: none;
	font-size: 1.1em;
	width: 600px;
}

.section ul#students li {
	background-color: #f5f5f5;
}

.section ul#students li a {
	display: block;
	text-transform: uppercase;
	font-weight: bold;
	padding: 0.5em 0 0.5em 0.5em;
	width: 595px;
	border-bottom: 1px solid #d5d5d5;
	background-color: #fbfbfb;
}

.section ul#students li a:link, .section ul#students li a:visited {
	color: #2d7b01;
}

.section ul#students li a:hover {
	background-color: #fdf9ca;
}

.section ul#students a.openMe {
	padding: 0.5em 0 0.5em 18px;
	width: 585px;
	background: #fbfbfb url(../img/openMe_active.jpg) no-repeat 2px 0.7em;
}

.section ul#students a.closeMe {
	padding: 0.5em 0 0.5em 18px;
	width: 585px;
	background: #fbfbfb url(../img/closeMe_active.jpg) no-repeat 2px 1em;
}

.section ul#students table {
	background-color: #f5f5f5;
	width: 600px;
	border-top: 3px solid #efefec;
	padding: 0 0 0 30px;
	margin: 1px 0 0 0;
	border-bottom: 1px solid #d5d5d5;
	border-bottom: 2px solid #efefec;
}

.section ul#students table th {
	text-transform: uppercase;
	padding: 0 0 0 1em;
	text-align: left;
}

.section ul#students table td {
	border-top: 1px solid #d7d7d7;
	padding: 0.5em 0 0.5em 1em;
	border-right: 1px solid #d7d7d7;
}

.section ul#students table a {
	display: inline;
	width: auto;
	border: none;
	background-color: transparent;
	padding: 0;
	font-weight: normal;
	background: none;
	text-transform: none;
}

.section ul#students table th.week {
	width: 67px;
}

.section ul#students table td.week {
	width: 67px;
}

.section ul#students table .attendance {
	width: 97px;
}

.section ul#students table .homework {
	width: 227px;
}

.section ul#students table .xc {
	width: 111px;
	border-right: none;
}

/*------------------------------------------------------
	Rules for the Da Jervo page
-----------------------------------------------------*/
body#da_jervo #content h3 {
	border-top: 1px dashed #999;
	text-transform: uppercase;
	padding: 1.5em 0 0 0;
	margin: 2em 0 1em 0;
}

body#da_jervo #content h4 {
	font-size: 1.1em;
	margin: 0 0 1em 0;
}


/*------------------------------------------------------
	Rules for Da Instructor page
-----------------------------------------------------*/
body#da_instructor #subnav {
	margin: 0 0 2em;
}

body#da_instructor #content dl, body#da_lingo_kid #content dl {
	font-size: 1.1em;
	margin-bottom: 2em;
	padding-bottom: 1.5em;
	line-height: 175%;
}

body#da_instructor #content dt, body#da_lingo_kid #content dt {
	border-top: 1px dashed #999;
	font-weight: bold;
	padding: 1.5em 0 0 0;
	text-transform: uppercase;
	margin: 1.5em 0 .75em 0;
}

/*------------------------------------------------------
	Rules for Da Lingo Kid page
-----------------------------------------------------*/
body#da_lingo_kid #intro {
	border: 1px solid #002552;
	background-color: #fff9b6;
	/*margin: 20px 0;*/
	margin: 20px 0 0 0;
	padding: 15px;
	/*float: left;*/
}

body#da_lingo_kid #intro p {
	font-family: Georgia, "Century Schoolbook", serif;
	font-style: italic;
	font-size: 1.3em;
	line-height: 180%;
}

body#da_lingo_kid #intro img { 
	float: left; 
	margin: 0 2em 1em 0;
}

body#da_lingo_kid #intro hr {
	display: block;
	clear: left;
	margin: -2em 0;
	visibility: hidden;
}


body#da_lingo_kid #content h3 {
	text-transform: uppercase;
	margin: 0 0 15px 0;
	font-size: 1.2em;
}

body#da_lingo_kid #content ul,
body#da_jervo #content ul,
body#contact #content ul {
	font-size: 1.1em;
	line-height: 175%;
	margin: 0 0 1em 2em;
}

body#da_lingo_kid #content ul#footer,
body#da_jervo #content ul#footer,
body#contact #content ul#footer {
	font-size: 1.05em;
	margin-left: 0;
}

body#da_lingo_kid #content dl {
	border-bottom: 1px dashed #999;
}

body#da_lingo_kid #content dt {
	padding: 2em 0 1em 4em;
	margin-bottom: 0;
	/*background: transparent url(../img/faceIcon.gif) 0.35em 1.5em no-repeat;*/
	background: transparent url(../img/directorIcon_old.gif) 0.35em 2.5em no-repeat;
}

body#da_lingo_kid #content #quicklinks dt { 
	background: none;  
	border: none; 
	padding: 15px 0;
	font-weight: normal;
	text-transform: none;
}

body#da_lingo_kid #content #quicklinks dd { margin: 0 20px 0; padding: 0; }

body#da_lingo_kid #content dd {
	margin: 0 0 1em 0;
	padding: 0 0 0 4em;
}

/*
body#da_lingo_kid #content dd.download {
	padding: 0 0 0 6em;
	background: transparent url(../img/directorIcon.gif) 4em 0 no-repeat;
}
*/

body#da_lingo_kid #content dd.date {
	font-style: italic;
	font-family: Georgia, "Times New Roman", serif;
}

/*------------------------------------------------------
	Rules for the Announcements page
-----------------------------------------------------*/
body#announcements #content {
	font-size: 1.1em;
	line-height: 175%;
}

body#announcements #content dt {
	border-top: 1px dashed #999;
	font-weight: bold;
	padding: 1.5em 0 0 0;
	text-transform: uppercase;
	margin: 1.5em 0 .75em 0;
}

body#announcements #content dd {
	margin: 0 0 1em 1em;
}

body#announcements #content dd ul {
	margin: 0 0 0 2em;
}

body#announcements #subnav {
	border-top: 6px solid #002552;
	border-bottom: 6px solid #002552;
	list-style: none;
	padding: 0 4px;
	overflow: hidden;
	height: 100%;
}

body#announcements #subnav li {
	display: inline;
	float: left;
	margin: 0 25px 0 0;
}

body#announcements #subnav li a {
	display: block;
	border-top: 5px solid #fff;
	border-bottom: 5px solid #fff;
	padding: 9px 0;
	background-color: #fff;
	text-decoration: none;
}


body#announcements #subnav li a:link,
body#announcements #subnav li a:visited {
	color: #002552;
}

body#announcements #subnav li a:hover {
	color: #2a5d0d;
}

body#announcements #subnav li a.current {
	border-top: 5px solid #2a5d0d;
	border-bottom: 5px solid #2a5d0d;
	color: #2a5d0d;
}


/*------------------------------------------------------
	Rules for the Contact page
-----------------------------------------------------*/
body#contact #content h3 {
	border-top: 1px dashed #999;
	text-transform: uppercase;
	padding: 1.5em 0 0 0;
	margin: 2em 0 1em 0;
}

body#contact #content h4 {
	font-size: 1.1em;
	margin: 0 0 1em 0;
}


/*------------------------------------------------------
	Titles
-----------------------------------------------------*/
.interior #content h2 {
	position: absolute;
	top: 95px;
	left: 233px;
	width: 80px;
	text-indent: -2100px;
	background-image: url(../img/titles/digm265.gif);
	height: 1200px;
}

body#da_jervo #content h2 {
	height: 331px;
	background: transparent url(../img/titles/da_jervo.gif) no-repeat 0 0;
}

body#da_instructor #content h2 {
	height: 489px;
	background: transparent url(../img/titles/da_instructor.gif) no-repeat 0 0;
}

body#digm240 #content h2 {
	height: 1150px;
	background: transparent url(../img/titles/digm240.gif) no-repeat 0 0;
}

body#digm241 #content h2 {
	height: 1250px;
	background: transparent url(../img/titles/digm241.gif) no-repeat 0 0;
}

body#digm242 #content h2 {
	height: 1000px;
	background: transparent url(../img/titles/digm242.gif) no-repeat 0 0;
}

body#digm265 #content h2 {
	height: 1200px;
	background: transparent url(../img/titles/digm265.gif) no-repeat 0 0;
}

body#digm445 #content h2 {
	height: 1100px;
	background: transparent url(../img/titles/digm445.gif) no-repeat 0 0;
}

body#digm465 #content h2 {
	height: 1000px;
	background: transparent url(../img/titles/digm465.gif) no-repeat 0 0;
}

body#digm560 #content h2 {
	height: 1000px;
	background: transparent url(../img/titles/digm560.gif) no-repeat 0 0;
}

body#digm641 #content h2 {
	height: 905px;
	background: transparent url(../img/titles/digm641.gif) no-repeat 0 0;
}


body#da_lingo_kid #content h2 {
	height: 489px;
	background: transparent url(../img/titles/da_lingo_kid.gif) no-repeat 0 0;
}

body#announcements #content h2 {
	height: 583px;
	background: transparent url(../img/titles/announcements.gif) no-repeat 0 0;
}

body#contact #content h2 {
	height: 294px;
	background: transparent url(../img/titles/contact.gif) no-repeat 0 0;
}

body#thanks #content h2 {
	height: 304px;
	background: transparent url(../img/titles/thanks.gif) no-repeat 0 0;
}