/*****************************
*  Master Page Body          * 
******************************/
body
{
    font-family: tahoma;
    font-size: 0.80em;
    color: #223366;
    background-image: url('/Images/GradientBG.png');
    background-repeat: repeat-x;
    background-color: #333333;
    position: relative; /*height: 100%;*/
    padding: 10px;
    margin: 0px;
}
/*****************************
*  Master Page               * 
******************************/
div#Outer
{
}
div#Monolith
{
    border: solid 1px #223366;
    width: 950px;
    margin-right: auto;
    margin-left: auto;
    background-color: #F0F0F0;
}
div#Banner
{
    position: relative;
    height: 90px;
    background-image: url('/Images/BannerBG.jpg');
}
.CountyLogo
{
    position: absolute;
    top: 2px;
    left: 5px;
}
div#MenuBar
{
    padding-top: 3px;
    padding-left: 2px;
    background-color: #223366;
    height: 24px;
    z-index: 50;
}
div#Menu
{
    z-index: 100;
}
div#LeftMenu
{
    margin-top: 50px;
    margin-left: 5px;
}
a.LeftMenuFooter
{
    text-decoration: none;
}
a:hover.LeftMenuFooter
{
    text-decoration: none;
    color: #000000;
    background: #4466CC;
}
div#Gradient1
{
    background-image: url('/Images/GradientNWCorner.png');
    background-repeat: no-repeat;
    height: 12px;
    padding-left: 12px;
}
div#Gradient2
{
    background-image: url('/Images/GradientTopEdge.png');
    background-repeat: repeat-x;
    height: 12px;
}
div#Gradient3
{
    background-image: url('/Images/GradientSWCorner.png');
    background-repeat: no-repeat;
    height: 12px;
    padding-left: 12px;
}
div#Gradient4
{
    background-image: url('/Images/GradientBottomEdge.png');
    background-repeat: repeat-x;
    height: 12px;
}
div#Content
{
    background-image: url('/Images/GradientLeftEdge.png');
    background-repeat: repeat-y;
    background-position: top left;
    padding-left: 22px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 10px;
    min-height: 400px;
}
div#Footer
{
    padding: 10px;
    text-align: center;
    background-color: #223366;
}
div.MainMenuTopBar
{
    width: 168px;
    border-bottom: solid 1px #99CCFF;
    height: 0px;
    padding: 0px;
    margin: 0px;
    color: #99CCFF;
}
div.MainMenuStaticItem
{
    border-bottom: solid 1px #99CCFF;
    padding: 5px;
    cursor: pointer;
}
div.MainMenuDynamicItem
{
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 3px;
    padding-bottom: 3px;
    cursor: pointer;
}
span#FooterText
{
    font-weight: bold;
    color: #99CCFF;
}
div.SearchPanel
{
    color: #99CCFF; /*    position: absolute;     top: -30px;     right: 5px;*/
}
.SearchWaterMark
{
    font-style: italic;
    font-size: 0.85em;
    vertical-align: bottom;
}
.SearchTextBox
{
}
.SearchButton
{
    /*    filter:alpha(opacity=80);     opacity: 0.8;*/
}

.ReorderNoDot ul
{
    padding-left: 0px;
    margin-left: 0px;
    list-style-type: none;
}
/*******************************
*  General Page Content Styles * 
********************************/
.Heading1
{
    font-size: 1.75em;
    font-weight: bold;
    margin-top: 0px;
    padding-bottom: 10px;
    border-bottom: solid 1px #223366;
}
.Heading2
{
    font-size: 1.10em;
    padding-bottom: 5px;
    margin-top: 0px;
    margin-bottom: 5px;
    border-bottom: solid 1px #223366;
}
.Heading3
{
    font-size: 1.00em;
    font-weight: bold;
    padding-bottom: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
}
.Heading4
{
    font-size: 1.00em;
    font-style: italic;
    padding-bottom: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
}

a.BlueLink
{
    color: #334488;
}
a.EndlineLink
{
    font-size: 0.85em;
    margin-left: 7px;
}
a.ViewMap
{
    color: #334488;
    padding-left: 10px;
}
div.MapDiv
{
    float: right;
}
li
{
    margin-top: 5px;
    margin-bottom: 5px;
}
.ImageFloatRight
{
    float: right;
    margin-left: 15px;
    margin-bottom: 15px;
}
.ImageFloatLeft
{
    float: left;
    margin-right: 15px;
    margin-bottom: 15px;
}
div.OfficeInfoRight
{
    float: right;
    margin: 0px 10px 10px 10px;
}
div.OfficeInfoLeft
{
    float: left;
    margin: 0px 10px 10px 10px;
}
div.Caption
{
    text-align: center;
    font-size: 0.750em;
    font-style: italic;
    padding: 5px;
    margin-bottom: 10px;
}
div.RightBar
{
    padding: 10px;
}


/*****************************
*  Link List Menu Styles     * 
******************************/

div.LinkListTop
{
    background-image: url('../Images/LinkListTop.gif');
    background-repeat: no-repeat;
    width: 180px;
    height: 28px;
    padding: 12px 20px 0px 20px;
    text-align: center;
}
div.LinkList
{
    background-image: url('../Images/LinkListBG.gif');
    background-repeat: repeat-y;
    width: 180px;
    padding: 5px 21px 5px 19px;
}
div.LinkListBottom
{
    background-image: url('../Images/LinkListBottom.gif');
    background-repeat: no-repeat;
    width: 220px;
    height: 20px;
}
span.LinkListTitle
{
    color: #FFFFFF;
    font-size: 1.000em;
    font-weight: bold;
}
div.LinkListMenuTopBar
{
    width: 180px;
    border-bottom: solid 1px #A0A0A0;
    height: 0px;
}
div.LinkListMenuStaticItem
{
    width: 170px;
    border-bottom: solid 1px #A0A0A0;
    padding: 5px;
    cursor: pointer;
}
div.LinkListNonMenuItem
{
    width: 170px;
    padding: 5px;
}

/*****************************
*  Blog style Layout         * 
******************************/

.BlogItem
{
    list-style-type: none;
    background-color: #eaeaea;
    border: solid 1px #c0c0c0;
    padding: 10px 10px 10px 10px;
    margin: 15px 0px 15px 0px;
}
p.BlogTitle
{
    margin: 0px 0px 10px 0px;
    padding: 0px 0px 10px 0px;
    border-bottom: solid 1px #c0c0c0;
}
p.InstructionText
{
    font-size: 0.85em;
    font-style: italic;
}
.FormBox
{
    list-style-type: none;
    background-color: #eaeaea;
    border: solid 1px #c0c0c0;
    padding: 10px 10px 10px 10px;
    margin: 15px auto 15px auto; /*width: 680px;*/
}
.FormTitle
{
    margin: 0px 0px 10px 0px;
    padding: 0px 0px 10px 0px;
    border-bottom: solid 1px #c0c0c0;
}
.FormButtonBox
{
    padding: 10px;
    margin: 0px;
    text-align: right;
}