/* CSS Document */

* { margin: 0; padding: 0; }

body { font-size: 85%; background: #fff url(background.gif) top repeat-x; line-height: 130%;}

#header { margin: 0 auto; width: 870px; height: 200px; margin-bottom: 30px; position: relative; }

#header h1 { width: 339px; height: 63px; background: transparent url(GlenArborLogo.gif) top left no-repeat; position: absolute; top: 55px; left: 0; }
#header h1 a { width: 339px; height: 63px; overflow: hidden; display: block; text-indent: -5000px; border:none; }	

h1 { margin: 5px 0 20px 0;}
h2 { margin: 5px 0 20px 0;}

h2.recentnews { width: 113px; height: 17px; background: url(title-recent-news.gif) top left no-repeat; text-indent: -5000px;}
h2.information { width: 97px; height: 17px; background: url(title-information.gif) top left no-repeat; text-indent: -5000px;}
h2.podcasts { width: 78px; height: 17px; background: url(title-podcasts.gif) top left no-repeat; text-indent: -5000px;}
h2.newsletter { width: 157px; height: 21px; background: url(title-newsletter.png) top left no-repeat; text-indent: -5000px;}
h2.login { width: 124px; height: 21px; background: url(title-login.png) top left no-repeat; text-indent: -5000px;}
h2.flickr { width: 113px; height: 17px; background: url(title-flickr.gif) top left no-repeat; text-indent: -5000px;}


h3 { font-style: italic; margin: 5px 0 20px 0; }
h4 { font-size: 120%; }



:focus {outline: none;}

p { margin-bottom: 20px; }

img {border: none;}

a { text-decoration: none; color: #650000; }
a:hover { text-decoration: underline; }

/*  Tiny Navigation  */

ol#tinyNav { height: 22px; position: absolute; top: 0; right: 0; }
ol#tinyNav li { display: inline; list-style: none; }
ol#tinyNav li a { font-size: 75%; font-family: "Lucida Grande", Helvetica, Arial; text-transform: uppercase; color: #fff; margin-left: 4px; line-height: 25px; border-right: 1px solid; padding-right: 5px; }
ol#tinyNav li a.last { border: none; margin-right: 0; padding-right: 0; }	
	
/*  Site Navigation  */

ol#siteNav { height: 35px; width: 870px; position: absolute; top: 140px; }
ol#siteNav li { display: inline; list-style: none; float: left; }
ol#siteNav li a { font-size: 110%; color: #fff; display: block; width: 144px; margin-right: 1px; text-align: center; height: 35px; line-height: 30px; background: url(siteNav_back-off.gif); }
ol#siteNav li a.active { color: #650000; background: url(siteNav_back-on.gif); }

/*  Sub Navigation  */
	
ol#subNav { height: 25px; width: 870px; position: absolute; top: 175px; }
ol#subNav li { display: inline; list-style: none; float: left; }
ol#subNav li a { font-size: 95%; margin-right: 20px; text-align: center; height: 25px; line-height: 27px; }

/*  Content  */

#content { width: 880px; margin: 0 auto; }
#left { width: 580px; padding-right: 10px; border-right: 1px #ccc solid; margin-right: 10px; float: left; margin-bottom: 50px; }
#left h2 { font-size: 135%; }
#right { width: 279px; float: left; }

#slideshow { width: 578px; height: 233px; background: #fff url(slideshow_back.png) top left no-repeat; margin-bottom: 20px; padding: 3px 0px 0px 2px; }
#slideshow p { line-height: 233px; text-align: center; }

#information { float: left; width: 279px; margin: 0 20px 10px 0; }
#information ol li { display: inline; list-style: none; }
#information ol li a { background: url(info-back.gif) bottom left repeat-x; width: 260px; height: 34px; display:block; color: #000; padding: 6px 5px 0 5px; line-height: 110%; }
#information ol li a:hover { background: url(info-back-hover.gif) bottom left repeat-x; text-decoration: none; }

#podcasts { float: left; width: 279px; margin-bottom: 10px;}
#podcasts .single-podcast { background: #CACACA url(info-back.gif) top left repeat-x; clear: both; width: 279px; padding-bottom: 6px; }
#podcasts .single-podcast:hover { background: #A0A0A0 url(info-back-hover.gif) top left repeat-x; padding-bottom: 6px;}
#podcasts .single-podcast .text a { float: left; width: 205px; display:block; color: #000; padding: 6px 5px 0 5px; line-height: 110%; }
#podcasts .single-podcast .text a:hover{ text-decoration:none; }
#podcasts .single-podcast .buttons { float: left;height: 34px; display:block; color: #000; padding: 6px 5px 0 5px; line-height: 110%; }
#podcasts .single-podcast .buttons a { margin: 0 5px; position: relative; top: 7px; }

#upcomingevents {width: 278px; background: url(upcomingevents.png) top left no-repeat; padding-top: 45px; }
#upcomingevents ul li { list-style: none; display:block; background: url(event_back.png) bottom left no-repeat; width: 258px; height: 38px; color: #fff; padding: 8px 10px 0 10px; line-height: 110%;}
#upcomingevents ul li a { display:inline; color: #ffffff; font-weight: bold; }
#upcomingevents ul li:hover { background-position: top; text-decoration: none; }
#upcomingevents-bottom {width: 278px; background: url(upcomingevents-bottom.png) top left no-repeat; height: 4px; margin-bottom: 20px;}

#recentnews { width: 570px; float: left; padding-right: 30px;}
#recentnews li {list-style:none; margin-left: 0px; }
#recentnews a { color: #650000; font-size: 125%; font-weight: 600;}

#newsletter { width: 248px; height: 237px; background: url(newsletter-back.png) top left no-repeat; margin-bottom: 20px; padding: 15px; }
#newsletter form {text-align: right; }
#newsletter input.box { width: 240px; padding: 2px; margin-bottom: 10px; }

#flickr { margin-bottom: 2px; padding-left: 4px; }
#flickr a img { width: 75px; height: 75px; border: #ccc 4px solid; margin: 0 8px 8px 0;}
#flickr a img.last { margin: 0 0 8px 0; }
#flickr a:hover img { border-color: #999; }

/*  Footer  */

#footer { background: #404040 url(footer_back.gif) top repeat-x; min-height: 125px; }
#footer-inner { font-size: 90%; width: 880px; margin: 0 auto; color: #fff; }
#footer-inner a { color: #fff; text-decoration: underline; }

/*  Misc Classes  */

span.date { font-style: italic; font-weight: bold; font-size: 95%; }
span.event { font-size: 95%;}
span.title {font-style: none; font-weight: bold; color:#650000; }

.getmore { text-align: right; padding-right: 10px; font-size: 85%; margin-top: 5px; }
.getmore a { color: #000; }
.getmore img.podcast {position: relative; top: 2px; margin: 3px 0 0 5px;}

.column { float: left; width: 273px; padding: 20px 20px 20px 0; }
.column-last { float: left; width: 253px; padding: 20px; }

.clear { clear: both; }

.img-float-l {
	float: left;
	padding: 5px;
	border: #666 1px solid;
	margin: 5px 5px 10px 10px;
	}

.img-float-r {
	float: right;
	padding: 5px;
	border: #666 1px solid;
	margin: 0 0 10px 10px;
	}

/* =NEWSLETTER SIGN UP & LOGIN */
#newsletter h2 { margin-bottom: 10px; }
#newsletter { padding-bottom: 1em; }
#newsletter input[type=text], #newsletter input[type=password] { 
  width: 240px; padding: 2px; margin-bottom: 10px; 
}
#newsletter input[type=submit] { float: right; }

form#markupfactory-getnewslettersignup-signup fieldset { border: none; }
form#markupfactory-getnewslettersignup-signup label { display: none; }

#LoginPanel p { 
  color: #ffffff;
  font-weight: bold;
  margin-bottom: 0px;
  text-align: center;
}
#LoginPanel ul { list-style: none; }
#LoginPanel ul li a { color: #ffffff; }
#LoginPanel form br { display: none; }
#LoginPanel form ul { display: none; }
#LoginPanel fieldset { border: 0px; }
#LoginPanel fieldset legend { display: none; }