﻿@import '/cms/styles/common.css';
@import '/style.css';
@import '/styles/events.css';
@import '/styles/movies.css';
@import '/styles/gallery.css';

.col {
	display:inline;
}


/* COMMON ---------------------------------------------------------------------- */

body {
	background-color:#fff;
}

#bg-y {
	background:url('/images/bg.gif') center repeat-y;
	margin:15px 0 0 0;
}

#bg-top {
	background:url('/images/bg-top.gif') top center no-repeat;
	padding-top:12px;
}

#bg-bottom {
	background:url('/images/bg-bottom.gif') bottom center no-repeat;
	padding-bottom:12px;
}

.page { 
	width: 880px; 
	margin: 0 auto; 
}

#flashbanner {
	background:url('/images/flashbanner-bg.jpg') bottom left no-repeat;
	padding-bottom:11px;
}



/* HEADER ---------------------------------------------------------------------- */

#header {
  background: #6c0000 url('/images/header_bk.jpg') top left no-repeat;
  height: 110px;
  border-bottom: 1px solid #999;
  margin-bottom: 1px;
}

#top-header {
	height: 82px;
}

#logo {
	padding:10px 0 0 15px;
}
#logo a {
	outline:none;
}

#right-header {
	float:right;
	width:500px;
	text-align:right;
	padding:10px 15px 0 0;
}
#right-header h1 {
	font-size:10px;
	color:#d57b7b;
	margin:0 0 5px 0;
	padding:0;
}
#right-header a {
	color:#ffffff;
	background:url('/images/icon-arrow.gif') 0 3px no-repeat;
	padding-left:15px;
	margin-left:20px;
	font-size:11px;
}
#right-header a.login {
	background:url('/images/icon-arrow2.gif') 0 3px no-repeat;
}
.loginicon_red ,.loginicon_white,.loginicon_grey {
	xcolor:#ffffff;
	background:url('/images/icon-arrow4.gif') 0 3px no-repeat;
	padding-left:15px;
	margin-left:20px;
	font-size:10px;
}
.loginicon_white  {
	background:url('/images/icon-arrow2.gif') 0 3px no-repeat;
}
.loginicon_grey  {
	background:url('/images/icon-arrow5.gif') 0 3px no-repeat;
}


#search {
	margin-top:10px;
}
#search .col {
	margin-right:5px;
	float:right;
}
#search .label {
	color:#ffffff;
	font-weight:bold;
	padding-top:1px;
}
#search .field {
	display:inline;
}
#search .field input {
	width:150px;
	padding:1px 2px 0px 4px;
	font-size:10px;
}
#search .button {
	margin:0;
}



/* MENU ------------------------------------------------------------------------ */

#menu ul, #menu li {
	padding:0;
	margin:0;
	background:none;
}

#menu li {
	height:28px;
	overflow:hidden;
}
#menu li.last {
	background:url('/images/menu-separator.gif') bottom right no-repeat;
	padding-right:1px;
}

#menu li a {
	background: url('/images/menu-tab.gif') top left no-repeat;
	width:110px;
	color:#525252;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
	padding:8px 0 0 0;
	float:left;
	height:25px;
}
body.root_1 #menu a.root_1, body.root_7 #menu a.root_7, body.root_8 #menu a.root_8, body.root_2 #menu a.root_2, body.root_9 #menu a.root_9, #menu li a:hover {
	color:#930000;
	background-position:0px -28px;
}



/* CONTENT --------------------------------------------------------------------- */

#content {
	background:url('/images/content-bg.gif') left repeat-y;
	height:auto !important;
	height:450px;
	min-height:450px;
}

#content-left {
	width:155px; /* 177 */
	padding:0 12px 10px 0;
}
#content-left h1, #content-left h1 * {
	font-size:13px;
	color:#900;
}
#content-left h1 {
	background:url('/images/h1-left.gif') top repeat-x;
	padding:6px 0 5px 12px;
	margin-bottom:5px;
	margin-right:-12px;
}
#content-left #categories .toplink {
	margin-right:-12px;
}
#content-left ul {
	margin-bottom:15px;
}
#content-left li a, #content-left li a * {
	color:#333;
}
#content-left li a:hover, #content-left li a:hover * {
	color:#970f00;
}


#content-content {
	width:528px; /* 548 */
	padding:5px 10px 10px 10px;
}

#content-right {
	width:155px; /* 165 */
	padding:6px 0 10px 10px;
}
#content-right h1 {
	color:#0076ae;
	font-size:14px;
}
#content-right #restaurantform select {
	width:150px;
	margin-bottom:5px;
}
#content-right h2 {
	margin-bottom:3px;
}
#content-right ul {
	margin-left:7px;
}
#content-right li {
	margin-bottom:1px;
	background:none;
}
#content-right li a {	
	color:#333;
}
#content-right li a:hover {	
	color:#970f00;
}
	
	
	
/* FOOTER ---------------------------------------------------------------------- */

#footer {
	background:#500 url('/images/footer-bg.gif') top repeat-x;
	padding:7px 10px;
	margin:10px 0 2px 0;
}
#footer * {
	color:#fff;
}

#footer ul, #footer li {
	margin:0;
	padding:0;
	background:none;	
}

#footer li a {
	float:left;
	text-decoration:none;
	padding-right:10px;
	margin-right:10px;
	border-right:1px solid #9e3030;
	font-size:11px;
}
#footer li.last a {
	border:none;
	margin-right:0;
}
#footer li a:hover {
	text-decoration:underline;
}

#footer #comments {
	float:right;
}
#footer #comments, #footer #comments * {
	font-size:10px;
}
	
/* LINKBOXES -------- */	
	
#linkboxes {
	margin:10px 0 10px 4px;
}
.linkbox {
	width:45px;
	height:45px;
	overflow:hidden;
	background-color:#d1e3e9;
	line-height:45px;
	text-align:center;
	color:#edf4f6;
	font-size:18px;
	font-weight:bold;
	float:left;
	margin:0 1px 1px 0;
}



/* SITE MAP ------------------------------------------------------------------- */

.sitemap ul {
  margin:0 0 0 50px;
}
.sitemap ul ul {
  padding:0 0 0 22px;
  margin:0;
}
.sitemap li {
  background:none;
  list-style-image:url('/images/bullet-page.gif');
  margin:0 0 10px 0;
  background:none;
  padding:0;
}
.sitemap li a {
  font-size:12px;
  font-weight:bold;
}
.sitemap li li {
  margin: 0 0 4px 0;
  list-style-image:none;
  list-style-type:circle;  
}
.sitemap li li a {
  font-size:10px;
  font-weight:normal;
}
.sitemap li li li {
  margin:0;
}
.sitemap a:visited {
  color: #a88;
}
.sitemap a:hover {
  color: #d20;
}



/* FORMS --------------------------------------------------------------------- */

input.styled, textarea.styled {
  border:none;
  color:#666;
  padding:3px 2px 2px 4px;
  font-size:11px;
  background: #fff url('/images/formfield-bg.gif') top left no-repeat;
}
select.styled {
  border:1px solid #ccc;
  color:#666;
  padding:0;
}
input.outlined, textarea.outlined {
	border-right:1px solid #e2e2e2;
	border-bottom:1px solid #e2e2e2;
}
input.button, input.softbutton {
	background: url('/images/button-bg.gif') bottom right;
	padding:2px 15px 2px 15px;
	color:#fff;
	font-weight:bold;
	border:none;
	cursor:pointer;
	outline:none;
	margin:0;
}
input.softbutton {
	background: url('/images/button-bg2.gif') bottom right;
	padding:1px 8px 1px 8px;
	font-size:10px;
}
input.narrow {
	padding-left:5px;
	padding-right:5px;
}



/* CUSTOM FORMS ---------------- */
.contactus-active {
	cursor:pointer;
}

#petitionform .outerbox, #contactform .outerbox, #advertisingform .outerbox {
	width:400px;
	margin:0 auto;
}

#petitionform .label, #petition .label, #contactform .label, #advertisingform .label {
	width:80px;
	margin:0 5px 0 0;
	font-weight:bold;
	text-align:right;
}
#petitionform .label {
	width:100px;
}

#petitionform .row, #petition .row, #contactform .row, #advertisingform .row {
	margin:0 0 5px 0;
}

#petitionform .input textarea, #petitionform .input input, #petition .input input, #contactform .input input, #contactform .input textarea, #advertisingform .input input, #advertisingform .input textarea {
	width:180px;
	font-size:12px;
	border-right:1px solid #ddd;
	border-bottom:1px solid #ddd;
}
#petitionform .input textarea, #contactform .input textarea, #advertisingform .input textarea {
	width:250px;
}

#petitionform .button input, #petition .button input, #advertisingform .button input {
	margin:5px 0 0 0;
}



/* ARTICLES -------------------------------------*/

.article {
	margin-top:15px;
}
.article h1 {
	margin-bottom:3px;
}
.article .comments {
	margin-bottom:15px;
}
.article .comments .id {
	text-align:center;
	width:27px;
	padding:5px 0;
	margin:0 5px 0 0;
	background-color:#900;
	color:#fff;
	font-weight:bold;
}
.article .comments .comment-details .date {
	color:#ccc;
	font-size:9px
}
.article .comments .comment-details .author {
	font-weight:bold;
	font-size:12px;
}
.article .comments .comment-details .comment {
	padding:3px 0 5px 2px;
	width:470px;
	background-color:#FaFafa;
	xborder-bottom:1px solid #d2d2d2;
}

.article-comments .field {
	padding:0 0 0 5px;
	width: 200px;
	font-weight:bold;
}
.article-comments .field input,.article-comments .field textarea {
	width:98%;
}

#news-listings .stylishrow a {
	font-size:14px;
	font-weight:Bold;
	text-decoration:none;
}
#news-listings .stylishrow a:hover {
	text-decoration:underline;
}
#news-listings .morelink2 {
	font-size:10px;
	font-weight:normal !important;
}
#news-listings .stylishrow {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

h1.news-title a {
	color:#900;
	font-size:18px !important;
	text-decoration:none;
}
h1.news-title a:hover {
	color:#005782;
		color:#b92f00;
	text-decoration:underline;
}



/* 	MEMBER LOGIN -------------------------------------------------------------------------- */

#loginpage #loginbox {
	width: 175px; 
	float:right;
}
#loginpage #joinbox {
	width:330px;
	margin-top:15px;
}
#joinform .row {
	margin-bottom:10px;
}

#joinform .label {
	margin-top:3px;
}

#joinform .leftcol {
	width:90px;
	margin-right:10px;
	text-align:right;
}
#joinform .rightcol {
	width:200px;
}

#joinform .fullwidth {
	width:180px;
}
#joinform .medwidth {
	width:100px;
}



#signin-mini .styled {
	border-right:1px solid #ddd;
	border-bottom:1px solid #ddd;
}

#loggedin {
	background:url('/images/loggedin-bg.gif') top repeat-x;
	padding: 0 0 10px 0;
	margin-bottom:20px;
	border-bottom:1px solid #ddeaf0;
}

#loggedin h1 {
	font-size:11px;
	background:url('/images/h1-loggedin.jpg') top left no-repeat;
	color:#003955;
	padding:5px 5px 2px 5px;
	margin:0 0 8px 0;
}

#loggedin h2 {
	font-size:11px;
	color:#333;
}

#loggedin .paddedbox {
	padding:0 5px;
}

#loggedin ul {
	margin: 0 0 0 5px;
}



/* WEATHER ----------------------------------------------------------------- */ 

.weather_col1, .weather_col2, .weather_col3 {
	width:155px; /* 165 */
	padding:10px 0 10px 10px;
	float: left;
}

/* FEATURED LISTINGS -------------------------------------------------------*/

.featured-events {
	margin:0 0 15px 0;
}
.featured-events .fe-box {
	border:1px solid #e0e0e0;
	width:248px;
	padding:5px;
}
.featured-events .left {
	margin-right:8px;
}
.featured-events .fe-box .image {
	float:left;
	width:78px;
	margin-right:7px;
}
.featured-events .fe-box h1 {
	margin:0;
}
.featured-events .fe-box h1 a {
	color:#900;
	text-decoration:none;
	font-size:14px;
}
.featured-events .fe-box h1 a:hover {
 color:#005782;
	text-decoration:underline;
}
.featured-events .fe-box .info {
	width:163px;
}
.featured-events .fe-box .desc {
	margin:7px 0;
}


/* SEARCH RESULTS ----------------------------------------------------------------------- */

#searchpage .noresults {
	color:#999;
	font-size:16px;
	font-weight:bold;
}

#searchpage .paging {
	margin:10px 0;
	color:#666;
	float:right;
}
#searchpage .paging a {
	padding:1px 5px;
	font-weight:bold;
	text-decoration:none;
	outline:none;
}
#searchpage .paging a:hover {
	color:#fff;
	background-color:#900;
}


/* RSS LISTINGS ------------------------------------------------------------------------- */

.rss-listings li, .rss-listings ul {
	padding:0;
	margin:0;
	background:none;
}
.rss-listings li {
	margin:0 0 25px 0;
	display:block;
}
.rss-listings .title {
	font-size:14px;
	font-weight:bold;
	color:#666;
}
.rss-listings .desc {
	padding:0 0 0 18px;
}

.rss-listings .paging {
	margin:15px 0 5px 0;
	color:#666;
	float:right;
}
.rss-listings .paging a {
	padding:0 5px;
	font-weight:bold;
}
.rss-listings .paging .paging-numbers {
	padding:0 5px;
	font-weight:bold;
	color:#444;
}



/* CONTEST -------------------------------------------------------------------------------- */

#contest {
	margin:0 0 5px 0;
}
#contest #contest-body div {
	margin:0 0 5px 0;
}
#contest #contest-head {
	background:url('/images/contest-top.jpg') top left no-repeat;
}
#contest #contest-head h1 {
	text-align:center;
	color:#fff;
	padding-top:8px;
}
#contest #contest-body .first {
	padding: 5px 0 0 0;
}
#contest #contest-body .red {
	font-weight:bold;
}
#contest #contest-body {
	border:1px solid #CECECE;
	border-width:0 1px 1px 1px;
	xbackground:url('/images/contest-bg.jpg') top left repeat-y;
	text-align:center;
	padding: 0 5px;
}
#contest #contest-foot {
	background:url('/images/contest-bottom.jpg') bottom left no-repeat;
	height:1px;
}


/* LIBRARIES ------------------------------------------------------------------------------ */

.librarybox {
	xborder:1px solid #dfdfdf;
	padding:0 3px;
	background:url('/images/lib-bg.gif') left repeat-y;
}
.librarybox .titlebox {
	padding:5px 10px;
	background:url('/images/mini-head.gif') top repeat-x;
	border-bottom:1px solid #dfdfdf;
}
.librarybox .titlebox .title {
	float:left;
	font-size:14px;
	color:#900;
	font-weight:bold;
}
.librarybox .titlebox .map, .librarybox .titlebox .phone {
	float:right;
	margin-left:20px;
	font-weight:bold;
}
.librarybox .address {
	padding:10px;
	font-weight:bold;
	font-size:12px;
	letter-spacing:1px;
}

.librarybox .hours {
	margin:0 10px 10px 10px;
}

.librarybox .day {
	width:67px;
	padding-right:5px;
}
.librarybox .last {
	padding:0;
}
.librarybox .day, .librarybox .day * {
	color:#777;
}

.library-top {
	background:url('/images/lib-top.gif') top left no-repeat;
	height:3px;
	overflow:hidden;
	clear:both;
}
.library-bottom {
	background:url('/images/lib-bottom.gif') top left no-repeat;
	height:3px; 
	overflow:hidden;
	margin:0 0 15px 0;
}



/* POLL ---------------------------------------------------------------------------------------------------------------- */

.poll {
	padding-left: 5px;
	padding-bottom: 4px;
}
.poll-name {
	font-size: 13px;
	font-weight: bold;
	color:#CB4719;
}
.poll-votes {
	margin-bottom: 5px;
}
.poll-answers {
}
.poll-answer {
	line-height:1.4;
}
.poll-answer-name {
	font-weight: bold;
}
.poll-bar {
	width: 215px;
	background-color: #f5f5f5;
	margin-bottom: 5px;
}
.poll-bar-vote {
	height: 5px ;
	font-size: 4px; /* because of ie*/
	background-color: #727050 !important;
}



/* CUSTOMIZATIONS ------------------------------------------------------------------------- */

.seo {
	font-size:10px;
	color:#999;
	font-weight:normal;
}

.arrows {
	color:#666;
}

.morelink2 {
	float: right;
}

.softbullets li, li.softbullet {
  background:url('/images/bullet-soft.gif') 0px 6px no-repeat;
}

.msgbox {
	background-color:#fff2f2;
	border:1px solid #dcc;
	padding:10px;
	color:#933;
}
#venues {
	display:none;
}


a.subtlelink, .subtlelink a {
	color:#333 !important;
}
a.subtlelink:hover, .subtlelink a:hover {
 color:#900 !important;
}

.unbold, .unbold * {
	font-weight:normal !important;
}

.red, .red * {
	color:#900 !important;
}
.light, .light * {
	color:#aaa !important;
}

.color1, .color1 * {
	color:#005782 !important;
}
.color2, .color2 * {
	color:#333 !important;
}
.color3, .color3 * {
	color:#559abb !important;
}

.small, .small * {
	font-size:11px !important;
}
.smaller, .smaller * {  
  font-size:10px !important;
}
.normalsize, .normalsize * {  
  font-size:12px !important;
}
.big, .big * {
	font-size:13px !important;
}
.bigger, .bigger * {
  font-size:14px !important;
}
.superbig, .superbig * {
  font-size:22px !important;
}

.fancytext * {
	font-size:15px;
	color:#888;
}
.fancytext a { color:#a44; }
.fancytext a:hover { color:#005782; }

.red-title a, a .red-title, a.red-title {
	text-decoration:none;
}
.red-title a:hover, a:hover .red-title, a.red-title:hover  {
	text-decoration:underline;
}

.doublelist ul li, .doublelist li {
	width:230px;
	float:left;
	margin-right:5px;
	background-image:url('/images/bullet-soft.gif');
}
.doublelist:after { content:"&nbsp;"; display:block; height:0; clear:both; visibility:hidden; }

