html, body  {
behavior: url("http://www.gardnerkansas.gov/csshover.htc");
font-size : 12px;
font-family : Arial, Helvetica, Geneva, SunSans-Regular, sans-serif;
background-color : #d8d6cc;
margin-top : 0;
} 

a.logo-overlay{
display:block;
left:0px;
top:0px;
height:200px;
width:366px;
position:absolute;
text-decoration:none;
z-index:1;
}

.plainblue {
color : #556d87;
}

.titlecolor {
font-family : "Times New Roman", Times, Georgia, serif;
color : #556d87;
font-size : 16px;
font-weight : bold;
text-transform: uppercase;

}

#subtitle {

background: #0f2844 url(../assets/header-rpt.gif) repeat-x;
height : 38px;

}
.clearleft {
clear: left;
}
a.white, a.white:link, a.white:hover, .white a, .white a:link, .white a:hover {
color: #fff !important;
}
a.norm, a.norm:link  {
color : #556d87 !important;
}
a.norm:hover {
color : #556d87 !important;
text-decoration : none;
}
.white a:hover, a.white:hover {
color: #fff;
}
.clearboth {
clear: both;
}
/* Times font classes ////////////////*/
#side-column .heading, #main-column .blue-box h1, #othernews .heading, .datebox-gray, .datebox-white, #content h1  {
font-family : "Times New Roman", Times, Georgia, serif;
}

a:link, a:visited {
color : #556d87;
}
a:hover {
text-decoration : none;
}
#all {
width : 885px;
margin-right : auto;
margin-left : auto;
} 
#header  {
background: #0f2844 url(../assets/header-rpt.gif) repeat-x;
height : 38px;
position: relative;

}
#header .logo {
background: url(../assets/header-logo.gif) no-repeat;
width : 694px;
height : 38px;
margin-left : 11px;
} 
#banner  {
background: #132f4c;
height : 158px;
overflow: hidden;
}
#container {
margin-top : 12px;
}
#side-column {
color : #fff;
width : 275px;
float : left;
} 
#search {
background: #0e2743;
height : 52px;
padding-top : 13px;
} 
#newsletter {
background: #0e2743;
height : 41px;
padding-top : 13px;
} 
#searchfield  {
width : 207px;
height : 28px;
float : left;
margin-left : 12px;
padding : 0;
border-width : 0;
}
#newsletterfield {
margin-left : 12px;
padding : 0;
width : 167px;
height : 28px;
float : left;
border-width : 0;
}
#side-column .heading {
color : #fff;
font-size : 15px;
font-weight : bold;
font-style : italic;
line-height : 34px;
background: url(../assets/gradient-blue-heading.gif) repeat-x #d6d6d6;
text-indent : 12px;
min-height : 34px;
_height: 34px;
clear : left;
} 
#side-column .mycalendar  {
font-size : 11px;
margin-bottom : 13px;
}
#side-column .mycalendar h4 {
font-size : 14px;
margin : 0;
padding : 0;
}
.drk-blue, .light-blue {
padding: 10px 12px;
}
.drk-blue {
background: #0e2743;
}
.light-blue {
background: #1c344e;
}
.btn-drk-blue a {
color : #fff;
font-size : 14px;
font-style : italic;
line-height : 38px;
background: url(../assets/gradient-drk-blue.gif);
text-decoration : none;
text-indent : 12px;
display : block;
}
.btn-drk-blue a:hover {
color : #d8d6cc;
}
.calendar-icon {
background: url(../assets/icon-calendar-today.gif) no-repeat 220px 3px;
}
#main-column {
width : 597px;
float : right;
}
.btn-featured a {
background: url(../assets/btn-featured.gif);
width : 100px;
height : 35px;
float : right;
margin-left : 40px;
display : block;
}
#main-column .blue-box {
color : #fff;
background: #0e2743 url(../assets/gradient-blue-box.gif) repeat-x;
margin-bottom : 13px;
}
#main-column .blue-box a {
color : #fff;
text-decoration : none;
}
#main-column .blue-box a:hover {
color : #d8d6cc;
}
#main-column .blue-box img {
float : left;
margin: 12px 12px 0px 13px;
border : 1px solid #556d87;
}
#main-column .blue-box h1 {
font-size : 22px;
font-family : "Times New Roman", Times, Georgia, serif;
margin : 0;
padding : 0 0 10px;
}
#main-column .blue-box .pad {
margin-left : 188px;
padding: 12px 16px 12px 0;
}
#content {
background: #fff;
min-height: 300px;
_height: 300px;
}
#content .pad {
padding: 10px 20px 10px 18px;
}
#content h1 {
font-size: 24px;
padding: 0 0 4px 0;
margin: 0 0 8px 0;
border-bottom: 1px #cccccc dashed;
color: #0e2743;
}
#othernews {
margin-bottom : 13px;
}
#othernews .heading {
color : #0d2440;
font-size : 16px;
font-weight : bold;
background: url(../assets/gradient-gray-heading.gif) repeat-x #d6d6d6;
padding: 12px;
text-transform: uppercase;
}
#othernews .gray, #othernews .white {
font-size : 11px;
min-height : 88px;
_height: 88px;
}
#othernews .gray {
background: #ededed;
}
#othernews .white {
background: #fff;
}
#othernews .gray h4, #othernews .white h4 {
color : #0d2540;
font-size : 14px;
margin : 0;
padding : 0 0 5px;
}
#othernews .pad {
padding : 12px 20px 12px 12px;
}
.datebox-gray, .datebox-white {
font-size : 16px;
font-weight : bold;
text-align : center;
width : 45px;
height : 65px;
float : left;
margin-right : 15px;
}
.datebox-gray h3, .datebox-white h3 {
font-size : 32px;
margin : 0;
padding : 5px 0 0;
}
.datebox-gray {
background: url(../assets/gradient-date-gray.gif) repeat-x  bottom left;
}
.datebox-white {
background: url(../assets/gradient-date-white.gif) repeat-x bottom left;
}
#footer {
color : #0d2540;
font-size : 10px;
text-transform : uppercase;
padding-top : 10px;
}
#footer a {
color : #0d2540;
text-decoration : none;
}
#footer a:hover {
text-decoration : underline;
}
#footer p {
margin : 12px 0;
padding : 0;
}
#footer .logo a {
background: url(../assets/logo.gif) no-repeat;
width : 123px;
height : 70px;
float : left;
}
#footer .pad {
padding: 0 20px 0 162px;
} 
#footer ul {
margin: 0;
padding: 0;
}
#footer ul li a:first-child {
margin-left: 0;
padding-left: 0;
}
#footer ul li:first-child {
margin-left: 0;
padding-left: 0;
}
#footer ul li a {
display: block;

}
#footer ul li {
float: left;
position: static;
list-style: none;
border-right: 1px solid #0e2744;
padding: 0 10px 0 10px;
}

#footer ul ul {
display: none;
}