/* Added by Jay - 4/26/10 */
/* Homepage Top */
#homeMain { width: 960px; height: 315px; overflow: hidden; clear: both; }
#homeFlash { width: 692px; height: 315px; float: left; }
#homePromos { width: 268px; float: right; }
#homePromos h4 { border-bottom: 1px solid #9eb1b6; padding: 5px 10px; background: #acc4d3; font-size: 18px; font-weight: bold; font-family: "Times New Roman", Times, serif; color: #fff; }

#homePromos .homePromo { width: 248px; height: 56px; background: #c4d6e0; border-top: 1px solid #e2ebf0; border-bottom: 1px solid #8ca4ac; padding: 6px 10px; color: #646d6a; overflow: hidden; }
    #homePromos .homePromo .homePromoImage { float: left; }
    #homePromos .homePromo p { margin: 0 0 0 65px; padding: 0; font-size: 11px; }
    #homePromos .homePromo a { padding-right: 5px; font-size: 12px; font-weight: bold; color: #1d3541; text-decoration: none; }
    
#homePromos .homePromoOver { cursor: pointer; background: #acc4d3; }



body
{
    background-color: #FFF;
    background-image: url(../images/pagebackground.png);
    background-repeat: repeat-x;
    margin: 0 auto;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #1d3540;
}

.subrightContentblock ul, ol { margin-left:1.8em; padding-left:0px; }


.container
{
    width: 1024px;
    height: auto;
    margin: auto;
}

.body
{
    width: 960px;
    height: auto;
    margin: auto;
}

.header
{
    background-image: url(../images/header.png);
    width: 560px;
    height: 83px;
    background-repeat: no-repeat;
    float: left;
}

.dateDepartments
{
    float: right;
    text-align: right;
}


a:link
 {
     color: #3366CC;
	 text-decoration: none;
	 font-size: 12px;
 }

a:visited
 {
     color: #3366CC;
	 text-decoration: none;
	 font-size: 12px;
 } 
 a:hover
 {
     color: #3366CC;
	 text-decoration: underline;
	 font-size: 12px;
 }

.dateDepartments .departments
{
    margin-top: 20px;
}

.dateDepartments .date
{
    text-transform: uppercase;
    font-weight: bold;
    margin-top: 24px;
}
.search
{
    margin-top: 10px;
    float: right;
}
.search input
{
    border: solid 1px #000000;
}

/*---Main Nav Start--*/

.nav
{
    width: 700px;
    height: 27px;
    margin: 0;
    padding-top: 10px;
    list-style-type: none;
    text-decoration: none;
    font-family: Arial, Helvetica, sans-serif;
    float: left;
}

.nav li
{
    display: inline;
}

.nav a
{
    font-weight: bold;
    color: #939a96;
    font-size: 11px;
    padding: .2em .4em;
}

.nav a:hover
{
    color: #566562;
}

/*---Main Nav End--*/

/*---Side Nav Start--*/

.sidenav
{
    width: 218px;
    
    font-family: Arial, Helvetica, sans-serif;
    margin-top: 0px; 
    *margin-top: 0px;
    float:left;
    padding: 10px 0 0 0;
    vertical-align:top;
}
.sidenav h2
{
    font-family: Times New Roman;
    font-size: 15px;
    font-weight: bold;
    line-height: 1em;
    margin-top: 7px;
    text-transform: uppercase;
    color: #FFFFFF;
}
.sidenav ul
{
    list-style-type: none;
}

.sidenav a
{
    font-weight: bold;
    display: block;
    color: #FFF;
    font-size: 11px;
}

.sidenav a:hover
{
    color: #FFFFFF;
}

/*---Side Nav End--*/

.tv
{
    width: 960px;
    height: 315px;
}

.subHeader
{
    width: 960px;
    height: 179px;
    clear:both;
}

.flash
{
    width: 692px;
    height: 315px;
    float: left;
}

.tv .title
{
    background-image: url(../images/upcomingevents.png);
    background-repeat: no-repeat;
    float: right;
    width: 263px;
    height: 26px;
    padding-left: 5px;
    padding-top: 10px;
}

.tv .title h2
{
    font-family: Times New Roman;
    font-size: 16px;
    font-weight: bold;
    line-height: 1em;
    margin-top: 7px;
    text-transform: uppercase;
    color: #FFFFFF;
}

.eventsBox
{
    width: 268px;
    height: auto;
    float: right;
    background-image: url(../images/eventsbg.png);
    background-repeat: no-repeat;
    list-style-type: none;
    background-color: #437890;
}


.eventButtons a
{
    background: url(../images/calendarsbg.png) 0 0 no-repeat;
    width: 250px;
    height: 40px;
    float: right;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    color: #f3f5f2;
    font-weight: bold;
    text-align: center;
    padding-top: 25px;
}

.eventButtons a:hover
{
    background-position: -250px;
    text-decoration: underline;
}

.eventButtons a:active
{
    background-position: -500px;
}

.eventButtons2 a
{
    background: url(../images/citybg.png) 0 0 no-repeat;
    width: 250px;
    height: 44px;
    float: right;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    color: #f3f5f2;
    font-weight: bold;
    text-align: center;
    padding-top: 26px;
}

.eventButtons2 a:hover
{
    background-position: -250px;
}

.eventButtons2 a:active
{
    background-position: -500px;
}

.eventButtons3 a
{
    background: url(../images/boardsbg.png) 0 0 no-repeat;
    width: 250px;
    height: 47px;
    float: right;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    color: #f3f5f2;
    font-weight: bold;
    text-align: center;
    padding-top: 26px;
    margin: -2px 0 0 0;
}

.eventButtons3 a:hover
{
    background-position: -250px;
}

.eventButtons3 a:active
{
    background-position: -500px;
}

.eventButtons4 a
{
    background: url(../images/mayorbg.png) 0 0 no-repeat;
    width: 250px;
    height: 49px;
    float: right;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    color: #f3f5f2;
    font-weight: bold;
    text-align: center;
    padding-top: 26px;
    margin: -4px 0 0 0;
}

.eventButtons4 a:hover
{
    background-position: -250px;
}

.eventButtons4 a:active
{
    background-position: -500px;
}

 .eventButtons2
{
    background-image: url(../images/buttons_meeting.png);
    background-repeat: no-repeat;
    width: 250px;
    height: 70px;
    float: right;
}

.eventButtons2
{
    background-image: url(../images/buttons_meeting.png);
    background-repeat: no-repeat;
    width: 250px;
    height: 70px;
    float: right;
}

.eventButtons3
{
    background-image: url(../images/buttons_commissions.png);
    background-repeat: no-repeat;
    width: 250px;
    height: 71px;
    float: right;
}

.eventButtons4
{
    background-image: url(../images/buttons_schedule.png);
    background-repeat: no-repeat;
    width: 250px;
    height: 71px;
    float: right;
}

.calendarinnerText
{
    margin: auto;
    width: 250px;
    height: 42px;
    padding-top: 25px;
}

.cityinnerText
{
    margin: auto;
    width: 250px;
    height: 44px;
    padding-top: 26px;
}

.boardinnerText
{
    margin: auto;
    width: 250px;
    height: 45px;
    padding-top: 26px;
}

.mayorinnerText
{
    margin: auto;
    width: 250px;
    height: 45px;
    padding-top: 26px;
}

.eventButtons a
{
    text-decoration: none;
}

.eventButtons ul
{
    list-style-type: none;
}

.lowerBody
{
    width: 960px;
    min-height: 200px;
    background-color: #FFF;
    background-image: url(../images/bodycontent-bg.gif);
    background-repeat: repeat-y;
    overflow:hidden
}

.leftNav
{
    width: 218px;
    height: 605px;
    background-color: #576663;
    float: left;
}

.leftnavCitizens
{
    background-image: url(../images/nav_leftcitizens.png);
    width: 213px;
    height: 25px;
    margin-top: 12px;
    padding-left: 5px;
    padding-top: 10px;
}

.leftnavQuickLinks
{
    background-image: url(../images/nav_leftcitizens.png);
    width: 213px;
    height: 25px;
    margin-top: 12px;
    padding-left: 5px;
    padding-top: 10px;
}

.leftnavLinks a:hover
{
	color: #FFFFFF !important;
	text-decoration: none !important;
}

.leftnavAbout
{
    background-image: url(../images/nav_aboutannapolis.png);
    width: 213px;
    height: 25px;
    margin-top: 22px;
    padding-left: 5px;
    padding-top: 10px;
}

.humanResources
{
    background-image: url(../images/nav_aboutannapolis.png);
    width: 213px;
    height: 25px;
    margin-top: 22px;
    padding-left: 5px;
    padding-top: 10px;
}

.leftnavRequested
{
    background-image: url(../images/nav_mostrequested.png);
    width: 213px;
    height: 25px;
    margin-top: 22px;
    padding-left: 5px;
    padding-top: 10px;
}

.leftnavLinks
{
    width: 208px;
    height: auto;
    padding-left: 10px;
    padding-top: 10px;
    padding-bottom: 5px;
}
.shortlines
{
    line-height: 7px;
}
.leftnavLinks3 .leftNavlinks
{
    line-height: 15px;
}
.rightContentarea
{
    float: right;
    width: 735px;
    height: 600px;
}

.subrightContentarea
{
    float: right;
    width: 735px;
    overflow:hidden;
    padding: 0px 0 0 0;
}


.subrightContentblock
{
    margin: auto;
    width: 710px;
    margin-top: 15px;
    margin-left: 5px;
}

.subrightContentblock2
{
    margin: auto;
    width: 680px;
    margin-top: 15px;
    margin-left: 20px;
}

.subinfobar
{
    background-image: url(../images/informationbar.gif);
    background-repeat: no-repeat;
    width: 425px;
    height: 27px;
    margin-top: 50px;
    padding: 15px;
}

.subinfoButton
{
    background-image: url(../images/informationbutton.gif);
    background-repeat: no-repeat;
    width: 128px;
    height: 28px;
    float: right;
    position: relative;
    top: -6px;
    padding-top: 11px;
}

.subrightContentblockPicture
{
    float: right;
    width: 147px;
    height: 180px;
    margin-right: 30px;
    margin-left: 30px;
}

.RightContentHeader
{
    background-image: url(../images/welcome_home.png);
    width: 453px;
    height: 16px;
    background-repeat: no-repeat;
    margin-top: 2px;
}

.subpageBreadcrumb
{
    width: 453px;
    height: 0px;
    background-repeat: no-repeat;
	margin-top: -7px;
}


.subpageTitle
{
    background-color: #1d3540;
    width: 728px;
    height: 26px;
    background-repeat: no-repeat;
    margin-top: 10px;
	padding-top: 3px;
    padding-left: 5px;
    margin-left: -3px;
}

.subpageTitle h1
{
    font-family: Times New Roman;
    font-size: 15px;
    font-weight: bold;
    line-height: 1em;
    margin-top: 7px;
    text-transform: uppercase;
    color: #FFFFFF;
}

.newsBg
{
    background-image: url(../images/main_newsbg.png);
    width: 734px;
    height: 273px;
    background-repeat: no-repeat;
    margin-top: 20px;
}

.newsBgInnerContainer
{
    background-repeat: no-repeat;
    background-position: center;
    width: 709px;
    height: 237px;
    background-repeat: no-repeat;
    padding-top: 2px;
}

.Twitter
{
    width: 200px;
    height: 22px;
    float: right;
    margin-top: 10px;
}

.sliderJQ
{
    width: 734px;
    height: auto;
    background-repeat: no-repeat;
    margin-top: -10px;
}

div.footer
{
    width: 980px;
    height: 311px;
    margin: auto;
}

.footerInnergraphics
{
    width: auto;
    height: auto;
    float: left;
    margin-left: 3px;
    margin-top: 5px;
}
.footerInnergraphics img
{
    margin-left: 5px;
}

.footerlinksContainer
{
    background-image: url(../images/footergraphic.png);
    background-repeat: no-repeat;
    width: 960px;
    height: 163px;
    float: left;
    margin-left: 5px;
    margin-top: 10px;
   
}

.footerlinksContainer a
{
    text-decoration: none;
    font-size:11px;
    color: #999;
}

.footerlinksContainer ul
{
    list-style-type: none;
}

.footerlinksContainer a:hover
{
    text-decoration: underline;
}



.footerContactContainer
{
    width: 284px;
    height: 160px;
    margin-left: 8px;
    float: left;
    text-decoration: none;
}

.footerReportsContainer
{
    width: 290px;
    height: 160px;
    margin-left: 8px;
    float: left;
}


.footerPluginsContainer
{
    width: 260px;
    height: 160px;
    margin-left: 8px;
    float: left;
}


.footerTermsContainer
{
    width: 94px;
    height: 160px;
    margin-left: 8px;
    float: left;
}

.BigRedLink
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #CC0033;
    text-decoration: underline;
}

.sf_newsList li h2.sf_newsTitle {
    position: absolute;
    left: 150px;
    top: 0px;
    padding: 0px;
    margin: 0px;
    height: 30px;
    line-height: 30px;
}

.sf_newsList li {
    height: 30px;
    position: relative;
    float: left;
    width: 100%;
    border-bottom: 1px dotted #ccc;
    margin: 5px !important;
}


.sf_newsDate {
    position: absolute;
    left: 0px;
    top: 0px;
    height: 30px;
    line-height: 30px;
    width: 120px;
    text-align: left;
    padding: 0px;
    margin: 0px;
}