@import url(reset.css);

/*_______________GENERAL SETUP________________*/
body { font-size:14px; font-family:"Times New Roman", Times, serif; background:#352e28 }
#body { background:#c5ae8f url(../images/bg.png) top repeat-x; color:#fff }
html { height:100.1%; }
body, td { line-height:120% }
a { color:#e8dfc3 }
a:hover { color:#fff }
body.contentpane {
background: #a55208;
}

/*___________________MAIN LAYOUT________________*/
#wrapper { width:938px; margin:0 auto; background:url(../images/wrapper-bg.png) repeat-y; overflow:hidden }
#headerLogo { width:938px; height:398px; background:url(../images/header-logo.png) top no-repeat  }
#logo { width:360px; height:135px; float:left; margin:90px 0 0 60px }
#topLeft { width:360px; height:349px; float:left; display:inline }
#topRight { width:386px; float:right; margin:0 40px 0 0; display:inline }
.search .inputbox { background:none; border:0; width:280px; height:16px; padding:0; margin:18px 0 0 46px; float:left; color:#f4fdd8; font-size:0.9em; font-family:"Times New Roman"}
#contentWrap { width:890px; margin:0 auto }
#mainRight { width:580px; float:right; margin:15px 0 15px 0; min-height:300px; height:auto !important; height:300px }
#mainFull { width:880px; margin:15px auto; min-height:300px; height:auto !important; height:300px }
#leftColumn { width:280px; float:left; padding:0; margin:15px 0 15px 0 }
#leftColumnTp { background:url(../images/left-top.png) top no-repeat; height:35px; width:280px }
#leftColumnMid { background:url(../images/left-mid.png) repeat-y; width:280px; overflow:hidden }
#leftColumnBt { background:url(../images/left-bottom.png) bottom no-repeat; height:35px; width:280px }
#footer { width:920px; padding:20px 0 0 0; margin:0 auto; background:url(../images/footer-bg.png); border-top:2px solid #000; border-bottom:2px solid #000 }
#footer .text { width:890px; margin:0 auto  }
#copyright { width:870px; padding:30px 0 20px 0; text-align:center; font-size:0.9em;  }

/*__________VERTICAL SIDE MENU STYLES________*/
ul.menu { margin:0; padding:0; z-index:50 !important }
ul.menu li { list-style:none; margin:0; padding:0; z-index:50 !important }
ul.menu span { display:block; height:18px; line-height:18px; padding-left:0 }
ul.menu a { display:block; background:url(../images/menu-list.gif) left no-repeat; font-weight:bold; margin:0; text-decoration:none; cursor:pointer }
ul.menu a:hover { background:url(../images/menu-list.gif) left no-repeat }
ul.menu ul { margin-left:14px; padding:0 }
ul.menu ul a { text-indent:0; z-index:50 !important; cursor:pointer }
ul.menu ul li a {  text-align:left; margin:0 }
ul.menu li.active li a:hover { cursor:pointer }
ul.menu li li { padding:0; margin:0; z-index:50 !important }
ul.menu li a { padding-left:10px; z-index:50 !important }
ul.menu li.active a { text-decoration: none; z-index:50 !important }
ul.menu li a:hover, ul.menu li.active a:hover, ul.menu li.active li a:hover { text-decoration:underline }
ul.menu li.active li a { background:url(../images/menu-list.gif) left no-repeat; margin-left:5px; text-indent:4px; z-index:50 !important; text-decoration:inherit; font-weight:normal } /* submenu link color */ 
/*_________END VERTICAL SIDE MENU STYLES________*/

/*__________MODULE STYLES________*/

/* DEFAULT MODULES (position- left) */
#leftColumn .moduletable, #leftColumn .moduletable_menu, #leftColumn .moduletable_text { padding:0; margin:0 0 15px 0; width:280px }
#leftColumn .moduletable h3, #leftColumn .moduletable_menu h3, #leftColumn .moduletable_text h3 
{ padding:0 0 8px 23px; color:#f4fdd8; font-size:1.3em; font-weight:bold }
#leftColumn .moduletable .cont, #leftColumn .moduletable_menu .cont, #leftColumn .moduletable_text .cont { background:none; padding:0 10px 0 25px }
.pollstableborder, .poll { text-align:left; width:auto }
.poll td { margin:0; padding:0 }
#leftColumn .moduletable .bannergroup, #leftColumn .moduletable_text #leftColumn .bannergroup_text { padding:0; margin:0; width:100% }
#leftColumn .moduletable .cont ul, #leftColumn .moduletable_text .cont ul { margin:0; padding:0 8px }
#leftColumn li { margin:0 0 0 10px; padding:0 }


/* DEFAULT MODULES (position- right) */
#footer .moduletable, #footer .moduletable_menu, #footer .moduletable_text { padding:0; margin:0 3px; width:285px; float:left; color:#f4fdd8; display:inline }
#footer .moduletable h3, #footer .moduletable_menu h3, #footer .moduletable_text h3 { background:none; padding:0 0 5px 0; margin:0; font-size:1.3em; font-weight:bold; color:#f1dba6 }
#footer .moduletable .cont, #footer .moduletable_menu .cont  { background:none; width:200px; margin:0 auto }
#footer .moduletable_text .cont { background:none; padding:3px 20px 3px 0 }
#footer .moduletable .bannergroup, #footer .moduletable_text #footer .bannergroup_text { padding:0; margin:0; width:100% }
#footer .pollstableborder, #footer .poll { text-align:left; width:auto }
#footer .poll td { margin:0; padding:0; text-align:left } 
#footer .poll td div  { text-align:left; float:left; clear:none; margin:0px; padding:0;  }
#footer .moduletable .cont ul, #footer .moduletable .cont ul { margin:0; padding:0; border:0 }
#footer li { list-style:none; margin:0; padding:0 }

/*FLASH IMAGE SLIDESHOW BANNER & RANDOM BANNERS (user 5 & user6) */
.moduletable_flashBanners, .moduletable_randomBanners 
{ background:url(../images/flash-frame.png) no-repeat; float:right; width:386px; height:278px; margin:0 0 0 0; padding:31px 0 0 0; display:inline }


/*WHO'S ONLINE MODULE (user 1) */
.moduletable_online { width:240px; padding:0; margin:0; float:right; font-size:.8em; color:#333; font-weight:bold }
.moduletable_online h3 { font-size:.9em; float:left; margin-right:8px }
.moduletable_online .cont { background:none; padding:0; margin:0 }
.box { height:20px; width:386px; margin:10px 0 0 0; padding:0 }

/*LOGIN MODULE (footer) */
#modlgn_remember  { width:20px; border:none; margin:0 }
#form-login .button { margin:0 }
.input .inputbox { width:70% }



/*____________END MODULE STYLES______________ */

/*________________GENERAL STYLES_________________*/
.left { float:left; position:relative }
.right { float:right; position:relative }
.clear { clear:both }
.clear-l { clear:left }
.clear-r { clear:right }
.spacer	{ height:10px }
hr { height:1px; color:#D1C0A0 }

/* Use imgRight and imgLeft classes for spacing, alignment, and image borders. */ 
/*Image Styles*/
.contentpaneopen img { margin:8px; border:1px solid #333 }
.buttonheading a { margin:0 2px }
td.buttonheading img, .hasTip img { border:none; margin:0 2px; padding: 0;  }
.imgRight { float:right }
.imgLeft { float:left }
.img {  border:3px double #ccc }
/*End Image Styless*/
.createdate, .small, .modifydate, .pagenavcounter { font-size:0.8em; padding:2px 0; color:#bd4306 }
table.contentpaneopen, table.blog { width:99% }
table.contentpaneopen fieldset { margin-top:15px; border-bottom:1px dotted #ccc; padding-bottom:7px; width:98% }
.contentpane li { margin-bottom:8px; border-bottom:1px solid #ccc; padding-bottom:5px }
td.contentdescription { padding:8px; }
.componentheading, .contentheading { font-size:1.4em; color:#f9f0da; padding:13px 0 0 30px; margin:0; height:44px; width:100% !important; width:95%; background: url(../images/title-bg.gif) top left no-repeat }
#component-contact .contentheading { padding:13px 0 0 30px }
.componentheading { margin:0; padding:0 0 10px 0 }
div .componentheading { background:none; height:20px; line-height:20px  }

.button { width:80px; height:22px; border:none; padding:0; margin:5px 0 0 0; color:#2f291d; font-size:0.9em; background:url(../images/button.png) no-repeat }
a.readon { color:#f4fdd8; background:url(../images/read.gif) no-repeat; display:block; width:107px; height:30px; line-height:28px; font-weight:bold; text-decoration:none; text-align:center; float:right; font-size:0.9em }
a.readon:hover { color:#F0EBD2  }
.article_separator { display:block; height:10px; margin:4px 0; width:99%; background:url(../images/article-div.png) repeat-x }
.column_separator { border-left:1px dotted #cfc4a9; padding-left:10px; }
.pagenav  { font-size:1em }
#searchForm .button { margin-left:10px }
.inputbox { border:1px solid #000; width:auto }

h1 { font-size:1.4em }
h2 { font-size:1.3em }
h3 { font-size:1.2em }
h4 { font-size:1.1em }

/*___________________Table View______________*/
td.sectiontableheader { background:#1f1e1e; border-right:1px dotted #000; padding:5px 10px; font-weight:bold }
td.sectiontableheader a { text-decoration:none }
tr.sectiontableentry1 td, tr.sectiontableentry2 td { padding:5px }
#count { width:10% }
#tableOrdering { width:70% }
#author { width:20% }


/*_______________EXTRAS __________________*/

#upcoming_events_content { padding:0 0 15px 0 }
.mapdirform {
      font-family: Arial, Helvetica, sans-serif;
      font-size: 10px;
      color: #000000;
}


/* System Standard Messages */
#system-message { color:#f4fdd8 }
#system-message { margin-bottom: 20px; }
#system-message dd.message ul { list-style:none; background:#352e28 url(../../system/images/notice-info.png) 4px center no-repeat;border-top: 3px solid #DE7A7B; border-bottom: 3px solid #DE7A7B; margin:0px; padding:10px 0 10px 40px; text-indent:0px }
/* System Error Messages */
#system-message dd.error ul { list-style:none; color:#c00; background:#352e28 url(../../system/images/notice-alert.png) 4px center no-repeat; border-top: 3px solid #DE7A7B; border-bottom: 3px solid #DE7A7B; margin:0px; padding:10px 0 10px 40px; text-indent:0px;}
/* System Notice Messages */
#system-message dd.notice ul { list-style:none; color:#c00; background:#352e28 url(../../system/images/notice-note.png) 4px center no-repeat; border-top: 3px solid #F0DC7E; border-bottom: 3px solid #F0DC7E; margin:0px; padding:10px 0 10px 40px; text-indent:0px;}
#system-message .message ul li { list-style:none; background-image:none }

/* -- Editor Buttons -- */
#editor-xtd-buttons { padding:5px }
.button2-left, .button2-right, .button2-left div, .button2-right div { float:left }
.button2-left a, .button2-right a, .button2-left span, .button2-right span { display:block; height:22px; float:left; line-height:22px; color:#000; cursor:pointer } /*font-size */
.button2-left span, .button2-right span {cursor:default; color:#000 }
.button2-left .page a, .button2-right .page a, .button2-left .page span, .button2-right .page span { padding:0 6px }
.page span { color:#000; font-weight:bold }
.button2-left a:hover, .button2-right a:hover { text-decoration:none; color:#0B55C4 }
.button2-left a, .button2-left span { text-decoration:none; padding:0 24px 0 6px }
.button2-right a, .button2-right span { text-decoration:none; padding:0 6px 0 24px }
.button2-left { background: url(../../system/images/j_button2_left.png) no-repeat; float:left; margin-left:5px }
.button2-right { background: url(http://canadianrivermusicfestival.com/templates/system/images/j_button2_right.png) 100% 0 no-repeat; float:left; margin-left:5px }
.button2-left .image { background: url(../../system/images/j_button2_image.png) 100% 0 no-repeat }
.button2-left .readmore { background: url(../../system/images/j_button2_readmore.png) 100% 0 no-repeat }
.button2-left .pagebreak { background: url(../../system/images/j_button2_pagebreak.png) 100% 0 no-repeat }

/* Component Specific Fixes */
#component-contact table td { padding: 2px 10px }
#component-contact img { border:none; margin:0; padding:0 }