body, html, td {margin: 0; padding: 0; 
	font-family: Verdana, Helvetica, Arial, MS Sans-Serif;
	font-size: 11px;
	color: #333333;
	line-height: 17px;}
	


a:link {color: #0079A3; text-decoration: underline;}
a:visited {color: #0079A3; text-decoration: underline;}
a:hover {color: #59B87A; text-decoration: underline;}

/* subtitles for inner sections */
.subtitles {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #59B779;
	line-height: 15px;
}

.bluetop {border-top: solid 1px #0079A3;}
.bluebottom {border-bottom: solid 1px #0079A3;}

.blueall {border: solid 1px #0079A3;}

.rightcol {background-color: #78B5CA;}

.subnav {background-color: #F6F6D8; font-size: 12px; font-weight: bold; padding-left: 16px; padding-bottom: 10px; padding-top: 10px;}

.content {font-size: 11px; line-height: 1.6; padding-left: 19px; padding-top: 33px; padding-right: 10px; padding-bottom: 20px;}

.footer  {background-color: #EEF6AA; border-bottom: solid 1px #0079A3; border-top: solid 1px #0079A3; border-right: solid 1px #0079A3; font-size: 10px; color: #0079A3; padding-top: 12px; padding-bottom: 12px;}
.footer td {background-color: #EEF6AA;font-size: 10px; color: #0079A3; line-height: 1.4}
.footer a:link {color: #0079A3; font-weight: bold; text-decoration: underline;}
.footer a:visited {color: #0079A3; font-weight: bold; text-decoration: underline;}
.footer a:hover {color: #0079A3; font-weight: bold; text-decoration: none;}

.memberlogin {background-color: #70C248;}
.memberlogin div {padding-left: 11px; padding-right: 11px;}

a.lost:link {color: #FFFFFF; font-size: 10px; text-decoration: none; font-weight: normal;}
a.lost:visited {color: #FFFFFF; font-size: 10px; text-decoration: none; font-weight: normal;}
a.lost:hover {color: #FFFFFF; font-size: 10px; text-decoration: underline; font-weight: normal;}

form, input, select, textarea {padding: 0px; font-size: 10px; font-family: Verdana;}

/* teacher CSS */




#wrapper {width: 100%; background-color: #FFFFFF; min-width: 800px;}

#masthead {height: 62px; background-color: #F8F8C3; border-bottom: solid 1px #0079A3;}
#masthead-right {float: right; padding-top: 35px; color: #59B87A; padding-right: 10px;}


#masthead-stripe {clear: both; background-image: url(images/sitewide/stripe.jpg); background-repeat: repeat-x; height: 16px;}

#nav {clear: both; border-bottom: solid 1px #0079A3; border-top: solid 1px #0079A3; height: 24px; background-color: #0079A3;}

#subnav {clear: both; background-color: #FBFBEF; border-bottom: solid 1px #0079A3; height: 38px; background-image: url(images/sitewide/icon.mouse.gif); background-position: center right; background-repeat: no-repeat;}
#subnav div {padding: 10px;}

#content {clear: both; background-image: url(images/sitewide/background.gif); background-repeat: no-repeat; background-position: top left;}
#content-nowatermark {clear: both; width: 100%;}


#content-left {padding-left: 27px; padding-right: 20px; padding-top: 20px;}

#content-smallleft {padding-left: 8px; padding-right: 20px; padding-top: 20px; }
#content-largeright {padding-top: 20px; text-align: left; width: 80%; border-left: solid 1px #0079A3;  padding-left: 20px; margin-bottom: 20px; padding-bottom: 20px;}


#content-right {width: 185px; border-left: solid 1px #0079A3; }
#content-right div {border-bottom: solid 1px #0079A3; text-align: right; padding: 10px;}

#key {border: solid 1px #666666; width: 100%; margin-top: 10px; margin-bottom: 10px;}
#key div {padding: 10px;}

.data {width: 100%; border-top: solid 1px #666666; border-left: solid 1px #666666; margin-top: 10px; margin-bottom: 10px;}

.datatable {width: 100%;}
.datatable-admin {width: 100%;}

.datatable td {padding: 5px; border-right: solid 1px #666666; border-bottom: solid 1px #666666;}
.datatable-admin td.toprow {background-color: #59B87A; color: #FFFFFF; font-weight: bold;}


.datatable-admin td {padding: 5px; border-right: solid 1px #666666; border-bottom: solid 1px #666666; background-color: #FFFFFF;}

.datatable td.toprow {background-color: #59B87A; color: #FFFFFF; font-weight: bold;}
.datatable td.toprow a:link {color: #0079A3w; text-decoration: underline;}
.datatable td.toprow a:visited {color: #0079A3; text-decoration: underline;}
.datatable td.toprow a:hover {color: #FFFFFF; text-decoration: underline;}



#footer {clear: both; background-color: #EEF6AA; border-bottom: solid 1px #0079A3; border-top: solid 1px #0079A3; padding: 10px; height: 70px; min-height: 70px; font-size: 10px;}
#footer-left {float: left;}
#footer-right {float: right; padding-top: 18px;}


#ms {text-align: center; padding: 13px 0px 13px 0px;}





.greybold {font-weight: bold; color: #666666;}
.title {color: #0079A3; font-weight: bold; font-size: 13px;}
.navin {font-weight: bold; color: #7C6096;}
.greenbold {font-weight: bold; color: #59B87A; font-size: 13px;}
.asterisk {font-size: 10px; font-style: italic;}
.purplebold {color: #7A5D93; font-weight: bold;}
.purpletitle {color: #7A5D93; font-weight: bold; font-size: 12px;}

#nav-level2 {padding-left: 10px;}
#class-in {border-top: dashed 1px #7A5E94; border-bottom: dashed 1px #7A5E94; margin-top: 5px; margin-bottom: 5px; padding: 5px;}
#class-in a:link {color: #59B87A; font-weight: bold;}
#class-in a:visited {color: #59B87A; font-weight: bold;}
#class-in a:hover {color: #7A5E94; font-weight: bold;}

/* admin CSS */

#wrapper-admin {height: 100%; width: 100%;}
#masthead-admin {background-color: #7A5D93; border-bottom: solid 1px #0079A2; background-image: url(images/sitewide/icon.kid.gif); background-position: top right; background-repeat: no-repeat; height: 33px; padding-left: 10px; color: #FFFFFF; font-weight: bold;}
#masthead-admin div {padding-top: 10px;}

body.admin, html.admin {margin: 0; padding-left: 1px; padding-top: 0px; 
	background-image: url(images/sitewide/bg.admin.gif); background-repeat: repeat-y; font-family: Verdana, Helvetica, Arial, MS Sans-Serif;
	font-size: 11px;
	color: #333333;
	line-height: 17px;}
	
#content-admin {padding: 17px 13px 20px 13px; clear: both; }
#tabbox {border: solid 1px #59B876; background-color: #FAFAEE; width: 100%; margin-top: 20px;}
#tabbox div {padding: 15px;}

#tabs {background-color: #F8F8C2; border-bottom: solid 1px #59B876; height: 23px; text-align: center; font-weight: bold;}
#tabs a {text-decoration: none;}
#tabs td {border-right: solid 1px #59B876;}
#tabs td.in {border-right: solid 1px #59B876; background-color: #59B876; color: #FFFFFF;}
#tabs td.in a:hover {color: #FFFFFF;}
#tabs td.right {border-right: none;}
	
/* public CSS */
.publichome {
	background-image: url(images/bg.gif);
	background-repeat: repeat-y;
	background-color: #FFFFFF;
}
#top {width: 100%; border-top: 1px solid #0079A3; background-color: #FFFFFF;}
#flash {width: 630px; height: 241px; float: left; background-image: url(images/public/01_opt.jpg);}
#login_case {width: 137px; border-left: 1px solid #FBAD3E; border-right: 1px solid #0079A3; float: right;}
#login {width: 137px; height: 156px; background-color: #70C248; border-bottom: 1px solid #FBAD3E;}
.login_padd {padding-top: 4px;}
#content_case {width: 769px; clear: both;}
#content_home {width: 542px; background-color: #C5E8B4; float: left;}
#content_home p {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #333; padding: 6px 16px; line-height: 1.7;}
.blue_bold {font-weight: bold; color: #0872A2;}
#content_home ul {padding-left: 22px; margin-left: 22px;}
#content_home ul li {padding-left: 5px; padding-bottom: 5px; list-style-image: url(images/public/bullet.gif); font-weight: bold; color: #0872A2;}
#rightcol_home {width: 225px; border-right: 1px solid #0079A3; border-left: 1px solid #0079A3;  background-color: #78B5CA; float: left;}
#rightcol_home p {color: #FFFFFF; padding: 15px 24px; font-size: 10px; line-height: 1.5; font-weight: bold;}
#rightcol_home a:link {color: #D9E28D; text-decoration: none;}
#rightcol_home a:hover {color: #D9E28D; text-decoration: underline;}

