/* style.css */

/* CSS stylesheet for the KDS website. */

body {
    font-size: 12px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    text-align: center;
}

blockquote {
    font-family:verdana;
    font-size:11px;
    font-style:italic;
}

p {
    padding: 0px;
    margin-right: 0px;
    margin-left: 0px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
    text-align: justify;
}
ul {
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
}
h1 {
    color:#990000;
    font-family:'Book Antiqua',Verdana,Arial,Helvetica,sans-serif;
    font-size:24px;
    font-weight:bold;
    margin:0;
    text-align: left;
}
h2 {
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: #990000;
    font-weight: bold;
    text-decoration: none;
    text-align: left;
}
#page {
    width: 908px;
    margin: 0 auto;
    padding: 0;
    background-image: url('images/NewBg.gif');
}
#pageFront {
    width: 908px;
    margin: 0 auto;
}
#logoBar {
    float: left;
    text-align: left;
}

#logoBar img {
    border: 0px;
}

#miniNav {
    float: right;
}

#miniNav a {
    text-decoration: none;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
}

#miniNav a:visited {
    text-decoration:none;
}
#miniNav a:hover{
    text-decoration:underline;
}

#miniNav ul {
    margin: 0;
    padding-top: 3px;
}
#miniNav li {
    display: inline;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    padding: 0 8px 0 8px;
}

#mainImageBar {
    margin: 0;
    height: 260px;
    vertical-align: bottom;
    position:relative;
    overflow: hidden;
    text-align: left;
}
#mainImageBar img {
     position: absolute;
     bottom: 0;
}
#mainContainer {
    width: 908px;
    margin-right: auto;
    margin-left: auto;
}
#navigationBar {
    background-image: url(images/redBar.jpg);
    background-repeat: repeat-x;
    height: 35px;
    clear: both;
    width: 908px;
    text-align: left;
}
#navigationBar ul {
    margin: 0;
    padding: 9px 0 0 80px;
}
#navigationBar li {
    display: inline;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    padding: 0 8px 0 8px
}

#navigationBar a {
    color: #ffffff;
    text-decoration: none;
}
#navigationBar a:visited {
    text-decoration:none;
}
#navigationBar a:hover{
    text-decoration:underline;
}
#navigationBar a.current {
    color: #fff2ba;
    font-weight: bold;
}
#featuresBar {
    padding: 0;
    margin: 0;
    height: 91px;
    width: 908px;
    background-image: url(images/featuresBg.gif);
    border-bottom-width: 4px;
    border-bottom-style: solid;
    border-bottom-color: #a7a7a7;
}
#featureImage {
    height: 69px;
    width: 69px;
    margin: 12px 6px 0 12px;
    padding: 0;
    float: left;
}

#featureContent {
    height: 69px;
    width: 197px;
    margin: 12px 6px 0 6px;
    float: left;
    vertical-align: top;
    line-height: 14px;
}
#featureContent img {
    margin-bottom: 3px;
    float: right;
}
#featureContent p, #featureContent a {
    margin: 0 0 0 3px;
    font-size: 10px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #ffffff;
}
#welcomeSection {
    width: 518px;
    float: left;
    padding: 15px;
    text-align: left;
}

#normalSideBar {
    float: left;
    width: 204px;
    padding:6px;
    min-height: 500px;
}

#main {
    float: left;
    width: 410px;
    text-align: justify;
    padding: 20px;
}

#main table {
    font-family:Verdana,Arial,Helvetica,sans-serif;
    font-size:12px;
}


#main h3 {
    color:#000000;
    font-family:Verdana,Arial,Helvetica,sans-serif;
    font-size:12px;
}

#main a {
    color:#000000;
    font-family:Verdana,Arial,Helvetica,sans-serif;
    font-size:12px;
}

#form a {
    text-decoration: none;
    color: blue;
}

#form table {
    padding-bottom: 1em;
}

#form img {
    border: 0;
}

#form th {
    padding-left: 2em;
    font-weight: bold;
    text-align: left;
    font-size: 10pt;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    /* vertical-align: top; */
}

#form td {
    padding-left: 2em;
    font-size: 10pt;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

#form input[type=text]  {
    border: 2px solid #cccccc;
    width: 100%;
}

#form input[type=password]  {
    border: 2px solid #cccccc;
    width: 100%;
}

#form textarea {
    width: 100%;
    height: 300px;
    border: 2px solid #cccccc;
    padding: 0px;
    font-size: 10pt;
}

#homePanelsSidebar {
    width: 340px;
    float: right;
    background-color: #e6e6e6;
    text-align: center;
    margin: 0px;
    padding: 20px 10px 10px;
}
#homePanelsSideBar img {
    margin: 0 0 15px 0;
    padding: 0px;
}
#bottomBar {
    background-image: url(images/redBar.jpg);
    background-repeat: repeat-x;
    height: 35px;
    clear: both;
    width: 908px;
    border-top-width: 4px;
    border-top-style: solid;
    border-top-color: #a7a7a7;
}
#bottomBar p{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #ffffff;
    margin-top: 10px;
    text-align: center;
}
#subBar {
    width: 908px;
    height: 35px;
    margin: 0;
    background-image: url(/IMAGES/topNavGrey.jpg);
    border-bottom-width: 4px;
    border-bottom-style: solid;
    border-bottom-color: #a7a7a7;
    text-align: left;
}
#subBar ul {
    margin: 0;
    padding: 9px 0 0 80px;
}
#subBar li {
    display: inline;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    padding: 0 8px 0 8px
}

#subBar a {
    color: #ffffff;
    text-decoration: none;
}
#subBar a:visited {
    text-decoration:none;
}
#subBar a:hover{
    text-decoration:underline;
}
#subBar a.current {
    color: #fff2ba;
    font-weight: bold;
}

#newsBarIcon {
    float: left;
    width: 25px;
    height: 23px;
    display: inline;
    text-align: left;
    padding: 2px 0 0 80px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #FFFFFF;
}

#newsBar {
    float: left;
    width: 565px;
    height: 23px;
    display: inline;
    text-align: left;
    padding: 9px 0 0 5px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #FFFFFF;
}

#newsBar a {
    color: #ffffff;
}

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


#searchBox {
    float: left;
    width: 233px;
    height: 35px;
    display: inline;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #FFFFFF;
}
#searchBox P {
    margin-top: 0px;
}
#searchBox img{
    padding-top: 2px;
    margin-right: 5px;
    margin-left: 0px;
    float: left;
}
#searchBox  form {
    float: right;
    display: inline;
    height: 22px;
    margin-top: 2px;
}
#searchBox form input{
    float: left;
    margin-right: 7px;
}

#SidePanel {
    background-image:url(/images/mapBG.gif);
    background-repeat:repeat-y;
    clear:both;
    float:none;
    margin-top:10px;
    text-align:justify;
    width:204px;
}

#SidePanel p {
    color:#ffffff;
    font-family:Verdana,Arial,Helvetica,sans-serif;
    font-size:10px;
    margin-left:14px;
    margin-right:14px;
    text-align: justify;
}

#SideItem {
    background-image:url(/images/newsPanelBg.jpg);
    background-repeat:repeat-y;
    clear:both;
    float:none;
    margin-top:10px;
    text-align:justify;
    width:204px;
}

#SideItem form {
    padding: 0 15px;
}

#SideItem ul {
    padding: 0;
    margin: 0 14px 0 14px;
}

#SideItem li {
    list-style: none;
}

#SideItem p {
    color:#000000;
    font-family:Verdana,Arial,Helvetica,sans-serif;
    font-size:10px;
    margin-left:14px;
    margin-right:14px;
    text-align: justify;
}

#SideItem a {
    color:#000000;
}

#ImageInset {
    float: right;
    width: 210px;
    padding: 60px 20px 0 0;
    margin: 0;
}

#ImageInset img {
    border:1px solid #A7A7A7;
}

#ContentBox {
    border:1px solid #CCCCCC;
    float:left;
    margin-top: 10px;
    padding: 0 10px 0 10px;
    width:100%;
}

table.DataTable {
    border-color:#A7A7A7;
    border-style:solid;
    border-width:4px 0;
    margin:auto auto 10px;
    width: 410px;
    font-family:Verdana,Arial,Helvetica,sans-serif;
    font-size:12px;
}

table.DataTable tr {
    background-color:#E6E6E6;
}

table.DataTable td {
    padding: 2px;
    border-color: #FFFFFF;
    border-style: solid;
    border-width: 2px 0;
}

table.DataTable th {
    text-align: left;
}

/* BUTTONS */



.buttons a, .buttons button{
    display:block;
    float:left;
    margin:5px 7px 0 0;
    background-color:#d3d3d3;
    border:2px solid #808080;
    border-top:2px solid #eee;
    border-left:2px solid #eee;

    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size:100%;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    cursor:pointer;
    padding:1px 5px 2px 2px; /* Links */
}
.buttons button{
    width:auto;
    overflow:visible;
    padding:0px 5px 0px 2px; /* IE6 */
}
.buttons button[type]{
    padding:1px 5px 1px 2px; /* Firefox */
    line-height:16px; /* Safari */
}
*:first-child+html button[type]{
    padding:1px 5px 2px 2px; /* IE7 */
}
.buttons button img, .buttons a img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}


/* STANDARD */

button:hover, .buttons a:hover{
    background-color:#fff2ba;
    border:2px solid #fff2cd;
    color:#336699;
}
.buttons a:active{
    background-color:#fff2ba;
    border:2px solid #fff2cd;
    color:#fff;
}

/* POSITIVE */

button.positive, .buttons a.positive{
    color:#529214;
}
.buttons a.positive:hover, button.positive:hover{
    background-color:#E6EFC2;
    border:2px solid #C6D880;
    color:#529214;
}
.buttons a.positive:active{
    background-color:#529214;
    border:2px solid #529214;
    color:#fff;
}

/* NEGATIVE */

.buttons a.negative, button.negative{
    color:#d12f19;
}
.buttons a.negative:hover, button.negative:hover{
    background:#fbe3e4;
    border:2px solid #fbc2c4;
    color:#d12f19;
}
.buttons a.negative:active{
    background-color:#d12f19;
    border:2px solid #d12f19;
    color:#fff;
}

/* Email contact form style */

#email input[type=text]  {
    border: 2px solid #cccccc;
    width: 100%;
}

#email select {
    border: 2px solid #cccccc;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10pt;
}

#email textarea {
    width: 100%;
    height: 300px;
    border: 2px solid #cccccc;
    padding: 0px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10pt;
}

#email table {
    padding: 0px;
    width: 100%;
    border: 0px;
}

#email th {
    text-align: right;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10pt;
    padding: 0px 10px 5px 0px;
    width: 5em;
    min-width: 100px;
}

#email td {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10pt;
}

#calendars td {
    padding: 2px;
}

#calendars th {
    padding: 2px;
    text-align: center;
    color: #940f04;
}
#calendars a {
    text-decoration: none;
    color: blue;
    font-size: 10px;
}

#main table.calendar {
    text-align: center;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 10px;
    color: #404040;
    background-color: #fafafa;
    border: 1px #d79900 solid;
    border-collapse: collapse;
    border-spacing: 0px;
    margin-bottom: 15px;
}

#main caption.calendar-month {
    border: 1px #d79900 solid;
    border-bottom: 2px solid #d79900;
    background-color: #fff2ba;
    text-align: center;
    font-family: Verdana;
    font-weight: bold;
    font-size: 11px;
    color: #404040;
}