
/* CSS Document */

* { 
margin: 0;
padding: 0;
border: 0;
}

body {
 background-color: #003E74;
 font-family: Verdana, Arial, sans-serif;
}

.title {
 display:block;
 height: 50px;
 width: 400px;
 background-image:url(/images/titles/cssp.png);
 background-repeat:no-repeat;

}
.titletext {
 display:block;
 text-indent: -1000em;
}
 
.sectionnav {
 padding-left: 20px; 
 background-color:#E9EAF1; 
 font-size: 90%; 
}

.sectionhead {
 margin-left: 1em;
 border-bottom: 6px double #D8DFF8;
 display:block; 
 color:#000000; 
 font-family: Arial, sans-serif; 
 font-weight: normal;
 font-size: 150%; 
}

.sectionhead1 {
border-bottom: 6px double #D8DFF8;
font-weight:normal;
}

.sectiondivider {
	border-bottom: 1px solid #000000;
}

.sectionmenu {
border-left: 1px solid gray; 
border-right: 1px solid gray; 
border-collapse:collapse; 
padding-left: 1ex; 
padding-right: 1ex;
}

a {
 color: #565B6B; 
 text-decoration: none; 
}

a:visited {
 color: #565B6B; 
 text-decoration: none; 
}


/*  Layout styles */
#border { 
 border-bottom:2px solid #FFF200; 
 border-top:9px solid #3A508E; 
}

#container {
 margin-top:0px; 
 margin-bottom:0px; 
 margin-right:auto; 
 margin-left:auto; 
 text-align:left; 
 display:block;
 width:960px;
}

#banner {
 background-color: #003E74;
 display: block;
 height: 85px;
 width:960px;
}

#banner img{ 
float:right;
behavior: url(/styles/iepngfix/iepngfix.htc);
}

#banner img.banner1 {
z-index: 1;
position: absolute;
behavior: url(/styles/iepngfix/iepngfix.htc);
}

#seasonal { 
 background-color: #D8DFF8;
 margin-top:0px; 
 margin-bottom:0px; 
 margin-right:auto; 
 margin-left:auto; 
 text-align:left; 
 width:960px;
 display:block; 
}

#topnav { 
 width:960px;
 height:30px; 
}

#topnav li {
 list-style-type: none;
 list-style-position: outside;
}

/* search form styling */
#topsearch { 
 float:left; 
 width:260px; 
}

/*.form1 {
 border:0px; 
}
*/

.search { 
 float:left; 
 font-size:small; 
 width:125px; 
 margin-left:45px; 
}

.search2 {
 float:left; 
 margin-left:10px; 
}

/* */

#menu {
 background-color: #D8DFF8;
 font-size: 100%; 
 font-family: Verdana, Arial, sans-serif; 
 padding-top: 20px; 
 width: 260px; 
 float: left;
}
/*\ */ #menu {
 font-family: Verdana, Arial, sans-serif; 
 font-size: 100%; 
 padding-top: 20px; 
 width: 260px; 
 float:left; 
 clear:left; 
}

#menu a {
 color: #565B6B;
}
#menu a:visited {
 color: #565B6B; 
}
#menu a:hover {
 color: #FFFFFF; 
 text-decoration: none;
}

#menu p {
 font-size: 80%; 
 margin-left: 45px; 
 margin-right: 10px;
 padding: 0.5em 0; 
}

#menu ul {
 margin-left: 45px; 
 margin-right: 10px; 
}

#menu li {
 font-size: 80%; 
 list-style: none;
 list-style-position: outside;
 padding: .5em 0; 
}

#menu b {
 font-size: 80%; 
 line-height: 100%;
}

.sectionnav {
 padding-left: 20px; 
 background-color:#E9EAF1; 
 font-size: 90%; 
 margin-bottom: 20px;
}

#mainbody {
 float:left; 
 background-color:#FFFFFF; 
 display:block; 
 width:700px;
}

#mainbody h1 {
 font-family: Georgia, "Times New Roman", serif; 
 font-size: 200%;
 font-style: italic;
 margin-left: 20px;
 margin-right: 20px;
}

#mainbody h2 {
 font-family: Georgia, "Times New Roman", serif; 
 font-size: 150%; 
 font-style: italic;
 margin-left: 20px;
 margin-right: 20px;
}

#mainbody h3 {
 font-family: Georgia, "Times New Roman", serif; 
 font-size: 150%; 
 font-style: italic;
 margin-left: 20px;
 margin-right: 20px;
}

#mainbody h4 {
 font-family: Georgia, "Times New Roman", serif; 
 font-size: 110%; 
 margin-left: 20px;
 margin-right: 20px;
}

#mainbody h5 {
 font-family: Georgia, "Times New Roman", serif; 
 font-size: 110%; 
 font-style: italic;
 margin-left: 20px;
 margin-right: 20px;
}

#mainbody h6 {
 font-family: Georgia, "Times New Roman", serif; 
 font-size: 80%; 
 font-style: italic;
 margin-left: 20px;
 margin-right: 20px;
}

#mainbody table {
 margin-left: 20px;
}

#mainbody p {
 font-size: 90%;
 margin-left: 20px; 
 margin-top: 0px; 
 margin-right: 20px; 
}

#mainbody li {
 font-size: 90%;
 margin-left: 20px;
 margin-right: 10px;
 padding: 0.25em 0;

}
#mainbody dl,ol,ul {
 margin-left: 20px; 
 margin-right: 10px;
}
#mainbody a {
 color: #667DD1; 
 font-weight: bold;
}
#mainbody a:hover {
 color: #667DD1; 
 text-decoration: underline;
}
#mainbody a:visited {
 color: #667DD1;
}

#seasonalside {
 background-color: #FEF7E5;
 float: right;
 display:block;
 width: 700px;
 border-bottom: 2px solid white; 
}

#sidemenu {
 background-color: #FEF7E5;
 font-size: 100%; 
 border-top: 2px solid white; 
 border-bottom: 2px solid white; 
 padding-top:20px; 
 padding-left:0px; 
 padding-bottom:20px; 
 float: right;
 display:none; 
}

#sidemenu li {
 font-size: 80%; 
 list-style: none;
 list-style-position: outside;
 margin-left: 5px; 
 margin-right: 5px; 
 padding: .5em 0;
}

#sidemenu li.first {
 text-align:center;
}

#sidemenu li.first a{
 text-decoration: underline;
}	

#sidemenu a { 
 color: #667DD1; 
 font-weight: bold; 
}
#sidemenu a:hover {
 color: #667DD1; 
 text-decoration: underline;
}
#sidemenu a:visited {
color: #667DD1;
}

#submenu { font-size:90%; text-align:center; background-color: #FFFFFF; border: 1px solid #FFFFFF;}
#submenu li { display:inline; border-left: 1px solid black; padding: 0 1ex; margin:0; }
#submenu li.first { border-left:none; }
#submenu li a { text-decoration: none; }

#sectionmenu { font-size:90%; text-align:center; background-color:#FEF7E5; border: 1px solid #FEF7E5;}
#sectionmenu li { display:inline; border-left: 1px solid black; padding: 0 1ex; margin:0; }
#sectionmenu li.first { border-left:none; }
#sectionmenu li a { text-decoration: none; }

#menuimage { 
 height:230px; 
 border:0px; 
 background-image:url(/template/images/menu_wide.jpg); 
 background-repeat:no-repeat; 
}

#bottomimage {
 clear:both; 
 height:2px; 
 width:960px;
 border:0px; 
 background-image:url(/template/images/bottom.jpg); 
 background-repeat:no-repeat; 
}

#copyright {
 font-family: Verdana, Arial, sans-serif; 
 font-size:10px; 
 color: #FFFFFF; 
 padding-bottom: 3px; 
 margin-top:7px; 
 margin-left:0px; 
 text-align:center; 
}


.hidden { 
margin-left:-1000em; 
font-variant: small-caps;
font-size: x-small;
}

/* topmenu image styling */

#text {
display:block;
width:51px;
height:17px;
float:left;
border:0px;
}

#text a {
display:block;
width:51px;
height:17px;
background:url("/template/images/topmenu07_01a.gif") top left no-repeat; 
}

#text a:hover {
display:block;
width:51px;
height:17px;
background:url("/template/images/topmenu07.roll_01a.gif") top left no-repeat; 
}

#directory { 
 display:block; 
 width:86px; 
 height:17px; 
 float:left; 
 border:0px; 
}
#directory a { 
 display:block; 
 width:86px; 
 height:17px; 
 background:url("/template/images/topmenu07_02.gif") top left no-repeat; 
}
#directory a:hover { 
 display:block; 
 width:86px; 
 height:17px; 
 background:url("/template/images/topmenu07.roll_02.gif") top left no-repeat; 
}

#index { 
 display:block; 
 width:42px; 
 height:17px; 
 float:left; 
 border:0px; 
}
#index a { 
 display:block; 
 width:42px; 
 height:17px; 
 background:url("/template/images/topmenu07_03.gif") top left no-repeat; 
}
#index a:hover { 
 display:block; 
 width:42px; 
 height:17px; 
 background:url("/template/images/topmenu07.roll_03.gif") top left no-repeat; 
}

#contact { 
 display:block; 
 width:75px; 
 height:17px; 
 float:left; 
 border:0px; 
}
#contact a { 
 display:block; 
 width:75px; 
 height:17px; 
 background:url("/template/images/topmenu07_04.gif") top left no-repeat; 
}
#contact a:hover { 
 display:block; 
 width:75px; 
 height:17px; 
 background:url("/template/images/topmenu07.roll_04.gif") top left no-repeat; 
}

#calendar { 
 display:block; 
 width:84px; 
 height:17px; 
 float:left; 
 border:0px; 
}
#calendar a { 
 display:block; 
 width:84px; 
 height:17px; 
 background:url("/template/images/topmenu07_05.gif") top left no-repeat; 
}
#calendar a:hover { 
 display:block; 
 width:84px; 
 height:17px; 
 background:url("/template/images/topmenu07.roll_05.gif") top left no-repeat; 
}

/*
#news { 
 display:block;
 width:40px; 
 height:17px; 
 float:left; 
 border:0px; 
}
#news a { 
 display:block; 
 width:40px; 
 height:17px; 
 background:url("/template/images/topmenu07_06.gif") top left no-repeat; 
}
#news a:hover { 
 display:block; 
 width:40px; 
 height:17px; 
 background:url("/template/images/topmenu07.roll_05.gif") top left no-repeat; 
}
*/

#giving { 
 display:block; 
 width:62px; 
 height:17px; 
 float:left; 
 border:0px; 
}
#giving a { 
 display:block; 
 width:62px; 
 height:17px; 
 background:url("/template/images/topmenu07_06.gif") top left no-repeat; 
}
#giving a:hover { 
 display:block; 
 width:62px; 
 height:17px; 
 background:url("/template/images/topmenu07.roll_06.gif") top left no-repeat; 
}

#emergency { 
 display:block; 
 width:84px; 
 height:17px; 
 float:left;  
 border:0px; 
}
#emergency a { 
 display:block; 
 width:84px; 
 height:17px; 
 background:url("/template/images/topmenu07.roll_07a.gif") top left no-repeat; 
}
#emergency a:hover { 
 display:block; 
 width:84px; 
 height:17px; 
 background:url("/template/images/topmenu07_07a.gif") top left no-repeat; 
}

.date { 
 text-align: center; 
 font-size:55%; 
 color:#FFFFFF; 
}

.seasonal { 
 background-color: #D8DFF8;
}
.seasonalbody {
 background-color: #003E74;
}
.seasonalside {
 background-color: #FEF7E5;
}


@media print {

#banner,#topnav,#topsearch,#menu,#sidemenu,#submenu,#sectionmenu {
 display:none;
}

.title {
display: none;
}

#mainbody {
 display:block; 
 width: auto;
}

}
