/*CSS FRAMEWORK BY JEREMY ALDRICH*/
/*DEFINE SITE COLORS
link color:#163c70
text color:#555555
END SITE COLORS*/



/*DEFINE BROWSER RESETS*/
img {border:0;}

p {margin:0.2em 0 0.8em 0;}

h1,h2,h3,h4,h5,h6 {margin:0.3em 0; color:#111;}

form {margin:0; font-family:inherit; color:inherit;}

input, select, textarea {font-size:1em; font-family:inherit; color:inherit;}

/* remember to define focus styles! */
:focus {outline: 0;}

/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse;}

caption, th, td {font-size:inherit; font-family:inherit; font-weight: normal;}
/*END BROWSER RESETS*/



/*DEFINE SITEWIDE TAGS*/
a {text-decoration:none; color:#163c70;}

a:hover {text-decoration:underline; color:#163c70;}

h1 {font-size:1.4em;}

h2 {font-size:1.3em;}

h3 {font-size:1.2em;}

h4 {font-size:1.4em; color:#163c70;}

h5 {font-size:1.3em; color:#163c70;}

h6 {font-size:1.2em; color:#163c70;}

hr {border: 0 #ccc solid; border-top-width: 1px; clear: both; height: 0;}
/*END SITEWIDE TAGS*/



/*DEFINE SITEWIDE CLASSES*/
.clear {clear:both;}

div.hideclear {clear:both; visibility:hidden; height:0; overflow:hidden;}

.center {text-align:center;}

.rightalign {text-align:right;}

.imgright {float:right;}

.imgleft {float:left;}

.bluetext {color:#163c70;}

.white {color:#fff;}

.black {color:#000;}

.grey {color:#555;}

.sitesearch {width:136px; border-top:#727272 1px solid; border-left:#b4b4b4 1px solid; border-right:#b4b4b4 1px solid; border-bottom:#dadada 1px solid; margin:0 0 8px 0; color:#222;}

.housingstats td {border:#999 1px solid;}

.simpleAntiSpam div {margin:0!important; max-width:500px!important; border:2px solid #555;}

#nospamLink {padding:6px; background:#ddd; color:red;}
/*END SITEWIDE CLASSES*/


/*DEFINE NAVIGATION*/

#header img {behavior:url(graphics/js/iepngfix.htc);}

#header ul {margin:0; padding:0; list-style:none; float:right; background:url(graphics/template/nav_bg.gif) repeat-x; height:29px; text-transform:uppercase;}

#header ul a {color:#fff; text-decoration:none; font-size:1.05em; display:inline-block; height:19px; padding:5px 10px;}

#header a:hover {color:#fff; background:#0a1e46;}

#header li {margin:0; padding:0; float:left; position:relative;}

#header li ul {visibility:hidden; position:absolute; top:29px; left:0px; z-index:101; width:200px; height:auto; padding:5px; background:url(graphics/template/drop_bg.gif) repeat-x #0c2455;}

#header li li {width:100%;}

#header li ul a {width:96%; border-bottom:1px solid #fff; display:block; padding:5px 2%;}

#header li ul a.last {border:0;}

#header li:hover ul, #header li.sfhover ul {visibility:visible;}

#left_nav ul {list-style:none; margin:0; padding:0 0 10px 0; width:140px;}

#left_nav li {border-bottom:1px solid #0a1e46; padding:10px 0; position:relative;}

#left_nav a {color:#fff; text-transform:uppercase; display:block;}

#left_nav li ul {visibility:hidden; position:absolute; top:0; left:140px; z-index:101; width:160px;  background:url(graphics/template/drop_bg.gif) repeat-x #0c2455; padding:5px;}

#left_nav li li {padding:0px; border:0;}

#left_nav li ul a {width:96%; border-bottom:1px solid #0a1e46; padding:5px 2%;}

#left_nav li ul a.last {border:0;}

#left_nav li ul a:hover {color:#fff; text-decoration:none; background:#0a1e46;}

#left_nav li:hover ul, #left_nav li.sfhover ul {visibility:visible;}
/*END NAVIGATION*/

/*DEFINE SITE STRUCTURE*/
body{ font-family:Lucida Sans, "Lucida Sans Unicode", "Lucida Grande", sans-serif; color:#555;}

/*FOR FREEDOM ONLY - Assign Class mainsite to body tag*/
body.mainsite {text-align:center;/*FOR CENTER LAYOUTS IN IE*/ font-size:62.5%!important; margin:0; padding:0;}

/*THIS IS YOUR MAIN CONTAINER DIV*/
#main {text-align:left; margin:10px auto; width:940px; position:relative;}

#header {position:absolute; z-index:100; top:0; left:0; width:940px; height:29px; font-size:1.2em; line-height:1.8em;}

#header img {float:right;}

#slideshow {background:url(graphics/template/slideshow_bg.gif) no-repeat; height:337px; width:940px; overflow:hidden;}

#holder {background:url(graphics/template/holder_bg.gif) repeat-y; _height:616px; /*This height declaration is for IE6*/}

#left_col {width:140px;  float:left; min-height:616px; height:auto!important; height:616px; background:url(graphics/template/left_nav_bg.gif) no-repeat bottom #26488d; padding:0 10px; color:#fff; font-size:1.0em; line-height:1.5em;}

#content { width:580px; float:left; padding:0px 20px; font-size:1.2em; line-height:1.5em;}

#right_col {width:160px; float:left; font-size:1.2em; line-height:1.5em;}

#footer {background:url(graphics/template/footer.gif) no-repeat; height:26px; clear:both; color:#405c96; padding:20px 20px 0 0; text-align:right; font-size:0.9em;}

#mls label{width:75px; float:left;}

#mls .input {width:200px; border-top:#727272 1px solid; border-left:#b4b4b4 1px solid; border-right:#b4b4b4 1px solid; border-bottom:#dadada 1px solid; margin:0 0 5px;}

.pagination {height:50px;}
/* ModuleBegin::news */
.newsWrapper .headline { font-weight: bold; }
.newsWrapper .publish, .newsWrapper .author, .newsWrapper .copyright { color: #777; font-size: smaller; }
.newsWrapper .blurb { }
.newsWrapper .content { }
.newsWrapper .newsitem { padding-bottom: 1em; }
.newsWrapper .copyright { padding: 1em 0em; text-align: center; font-size: smaller; }
/* ModuleEnd::news */



/* ModuleBegin::events */
/* ---------------
Events Lister
----------------- */
.eventsListerWrapper { }
.eventDateHeading { color: #000; border-top: 1px solid #ccc; padding-top: 10px; }
.eventsListerWrapper h2 { margin-bottom: 0; }
.eventDate { }
.eventTime { }
.eventBlurb { }

/* ---------------
Events Detail
----------------- */
.eventsDetailWrapper { }
.eventDate, .eventsDetailWrapper .eventTime, .eventsDetailWrapper .eventLocationMap, .eventsDetailWrapper .eventLocationAddress,
  .eventsDetailWrapper .eventLocationDriving, .eventsDetailWrapper .eventContact, .eventsDetailWrapper .eventPhone,
  .eventsDetailWrapper .eventEmail, .eventsDetailWrapper .eventRSVP, .eventsDetailWrapper .eventTicket,
  .eventsDetailWrapper .eventTicket1, .eventsDetailWrapper .eventTicket2 ,.eventsDetailWrapper .eventTicket3,
  .eventsDetailWrapper .eventTicket4, .eventsDetailWrapper .eventTicket5, .eventsDetailWrapper .eventTicket6 { display: block; }
.eventLocation, .eventRSVP, .eventTicketWrapper{ padding: 5px 0px; }
.eventDate {  }
.eventTime {  }
.eventLocation { }
.eventLocationMap {  }
.eventLocationAddress {  }
.eventLocationDriving {  } 
.eventContact {  }
.eventPhone {  }
.eventEmail {  }
.eventRSVP {  }
.eventTicketWrapper { }
.eventTicket {  }
.eventBody { }

/* ----------------------
Events Small Calendar
------------------------ */

.calendarSmallWrapper table{ width:155px; font-size:12px; border-collapse:separate;}

.cal { padding:5px 5px 0;  text-align: center; color:#fff; background:url(graphics/template/cal_bg.gif) no-repeat  #244487;}

.calPrev { position: absolute; top: 4px; left: 15px; }

.calNext { position: absolute; top: 4px; right: 15px; }

.calMonth { position: relative; top: 0; left: 0; text-align: center; font-weight: bold; margin-left: 20px; margin-right: 20px; }

.calGrid { margin-top: 4px; width: 100%; text-align: center; }

.calGrid td { padding-bottom: 2px; text-align: center;  background:url(graphics/template/cal_day_bg.gif) no-repeat; color:#555;}

.calGrid tr.calWeek td { font-weight: bold; text-align: center; color:#fff; background:none; }

.calGrid td.calTodayOff, .calGrid td.calTodayOn { }

.calbottom {overflow:hidden; clear:both; font-size:0; background:url(graphics/template/cal_bottom.gif) no-repeat; height:9px;}

.calMonthGlance { padding: 5px 0px 3px 0px; }

.calPrev a, .calNext a, .calMonth a { text-decoration: none; color:#fff;}

.calPrev a:hover, .calNext a:hover, .calMonth a:hover { text-decoration: underline; }

.calGrid td.calTodayOn a { text-decoration: underline; font-weight: bold; }

.calDayOn a { font-weight: bold; text-decoration: underline; }

.calDayOn a:hover { text-decoration: none; }

/* ----------------------
Events Month at a Glance
------------------------ */
#calendarDetail {width: 100%; }
#calendarDetail table {width: 100%; table-layout: fixed; }
#calendarDetail .calendarMonths td{text-align:center; vertical-align: middle;  }
#calendarDetail .calendarMonths a { display: block; font-weight: bold; padding: 5px 0px 5px 0px; color: ##1e7dc1; }
#calendarDetail .calendarDays { /* border-collapse: collapse; */ table-layout: fixed; background: #fff; width:100%; }
#calendarDetail .calendarDays td { background:#eee; }
#calendarDetail .calendarDays .title { font-weight: bold; color: #333333; padding: 10px 0px 10px 0px; background: #bbb; }
#calendarDetail .calendarDays .prevLink, #calendarDetail .calendarDays .nextLink { background: #bbb; }
#calendarDetail .calendarDays .prevLink, #calendarDetail .calendarDays .nextLink {}
#calendarDetail .calendarDays td { text-align: center; line-height:  1.1em; border:1px solid #000; font-size:0.9em; }
#calendarDetail .calendarDays .weekdays { height: 30px; background-color: #ccc; }
#calendarDetail .calendarDays .emptyDay { height: 60px; text-align: left; vertical-align: top; background-color: #eee; }
#calendarDetail .calendarDays .eventToday { height: 60px; text-align: left; vertical-align: top; background-color: #fdf9ea; padding-left: 5px; }
#calendarDetail .calendarDays .eventOff { height: 60px; text-align: left; vertical-align: top; padding-left: 5px; }
#calendarDetail .calendarDays .eventOn { height: 60px; text-align: left; vertical-align: top; padding-left: 5px; }

/* ---------------
Events Box
----------------- */
.eventsBoxWrapper { }
.eventsBoxWrapper .itemList { padding-bottom: 10px; }
.eventsBoxWrapper .eventDate { color: #777; }
/* ModuleEnd::events */



/* ModuleBegin::membership */
#formLogin { margin:0 auto; border: 1px solid #ccc; padding: 20px; width:275px; }
.membershipLoginWrapper { }
.memberLoginBox { margin: 0 auto; }
.memberLoginBox td { padding: 2px; }
.memberUser { }
.memberPassword { }
.memberRemember { }
.memberForgot { }
.memberSubmit { }
/* ModuleEnd::membership */



/* ModuleBegin::jobs */
.jobsListWrapper { }
.jobsDetailWrapper { }
.jobsDetailWrapper span { display: block; }
.jobsDetailWrapper span.itemLabel { display: inline; }
.jobsJobCode { }
.jobsCategory { }
.jobsLocation { }
.jobsKeywords { }
.jobsDescription { }
/* ModuleEnd::jobs */

/* ModuleBegin::weather */
.highTempLabel, .lowTempLabel {font-weight:bold;}
.highTemp {color:red;}
.lowTemp {color:blue;}

/* Weather Current */
.weatherDetail a {text-decoration: none; color: #555;}
.weatherDetail a:hover {text-decoration: underline; }


/* Weather List */
.weatherListWrapper { }
.weatherListWrapper th, .weatherListWrapper td { padding: 5px; border-bottom: 1px solid #ccc; }

/* Weather Detail */
.weatherDetailWrapper { }
.weatherLocation { }
.weatherDetailWrapper .itemList span { display: inline }
.weatherDetailWrapper .weatherImage { float: left; display: block;}
.weatherDetailWrapper .weatherImage img { border: 1px solid #ccc; padding: 2px; margin: 0px 10px 0px 0px;}
.weatherDetailWrapper p { padding-top: 10px; }
.weatherDetailWrapper .daypart { font-weight: bold; }
/* ModuleEnd::weather */

/* ModuleBegin::newsfeed */
.newsfeedListWrapper { }
.newsfeedNumber { }
.newsfeedTitle { }
.newsfeedSource { }
.newsfeedDetailWrapper { }
.newsfeedDetailWrapper .newsItem {border-bottom:1px solid #ccc; margin-bottom:10px;padding-bottom:10px;}
.newsfeedDetailWrapper .newsItem img {margin:0 10px 0 0;}
.newsfeedDetailWrapper .newsItem span {display:block;}
.newsfeedDetailWrapper .newsItem .newsListHeadline {font-size:120%;}
.newsfeedDetailWrapper .newsItem .newsListPublishline {font-size:90%;}
/* ModuleEnd::newsfeed */

/* ModuleBegin::broadcastemail */
.enewsWrapper div { }
.enewsWrapper span { display: block; }
.enewsText { }
.enewsEmail { }
/* ModuleEnd::broadcastemail */

/* ModuleBegin::photo */
/* Photo Lister */
.photoAlbumListerWrapper {border:1px solid #ccc;padding:10px;margin:0 10px 10px 0;width:160px;float:left;}
.photoAlbumListerWrapper:hover {border:1px solid #0a1e46;}
.photoAlbumListerWrapper span {display:block;}
.photoAlbumListerWrapper img {padding-bottom:5px;}
.photoAlbumListerWrapper .photoAlbumImage {width:160px;height:150px;overflow:hidden;}
.photoAlbumListerWrapper .photoAlbumName {height:20px;overflow:hidden;}
.photoAlbumListerWrapper .photoAlbumDescription {height:55px;overflow:hidden;}

/* Photo Thumbnails */
.photoAlbumDescription span {}
.thumbnail {float:left; margin:0 10px 10px 0; padding:5px;position:relative;width:150px;}
.thumbnail img {border: 1px solid #ccc; margin-bottom:5px;padding:5px;}
.thumbnail span {height:20px;width:150px;overflow:hidden;display:block;}

/* Photo Detail */
.photoAlbumDetail{margin:10px 0;}
.photoRemote-3 {width:400px;height:20px;padding:4px;margin:0 auto;}
.photoRemote-3 span{width:80px;height:20px;background-color:#fff;text-align:center;float:left;}
.photoRemote-3 span a{display:block;width:76px;height:20px;margin:0 1px;background-color:#fff;color:#888;border:0;text-decoration:none;}
.photoRemote-3 span a:hover,div.photoRemote-3 span a:active{text-decoration:underline;}
.photoAlbumbody{clear:both;}
.photoGalleryImage div {margin:0 auto; width:448px; overflow:hidden;}
.photoGalleryImage img {border:1px solid #ccc;padding:5px;}
.photoGalleryImage,.photoPagnationTD{text-align:center;color:#888;}
/* ModuleEnd::photo */

/* ModuleBegin::poll */
.pollSmallWrapper span, .pollDetailWrapper span { display: block; padding: 5px 0px;}
.pollSmallWrapper span.pollChoices { padding-bottom: 5px; }
.pollListWrapper { }
.pollDetailWrapper { }
.pollQuestion { }
.pollChoices { }
.pollLink { }
.pollResultQuestion { font-weight: bold; }
.pollResultChoices { }
.pollBar { background-color: #ccc; height: 7px; }
/* ModuleEnd::poll */