html { height: 101%; }
* { padding: 0; margin: 0; }
img { outline: none; border: none; }
a { text-decoration: none; color: #003366;}
a:hover { text-decoration: underline;}

.readmore,a.readmore,.readmore a { color: #37939b; font-family: Trebuchet MS; text-transform: uppercase; font-size: 10px;}
.mention,a.mention,.mention a { color: #999; font-family: Trebuchet MS; text-transform: uppercase; font-size: 10px; }
.mention { position: relative; list-style-type: none; }
.mention li { display: inline-block; line-height: 12px; height: 12px; }
.category,a.category,.category a { color: #37939b; font-family: Trebuchet MS; text-transform: uppercase; font-size: 10px; }

.button-small { display: block; text-align: center; width: 162px; height: 25px; line-height: 20px; color: White; font-size: 12px; background: url(button-small.png) no-repeat 0 -2px; }

body { text-align: center; background: #eaeaea url(bg-slice.png) repeat-x center top; font-family: Georgia; font-size: 14px; color: black;}
#wrapper { width: 995px; margin: 0px auto; border: solid 0px blue; background: url(bg-horz.png) repeat-y left top; }
#template { margin: 0 10px; text-align: left; border: solid 0px red;} 
/* signature below template */
#signature { width: 975px; margin: 0 auto; margin-top: 10px; padding-bottom: 10px; color: #999; text-align: right;}
#signature a { color: #999; }

/* top ad banner + search box */
#top-ad-banner { height: 114px; background-color: #d2d2d2; position: relative;}
#top-ad-banner .ad { position: absolute; left: 12px; top: 12px; width: 728px; height: 90px; }
#top-ad-banner .search-box { position: absolute; right: 12px; top: 12px; width: 212px; height: 90px; background-color: #eaeaea;}
#top-ad-banner .search-box .inner { padding: 12px; font-size: 12px; color: #003366;}
#top-ad-banner .search-box p { margin-bottom: 5px; font-style: italic; } 
#top-ad-banner .search-box a { color: #37939b; text-transform: none; font-style: normal; font-size: 11px;} 

/* top headers */
#top-header { height: 135px; border: solid 0px red; position: relative; text-align: left;}

#member-box { position: absolute; top: 22px; right: 25px; width: 375px; height: 80px; background-color: #e7f1f3; color: #003366; font-size: 14px;}
#member-box .inner {padding: 10px;}

#top-links { position: absolute; bottom: 10px; right: 25px; font-size: 16px; list-style-type: none; }
#top-links li { text-transform: capitalize; font-weight: normal; color: #036; float: left; padding-left: 5px;}
#top-links a { text-transform: capitalize; font-weight: normal;color: #036;}

#top-menu { font-size: 17px; padding-left: 10px; background: url(bg-menu1.png) repeat-x; list-style-type: none; height: 46px;}
#top-menu li { float: left; color: White; text-transform: capitalize; line-height: 46px; padding-left: 20px;}
#top-menu li.selected { /*background-color: #37939b; */}
#top-menu a { color: White; text-transform: capitalize; }
#top-menu a.selected { }

#sub-menu-bar {height: 34px; background: url(bg-menu2.png) repeat-x; }
 #sub-menu-bar .title { height: 34px; line-height: 32px;  font-size: 16px;  color: White; font-weight: bold; text-transform: uppercase; padding: 0 10px; background: url(bg-menu2-slice.png);}
 #sub-menu-bar .title-spacer { height: 34px; width: 32px; background: url(bg-menu2-right.png);}
 #sub-menu { float: left; font-size: 14px; padding-left: 10px; list-style-type: none; }
 #sub-menu li { float: left; color: #003366; text-transform: capitalize; line-height: 32px; margin-right: 15px;}
 #sub-menu li.ispadding {color: #37939b;}
 #sub-menu a { color: #003366; text-transform: capitalize; }
 #sub-menu a.selected { color: #37939b; }

/* breaking news*/
#breaking-box { background: url(bg-breaking-box-slice.png) repeat-x top center; height: 34px; overflow: hidden; }
#breaking-box .title { height: 34px; line-height: 34px;  font-size: 18px;  color: White; font-weight: bold; text-transform: uppercase; padding: 0 10px; background: url(bg-breaking-slice.png);}
#breaking-box .title-spacer { height: 34px; width: 34px; background: url(bg-breaking-right.png);}
#breaking-box .headline { height: 34px; line-height: 34px; font-size: 18px;color: White; font-weight: normal; padding: 0px 10px; }
#breaking-box a { color: White; }

/* page where content layout will be displayed */
#page { background-color: White; }

 /* bottom menus */
#bottom-menu-list { background-color: #002d55; color: White; font-family: Trebuchet MS; overflow: hidden; padding: 20px; }
#bottom-menu-list a {color: white;}
#bottom-menu-list table { width: 70%; margin: 0 auto; }
#bottom-menu-list .spacer { width: 50px;}
#bottom-menu-list .border-right { border-right: solid 1px white; }
#bottom-menu-list .bottom-menu-box { padding: 0 10px; }
#bottom-menu-list .bottom-menu-box ul {list-style-type: circle; margin-left: 10px; padding-left: 10px; }
#bottom-menu-list .bottom-menu-box ul a {color: White;}
 
 /* bottom scripts */
#bottom-box-list {background-color: #ddd; overflow: hidden; padding-bottom: 5px;}
#bottom-box-list .bottom-box { margin: 15px 10px; border-right: dotted 1px #999; float: left;}

/**************************************************************************/
/* generic layout styling */
.content { margin: 0px; border: solid 0px blue; overflow: hidden; text-align: left; min-height: 500px;}
.content .slideshow .caption { background-color: white;}
.content h1, .content-box h1 {margin-bottom: 10px; font-size: 18px; color: Black;}
.content h2, .content-box h2 {margin-bottom: 10px; font-size: 16px; color: Black;}
.content h3, .content-box h3 {margin-bottom: 10px; font-size: 14px; color: Black;}
.content p, .content-box p { /*line-height: 18px; */}

.middle-ruler { background-color: #002d55; height: 20px; margin-bottom: 10px;}

.error-box { color: Red; font-size: 14px; padding: 10px; background-color: #fdd; margin-bottom: 10px; }
.info-box { color: green; font-size: 14px; padding: 10px; background-color: #dfd; margin-bottom: 10px; }

.col-container { padding: 0 5px; }	/* use a column container with a padding to prevent the "double float margin" bug of IE6 */
.col-large { width: 655px; border: solid 0px red;}  /* do not use margin-left on a left float for IE6, for our pixel perfect column setup. */
.col-small { width: 300px; border: solid 0px red; }
.col-left { float: left; margin-bottom: 5px;}
.col-right { float: right; margin-bottom: 5px;}
.col-half { width: 325px; }

.side-box { margin-bottom: 10px; }
.side-box-fill { background: #eee; border: solid 1px #999; padding: 2px;}
.side-box h2 {height: 22px; padding: 0 5px; line-height: 22px; }
.side-box .inner { background: white; padding: 5px;}

/* home template */
.home .featured-box { padding: 20px 25px; margin-bottom: 0px;}
.home .featured-box .featured-left { float: left; width: 440px; border: solid 0px green; overflow: hidden;}
.home .featured-box .featured-right { font-sizeR: 11px; min-height: 358px; float: right; width: 460px; border: solid 0px green; background-color: #eaeaea;}
.home .featured-box .featured-right h2 { font-sizeR: 1em; margin-bottom: 5px;}
.home .featured-box .box-B1 { width: 218px;  height: 181px; background-color: white; overflow: hidden;}
.home .featured-box .box-B2 { width: 218px;  height: 149px; background-color: white; overflow: hidden;}
.home .featured-box .box-H { width: 444px;  height: 181px; background-color: white; overflow: hidden;}
.home .featured-box .box-H-small { width: 444px;  height: 103px; background-color: white; overflow: hidden;}
.home .featured-box .box-C { width: 218px;  height: 371px; background-color: white; overflow: hidden;}
.home .featured-box .box-BIG { width: 444px;  height: 371px; background-color: white; overflow: hidden;}
/*.outlined-box {border: solid 1px #ddd; background-color: #dfe5eb;}*/

.home .middle-box-list {background-color: #ddd; overflow: hidden; margin-bottom: 5px;}
.home .middle-box-list .middle-box { padding: 10px 0; border-right: dotted 0px #999;}

.home .category-row-list {border: solid 1px #aaa;}
.home .category-row {background-color: #eee; border: solid 0px #aaa; margin-bottom: 0px; padding: 2px;}
.home .category-row .left {border-right: dotted 1px #aaa;  }
.home .category-row .right { }
.home .category-row .category-box { background-color: White; }
.home .category-row .category-box h2 { padding: 5px; background-color: #eee; color: #036;}
.home .category-row .category-box h3 { padding: 0; color: #036;}
.home .category-row .category-box .inner { padding: 5px 10px; }
.home .category-row .category-box .ruler { height: 5px; border-bottom: dotted 1px #aaa; margin-bottom: 5px;}

.home .category-divider { background: #37939b; height: 20px; }

/* articles */
.content-box h1 { font-size: 30px; font-weight: normal;}
.content-box .kicker {  font-size: 18px; color: #666; }
.content-box .ruler { height: 5px; border-bottom: solid 1px #ccc; margin-bottom: 5px; }
.content-box .copy { font-size: 14px;}
.content-box br.archive-newline { margin-bottom: 10px; }
.content-box p { margin-bottom: 10px; line-height: 18px; }
.content-box .copy p { margin-bottom: 20px; line-height: 18px; }
.content-box ul { margin-bottom: 10px; }
.content-box ol { margin-bottom: 10px; }
.content-box li { margin-left: 15px; line-height: 18px; margin-bottom: 10px;}
.content-box textarea { width: 500px; height: 200px; font-family: Arial;}
.content-box .category-container { background-color: #eaeaea; border-top: solid 1px #ccc; padding: 10px; }

.comment-container {background-color: #eee;  }
.comment-box { padding: 10px; padding-bottom: 0px; }
.comment-box .inner { background-color: white; margin: 10px; padding: 10px; border: dotted 1px #ccc; line-height: 18px;}
.comment-box .inner br { margin-bottom: 10px;}

/* form */
.form-viewer .ui-form-submit { padding: 0 5px; }
.form-viewer .ui-form-text { width: 400px; }
.form-viewer .ui-form-textarea-normal { width: 400px; height: 100px; font-family: Arial;}
.form-viewer .ui-form-textarea-large { width: 400px; height: 300px; font-family: Arial;}
.form-viewer form { padding: 0 10px; }

/* search result */
.text-copy h1 { background-color: #e3b702; border: solid 1px #524602; color: black; font-weight: bold; font-size: 18px; padding: 3px 10px; margin-bottom: 10px; }
.text-copy h1 a { color: black;}
.text-copy .inner { margin: 0 10px; }
.text-copy p { margin-bottom: 12px; }
.text-copy h4 { background-color: #e3b702; border: solid 1px #524602; color: black; font-weight: bold; font-size: 14px; padding: 3px 5px; margin-bottom: 10px; }
.text-copy h4 a { color: black;}
.quickfacts table td { padding-bottom: 5px; }
.quickfacts { }

.highlight { background-color: yellow; }

/* gallery */
.gallery ul { list-style-type: none; }
.gallery a { text-decoration: none; }
.gallery a:hover { color: Black; }
.gallery .controls a { padding: 2px; }
.gallery .ss-controls {float: left; }
.gallery .nav-controls {float: right; margin-left: 10px; }
.gallery .navigation li { float: left; margin-right: 2px; margin-bottom: 2px;}
.gallery .navigation a { padding: 2px; }
.gallery .navigation span { padding: 2px; }
.gallery .download { display: none; }

/* calendar */
#calendar {}
#calendar caption {	padding-bottom: 5px; font-weight: bold; }
#calendar table { width: 100%; border-collapse: collapse; border-right: 1px solid #eee; }
#calendar thead th {padding: 5px 0;	text-align: center;border-top: 1px solid #eee;border-left: 1px solid #eee;background: #eee;}
#calendar tbody td {padding: 5px 0;	text-align: center;	border-top: 1px solid #eee;	border-left: 1px solid #eee;}
#calendar tbody td.isbottom {border-bottom: 1px solid #eee;}
#calendar tfoot td {padding: 5px;}
#calendar td a { font-weight: bold; text-decoration: underline;}
#calendar tfoot #next {	text-align: right;}
#calendar #today {	background: #E7F1E1;}

/* event search box */
#event-search { padding: 5px 10px; }
.ui-event-search-item { padding-left: 18px; }
.ui-event-search-all-region, .ui-event-search-all-category { padding-left: 0px; }
.ui-event-search-item label { padding-left: 5px; }
.ui-event-input-date-from,.ui-event-input-date-to { width: 80px; }

/* directory search box */
#directory-search { padding: 5px 10px; }
.ui-directory-search-item { padding-left: 18px; }
.ui-directory-search-all-region, .ui-directory-search-all-category { padding-left: 0px; }
.ui-directory-search-item label { padding-left: 5px; }

/* slideshow pager */
.slideshow-pager a img { border: solid 2px white; }
.slideshow-pager a.activeSlide img { border: solid 2px black; }

/* member */
.login-box { font-size: 11px; }
.login-box a { }

.form-box h2.title { background-color: #eee; padding: 10px; }
.form-box .ui-label { min-width: 140px; padding: 2px;}
.form-box .ui-input { min-width: 140px; padding: 2px;}
.form-box /*.ui-input*/ input { min-width: 240px; }
.form-box /*.ui-input*/ textarea { min-width: 400px; }

/* listings */
.ruler-red-fat { height: 5px; border-bottom: solid 1px #ccc; margin-bottom: 5px; }
.listing-content { font-family: AvenirLTStd55Roman !important; color: #555 !important;}
.listing-box {margin-bottom: 5px; font-family: AvenirLTStd55Roman; color: #555;} 
.listing-box .cornerme-small { border-radius: 4px;}
.listing-box a.button { display: inline-block; border: solid 1px #aaa; background-color: #f0f0f0; color: #6D131B; font-weight:normal; text-transform: uppercase; font-size: .8em; margin: 5px; margin-left: 0; padding: 2px 10px; float: left;}
.listing-featured { font-size: 1.2em; border-radius: 8px; box-shadow: 0 0 5px #000; margin-bottom: 20px;}
.listing-featured .key-info { color: black; text-transform: uppercase;}
.listing-featured h2,.listing-featured h3 { font-size: 1.5em;}
.listing-featured .inner {padding: 10px 15px; }
.listing-normal {}
.listing-normal .inner {}
.listing-basic {}
.listing-basic .inner {}