/* ====================
swatch colors
--------------------
333132 - lighter black
010066 - dark blue
1F1F79 - lighter dark blue
6B4672 - purple
ABBF12 - neon green
F7B401 - orange
FCE19C - light orange
DEA203 - dark orange
B7B3B3 - light purple
==================== */
/* resets and overrides
-------------------- */
* {
}

/* links and type
-------------------- */
html, body {
    height: 100%;
}
body {
    font: 12px 'Verdana';
    color: #333132;
    background-color: #010066;
    margin: 0;
    padding: 0;
}

a:link, a:active, a:visited { color: #333132; text-decoration: underline;}
a:hover { text-decoration: none;}

h1 {
    width: 456px;
    height: 29px;
    font: 18px 'Georgia';
    font-weight: bold;
    line-height: 29px;
    color: #010066;
    background: transparent url('/images/header-background.gif') no-repeat 0 0;
    padding: 0 10px;
    overflow: hidden;
    margin: 0;
    margin-bottom: 10px;
}
h1 a {}
h1 a:hover { }

h2 { margin: 0; font: 14px 'Verdana'; font-weight: bold; color: #6B4672;}
h2 a { text-decoration: underline;}
h2 a:hover { text-decoration: none;}

h3 { font: 18px 'Verdana'; font-weight: normal; color: #06086c; margin: 0; margin-bottom: 14px;}

img { border: 0;}

/* layout
-------------------- */
#page-body {
    width: 960px;
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto;
    background: transparent url('/images/page-body-background.gif') repeat-x 0% 0%;
}
#page-header {
    width: 100%;
    height: 143px;
    padding-top: 11px;
}
#navigation {
    width: 100%;
    height: 41px;
    background: transparent url('/images/border-top.jpg') repeat-x 0 12px;
    text-align: center;
}
#main {
    clear: left;
    float: left;
    width: 100%;
    height: 100%;
    position: relative;
    background: #FFF url('/images/background.jpg') repeat-y 0 0;
}
#directory {
    float: left;
    width: 212px;
    text-align: center;
    padding: 115px 0 0 9px;
    overflow: hidden;
}
#content {
    float: left;
    width: 476px;
    padding: 20px 22px;
    line-height: 23px;
    overflow: hidden;
    position: relative;
}
#widgets {
    float: left;
    width: 210px;
    overflow: hidden;
}
#page-bottom {
    clear: left;
    width: 100%;
    height: 15px;
    background: #FFF url('/images/border.jpg') repeat-x bottom left;
}
#footer {
    width: 100%;
    height: 93px;
    margin-top: 11px;
}

/* page header elements
-------------------- */
#page-header .logo {
    float: left;
    width: 258px;
    height: 128px;
}
#page-header .page-header-middle {
    float: left;
    width: 533px;
    height: 142px;
    margin-left: 10px;
}
.page-header-middle .header-ad {
    width: 100%;
    height: 111px;
    overflow: hidden;
}
.page-header-middle .header-ad#outer{
    height: 111px;
}
.page-header-middle .header-navigation {
    height: 31px;
    font-size: 13px;
    font-weight: bold;
    line-height: 31px;
    color: #FFF;
    margin-left: 57px;
}
.header-navigation a, .header-navigation a:link, .header-navigation a:active, .header-navigation a:visited  { text-decoration: underline; color: #FFF;}
.header-navigation a:hover { text-decoration: none;}
#page-header .email-signup {
    float: left;
    width: 149px;
    margin-left: 10px;
}

/* navigation elements
-------------------- */
#navigation .top-left-corner {
    float: left;
    width: 15px;
    margin-top: 12px;
}
#navigation .top-right-corner {
    float: right;
    width: 15px;
    margin-top: 12px;
}
#navigation #nav {
    width: 341px;
    margin: 0 auto;
}
#navigation a {
    float: left;
    display: block;
}

/* directory elements
-------------------- */
#directory .find-businesses {
    position: absolute;
    top: -4px;
    left: 10px;
    width: 207px;
    height: 114px;
    background: transparent url('/images/find-businesses.gif') no-repeat 0 0;
    font-size: 21px;
    text-align: center;
    padding-top: 7px;
}
#directory .search-box { border-left: 1px solid #CDAAC3; border-right: 1px solid #CDAAC3; text-align: center;}
#directory #flash-directory { margin-top: 15px;}
#directory .button {
    width: 100%;
    height: 51px;
    background: transparent url('/images/button-left.gif') no-repeat 0 0;
    margin-top: 10px;
}
#directory .button a {
    display: block;
    width: 100%;
    line-height: 51px;
    font-size: 14px;
    font-weight: bold;
    color: #FFF;
    text-align: center;
    text-decoration: none;
}

/* widgets elements
-------------------- */
#widgets .box {
    width: 210px;
    margin-bottom: 8px;
    overflow: hidden;
}
#widgets .box .top, #widgets .box .bottom {
    width: 100%;
    height: 10px;
}
#widgets .box .top {
    background: #FCE19C url('/images/box-top.gif') no-repeat 0 0;
}
#widgets .box .bottom {
    background: #FCE19C url('/images/box-bottom.gif') no-repeat 0 0;
}
#widgets .box .content {
    border-left: 1px solid #DEA203;
    border-right: 1px solid #DEA203;
    padding: 0 11px;
    font-size: 11px;
}
#widgets .box .preview {
    padding: 10px;
    line-height: 18px;
}
/*events box*/
#widgets .box.events {
    background: #FCE19C url('/images/box-background-events.jpg') repeat-x 0 0;
}
#widgets .box.events .content {
    min-height: 190px;
    height: auto !important;
    height: 190px;
}
/*ads box*/
#widgets .box.ads {
    background: #FCE19C url('/images/box-background-ads.jpg') repeat-x 0 0;
}
#widgets .box.ads .content {
    min-height: 400px;
    height: auto !important;
    height: 400px;
    text-align: center;
}
#widgets .box.ads .content div {
    padding-bottom: 12px;
}

/* page-bottom elements
-------------------- */
#page-bottom .bottom-left-corner { float: left; width: 15px;}
#page-bottom .bottom-right-corner { float: right; width: 15px;}

/* footer elements
-------------------- */
#footer .top {
    height: 10px;
    background: transparent url('/images/footer-border.jpg') repeat-x 0 0;
}
#footer .top .top-left-corner { float: left; width: 10px;}
#footer .top .top-right-corner { float: right; width: 10px;}
#footer .bottom {
    clear: left;
    height: 10px;
    background: transparent url('/images/footer-border.jpg') repeat-x bottom left;
}
#footer .bottom .bottom-left-corner { float: left; width: 10px;}
#footer .bottom .bottom-right-corner { float: right; width: 10px;}
#footer .content {
    width: 100%;
    height: 73px;
    border-left: 1px solid #1F1F79;
    border-right: 1px solid #1F1F79;
    background: transparent url('/images/footer-background.jpg') repeat-x 100% 100%;
}
#footer .contact {
    float: left;
    width: 209px;
    height: 61px;
    padding-top: 12px;
    padding-left: 27px;
    font-size: 14px;
    color: #FFF;
    line-height: 23px;
}
#footer .links {
    float: left;
    width: 446px;
    height: 47px;
    padding-top: 26px;
    text-align: center;
}
#footer .links img { margin-right: 8px;}
#footer .links div { margin-top: 5px;}
#footer .links a { color: #B7B3B3;}
#footer .logo {
    float: left;
    width: 258px;
    height: 73px;
    text-align: right;
}

/* form elements
-------------------- */
form { margin: 0;}
.section-content {
    width: 100%;
    border: 1px solid #F7B401;
    border-collapse: collapse;
}
.section-content td, .section-content th { padding: 5px;}
.section-content th  {
    background-color: #F7B401;
    text-align: left;
}
.odd { background-color: transparent;}
.even { background-color: #FCE19C;}
.label { font-weight: bold;}
.flash { font-weight: bold; font-size: larger; text-align: center; color: #F00;}

/* misc
-------------------- */
div.pagination { width: 100%; }
.pagination a { font-size: 14px; font-weight: bold; color: #ABBF12;}
.pagination .previous { float: left;}
.pagination .next { float: right; text-align: right;}
#content .breadcrumbs {
    font-size: smaller;
    padding-bottom: 10px;
}
#outer {
    display: table;
    width: 100%;
    height: 100%;
    #position: relative;
    overflow: hidden;
}
#middle {
    width: 100%;
    display: table-cell;
    vertical-align: middle;
    #position: absolute;
    #top: 50%;
}
#inner {
    width: 100%;
    #position: relative;
    #top: -50%;
}
#imgPreview {
    background: #DEA203;
    /*
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    */
    padding: 1px;
    z-index: 999;
    border: none;
}
#imgPreview span { /* Text below image */
    color: #FFF;
    text-align: center;
    display: block;
    padding: 10px 0 3px 0;
}

/* extension modules
-------------------- */
.photo { float: left; margin: 5px 10px auto auto;}
.caption { font-size: smaller;}
.calendar {
    width: 175px;
    height: 155px;
    border: 5px solid #F7B401;
}
.calendar td {
    text-align: center;
    padding: 0px;
}
.calendar .head td, 
.calendar .head td a:link,
.calendar .head td a:visited {
    background-color: #F7B401;
    color: #FFF;
}