/* Article
---------------------------------------------------------- */
#article { margin: 23px 0 0 14px; }
#article.small { float: left; display: inline; width: 658px; height: 100%; overflow: hidden; }
#article h1 { margin-bottom: 11px; }
#article h2.title { font-weight: bold; color: #b8981a; margin-bottom: 15px; }

	/* left */
	#article div.left { float: left; width: 232px; overflow: hidden; }

	/* teacherform */
	#article form.teacherform { float: left; clear: left; width: 190px; overflow: hidden; background: #f7efd0; padding: 14px 12px; }
	#article form.teacherform h2 { font-size: 14px; text-transform: uppercase; color: #03478a; }
	#article form.teacherform fieldset { height: 100%; overflow: hidden; }
	#article form.teacherform fieldset p { color: #4f4f4f; line-height: 17px; margin: 13px 0 0; }
	#article form.teacherform fieldset input { width: 188px; border: 1px solid #d0d2d4; color: #004990; padding: 2px 0; margin-top: 10px; }
	#article form.teacherform fieldset button { width: 110px; height: 22px; text-indent: -999px; margin-top: 10px; border: 0; overflow: hidden; cursor: pointer; padding: 0; background: url(../../images/layout/buttons/teacher_register.png); float: right; }
	#article form.teacherform fieldset span.error { display: block; padding-top: 3px; color: #C70000; font-size: 11px; }
	
	/* content */
	#article div.content { color: #4f4f4f; margin-right: 1px; }
	#article div.content.small { float: left; width: 416px; margin: 0; overflow: hidden; }
	
	/* text */
	#article div.text { line-height: 17px; }
	#article div.text h2 { font-weight: bold; color: #b8981a; }
	#article div.text h3 { font-weight: bold; color: #004990; margin: 10px 0; }
	#article div.text ul { margin: 15px; list-style: disc; }
	#article div.text ul li { margin: 5px 0 0 15px; }
	#article div.text p { margin-bottom: 15px; padding-right: 10px; }
	#article div.text p a { color: #004990; }
	#article div.text p a:hover { text-decoration: none; }
	
	/* bulletlist */
	#article div.text ul.bulletlist { margin: 15px; list-style: disc; line-height: 17px; background: #f3f9fd; padding: 10px 25px; }
	#article div.text ul.bulletlist li { margin-bottom: 5px; }
	#article div.text ul.bulletlist li a { color: #03478A; }
	
	/* files */
	#article div.files { clear: both; margin: 5px 0 15px; }
	#article div.files h2 { font-weight: bold; font-size: 14px; color: #004990; margin-bottom: 5px; }
	#article div.files ul { background: #f3f9fd; padding: 10px; line-height: 25px; }
	#article div.files ul li { padding-left: 25px; background: url(../../images/layout/filetypes/default.gif) left no-repeat; }
	#article div.files ul li a { color: #004990; }
	#article div.files ul li a:hover { text-decoration: none; }
	
	#article div.files ul li.doc { background-image: url(../../images/layout/filetypes/doc.gif); }
	#article div.files ul li.img { background-image: url(../../images/layout/filetypes/img.gif); }
	#article div.files ul li.pdf { background-image: url(../../images/layout/filetypes/pdf.gif); }
	#article div.files ul li.ppt { background-image: url(../../images/layout/filetypes/ppt.gif); }
	#article div.files ul li.xls { background-image: url(../../images/layout/filetypes/xls.gif); }
	#article div.files ul li.zip { background-image: url(../../images/layout/filetypes/zip.gif); }
	
	/* links */
	#article div.links { clear: both; margin: 5px 0 15px; }
	#article div.links ul li { text-align: right; line-height: 21px; }
	#article div.links ul li a { color: #03478a; }
	#article div.links ul li a:hover { text-decoration: none; }
	
	/* tags */
	#article div.tags { clear: both; margin: 5px 0 15px; line-height: 16px; background: url(../../images/layout/icons/tag.gif) left no-repeat; padding-left: 21px; }
	#article div.tags label { color: #4f4f4f; font-weight: bold; }
	#article div.tags ul { display: inline; }
	#article div.tags ul li { display: inline; margin-right: 2px; }
	#article div.tags ul li a { color: #004990; }
	#article div.tags ul li a:hover { text-decoration: none; }
	
	/* cta */
	#article div.cta { clear: both; top: 5px; position: relative; }
	#article div.cta ul { overflow: hidden; height: 100%; }
	#article div.cta ul li { float: left; margin-right: 7px; overflow: hidden; background: #004990; height: 256px; width: 145px; position: relative; padding: 7px; }
	#article div.cta ul.small li { height: 185px; }
	#article div.cta ul li.last { margin-right: 0; }
	#article div.cta ul li img { width: 145px; height: 78px; }
	#article div.cta ul li h2 { color: white; font-size: 14px; text-transform: uppercase; margin: 5px 0 0 3px; }
	#article div.cta ul li p { color: #e1f0fa; margin: 5px 0 0 4px; }
	#article div.cta ul li a.more { right: 7px; bottom: 11px; font-size: 12px; }
	
	/* sublinks */
	#article div.sublinks { clear: both; background: #f3f9fd; padding: 18px 19px; top: 5px; position: relative; }
	#article div.sublinks h2 { font-weight: bold; font-size: 14px; color: #004990; margin-bottom: 5px; }
	#article div.sublinks ul { line-height: 21px; }
	#article div.sublinks ul li a { color: #004990; }
	#article div.sublinks ul li a:hover { text-decoration: none; }
	
	/* replies */
	#article div.replies { background: #f3f9fd; padding: 18px; }
	#article div.replies h2 { color: #004990; font-size: 14px; font-weight: bold; }
	#article div.replies p.empty { line-height: 17px; padding: 0; }
	#article div.replies ol { margin-bottom: 20px; }
	#article div.replies ol li { padding: 12px 0; background: url(../../images/layout/horizontal_line.png) left bottom repeat-x; }
	#article div.replies ol li h3 { color: #b8981a; font-size: 12px; font-weight: bold; }
	#article div.replies ol li h3 a { color: #b8981a; text-decoration: underline; }
	#article div.replies ol li h3 a:hover { text-decoration: none; }
	#article div.replies ol li p { line-height: 17px; color: #4f4f4f; padding-top: 2px; }
	
	/* weatherstats */
	#article div.weatherstats { clear: both; width: 645px; }
	#article div.weatherstats div.block { overflow: hidden; background: #f3f9fd; padding: 20px 0; margin-bottom: 20px; }
	#article div.weatherstats div.block img.left { float: left; display: inline; margin: 0 0 0 17px; }
	#article div.weatherstats div.block img.right { float: right; display: inline; margin: 0 17px 0 0; }

/* Photoalbums
---------------------------------------------------------- */
#photoalbums { margin-top: 23px; float: left; display: inline; width: 658px; height: 100%; overflow: hidden; position: relative; }
#photoalbums h1 { margin-bottom: 11px; }
#photoalbums p { padding: 0 0 11px; line-height: 18px; } 
#photoalbums ul li { float: left; width: 209px; height: 224px; margin-right: 14px; }
#photoalbums ul li.last { margin-right: 0; }
#photoalbums ul li a { display: block; text-decoration: none; }
#photoalbums ul li a img { width: 205px; height: 180px; border: 2px solid #e5f2fb; }
#photoalbums ul li a:hover img { border-color: #d5e2eb; }
#photoalbums ul li a strong { display: block; text-align: center; color: #b8981a; line-height: 17px; margin-top: 6px; }
#photoalbums ul li a:hover strong { text-decoration: underline; }
#photoalbums div.links { clear: both; margin: 5px 0 15px; }
#photoalbums div.links ul li { text-align: right; line-height: 21px; width: auto; }
#photoalbums div.links ul li a { color: #03478a; }
#photoalbums div.links ul li a:hover { text-decoration: none; }

/* Membersection
---------------------------------------------------------- */
#membersection { margin-top: 25px; }
#membersection h1 { margin-left: 13px; }

	/* sidebar */
	#membersection #sidebar { float: left; margin-top: 15px; }
	
	/* article */
	#membersection #article { margin-top: 15px; }
	
	/* photoalbums */
	#membersection #photoalbums { margin: 13px 0 0 18px; }
	#membersection #photoalbums h2 { color: #004990; font-size: 14px; font-weight: bold; margin-bottom: 2px; }
	
/* Listpage
---------------------------------------------------------- */
#listpage { margin-top: 25px; padding-left: 13px; }
#listpage.small { float: left; width: 648px; }

	/* text */
	#listpage div.text { margin: 10px 0; }
	#listpage div.text p { line-height: 17px; }

	/* list */
	#listpage.small div.list ol li div.content { width: 510px; }
	
/* Calendarpage
---------------------------------------------------------- */
#calendarpage { margin-top: 25px; padding-left: 13px; }

	/* left */
	#calendarpage div.left { float: left; width: 310px; }
	
	/* calendar */
	#calendarpage div.calendar { margin-top: 16px; }
	#calendarpage div.calendar div.navigation { line-height: 19px; height: 19px; overflow: hidden; }
	#calendarpage div.calendar div.navigation span.previous,
	#calendarpage div.calendar div.navigation span.next { width: 100px; color: #004990; font-size: 11px;  }
	#calendarpage div.calendar div.navigation span.previous a,
	#calendarpage div.calendar div.navigation span.next a { color: #004990; }
	#calendarpage div.calendar div.navigation span.previous a:hover,
	#calendarpage div.calendar div.navigation span.next a:hover { text-decoration: none;  }
	#calendarpage div.calendar div.navigation span.previous { float: left; }
	#calendarpage div.calendar div.navigation span.next { float: right; text-align: right; }
	#calendarpage div.calendar div.navigation span.current { width: 110px; text-align: center; float: left; font-weight: bold; color: #8a6f03;  }
	
	#calendarpage div.calendar table { width: 100%; background: #e1f0fa; margin: 7px 0 0; line-height: 29px; font-weight: bold; }
	#calendarpage div.calendar table thead th { font-weight: bold; color: #e4d187; background: #8a6f03; text-align: center; border: 1px solid #775f03; border-top-color: #98bcd3; width: 14.3% }
	#calendarpage div.calendar table tbody td { color: #98bcd3; text-align: center; border: 1px solid #98bcd3; border-top: 0; }
	#calendarpage div.calendar table tbody td.today { color: #004990; }
	#calendarpage div.calendar table tbody td a { display: block; background: #bbe4ff; border: 1px solid #FFF; color: #004990; }
	#calendarpage div.calendar table tbody td a:hover { text-decoration: none; }
	#calendarpage div.calendar table tbody td a.current { background-color: #e4d187; }
	#calendarpage div.calendar table tfoot td { border: 0; background: white; text-align: center; line-height: 34px; }
	#calendarpage div.calendar table tfoot td a { color: #004990; }
	#calendarpage div.calendar table tfoot td a:hover { text-decoration: none; }
	
	/* tip */
	#calendarpage div.tip { padding: 18px 15px 0 19px; width: 276px; height: 231px; position: relative; background: url(../../images/layout/calendar_tip_background.png) no-repeat; overflow: hidden; margin-top: 16px; }
	#calendarpage div.tip h2 { font-size: 16px; color: #FFF; text-transform: uppercase; }
	#calendarpage div.tip h3 { font-weight: bold; color: #afdaf3; margin-top: 6px; }
	#calendarpage div.tip div.content { overflow: hidden; width: 100%; margin-top: 4px; }
	#calendarpage div.tip div.content div.image { float: left; width: 66px; height: 66px; margin: 3px 10px 0 0; display: inline; }
	#calendarpage div.tip div.content div.image a { border: 1px solid #b5c9d9; display: block; }
	#calendarpage div.tip div.content div.image a img { border: 2px solid #e3f1f8; display: block; width: 60px; height: 60px; }
	#calendarpage div.tip div.content div.image a:hover img { border-color: #f3ffff; }
	#calendarpage div.tip div.content div.main { float: left; width: 200px; }
	#calendarpage div.tip div.content div.main p { line-height: 17px; color: #FFF; font-weight: bold; }
	#calendarpage div.tip div.description { clear: both; margin-top: 16px; }
	#calendarpage div.tip div.description p { line-height: 17px; font-size: 11px; color: #FFF; }
	#calendarpage div.tip ul.labels { position: absolute; top: 18px; right: 17px; }
	#calendarpage div.tip ul.labels li { float: left; padding: 0; background: transparent none; height: auto; position: static; margin-right: 1px; }
	#calendarpage div.tip ul.labels li a { color: #03478a; text-decoration: none; font-size: 11px; line-height: 15px; float: left; border: 1px solid #a2bed1; padding: 0 3px; background: #f3f9fd; font-weight: normal; }
	#calendarpage div.tip ul.labels li a:hover { background-color: #FFF; }
	#calendarpage div.tip a.more { bottom: 17px; right: 20px; }
	
	/* list */
	#container #calendarpage div.list { float: right; width: 550px; padding-top: 25px; }
	#container #calendarpage div.list ol li { padding: 15px 13px 10px 12px; }
	#container #calendarpage div.list ol li h3 { font-size: 12px; padding-right: 100px; }
	#container #calendarpage div.list ol li div.image { width: 66px; }
	#container #calendarpage div.list ol li div.content { width: 445px; }
	#container #calendarpage div.list ol li div.content ul.actions { left: 90px; bottom: 12px; }
	#container #calendarpage div.list ol li div.content ul.actions li { padding: 0; }
	#container #calendarpage div.list ol li div.content ul.actions li.tags { padding-left: 21px; }
	#container #calendarpage div.list ol li div.content ul.labels li { padding: 0; }
	#container #calendarpage div.list ol li div.content a.more { right: 9px; bottom: 15px; }
	
	
/* Links
---------------------------------------------------------- */
#links { margin: 23px 0 0 14px; float: left; display: inline; width: 648px; }
#links h1 { margin-bottom: 11px; }

	/* overview */
	#links ul.overview li { padding: 0 0 15px; }
	#links ul.overview li h2 { font-size: 14px; font-weight: bold; color: #004990; }
	#links ul.overview li ol li { background: url(../../images/layout/horizontal_line.png) left bottom repeat-x; padding: 12px 0 15px 10px; }
	#links ul.overview li ol li.last { background-image: none; padding-bottom: 0; }
	#links ul.overview li ol li h3 { color: #b8981a; font-weight: bold; }
	#links ul.overview li ol li p { line-height: 17px; margin: 7px 0 10px; }
	#links ul.overview li ol li a { color: #b8981a; text-decoration: underline; }
	#links ul.overview li ol li a:hover { text-decoration: none; }
	
	/* more */
	#links ul.more { background: url(../../images/layout/horizontal_line.png) left top repeat-x; padding-top: 1px; }
	#links ul.more li { background: #f3f9fd url(../../images/layout/horizontal_line.png) left bottom repeat-x; line-height: 34px; padding-left: 12px; }
	#links ul.more li.even { background-color: #FFF; }
	#links ul.more li a { color: #004990; }
	#links ul.more li a:hover { text-decoration: none; }
	
/* Contact
---------------------------------------------------------- */
#contact { width: 100%; overflow: hidden; }

	/* map */
	#contact div.map { float: left; width: 309px; }
	#contact div.map h2 { font-size: 16px; text-transform: uppercase; color: #e80000; text-align: center; }
	#contact div.map #googlemap { width: 100%; height: 248px; }
	#contact div.map p { color: #4f4f4f; line-height: 17px; margin: 17px 0; }
	#contact div.map h2 { color: #b8981a; font-size: 12px; font-weight: bold; margin-bottom: 3px; }
	#contact div.map ul { list-style: disc outside; margin: 0 0 0 25px; }
	#contact div.map ul li { margin-bottom: 3px; }
	#contact div.map form label { display: block; font-weight: bold; color: #b8981a; line-height: 24px; }
	#contact div.map form input { width: 98%; border: 1px solid #dcdde1; border-top-color: #aaadb2; padding: 2px; color: #004990; }
	#contact div.map form button { width: 110px; height: 22px; text-indent: -999px; margin-top: 19px; border: 0; overflow: hidden; cursor: pointer; padding: 0; background: url(../../images/layout/buttons/route.png); float: right; display: inline; margin-right: 2px; }
	
	div#directions_error {clear:both;}
	div#directions_error span {height:auto;}
	#print {display:none; float:right; background:transparent url(../../images/layout/icons/fax.png) no-repeat scroll 0 7px; padding-left:25px;line-height: 18px;padding-top:5px;} 
	#directions {clear:both; padding-top:5px;}
	.adp-step, .adp-text,.adp-step, .adp-stepicon, .adp-substep {font-size: 12px;}
	
	/* form */
	#contact form.default { float: right; width: 308px; clear: none; }
	#formpage #contact form.default div.entry.captcha input { width: 189px; }


/* Formpage
---------------------------------------------------------- */
#formpage { margin: 23px 0 0 14px; float: left; display: inline; width: 644px; height: 100%; overflow: hidden; }
#formpage h1 { margin-bottom: 16px; }

	/* info */
	#formpage div.info { background: #f3f9fd; padding: 17px 20px 5px; margin: 5px 0 20px; }
	#formpage div.info h2 { color: #b8981a; font-size: 12px; font-weight: bold; margin-bottom: 3px; }
	#formpage div.info p { line-height: 17px; color: #4f4f4f; margin-bottom: 15px; }
	#formpage div.info p a { color: #004990; }
	#formpage div.info p a:hover { text-decoration: none; }
	#formpage div.info ul { list-style: disc outside; margin: 0 0 15px 25px; }
	#formpage div.info ul li { margin-bottom: 3px; }
	
	/* form */
	#formpage form.default { margin-top: 5px; }
	#formpage form.default div.entry.captcha input { width: 519px; }

/* Form
---------------------------------------------------------- */
form.default { clear: both; }

	/* fieldset */
	form.default fieldset legend { display: block; font-weight: bold; color: #004990; }
	
	/* entry */
	form.default div.entry { overflow: hidden; height: 100%; clear: both; margin-top: 5px; color: #004990; }
	form.default div.entry label { display: block; line-height: 24px; }
	form.default div.entry label abbr { border: 0; padding: 0 3px; }
	
	/* text */
	form.default div.entry.text input { border: 1px solid #dcdde1; border-top-color: #aaadb2; padding: 2px; color: #004990; width: 98%; }
		
	/* captcha */
	form.default div.entry.captcha img { float: left; }
	form.default div.entry.captcha input { float: left; width: 260px; margin: 9px 0 0 14px; }
	form.default div.entry.captcha span.error { clear: both; }
	
	/* textarea */
	form.default div.entry.textarea textarea { border: 1px solid #dcdde1; border-top-color: #aaadb2; padding: 2px; color: #004990; width: 98% }
	
	/* submit */
	form.default div.entry.submit p { float: left; line-height: 17px; padding-top: 10px; }
	form.default div.entry.submit button { width: 110px; height: 22px; text-indent: -999px; margin-top: 10px; border: 0; overflow: hidden; cursor: pointer; padding: 0; background: url(../../images/layout/buttons/send.png); float: right; display: inline; margin-right: 2px; }
	
	/* error */
	form.default div.entry.error input,
	form.default div.entry.error textarea,
	form.default div.entry.error select { background-color: #FFEEEE; }
	form.default div.entry.error span.error { display: block; padding-top: 3px; color: #C70000; font-size: 11px; }
	
	/* zipcity */
	form.default div.entry.zipcity div.zip { width: 158px; float: left; }
	form.default div.entry.zipcity div.zip.error input { background-color: #FFEEEE; }
	form.default div.entry.zipcity div.city { width: 465px; float: right; margin-right: 4px; display: inline; }
	form.default div.entry.zipcity div.city.error input { background-color: #FFEEEE; }
	form.default div.entry.zipcity span.error { display: block; padding-top: 3px; color: #C70000; font-size: 11px; }

/* Trailers
---------------------------------------------------------- */
#container div#trailerlist li {padding:0px 13px 0 12px; float: none;}
#container div#trailerlist li div.listtitle {height:34px;}
#container div#trailerlist li div.listtitle h3 {display:block;float:left;font-size:12px;line-height: 34px;margin:0}
#container div#trailerlist li div.listtitle a {display:block;float:right;line-height: 34px;position:relative;color: #004990; padding-right: 12px; background: url(../../images/layout/more_bullet.png) right no-repeat;}

#container div#trailerlist li div.listcontent {display:none;padding-bottom:21px;clear:both;}

#container div#trailerlist li div.listtitle.active h3 {font-size:14px;}
#container div#trailerlist li div.listtitle.active a {display: none}

#container div#trailerlist li.first div.listcontent {display:block}

/* Observations - Calendar
---------------------------------------------------------- */
#container div#calendarList li {padding:0px 13px 0 12px; float: none;}
#container div#calendarList li div.listTitle {height:34px;}
#container div#calendarList li div.listTitle h3 {display:block;float:left;font-size:12px;line-height: 34px;margin:0}
#container div#calendarList li div.listTitle a {display:block;float:right;line-height: 34px;position:relative;color: #004990; padding-right: 12px; background: url(../../images/layout/more_bullet.png) right no-repeat;}

#container div#calendarList li div.listContent {display:none;padding-bottom:21px;clear:both; line-height: 17px;}
#container div#calendarList li div.listContent h2 { font-weight: bold; color: #b8981a; }
#container div#calendarList li div.listContent h3 { font-weight: bold; color: #004990; margin: 10px 0; }
#container div#calendarList li div.listContent ul { margin: 15px; list-style: disc; }
#container div#calendarList li div.listContent ul li { margin: 5px 0 0 15px; }
#container div#calendarList li div.listContent p { margin-bottom: 15px; padding-right: 10px; }
#container div#calendarList li div.listContent p a { color: #004990; }
#container div#calendarList li div.listContent p a:hover { text-decoration: none; }

#container div#calendarList li div.listTitle.active h3 {font-size:14px;}
#container div#calendarList li div.listTitle.active a {display: none}

#container div#calendarList li.first div.listContent {display:block}


/* Searchresults
---------------------------------------------------------- */
#search { margin: 23px 0 0 14px; }
#search.small { float: left; display: inline; width: 658px; height: 100%; overflow: hidden; }
#search h1 { margin-bottom: 11px; }
#search h2 {color:#004990;font-size:14px;font-weight:bold;padding-top: 10px;}
#search div.gsc-tabsArea, #search div.gsc-search-box {display:none}
#search div.gsc-control div, #search form.gsc-search-box {width:639px;}

#search table.gsc-resultsHeader {display:none}

#search table.gsc-search-box {display:none}
#search table.gsc-branding {width:216px;float:right;margin-top:-18px;}
#search div.gsc-control div.gsc-branding-text {width:150px;}

#search .gs-result .gs-title, #search .gs-result .gs-title * * {color:#B8981A;font-weight:bold;text-decoration: none}
#search .gs-result a.gs-visibleUrl, #search .gs-result .gs-visibleUrl {color:#B8981A;font-weight:normal;text-decoration:underline}

#search .gsc-result {padding-top:10px;}
#search .gs-snippet {padding:5px 0}
#search .gs-no-results-result .gs-snippet {padding:5px}
#search .gsc-expansionArea .gsc-result {background:transparent url(../../images/layout/horizontal_line.png) repeat-x scroll left top;line-height: 17px}

	/* pagination */
	#search .gsc-cursor {text-transform: uppercase; color: #004990; text-align: center; line-height: 20px; clear: both; margin-top: 18px;margin:0 auto;width:auto !important;display: block}
	#search .gsc-cursor-page { display: inline; border: 1px solid #a2bed1; text-decoration: none; color: #004990; padding: 2px 4px;}
	#search .gsc-cursor-current-page { display: inline;background: #004990; color: #f3f9fd; padding: 2px 4px; }
	#search .gsc-cursor-page:hover { background: #004990; color: #f3f9fd;color: #f3f9fd; }