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

*{
padding:0;
margin:0;
}

body{
background-color: #FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:12;
color:#000000;
letter-spacing:.01em;
}

#wrapper{
width:60em;
margin:auto;
background-color:#ebebeb;
}

#branding{
height:6.3em;
background-color: #647e99;/*light blue also- 6a7e97  */
width:60em;
}

a:link{
color: #000066;
text-decoration:none;
}

a:visited{
color:#000066;
text-decoration:none;
}

a:hover{ 
color: #000066;
text-decoration:underline;
}

a:active{
color: #FF0000;
text-decoration:none;
}


#menu{
padding-top:0.5em;
height:62em;
background-color: #ebebeb;/*light grey*/
width:11.8em;
float:left;
}

#menu ul{
list-style-type:none;
}
#menu li{
/*background-color:#647e99;/*medium blue*/

border-bottom:#ebebeb medium solid;/*light grey*/
}

#menu a,
#menu a:link,
#menu a:visited{
color: #fff;
letter-spacing:.02em;
line-height:2em;
display:block;
background-color:#647e99;/*medium blue*/
font-family:Arial, Helvetica, sans-serif;
font-size:.8em;
text-decoration:none;
font-weight:bold;
padding-left:1.2em;
outline-style:none;
}

#menudisclaim a,
#menudisclaim a:link,
#menudisclaim a:visited{
color: #000000;
background-color: #CCCCCC;/*medium blue*/
font-size:80%;
text-decoration:underline;

outline-style:none;

}

#menudisclaim a:hover{
text-decoration:none;
}


.boardpage #menu-board a,
.boardpage #menu-board a:link,
.boardpage #menu-board a:visited,
.boardpage #menu-board a:hover,
.clerkpage #menu-clerk a,
.clerkpage #menu-clerk a:link,
.clerkpage #menu-clerk a:visited,
.clerkpage #menu-clerk a:hover,
.deptpage #menu-dept a,
.deptpage #menu-dept a:link,
.deptpage #menu-dept a:visited,
.deptpage #menu-dept a:hover,
.artspage #menu-arts a,
.artspage #menu-arts a:link,
.artspage #menu-arts a:visited,
.artspage #menu-arts a:hover,
.historypage #menu-history a,
.historypage #menu-history a:link,
.historypage #menu-history a:visited,
.historypage #menu-history a:hover,
.agpage #menu-ag a,
.agpage #menu-ag a:link,
.agpage #menu-ag a:visited,
.agpage #menu-ag a:hover,
.parkspage #menu-parks a,
.parkspage #menu-parks a:link,
.parkspage #menu-parks a:visited,
.parkspage #menu-parks a:hover,
.resourcespage #menu-resources a,
.resourcespage #menu-resources a:link,
.resourcespage #menu-resources a:visited,
.resourcespage #menu-resources a:hover,
.educationpage #menu-education a,
.educationpage #menu-education a:link,
.educationpage #menu-education a:visited,
.educationpage #menu-education a:hover,
.organizationspage #menu-organizations a,
.organizationspage #menu-organizations a:link,
.organizationspage #menu-organizations a:visited,
.organizationspage #menu-organizations a:hover,
.newspage #menu-news a,
.newspage #menu-news a:link,
.newspage #menu-news a:visited,
.newspage #menu-news a:hover{
background-color:#030036;/*dark030036 blue*/
text-decoration:none;
}

#toplink a{
color:#fff;
text-decoration:underline;
font-size:150%;
display:none;
}

#menu a:hover{
text-decoration:underline;
}

#menu a:active{
color: #990000;
text-decoration:none;
}

#sublink{
background-color:#030036;
}

#sublink p a:link,
#sublink p a:visited{
display:block;
background-color:#fff;
color:#666666;
padding-left:2em;
border-bottom:#CCCCCC thin solid;
font-size:75%;
}

/*
#sublink  a:link, 
#sublink  a:visited {
color:#030036;
color:#FFFFFF;
background-color:#FFFFFF;
line-height:1.8em;
text-decoration:none;
}
*/

#sublink p a:hover, 
#sublink p a:active{
text-decoration:underline;

color:#030036;
}

#content{
background-color:ebebeb;
padding:0em;
margin-top:.5em;
height:50em;
float:left;
}

#content60{
background-color:ebebeb;
padding:0em;
margin-top:.5em;
height:60em;
float:left;
}

#content80{
background-color:ebebeb;
padding:0em;
margin-top:.5em;
height:80em;
float:left;
}

#content120{
background-color:ebebeb;
padding:0em;
margin-top:.5em;
height:120em;
float:left;
}


#content ul{
padding-left:2em;
}

.contentbox2l{
position:relative;

width:50%;
float:left;
}

.contentbox{
background-color: #FFFFFF;
width:35.3em;
height:60em;
line-height:1.2em;
padding:1em 1em 1em 1.6em;
font-size:0.8em;
}

.contentboxtall{
background-color: #FFFFFF;
width:35.3em;
height:76em;
line-height:1.2em;
padding:1em 1em 1em 1.6em;
font-size:0.8em;
}

.contentboxwide{
background-color: #FFFFFF;
width:55.3em;
height:60em;
line-height:1.2em;
padding:1em 1em 1em 1.6em;
font-size:0.8em;
}

.contentboxwidenews{
background-color: #FFFFFF;
width:57.5em;
height:60em;
line-height:1.2em;
padding:1em 1em 1em 1.6em;
font-size:0.8em;
}

.contentbox60{
background-color: #FFFFFF;
width:35.3em;
height:60em;
line-height:1.2em;
padding:1em 1em 1em 1.6em;
font-size:0.8em;
}
.contentbox80{
background-color: #FFFFFF;
width:35.3em;
height:80em;
line-height:1.2em;
padding:1em 1em 1em 1.6em;
font-size:0.8em;

}

.contentbox120{
background-color: #FFFFFF;
width:35.3em;
height:120em;
line-height:1.2em;
padding:1em 1em 1em 1.6em;
font-size:0.8em;
}

.contentbox h1, 
.contentbox h2, 
.contentbox h3,
.contentboxwide h1, 
.contentboxwide h2, 
.contentboxwide h3,
.contentboxtall h1, 
.contentboxtall h2, 
.contentboxtall h3{
color:#6989a8;
}

.contentbox60 h1, 
.contentbox60 h2, 
.contentbox60 h3{
color:#6989a8;
}

#content60 a:link, 
#content60 a:visited {
color:#222;
background-color:#FFFFFF;
text-decoration:none;
font-weight:bold;
}

#content60 a:hover, 
#content60 a:active{
text-decoration:underline;
color:#222;
font-weight:bold;
}

.contentbox80 h1, 
.contentbox80 h2, 
.contentbox80 h3{
color:#6989a8;
}

.contentbox120 h1, 
.contentbox120 h2, 
.contentbox120 h3{
color:#6989a8;
}

#content a:link, 
#content a:visited {
color:#222;
font-weight:bold;
text-decoration:none;

}

#content a:hover, 
#content a:active{
text-decoration:underline;
color:#222;
font-weight:bold;
}

.contentbox80 h1, 
.contentbox80 h2, 
.contentbox80 h3{
color:#6989a8;
}

#content80 a:link, 
#content80 a:visited {
color:#222;
background-color:#FFFFFF;
text-decoration:none;
font-weight:bold;
}

#content80 a:hover, 
#content80 a:active{
text-decoration:underline;
color:#222;
font-weight:bold;
}

#content120 a:link, 
#content120 a:visited {
color:#222;
background-color:#FFFFFF;
text-decoration:none;
font-weight:bold;
}

#content120 a:hover, 
#content120 a:active{
text-decoration:underline;
color:#222;
font-weight:bold;
}

.goldheading{
color:#b46929;
font-size:12px;
font-weight:bold;
}

.greyheading{
font-size:12px;
color:222;
font-weight:bold;
}

.contentbox hr,
.contentbox60 hr,
.contentbox80 hr,
.contentbox120  hr, 
.rightcolumnbox hr{
margin-top:4px;
margin-bottom:5px;
border-color:#CCCCCC;
}


#rightcolumn{
padding:.5em .5em 1em 0em;
height:50em;
width:17em;
float:right;
background-color:#ebebeb;/*light grey*/
}

#rightcolumntall{
padding:.5em .5em 1em 0em;
height:100em;
width:17em;
float:right;
background-color:#ebebeb;/*light grey*/
}

#rightcolumnnews{
padding:.5em .5em 1em 0em;
height:250em;
width:17em;
float:right;
background-color:#ebebeb;/*light grey*/
}

.rightcolumnbox{
padding:.5em 1em 1em 1em;
background-image:url(images/bgrulegrey2.jpg);
font-size:0.7em;
height:69em;
line-height:1.1;
}

.rightcolumnboxtall{
padding:.5em 1em 1em 1em;
background-image:url(images/bgrulegrey2.jpg);
font-size:0.7em;
height:140em;
line-height:1.1;
}


.rightcolumnboxnews{
padding:.5em 1em 1em 1em;
background-image:url(images/bgrulegrey2.jpg);
font-size:0.7em;
height:300em;
line-height:1.1;
}

.rightcolumnbox h1, 
.rightcolumnbox h2, 
.rightcolumnbox h3, 
.rightcolumnbox h4, 
.rightcolumnbox h5{
color:#6989a8;/*light blue*/
text-align:center;
padding-top:.2em;
padding-bottom:.5em;
}

.rightcolumnboxtall h1, 
.rightcolumnboxtall h2, 
.rightcolumnboxtall h3, 
.rightcolumnboxtall h4, 
.rightcolumnboxtall h5{
color:#6989a8;/*light blue*/
text-align:center;
padding-top:.2em;
padding-bottom:.5em;
}

.rightcolumnboxnews h1, 
.rightcolumnboxnews h2, 
.rightcolumnboxnews h3, 
.rightcolumnboxnews h4, 
.rightcolumnboxnews h5{
color:#6989a8;/*light blue*/
text-align:center;
padding-top:.2em;
padding-bottom:.5em;
}

.contentbox img{
margin-right:1em;
}

.rightcolumnbox img{
border: #666666 thin solid;
width:100%;
margin-top:3px;
margin-bottom:3px;
}

.rightcolumnboxtall img{
border: #666666 thin solid;
width:100%;
margin-top:3px;
margin-bottom:3px;
}


.rightcolumnboxnews img{
border: #666666 thin solid;
width:100%;
margin-top:3px;
margin-bottom:3px;
}


#rightcalendar{
padding:.5em .5em 1em 0em;
height:50em;
width:14em;
float:right;
background-color:#ebebeb;/*light grey*/
}

.rightcalendarbox{
padding:.5em 1em 1em 1em;
background-image:url(images/bgrulegrey2.jpg);
font-size:0.7em;
height:69em;
line-height:1.1;
}



#calendarboxleft{
position:relative;
width:1.5em;
float:left;
font-weight:bold;
font-size:11px;
text-align:right;
line-height:2em;
}



#calendarboxright{
position:relative;
width:38em;
float:left;
font-size:11px;
padding-left:1.2em;
line-height:2em;
}

#calendarboxright a:link, 
#calendarboxright a:visited {
color:#647e99;
background-color:#FFFFFF;
text-decoration:underline;

}

#calendarboxright a:hover, 
#calendarboxright a:active{
text-decoration:none;
font-weight:bold;
color:#647e99;
}

#footer{
clear:both;
font-family:Arial, Helvetica, sans-serif;
color: #333333;
padding:0.5em;
background-color:#ebebeb;/*light grey*/
font-size:0.8em;
text-align:right;
padding-top:0.5em;
}

#indentbox{
margin-left:1.5em;
}

.post {
text-align:right;
font-size:10px;
}