@charset "UTF-8";
/* CSS Document */


body {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	background-color: #e9e6e6;	
	font-family: 'Maven Pro', sans-serif;
	font-size: 13px;
	color: #333333;

}

a { text-decoration: none; }
img { border: 0px; }

/***********************************************************HEADER***********************************************************/
#header {
	background-image: url('/images/header-bg-re.png');
	background-repeat: repeat-x;
	height: 170px !important;
}



#developmental {
	margin: 25px 0 25px 0;	
}
#tag-line {
	margin: 7px 0 0 0;	
}

/***********************************************************NAVIGATION***********************************************************/
#navigation {
	background-image: url('/images/nav/nav-bg.png');
	background-repeat:repeat-x;
	height: 37px; 
	z-index: 2;
	position: relative;
	
}

#calendarIcon {
	position: relative; 
	top: 4px; left: 8px;	
}

#nav-end-left { 
	position: relative;
	z-index: 2;
	top: -1px;
}

#nav-end-right { 
	position: relative;
	z-index: 2;
	top: -1px;
}


/***********************************************************CONTENT AREA***********************************************************/
#content-area {
	height: 400px;	
	padding: 10px 0 0 0;
	color: #333333;
	font-family: 'Maven Pro', sans-serif;
}
#content-area a {
	color: #669966;	
	text-decoration: none;	
}
#content-area a:hover {
	color: #4b844b;	
	text-decoration: none;	
}

.newsDateBackground {
	background-image: url('/images/icon-news-date.png');	
	background-repeat: no-repeat;
	width: 42px; height: 46px;
	padding: 8px 0 0 0 ;
}

.newsMonth {
	font-family: arial;
	color: white;
	font-size: 9px;	
	position: relative; 
}

.newsDay {
	color: #333333;
	font-family: arial;
	font-size: 12px;
	position: relative; top: 4px;
}

/***********************************************************HOME PAGE RESOURCES AREA***********************************************************/
.homeResourceBox {
	background-color: #cdfece;
	padding: 5px;
}
.homeResourceBox b {
	color: black;
	font-family: 'Droid Sans', sans-serif;
}
.homeResourceIcon {
	float: left;
}
.homeResourceTitle {
	position: relative; top: 10px; left: 4px;
}
.homeResourceBox p {
	margin-top: 30px;
}
.homeResourceBox a {
	color: black;
	text-decoration: none;
	font-weight: bold;	
}
.homeResourceBox a:hover {
	color: #669966;	
}
.homeResourceBoxIconsmall {
	position: relative; top: 5px;	
	margin: 0 3px 0 0;
}


.icon-map {
	position: relative; top: 3px; left: -4px;
}

.survey {
	font-family: 'Droid Sans', sans-serif;
	font-weight: bold;
}

/***********************************************************FONT COLORS AND SIZES***********************************************************/
.driodSansGreenLink {
	color: #669966;	
	text-decoration: none;
}
.driodSansGreenLink12 {
	color: #669966;	
	text-decoration: none;
	font-size: 12px;
}
.driodSansGreen {
	color: #669966;	
	text-decoration: none;
	font-size: 12px;
	font-family: 'Droid Sans', sans-serif;
}
.driodSansWhite11 { 
	font-family: 'Droid Sans', sans-serif;
	color: white !important;
	font-size: 11px;
}

.didactGrey11 {
	font-family: 'Maven Pro', sans-serif;
	color: #999999;
	font-size: 11px;	
}

.didactDarkGrey11 {
	font-family: 'Maven Pro', sans-serif;
	color: #333333;
	font-size: 11px;	
}

.bgColorWhite {
	background-color: white;	
}

.lightGreen {
	color: #ccffcc;	
}

.black {
	color: #000000;	
}

.arialItalicGrey12 {
	font-size: 12px;
	font-family: arial;
	font-style: italic;
	color: #999999;
}
.arialBlack15 {
	color: black !important;
	font-family: arial;
	font-size: 15px;	
}
.didacBlack15 {
	color: black;
	ffont-family: 'Maven Pro', sans-serif;
	font-size: 15px;	
}
.didactDarkGrey12 {
	font-family: 'Maven Pro', sans-serif;
	color: #666666 !important;
	font-size: 12px;
}

.arialWhite9 {
	font-family: arial;
	color: white;
	font-size: 9px;	
}

.kreonLightGreenHeading {
	color: #33cc99;
	font-size: 30px;
	font-family: 'Kreon', serif;
}


.darkPurple {
	color: #767699 !important;	
}


.font11 { font-size: 11px; }
.font12 { font-size: 12px; }

.green { color: #33cc99; }
.grey { color: #333333 !important; }
/***********************************************************PADDING AND SPACING***********************************************************/
.paddingLeft30 {
	padding: 0 0 0 30px;	
}


.moveDown5 { position: relative; top: 5px; }

/***********************************************************LISTS***********************************************************/
.styledList1 {
	list-style-image: url('/images/bullet1.jpg');
}
.styledList1 li {
	margin: 0 0 5px 0;
}

.styledList2 {
	list-style-image: url('/images/icon-pdf.png');
}



.listSitemapHead {
	list-style-image: url('/images/icon-folder.png');	
}

.listSitemapPage {
	list-style-image: url('/images/icon-page.png');	
	position: relative; left: -10px;
}

/***********************************************************SLIDER***********************************************************/
#slider1 {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	position: relative; 
	top: 10px;
	z-index: 4;	
	width: 200px !important; 
	height: 163px;

}


#slider1 ul { 
	margin: 0 0 0 0; 
	padding: 0 0 0 0; 
}
#slider1 ul li { 
	margin: 0 0 0 0; 
	padding: 0 0 0 0; 
	list-style-type: none; 
}



h1 { 
	font-family: 'Droid Sans', sans-serif;
	color: #666666; 
	font-size: 20px;
}
h2 {
	color: #cccccc;
	font-size: 18px;	
	font-family: 'Droid Sans', sans-serif;
}



/***********************************************************FOOTER***********************************************************/
#footer {
	background-image: url('/images/bg1.jpg');
	background-repeat: repeat;
	height: 155px;
	color: white;
	font-family: 'Didact Gothic';
}

#footer h2 {
	color: #cccccc;
	font-size: 18px;	
	font-family: 'Droid Sans', sans-serif;
}
#footer b {
	font-family: 'Droid Sans', sans-serif;
}
#footer a {
	color: #ccffcc;	
	text-decoration: none;
}

.roundBoxFooter {
	background-color: #666666;
	-moz-border-radius:5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	width: 240px;
	margin: 0 0 8px 0;
	color: #ccffcc;
	font-size: 14px;
	padding: 4px 0 8px 8px;
}


.footer-arrow {
	position: relative; top: 3px;
	margin-right: 10px; 	
}



/***********************************************************CALENDAR***********************************************************/
#calendar {
	background-color: #d8dccf;	
	margin: 0 5px 5px 5px;
	
}
.ui-datepicker-month, .ui-datepicker-year {
	color: #72746d;
	font-weight: bold;
	
}

.ui-datepicker-other-month {
	background-color: #7c8666;	
}

#calendar, th {
	color: #72746d;
	font-weight: bold;
	
}

#calendar td{
border: 1px solid #ced3c5;

}

.ui-datepicker-title {
	width: 100px;
	margin: 0 auto;	
}

.ui-icon-circle-triangle-w {
	float: left;	
	padding: 3px;
	cursor: pointer;
	color: #72746d;
}
.ui-icon-circle-triangle-e {
	float: right;
	padding: 3px;
	cursor: pointer;
	color: #5f6354;
}



/* override free days background in jquery ui datepicker */
.free-day {
  background-color: #a8b195;
  color: #e0d1a8;
}

.free-day a {
    color: white;
	text-decoration: none;
}
.event-day {
  background-color: #eaede4;
  width: 35px; height: 24px;
  color: #ba0a26 !important;
}
.event-day a{
  color: #ba0a26 !important;
}





#calendar table td { width: 35px;}
 #calendar a {
	color: white;
	text-decoration: none; 
 }
 
 
/***********************************************************MY CALENDAR***********************************************************/
 .current-date {
	text-align: center;
    position: relative; top: 55px; right: 35px; color: #FFFFFF; font-weight: bold;
    float: right;
	
}
.calendar-heading { 
	text-align: center;
	font-weight: bold;
	color: #7bad7b;
	height: 30px;
	
}
.calendar-heading a { 
	color: #7bad7b;
	font-size: 15px;
}
.calendar-heading a:hover { 
	color: #99cc99;
}
.calendar-day {
	vertical-align: top;
	text-align: left;
	color: #1b415b;
	width: 30px; height: 30px;
	border: 1px solid #99cc99;
	background-color: #eaede4;
}
.calendar-day-old {
	vertical-align: top;
	text-align: left;
	color: #c3c3c3;
	width: 30px; height: 30px;
	border: 1px solid #99cc99;
}
.calendar-day-current {
	vertical-align: top;
	text-align: left;
	width: 30px; height: 30px;
    font-weight: bold;
	border: 3px solid #7e7ea4;
}

 
 
 
/***********************************************PAGINATION STYLE*********************************/
ul#navlist {
	margin-left: 0;
	padding-left: 0;
	white-space: nowrap;
	width: 400px; 
	margin-let: auto;
	margin-right: auto;
}

#navlist li{
	display: inline;
	list-style-type: none;
}

#navlist a { padding: 3px 10px; }

#current a { 
	background-color: #9f9fca !important; 
}

#navlist a:link, #navlist a:visited {
	color: #fff;
	background-color: #7b7ba0;
	text-decoration: none;
}

#navlist a:hover {
	color: #fff;
	background-color: #9f9fca;
	text-decoration: none;
}

 
 
/***********************************************************ACCORDION***********************************************************/
.accordion1 {
	margin: 0;
	padding: 0;
	width: 580px;
}
.accordion1 .heading {
	margin: 1px;
	font-family: Lucida "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: white;
	padding: 3px 10px;
	cursor: pointer;
	position: relative;
	background-color: #79799d !important;
}
.accordion1 .content {
	padding: 5px 10px;
	background-color:#f0f0f0;
}








.success-div {
	background-color: #99cc99;
	-moz-border-radius:5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 3px solid white;
	color: #FFFFFF;
	padding: 6px;
}

.success-div h2 {
	color: white;
}

.error-div {
	background-color: #e20404;
	-moz-border-radius:5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 3px solid white;
	color: #FFFFFF;
	padding: 6px;
}

.error-div h2 {
	color: white;
}