body{font-family: Arial, Helvetica, sans-serif; text-align:center; font-size:12px; line-height:1.5em;}
body,html{height:100.01%;}
img { behavior: url(iepngfix.htc) }

#container{width:770px; margin-left:auto; margin-right:auto; text-align:left; margin-top:10px;}

/* ---------------------- Top Banners --------------------------------------------------------------------- */
#topbanner{width:770px; height:110px; background-repeat:no-repeat;}
#topbanner img.logo{float:left; margin-top:15px; margin-left:7px;}

/* Different Top Banners */
/*.bannertop01{background-image:url(../uploadedImages/longford/Site/banner01.jpg)} /* Christmas */
.bannertop01{background-image:url(../uploadedImages/longford/Site/standard-banner01.jpg)} /* Lake, Boat, Swans */


/* ---------------------- Text Size --------------------------------------------------------------------- */
#textsize{background-color:#fff; float:right; padding:5px; }
#textsize p{color:#004184; font-weight:bold;} #textsize a{text-decoration: none; color:#004184;} #textsize a:hover{color:#990000;}
#textsize span.small a{font-size:12px;} #textsize span.medium a{font-size:14px;} #textsize span.large a{font-size:16px; color:#004184;}

/* ---------------------- Tooltip --------------------------------------------------------------------- */
a.tooltip {color:#c00; font-size:11px;}
a.tooltip strong {display:none;}
a.tooltip:hover {border:0; position:relative; z-index:500; text-decoration:none;}
a.tooltip:hover b {display:block; position:absolute; top:20px; left:-25px; padding:5px; font-weight:normal; color:#000; border:1px solid #888; background:#ffc; width:85px;}
a.tooltip:hover b em {position:absolute; left:20px; top:-6px; width:11px; height:6px; background:#fff url(../img/icons/pointer.gif) 0 0; display:block; font-size:1px;}

/* ---------------------- Top Navigation --------------------------------------------------------------------- */
#navcontainer {background: #004185; clear:both; margin: 0px; padding: 0; border-top: 1px solid #fff; }
#navcontainer ul {border: 0; margin: 0; padding: 0; list-style-type: none; text-align: center; height:28px; background-color:#004185; }
#navcontainer ul li { display: block; float: left; text-align: center; padding: 0; margin: 0; }
#navcontainer ul li a { background: #004185; width: 82px; height: 28px; padding: 0; margin: 0 0 0px 0; color: #D5F1FF; text-decoration: none; display: block; text-align: center; font: normal 12px/28px Arial, verdana, lucida, sans-serif; }
#navcontainer ul li a:hover { color: #fff; background: #003264; }

/* ---------------------- Search --------------------------------------------------------------------- */
.breadcrumbs{float:left; width:425px; padding-left:10px;} .breadcrumbs p{line-height:23px; font-size:11px;}


#search{background-image: url(../img/backgrounds/search_bg.jpg); background-repeat:repeat-x; background-position:bottom left; padding:4px; border-bottom:1px solid #8E9DBC; margin-bottom:3px;}
#search p{color:#004185;}
#search a, #search a:visited{text-decoration:underline; color:#004185;}
#search a:hover{color:#333; text-decoration:none;}
#search input.searchbox{border:1px solid #8E9DBC; padding:3px; font-size:11px; margin-right:1px; margin-left:5px;}
#search input.searchbox:focus{background-color:#ffffcc; border:1px solid #004185;}
#search input.gobutton{background-color:#004185; padding:3px; color:#fff; font-size:9px; border:none; cursor:pointer; padding-left:4px; padding-right:4px; margin-right:10px;}
#search input.gobutton:hover{background-color: #0059B3;}

/* ---------------------- Homepage 3 column layout --------------------------------------------------------------------- */
#main-content{width:355px; display:inline; float:left; margin-left:205px; }
#rightcolumn{width:205px; float:left; margin-left:5px;}
#leftcolumn{width:200px; float:left; margin-left:-770px; } 

/* --------------- Left Column Elements ------------------------ */

#leftcolumn #featured{border:1px solid #C9D7E4;  overflow:hidden;}

#leftcolumn .featured_item h2{color:#338CD0; font-size:16px; font-weight:bold; padding-bottom:6px; width:90%; margin-left:auto; margin-right:auto; margin-top:7px;}
#leftcolumn .featured_item p{color:#666; font-size:12px; line-height:1.4em; margin-bottom:5px; width:90%; margin-bottom:8px; margin-left:auto; margin-right:auto;}
#leftcolumn .featured_item a{color:#338CD0; border-bottom:1px solid #ccc; text-decoration:none;} #leftcolumn .featured_item a:hover{color:#004185;}
#leftcolumn .featured_item img{display:block; width:90%; margin-bottom:8px; margin-left:auto; margin-right:auto;}

#leftcolumn #information{border:1px solid #B3D17D; overflow:hidden; margin-top:3px; background-image:url(../img/backgrounds/info_facts_bg.jpg); background-position:bottom right; background-repeat:no-repeat; padding-bottom:10px;}
#leftcolumn .facts h2{color:#347136; font-size:16px; font-weight:bold; padding-bottom:6px; width:90%; margin-left:auto; margin-right:auto; margin-top:7px;}
#leftcolumn .facts h3{color:#5B7825; font-size:12px; font-weight:bold; line-height:1.3em;  width:90%; margin-left:auto; margin-right:auto; margin-bottom:4px;}
#leftcolumn .facts p{width:90%; margin-left:auto; margin-right:auto; color:#02386F; font-size:12px; line-height:1.4em;}
/* --------------- Center Column Elements ------------------------ */
#main-content h2{background-repeat:no-repeat; background-position:bottom right; height:31px; border:1px solid #C7D0D5; line-height:31px; font-size:18px; padding-left:6px; color:#4070A1;}
/* headers */#main-content h2.news{background-image:url(../img/backgrounds/inthenews.jpg);} #main-content h2.sport{background-image:url(../img/backgrounds/sport_home.jpg);} #main-content h2.weather{background-image:url(../img/backgrounds/weather_home.jpg);}

#main-content .news_stories{padding:8px; border:1px solid #C9D7E4; margin-top:3px; margin-bottom:3px; overflow:hidden; padding-top:4px; }
#main-content .news_stories h3{color:#0062C4; font-weight:bold;} #main-content .news_stories h3 a{color:#004184; text-decoration:none; border-bottom: 1px solid #DEE7EC;} #main-content .news_stories h3 a:hover{color:#333; border-bottom: 1px solid #ccc;}
#main-content .news_stories p{color:#333;}
#main-content .news_stories p.date{font-size:11px; color:#999; margin-bottom:4px;}

#main-content .news_stories .news_item{margin-top:6px; padding-bottom:0px; overflow:hidden;}

#main-content .news_stories .news_item img{float:left; padding:3px; border:1px solid #C9D7E4; margin-right:8px; margin-top:2px;} #main-content .news_stories .news_item p{margin-bottom:2px;}
#main-content .news_stories .news_item p a{color:#004185; text-decoration:none; font-size:11px;} #main-content .news_stories .news_item p a:hover {color:#0071E1;}

/* --------------- The Weather ------------------------ */
#main-content .news_stories .news_item p.temperature{padding-left:25px; background-image:url(../img/homepage/temp.gif); background-repeat:no-repeat; line-height:16px; font-size:12px; margin-bottom:3px;}
#main-content .news_stories .news_item p strong{color:#4070A1;}
#main-content .news_stories .news_item p.cloudy{padding-left:25px; background-image:url(../img/homepage/weather/clouds.gif); background-repeat:no-repeat; line-height:16px; font-size:12px; margin-bottom:3px;}
#main-content .news_stories .news_item p.calendar{padding-left:25px; background-image:url(../img/homepage/calendar.gif); background-repeat:no-repeat; line-height:16px; font-size:12px; margin-bottom:3px;}







#nav{clear:both;}
#nav li{float:left; /*text-indent:-8000px;*/ overflow:hidden; margin-bottom:1px;}
#nav li a{ display:block; background-position:0 0; background-repeat:no-repeat; font-size:16px; color:#F3F5F8; padding-left:55px; font-weight:bold; text-decoration:none;}
#nav li a:hover, #nav li a.selected{background-position:-220px 0px;}
#nav li#nav1{width:205px; height:31px; line-height:31px;}#nav li#nav1 a{background-image:url(../img/homepage/navigation/nav1.jpg)}
#nav li#nav2{width:205px; height:31px; line-height:31px;}#nav li#nav2 a{background-image:url(../img/homepage/navigation/nav2.jpg)}
#nav li#nav3{width:205px; height:31px; line-height:31px;}#nav li#nav3 a{background-image:url(../img/homepage/navigation/nav3.jpg)}
#nav li#nav4{width:205px; height:31px; line-height:31px;}#nav li#nav4 a{background-image:url(../img/homepage/navigation/nav4.jpg)}
#nav li#nav5{width:205px; height:31px; line-height:31px;}#nav li#nav5 a{background-image:url(../img/homepage/navigation/nav5.jpg)}
#nav li#nav6{width:205px; height:31px; line-height:31px; margin-bottom:3px;}#nav li#nav6 a{background-image:url(../img/homepage/navigation/nav6.jpg)}



#rightcolumn h2.events{clear:both; background-image:url(../img/homepage/events_bg.jpg); background-position: top left; background-repeat:repeat-x; height:31px; border:1px solid #DCCE9B; line-height:31px; font-size:18px; padding-left:10px; color:#8E6E19; margin-bottom:3px;}

#rightcolumn #events{border:1px solid #DED1A2; overflow:hidden; clear:both;}
#rightcolumn #events .whatson h3{width:90%; margin-left:auto; margin-right:auto; color: #87640C; padding-top:5px; padding-bottom:2px; font-size:12px; line-height:1.3em; font-weight:bold;}
#rightcolumn #events .whatson h3 a{text-decoration:none; color: #87640C;} #rightcolumn #events .whatson h3 a:hover{text-decoration:none; color: #333;}
#rightcolumn #events .whatson p{width:90%; margin-left:auto; margin-right:auto; color:#666; font-size:12px; line-height:1.4em; margin-bottom:5px;}
#rightcolumn #events .whatson p a{color:#8E6E19; border-bottom:1px solid #DED1A2; text-decoration:none;} #rightcolumn #events .whatson p a:hover{color:#333;}

#rightcolumn #events .whatson p.seemore{margin-bottom:8px;}

#footer{clear:both; background-color:#4070A1; color:#D9E2EC;  height:26px; background-image:url(../img/backgrounds/footer_bg.jpg); background-repeat:repeat-x; background-position:bottom left; position:relative;}
#footer p{padding:3px; font-size:11px; line-height:18px; padding-left:10px;}
#footer img.aloud{position:absolute; right:5px; top:-7px; z-index:50;}
#footer a{text-decoration: none; color: #E5ECF0;} #footer a:hover{border-bottom:1px solid #A9BDD3;}

#foot_options{clear:both; padding-left:10px; padding-top:3px;}
#foot_options ul li{display:inline; margin-right:7px; font-size:10px; font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; color:#999; padding-left:15px; background-repeat:no-repeat; line-height:12px; }
#foot_options ul li a{color:#999; text-decoration:none;} #foot_options ul li a:hover{color:#666;}
#foot_options ul li.bookmark{background-image:url(../img/icons/bookmark.gif);}
#foot_options ul li.sendpage{background-image:url(../img/icons/sendpage.gif);}




