/*

    TITLE:    ELK City
    DATE:    2-15-07

*/
/* 
 ZERO
-----------------------------------------------*/
h1, h2, h3, h4, h5, h6,
ul, li,
p, br, form,
img{margin: 0;    padding: 0;    border: 0;}

/*
 MAIN 
-----------------------------------------------*/
body{
    font-family: Tahoma, Verdana;
    font-size: 12px;
    margin: 0px;
    line-height: 18px;
    background: #513621 url('images/mainBg.jpg') center top repeat-x;
}

/* links */
a{
    font-weight: bold;
    color: #000;
}
a:hover{
    text-decoration: none;
}

/* heading */
h1{font-size: 1.8em; margin: 2px 0px; padding: 5px 0px;}
h2{font-size: 1.6em; margin: 2px 0px; padding: 2px 0px;}
h3{font-size: 1.3em; margin: 2px 0px; padding: 3px 0px;}
h4{font-size: 1.2em; margin: 2px 0px; padding: 3px 0px;}
h5{font-size: 1.0em; margin: 2px 0px; padding: 3px 0px;}
h6{font-size: .9em;     margin: 2px 0px; padding: 1px 0px;    font-weight: normal;}

/* para-list */
p{margin: 5px 0px; padding: 3px 0px;}


/*
 LAYOUT.
-----------------------------------------------*/
#mastCon{width: 100%; float: left; height: auto; min-height: 870px; height: 870px; background: url('images/mastCon.jpg') center top no-repeat;}

#frame{
    width: 781px;
    margin: 0 auto;
    position: relative;
}

#container{width: 781px; float: left; _float: none; background: url('images/container.gif') repeat-y;}

#header{width: 781px; float: left;/* height: auto; min-height: 350px; _height: 350px; */ padding: 0px 0 0 0; background: url('images/header.jpg') 0 0 no-repeat;}
#header h1#pageTitle a {width: 400px; height: 200px; margin: 20px 0 0 200px; text-indent: -9999px; float: left; }

#main{width: 691px; float: left; margin: 0 45px; display: inline;}
#main #welcome{width: 499px; float: left; font: normal 1.1em Georgia; color: #E2D39A; text-align: center; padding: 0 96px 7px 96px; border-bottom: 1px solid #ae1e04;}
#main #welcome h1{font: normal 32px Georgia;}
#main #welcome h4{font: normal 1em Arial; text-transform: Uppercase;}
#main #welcome a{color: #E2D39A; font-weight: bold;}
#main #actions{width: 651px; float: left; padding: 15px 20px; color: #E2D39A;}
#main #actions h1{font: normal 16px Georgia; color: #F1A649; text-align: center; text-transform: Uppercase; padding-bottom: 0; margin-bottom: 0;}
#main #actions h1 strong, #main #actions h1 b{font: bold 20px Georgia;}
#main #actions h1 a{color: #F1A649; text-decoration: none;}
#main #actions h1 a:hover{color: #fff; text-decoration: Underline;}
#main #actions #a1{width: 324px; float: left;}
#main #actions #a2{width: 324px; float: right;}
#main #actions #a1 .left, 
#main #actions #a2 .left, 
#main #actions #a1 .right, 
#main #actions #a2 .right{width: 160px;}

#mainCol{width: 482px; float: right; margin: 0 49px 0 0; display: inline;}
#mainCol #sectionTitle{width: 482px;  height: 64px; float: left;  overflow: hidden; color: #E2D39A; }
#mainCol #sectionTitle h1{font: normal 32px Georgia;}
#mainCol #sectionTitle h4{font: normal 1em Arial; text-transform: Uppercase;}
#mainCol #sectionTitle .regionBoundary{margin-top: -30px;  position: absolute; z-index: 9999;}
#mainCol #sectionTitle h1 .regionBoundary {font-size: 11px;}
#mainCol #sectionTitle h1 .regionBoundary .textElement{font: normal 32px Georgia;}
#mainCol #image{
    width: 482px;
    float: left;
    background-image: url(images/banner_bottom.jpg);
    background-repeat: repeat-x;
    background-position: bottom;
    margin-top: 8px;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
    padding-bottom: 4px;
}
#mainCol #content{width: 442px; float: left; font: normal 1em Georgia; color: #000; padding: 15px 20px 15px 20px;}
#mainCol #content h1{font: normal 25px Georgia; color: #46311F;}
#mainCol #content h2{}
#mainCol #content h3{}
#mainCol #content ul{padding: 5px 20px;}
#mainCol #content li{}
#mainCol #content a{color: #971903;}

#subCol{width: 200px; float: left; margin: 72px 0 0 48px; display: inline;}
#subCol #sideNav{width: 200px; float: left; background: url('images/sideNavTile.jpg') repeat-y;}
#subCol #sideNav ul{width: 180px; padding: 30px 10px; background: url('images/sideNavTop.jpg') top no-repeat;}
#subCol #sideNav li{list-style: none; padding: 5px 10px; border-bottom: 1px solid #e9d596;}
#subCol #sideNav li a{font: bold 1em Georgia; color: #503B29; text-decoration: none;}
#subCol #sideNav li a:hover{color: #997446; text-decoration: underline;}
#subCol #sideSearch{width: 200px; height: 79px; float: left; position: relative; background: url('images/search.jpg') no-repeat;} 
#subCol #sideSearch .searchInput{width: 119px; height: 24px; font:bold 1em tahoma; padding: 5px 0 0 3px; position: absolute; left: 23px; top: 38px; background: url('images/searchTxt.gif') no-repeat; border: 0;}
#subCol #sideSearch .searchButton{width: 42px; height: 27px; font-size: 0; position: absolute; left: 146px; top: 37px;background: url('images/sideSearchBtn.gif') no-repeat; border: 0;}
#subCol #sideSec{
    width: 170px;
    padding: 15px;
    float: left;
    _float: none;
    font-family: Georgia, "Times New Roman", Times, serif;
}

#oneCol{width: 643px; float: left; font: normal 1em Georgia; color: #000; display: inline; margin: 72px 0 0 49px; padding: 25px 20px 35px 20px; background: #f2e6bd;}
#oneCol h1{font: normal 25px Georgia; color: #46311F;}
#oneCol h2{}
#oneCol h3{}
#oneCol ul{padding: 5px 20px;}
#oneCol li{}
#oneCol a{color: #971903;}

#footer{width: 781px; position: relative; font-size:.9em; height: auto; min-height: 134px; _height: 134px; padding: 150px 0 0 0;  float: left; color: #ea9e45; background: url('images/footer.gif') no-repeat;}
#footer #search{width: 275px; height: 40px; top: 90px; right: 55px; position: absolute;}
#footer #search .searchInput{width: 119px; height: 24px; font:bold 1em tahoma; padding: 5px 0 0 3px; position: absolute; left: 106px; top: 8px; background: url('images/searchTxt.gif') no-repeat; border: 0;}
#footer #search .searchButton{width: 42px; height: 27px; font-size: 0;  position: absolute; left: 229px; top: 7px;background: url('images/searchBtn.gif') no-repeat; border: 0;}

#footer a{color: #ea9e45;}
#footer ul{}
#footer li{list-style: none; display: inline; padding: 0 3px;}

/* Logos */
#footer b#ok07 a {width: 91px; height: 76px; margin: -20px 35px 0 140px; text-indent: -9999px; float: left; background: url('images/ok07.gif');}
#radium3 {float:right;}

/* home */
body#home #footer{height: auto; min-height: 134px; _height: 134px; padding: 160px 0 0 0;  background: url('images/footerHome.gif') no-repeat;}
body#home #container{background: url('images/containerHome.gif') repeat-y;}
body#home #header{ background: url('images/headerHome.jpg') no-repeat;}

/* admin */
#footer.oneCol{padding: 125px 0 0 0; background: url('images/footerAdmin.gif') no-repeat;}
RadEContentBordered
{
background: #fff;
}

/* calendar */
.eventsElement table{border-collapse: collapse; color: #18588a;}
.eventsElement td{ padding: 1px; color: #333;    background: url('images/gray.gif');}
.eventsElement td a{color: #18588a;}
.eventsElement td td a{}
.eventsElement td td{    background-image: url('images/brown.gif')}
.eventsElement td table td a{width: 150px; padding: 5px; background-image: url('images/brown.gif'); }
.eventsElement th{padding: 7px 5px; background-image: url('images/red.gif');}
.eventsElement table table td{height: 25px;padding: 1px;}

/* photo gallery */

#outerImageContainer{
    background-color: #F5F0C8 !important;
    }

#imageDataContainer{
    background-color: #F5F0C8 !important;
    background-image: url(images/photo_gallery.jpg) !important;
    background-repeat: repeat-x !important;
    background-position: bottom!important;
    font-family: Georgia, "Times New Roman", Times, serif !important;
    color: #333333 !important;
    font-size: 12px!important;
    }

#prevLink:hover, #prevLink:visited:hover { background: url(images/prevlabel.gif) left 15% no-repeat !important; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/nextlabel.gif) right 15% no-repeat !important; }
#bottomNavClose { background: url(images/closelabel.gif) no-repeat !important; width: 66px !important; height: 22px !important; }
#bottomNavClose img{ display: none !important;}

.photoGalleryElement{
    }
    
.thumbnail {
    background-color: transparent;
    background-image: none;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    }
    
.photoGalleryElement .thumbContents {
    background-color: transparent;
    background-image: url(images/photo_gallery.jpg);
    background-repeat: repeat-x;
    background-position: bottom;
    border-top-width: 1px !important;
    border-right-width: 1px !important;
    border-left-width: 1px !important;
    border-top-style: solid !important;
    border-right-style: solid !important;
    border-bottom-style: none !important;
    border-left-style: solid !important;
    border-top-color: #AEA287 !important;
    border-right-color: #AEA287 !important;
    border-left-color: #AEA287 !important;
    }    
    
.thumbContents p{
    color: #46311F;
    }
    
.thumbContents img{
    border-top-width: 1px;
    border-right-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: none;
    border-left-style: solid;
    border-top-color: #AEA287;
    border-right-color: #AEA287;
    border-left-color: #AEA287;
    }
    
/*
 MISC.
-----------------------------------------------*/

#SideContent_3_3_btnSubmit {
    background-image: url(images/sideSubmitBtn.gif);
    background-repeat: no-repeat;
    margin: 0px;
    padding: 3px;
    height: 21px;
    width: 59px;
    background-color: transparent;
    font-size: 0px;
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    color: #FFFFFF;
    text-indent: -9999px;
}

#MainContent_1_1_btnSubmit {
    background-image: url(images/sideSubmitBtn2.gif);
    background-repeat: no-repeat;
    margin: 0px;
    padding: 3px;
    height: 21px;
    width: 59px;
    background-color: transparent;
    font-size: 0px;
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    color: #FFFFFF;
}

#MainContent_0_0_btnLogin {
    background-image: url(images/sideSubmitBtn3.gif);
    background-repeat: no-repeat;
    margin: 0px;
    padding: 3px;
    height: 21px;
    width: 59px;
    background-color: transparent;
    font-size: 0px;
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    color: #FFFFFF;
    text-indent: -9999px;
}

#sideSec h1{
    font-family: Georgia;
    font-size: 14px;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: uppercase;
    color: #FFFFFF;
    }

#sideSec ul{
    padding: 0px;
    margin-top: .5em;
    margin-right: 0px;
    margin-bottom: .5em;
    margin-left: 0px;
    }

#sideSec li{
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 1.5em;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    }

#sideSec .formTitle {
    font-family: Georgia;
    font-size: 14px;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: uppercase;
    color: #FFFFFF;
    margin-bottom: -10px;
    }

.breadCrumb{
    margin-bottom: 15px;
    }

.left{float: left;}
.right{float: right;}
.black{color: #000;}
.white{color: #fff;}
.hide{display: none;}

/* clearing */
#header:after{
    content: '.';
    height: 0px;
    visibility: hidden;
    display: block;
    clear: both;    
}
.RadEContentBordered
{
background: #fff;
}

.inlineContentAdder .content {
    width: auto !important;
    }
    
/*
 Flash Icons
-----------------------------------------------*/

#leftIcon{
    top: 93px;
    z-index: 9999;
    margin: 0px;
    padding: 0px;
    height: 188px;
    width: 173px;
    background-color: transparent;
    position: absolute;
    left: 0px;
    }
    
#rightIcon{
    z-index: 9999;
    margin: 0px;
    height: 188px;
    width: 159px;
    top: 93px;
    position: absolute;
    right: 0px;
    padding-top: 0px;
    padding-right: 4px;
    padding-bottom: 0px;
    padding-left: 0px;
    }

.sectionTitle li{display: none;}
.sectionTitle .selectedPageRoot, .sectionTitle .selectedPage{list-style: none; background-image: none !important; display: block; padding: 0; font: normal 32px Georgia;}
.sectionTitle a{
list-style: none; background-image: none !important; display: block; padding: 0; font: normal 32px Georgia;color: #F1A649; text-decoration: none;}