body {
    margin:0px;
    padding:0px;
}

h1, h2 {
    font-size: 11pt;
    color: #5F981B;
    font-weight: bold;
    margin: 0px 0 10px 0;
}

h3 {
    font-size: 10pt;
    color: #000;
    font-weight: bold;
    margin: 0 0 10px 0;
}

img {
   margin: 2px;
}

td {
    vertical-align: top;
    text-align:left;
}

a, a:visited, a:active {
    color: #1D68A5;
    text-decoration: underline;
}
a:hover {
	color: #A55A1D;
}

#wrapper {
    width: 760px;
    padding: 0;
    margin: 10px;
    font: 10pt Arial, Helvetica, sans-serif;
}

#main {
    vertical-align: top;
    padding: 5px 10px 10px 10px;
    text-align: left;
    width:100%;
}
#main p {
    margin: 0 0 1.3em 0;
    line-height: 1.3em;
}


#rightbar {
    vertical-align: top;
    width:165px;
    height:100%;
    background: transparent;
    border: 0px;
    padding: 0px 0px 0px 8px;
    font-size:8pt;
    margin: 0;
    border-left: 1px solid #b2b2b2;
    border-bottom: 1px solid #b2b2b2;
}

#rightbar a img {
    display: block;
    margin: 2px 2px 5px 2px;
}
#rightbar ul, .rightbar p, .rightbar form {
    margin: 0 0 15px 0;
    padding: 0;
}

#rightbar p {
    line-height: 1.6em;
}

#rightbar li {
	display: block;
	list-style: none;
    margin:0;
    padding:0px;
}
#rightbar li a {
	display: block;
    padding: 3px 3px 4px 4px;
    margin:0;
	color: #000000;
	text-decoration: none;
 }
#rightbar li a:hover {
    background: #E6E6E6;
    color: #000000;
    text-decoration:none;
}
#rightbar li a:hover b {
  	color: #000000;
}
#rightbar li a b {
  	color: #1D68A5;
}

#header {
	height:100px;
	width:760px;
    position: relative;
	background: #501F5E url("images/headerbg.jpg") no-repeat center top;
	margin: 0px;
	padding: 0px;
	text-align: center;
	color: #FFFFFF;
	border-bottom: 10px solid #FFFFFF;
}

#lefthead {
    float: left;
    padding:0px;
    margin:0px;
}
#righthead {
    float: right;
    text-align: right;
    padding: 8px;
}

#header h1 {
  padding:0px;
  margin:0px;  
}

#header h1 a {
    font-size:22pt;
    font-weight: bold;
	margin: 0;
	height:102px;
	width:300px;
	border-bottom: none;
	display: block;
	text-decoration: none;
	text-indent: -10000px;
	background: url("images/logo.gif") no-repeat;
    margin: 0px;
    padding:0px;
}

@media handheld {
  #header h1 {
    background: #00c;
    background-image: none;
    text-indent: 0;
  }
  #header a, #header a:visited,
  #header a:active, #header a:hover {
    text-indent: 0;
    color: #fff;
  }
}

#header a, .header a:visited, .header a:active {
    text-decoration: none;
    font-weight: bold;
    color: #BF79D2;
}
#header a:hover {
    color: #E3C6EC;
    text-decoration: none;
}

#footer {
  width: 760px;
  font-size: 8pt;
  border-top: 2px solid #1D68A5;  
  padding-top: 5px;
  text-align: center;
}

#programs a img {
  	border:1px solid #fff;
  	margin:0px;
  	padding:0px;
}
#programs a img:hover {
  	border:1px solid #999;
}
.pdf_file {
	background: url("images/pdf_icon.gif") no-repeat;
	padding-left: 20px;	
	height:16px;
}
.doc_file {
	background: url("images/doc_icon.gif") no-repeat;
	padding-left: 20px;	
	height:16px;
}
.xls_file {
	background: url("images/xls_icon.gif") no-repeat;
	padding-left: 20px;	
	height:16px;
}
.more {
    text-align: right;
    font-size: 7pt;
    margin: 2px 0 2px 0;
    padding: 0px 0px 5px 0px;
}
.more a {
  	text-decoration:none;
}
.grey {
    color: #666;
    font-size: 7pt;
}
.green {
    color: #090;
}
.red {
    color: #900;
}
.blue {
    color: #00c;
}
.shaded {
    background: #E6E6E6;
    border: 1px solid #ccc;
    padding: 0;
}

.links {
  font-size: 8pt;
  padding: 0 0 0 15px;
  margin: 5px 0 0 0;
}
.links li {
  margin: 0 0 .5em 0;
  padding: 0 0 0 0;
  list-style: square;
}

.prevnext {
    text-align: center;
}

.summary {
    font-size: 8pt;
    display: block;
    border-top: 2px solid #501F5E;
    background: #ddd;
    height: 1.5em;
}
#leftie {
    float: left;
    text-align: left;
    padding: 2px;
}
#rightie {
    float: right;
    text-align: right;
    padding: 2px;
}

hr {
	border: none;
	border-bottom: 1px solid #b2b2b2;
	margin: 10px 0 12px 0;
}

form {
    margin: 0;
}

input, textarea, select, label {
	font: 10pt Verdana, Arial, Helvetica, sans-serif;
	color: #333;
}
input, textarea, select {
	background: #f4f4f4;
	border: 1px solid #b2b2b2;
	color: #000;
	margin: 1px;
	padding: 1px 1px 1px 2px;
}
.search {
    border: 2px solid #ccc;
    width: 100%;
}

#header form {
	margin-top:4px;
}
#header input {
	font-size: 8pt;
	color: #333;
}

th {
    text-align: right;
    vertical-align: top;
}
.search th {
    background: #eee;
}
.search th, .search td {
    padding: 2px 2px 0 2px;
}
.search label:hover {
    background: #ddd;
}


.list {
    border: 2px solid #ccc;
    width: 100%;
}
.list td {
  	font-size:8pt;
  	text-align:left;
}
.list th {
  	font-size:8pt;
    text-align: center;
    background: #1D68A5;
    color: #fff;
}
.alternate {
	background: #eee;
}

.calendar {
    border: 2px solid #ccc;
    width: 100%;
}
.calendar td {
    width: 100px;
    height: 3em;
    font-size: 8pt;
    vertical-align: top;
    border: 1px solid #ddd;
    padding: 2px;
    text-align: left;
}
.calendar th {
    height: 1.5em;
    text-align: center;
    background: #1D68A5;
    color: #fff;
    font-size: 10pt;
    font-weight: bold;
}
td.today {
    background: #FFFFB3;
    border-color: #CC8033;
    color: #CC8033;
}
a.prevent, a.prevent:visited, a.prevent:active {
    color: #0c0;
}
a.prevent:hover {
    color: #900;
}

.noborder {
    border: 0;
    padding: 0;
    margin: 0;
}
.indented {
    padding-left: 2em;
}

a.evt { display:block; text-decoration:none;}
.key { font-weight:bold; font-size: 8pt;}

a.early, .early { padding:1px; background:#9FCBEF; color:#1D68A5; }
a.elementary, .elementary { padding:1px; background:#C39FEF; color:#5A1DA5; }
a.secondary, .secondary { padding:1px; background:#CBEF9F; color:#68A51D; }
a.adult, .adult { padding:1px; background:#EFC39F; color:#A55A1D; }
a.all, .all { padding:1px; background:#E6E6E6; color:#727272; }

a.evt:hover { color:#000; }

#newsbrief {
	background: url("images/articles_icon.gif") no-repeat;
	padding-left: 40px;	
	height:35px;
	line-height: 12pt;
}

#libsearch {
	background: url("images/library_icon.gif") no-repeat;
	padding-left: 40px;	
	height:35px;
	line-height: 12pt;
}

#calsearch {
	background: url("images/calendar_icon.gif") no-repeat;
	padding-left: 40px;	
	height:35px;
	line-height: 12pt;
}

#staffdir {
	background: url("images/contact_icon.gif") no-repeat;
	padding-left: 40px;	
	height:35px;
	line-height: 12pt;
}











#menu{
border-bottom-width: 0;
width: 190px;
background-color: #1D68A5;
}

#menu h2{
background-color:#154C79;
color:#fff;
font: 10pt Arial, Helvetica, sans-serif;
font-weight: bold;
margin:0;
padding:2px 4px;
border-bottom: 1px solid #9FCBEF;
}

#menu ul{
margin: 0;
padding: 0;
list-style-type: none;
font: 10pt Arial, Helvetica, sans-serif;
background-color: #2175BA;
}

#menu li a {
display: block;
padding: 3px 0;
padding-left: 9px;
width: 174px; /*190px minus all left/right paddings and margins*/
text-decoration: none;
color: white;
border-bottom: 1px solid #9FCBEF;
border-left: 7px solid #1D68A5;
}

* html #menu li a{ /*IE only */
width: 192px; /*IE 5*/
w\idth: 174px; /*190px minus all left/right paddings and margins*/
}

#menu li a:hover {
background-color: #5EA7E4;
background-color: #8A8A8A;
border-left-color: #94DD3C;
}

#menu ul ul li a{
background: #499BDF;
font-size: 8pt;
}
#menu ul ul li a:before {
	content: " » ";
}

#menu .current {
  border-left-color: #94DD3C;
}