/* CSS Document */ /*__________________________________________________________________TAGS_____________________________________*/ body, button, td, th, div, p { font-family: "Century Gothic", Arial; color: #222; font-size: 14px; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal } input {color:#606d78} body { background-color: #eee9de; background-position: 0 0; padding: 0 } td { color: #000; line-height: 17px } a { color: #CF3D01; text-decoration: underline } a:visited { color: #BD3903 } a:hover {text-decoration:none} label {color:#000;} p { color: #222; font-size: 14px; line-height: 17px; padding: 0 } /*__________________________________________________________________CONTENT_____________________________________*/ .inputbox {border:1px solid #46462f;} .article_indent, #component-contact { padding: 20px 0 0 } .article_separator { background: url(../images/article_separator.gif) repeat-x 0 50%; padding-top: 5px } .article_column { padding-right: 20px; padding-bottom: 10px } .column_separator { width: 450px } .contentpaneopen td { color: #222; font-size: 14px; font-family: "Century Gothic", Arial; line-height: 17px; margin: 0; padding: 0; vertical-align: top } .contentpaneopen p { color: #222; font-size: 14px; font-family: "Century Gothic", Arial; line-height: 17px; margin-top: 10px; padding: 0 } .contentpaneopen h1 { color: #2e271f; font-size: 25px; font-family: "Century Gothic", Arial; font-weight: normal; line-height: 30px; padding: 20px 0 8px } .contentpaneopen h2 { color: #BEAE06; font-size: 18px; font-weight: lighter; padding: 20px 0 0 } .contentpaneopen h3 { color: #CF3D01; font-size: 18px; font-weight: lighter; line-height: 22px; padding: 15px 0 0 } .contentpaneopen font { color: #444; font-family: "Century Gothic", Arial } .contentpaneopen img { } .category { color: #036; font-size: 18px; font-family: "Century Gothic", Arial; font-weight: normal; line-height: 30px; text-decoration: underline; background-color: #dee5eb; display: block; margin: 10px; padding: 15px; width: 85%; border: solid 1px } .category li a { color: #933; font-size: 18px; font-family: "Century Gothic", Arial; font-weight: normal; line-height: 30px; text-decoration: underline; background-color: #dee5eb; margin: 10px; padding: 15px; width: 100%; border: solid 1px } .category li a:hover { color: #fff; background-color: #036; border: solid 1px } /*______________________HEADING__________________*/ .componentheading { color: #2F2720; font-size: 27px; font-family: "Century Gothic", Arial; line-height: 31px; text-transform: uppercase; margin: 0 0 10px; padding: 5px 0 } .contentheading { color: #cf3d01 !important; font-size: 23px !important; font-family: "Century Gothic", Arial; line-height: 27px !important; padding: 3px 0 0 } .buttonheading {padding:10px 0px 0px 0px} /*______________________BUTTONS__________________*/ .button, .validate { color: #fff; font-size: 12px; font-weight: normal; background: url("../images/button.gif"); text-align: center; text-transform: none; display: block; margin: 0 0 15px; padding: 0; width: 68px; height: 20px; border: none } /*______________________READ_MORE________________*/ a.readon { color: #CF3D01; width: 100px } a.readon:hover {color:#CF3D01; text-decoration:underline} a.readon:visited {color:#CF3D01;} .readmore {padding:0px 0px 0px 0px; margin:5px 0px 0px 0px;} * html .readmore {} /*______________________ITEMINFO__________________*/ .iteminfo {background:url(../images/iteminfo_gl.gif) repeat-x bottom; padding:0px 0px 6px 0px; margin:0px 0px 15px 0px;} .modifydate { color: #a00; font-size: 11px; padding: 5px 0 0 } .createdby { color: #a00; font-size: 11px; font-weight: bold; text-transform: none; display: block } .createdate { color: #302720; font-size: 12px; text-transform: none; margin: 0 0 5px; padding: 5px 0 4px; border-bottom: 1px solid #302720 } .small { color: #a00; font-size: 11px; font-weight: bold; text-transform: none; margin: 5px 0 3px } span.small {background:url(../images/small.gif) no-repeat 0 0; padding:5px 0px 0px 0px; margin:0px 0px 0px 0px; text-transform:none} /*______________________BLOGMORE__________________*/ .blog_more { font-family: "Century Gothic", Arial; padding:10px 0px 10px 0px} .blog_more h2 { font-family: "Century Gothic", Arial; color:#CF3D01; font-size:12px; background:none; padding:0px 0px 0px 0px;} .blog_more ul {margin:10px 0px 0px 10px;} .blog_more a {color:#CF3D01;} .blog_more a:hover {color:#CF3D01; text-decoration:none;} .blog_more strong {color:#CF3D01;} /*______________________PAGE_NAVIGATION___________*/ .pagenav {color:#000; font-size:11px; font-weight:normal} a.pagenav { color: #CF3D01; font-weight: bold } a.pagenav:hover { color: #CF3D01; text-decoration: underline } .pagination_nav {color:#000; background:url(../images/article_separator.gif) repeat-x 0 0; font-size:12px; padding:7px 0px 0px 0px;} .pagination {margin-top:10px} .pagination li {float:left; padding:0px 5px 0px 5px;} /*______________________RESULT____________________*/ .sectiontableheader { color: #222; font-size: 16px; font-family: "Century Gothic", Arial; line-height: 17px; padding: 5px 0; border-bottom: 1px solid #7f6d5b } .sectiontableentry0 td {color: #222; font-size: 14px; font-family: "Century Gothic", Arial; line-height: 17px; padding:5px 0px 5px 0px; border-bottom:1px solid #7F6D5B;} .sectiontableentry1 td { color: #222; font-size: 14px; font-family: "Century Gothic", Arial; line-height: 17px; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; padding: 5px 0; border-top: 1px solid #7F6D5B; border-bottom: 1px solid #7F6D5B } .sectiontableentry2 td {color: #222; font-size: 14px; font-family: "Century Gothic", Arial; line-height: 17px; padding:5px 0px 5px 0px;} .sectiontableentry0, .sectiontableentry1, .sectiontableentry2 {} .sectiontableentry1 a { color: #cf3d01; text-decoration: none } .sectiontableentry1 a:hover { text-decoration: underline } .sectiontableentry2 a { color: #cf3d01; text-decoration: none } .sectiontableentry2 a:hover { text-decoration: underline } .sp {padding-right:4px !important} .sp2 {padding:0px 0px 0px 10px;} /*______________________POLL______________________*/ .pollstableborder {margin:10px 0px 0px 0px;} .poll {} .poll thead td {font-size:11px; color:#6f6f6f; font-weight:bold !important; padding:10px 0px 0px 10px;} .pollstableborder td {padding:2px 0px 2px 5px; vertical-align:top; text-align:left; font-size:12px} .pollstableborder label {color:#294607; font-size:12px; padding:0px 0px 0px 5px; display:block} .article_separator {display:block; height:5px; margin:5px 0px 10px 0px;} .display {padding:0px 0px 10px 0px;} .display select {border:1px solid #46462f; width:100px; height:16px} .sectiontableentry1 div, .sectiontableentry0 div {font-size:1px} /*________________________________________SEARCH____________________________________*/ #search { color: #fff; font-style: normal; background-image: url("../images/RumRiver_Contact_Arrow.jpg"); background-repeat: no-repeat; background-position: 90px 3px; text-transform: uppercase; margin-top: 5px; padding-top: 5px; padding-right: 15px; width: 110px; float: right } #search ul { color: #fff; font-size: 13px; font-family: "Century Gothic", Arial; font-style: normal } #search li a { color: #fff; font-size: 13px; font-family: "Century Gothic", Arial; font-style: normal; text-decoration: none; height: 60px } #search li a:hover { color: #fff; font-size: 13px; font-family: "Century Gothic", Arial; font-style: normal; text-decoration: underline } .inputbox_s7 {width:155px; height:18px; border:1px solid #65883c; background:#acce84; margin:0px 0px 0px 0px; color:#294607; font-size:11px; padding:2px 0px 0px 5px; vertical-align:top; font-weight:bold} * html .inputbox_s7 {height:21px} .button_s7 {} /*_____________________________RESULT___________________________*/ .search_result h3 {color:#1e3300; font-size:14px} .search_result p {padding:10px 0px 0px 0px;} #search_searchword {border:1px solid #999} legend {color:#1e3300} .phrase {color:#000; margin:10px 10px 10px 0; padding:10px; width:60%; border:solid 1px #ccc; float:left;} .phrase .inputbox {background:#fff; color:#000; display:block; margin-top:10px; width:12em;} .phrase .inputbox option {background:#fff; border-bottom:solid 1px #333; padding:2px; } .phrase .inputbox option a:hover {color:#1e3300; background:#C00; border-color:#CFD0D6; } fieldset.word,fieldset.only { border:solid 1px #ccc;} .only {border:solid 0; margin:10px 0 0 10px; padding:5px 10px; line-height:1.3em;} .word {padding:10px 10px 10px 0; border:solid 0 !important;} .word input {background:#fff; color:#ff6614; font-weight:normal; margin:0 0 0 10px; padding:2px;} /*________________________________________BOXES________________________________________________________________*/ .module { padding: 0 } .module div { padding: 0; width: 100% } .module div div {padding:0px 0px 0px 0px; } .module div div div {background:none; width:160px} * html .module div div div {width:100%; } .module h3 { color: #00435c; font-size: 19px; background: url("../images/box_h3.gif") no-repeat; text-transform: none; padding: 12px 0 10px } .module .button {margin:15px 0px 0px 0px; background:url(../images/button.gif); width:68px; height:20px; display:inline; color:#fff; font:bold 12px Arial} .module label {color:#294607; font-size:12px; font-family:Arial} .module ul {padding:0px 0px 15px 10px;} .module li {padding:2px 0px 2px 0px; background:url(../images/li_bg.gif) repeat-x 0 bottom } .module li a {color:#052716; font-size:12px; font-weight:normal; text-decoration:none; line-height:16px; padding:0px 0px 0px 14px; background:url(../images/bullet.gif) no-repeat 0px 8px; display:block} .module li a:hover {color:#052716; text-decoration:underline} .module li a:visited {color:#052716} .module_s3 { color: #777; background-image: url("../images/nd_bg.gif"); background-repeat: repeat-y; background-attachment: scroll; background-position: 0 0 } .module_s3 div {background:url(../images/nd_top.gif) no-repeat 0 0; width:100%} .module_s3 div div {padding:10px 10px 25px 23px; background:url(../images/nd_bot.gif) no-repeat 0 bottom} .module_s3 div div div {padding:0px 0px 0px 0px; width:190px; color:#f9f0cf; background:none} .module_s3 h3 {color:#fff; font-size:12px; font-weight:bold; padding:10px 0px 10px 0px;} .module_s3 ul { color: #777; padding: 4px 0 0 } .module_s3 li { color: #aaa; display: block; padding: 0 0 2px } .module_s3 li strong a {font-size:12px; color:#fff !important} .module_s3 li span {padding:0px 0px 0px 15px; display:block; color:#fff} .module_s3 a { color: #777; font-size: 12px; text-decoration: none; background: url("../images/bullet2.gif") no-repeat 0 6px; display: block; padding: 0 0 2px 15px } .module_s3 a:hover { color: #555; text-decoration: underline } .module_s4 {margin:0px 0px 9px 0px; background:url(../images/box_bg.gif) repeat-y 0 0} .module_s4 div {background:url(../images/box_bot.gif) no-repeat 0 bottom; width:100%} .module_s4 div div {padding:4px; background:url(../images/box_top.gif) no-repeat 0 0} .module_s4 div div div {width:100%; background:none} .module_s4 h3 {color:#fff; font-size:16px; font-weight:bold; text-transform:none; padding:7px 0px 10px 15px; background:url(../images/box1_h3.gif) no-repeat 0 0} /*________________________________________MAINMENU_____________________________________*/ .module_menu { font-family: "Century Gothic", Arial; background-color: #E8C40E; margin: 8px 0 5px; padding-top: 10px; padding-left: 15px } .module_menu div {width:100%} .module_menu div div { } .module_menu div div div{width:100%; padding:0px 0px 0px 0px; background:none} .module_menu h3 { color: #fff; font-size: 19px; font-weight: lighter; text-transform: none; padding-top: 5px; padding-bottom: 5px; padding-left: 5px } .module_menu ul { color: #fff; list-style-type: disc; list-style-position: outside; padding: 0 0 15px 22px; width: 200px } .module_menu li { font-size: 12px; background-position: 0 bottom; padding: 5px 0 0 } .module_menu li a { color: #fff; font-size: 12px; line-height: 20px; text-decoration: none; background-position: 0 4px; display: block } .module_menu li a em {font-style:normal} .module_menu li a:hover { color: #CF3D01; text-decoration: underline } .module_menu li a:visited { color: #fff } /*________________________________________TOPMENU_____________________________________*/ #topmenu { margin: 0; padding: 0 0 0 110px; width: 928px } ul.menu-nav { width: 100% } ul.menu-nav li {display:block; float:left;} ul.menu-nav li a { color: #036 !important; font-size: 18px; text-decoration: none; text-align: center; text-transform: none; display: block; padding: 0 15px; border-right: 1px solid #aaa; no-repeat: float:left } * html ul.menu-nav li a { height: 35px } ul.menu-nav li a span { display: block } ul.menu-nav li a span em {font-style:normal;} ul.menu-nav li a:hover { color: #a00; text-decoration: underline } ul.menu-nav li a:hover span { } ul.menu-nav li.active a { color: #a00 !important; text-decoration: underline; background-position: 50% bottom } ul.menu-nav li.active a span { display: block } a.menu-nav:visited { color: #036 } /*________________________________________SITEMAPMENU_____________________________________*/ .module_s4 { color: #fff; font-family: "Century Gothic", Arial; background-color: #f69; width: 150px } .module_s4 div { font-family: "Century Gothic", Arial; width: 100% } .module_s4 div div { } .module_s4 div div div{width:100%; padding:0px 0px 0px 0px; background:none} .module_s4 ul { color: #fff; font-family: "Century Gothic", Arial; list-style-type: disc; list-style-position: outside; padding: 10px 0 15px 22px; width: 200px } .module_s4 li { color: #fff; font-family: "Century Gothic", Arial; background-position: 0 bottom; padding: 5px 0 10px } .module_s4 li a { color: #fff; font-size: 16px; font-family: "Century Gothic", Arial; line-height: 20px; text-decoration: none; background-position: 0 4px; display: block } .module_s4 li a em {font-style:normal} .module_s4 li a:hover { color: #fff; text-decoration: underline } .module_s4 li a:visited { color: #555 } /*________________________________________LOGINFORM_____________________________________*/ .module_s2 {margin:0px 0px 9px 0px; background:url(../images/login_bg.gif) repeat-y 0 0} .module_s2 div {background:url(../images/login_top.gif) no-repeat 0 0; width:100%} .module_s2 div div {padding:4px; background:url(../images/login_bot.gif) no-repeat 0 bottom} .module_s2 div div div {width:165px; background:none; height:224px} .module_s2 h3 {color:#00435c; font-size:14px; font-weight:bold; text-transform:none; padding:12px 0px 3px 15px; background:url(../images/box_h3.gif) no-repeat 0 0} .module_s2 label {color:#6f6f6f; padding:0px 0px 0px 1px; display:block; vertical-align:middle; font-size:12px; text-transform:lowercase;} .module_s2 p, label.remember {color:#6f6f6f; padding:0px 0px 0px 0px; font-size:12px; font-weight:normal;} .module_s2 a {color:#b55c00 !important; font-size:12px; text-decoration:underline; font-weight:bold} .module_s2 a:hover {color:#b55c00; text-decoration:none} .module_s2 form {text-align:left; padding:0px 0px 10px 6px;} .module_s2 form div {width:65px; margin:auto;} * html .module_s2 form div {width:65px; margin:0px 0px 0px 0px;} .module_s2 .inputbox {width:140px !important; height:18px; border:1px solid #525252; margin:2px 0px 2px 0px; padding:0px 0px 0px 3px; color:#818181; vertical-align:middle; background:#fff;} /* inputbox */ .module_s2 .button {border:none; background:url(../images/button.gif) no-repeat 0 0; width:68px; color:#fff; font-size:11px; font-weight:bold !important; margin:10px 0px 5px 0px; text-align:center; padding:0px 0px 0px 0px; font-family:Tahoma} /* button */ #mod_login_remember {margin:0px 10px 0px 0px; vertical-align:middle; background:none; border:none; float:left; display:block; width:12px} /*checkbox*/ .required {border:1px solid #46462f; margin:0px 0px 0px 0px;} input.requred {border:none !important} .breadcrumbs {display:block; border-bottom:1px solid #84ac49; color:#00435c; font-size:12px; padding:0px 0px 12px 0px;} /*___________________________________________________________INDEX.PHP_STYLES_________________________________*/ .main { background-color: #eee9de; padding: 10px 10px 10px 20px; width: 938px } #header { padding-top: 5px; padding-bottom: 10px; width: 910px; height: 325px } #header div {color:#fff; font:normal 12px Arial; line-height:18px} #header a { margin: 0; padding: 0 } #top { background: #eee9de url("../images/RumRiver_Header_BG.jpg") no-repeat; margin: 0; padding: 0; width: 915px; height: 109px } .logo { margin: 0; padding-bottom: 1px; padding-left: 110px } #content { margin: 0; padding: 0 0 20px; width: 928px; _margin-top: 0px } #content .space {padding:0px 2px 0px 2px;} .box_indent {padding:10px 10px 10px 25px;} #wrapper { background-position: 0 0; margin-top: 10px } #wrapper .bg1 {background:url(../images/content_tr.gif) no-repeat right 0} #wrapper .bg2 {background:url(../images/content_tl.gif) no-repeat 0 0; padding:17px 29px 20px 29px;} td.c2 { } .c3 { background-color: #636; width: 210px } .c3 .space { } .c2 { padding-left: 10px; width: 720px } .c2 .space { margin-top: 5px; padding: 5px 0 0 3px } .c1 { width: 153px } .c1 .space { margin-top: 5px } #footer { color: #fff; font-size: 11px; font-family: "Century Gothic", Arial; background-image: url("../images/RumRiver_footerbg.gif"); background-repeat: no-repeat; background-attachment: scroll; background-position: center top; padding: 5px 0 1px; width: 908px; height: 69px } #footer .address { color: #b5a99d; font-size: 11px; text-align: left; margin-left: 10px; padding: 0 10px 5px; width: 180px; height: 69px; float: left } #footer .address p { color: #b5a99d; font-size: 11px } #footer .address a { color: #b5a99d; font-size: 11px; text-decoration: none } #footer .address a:hover { text-decoration: underline } #footer .footer_menu { color: #444; font-size: 13px; text-align: left; margin: 0 0 0 10px; padding: 0; width: 480px; height: 69px; float: left } #footer a { color: #cf3d01; text-decoration: none } #footer a:hover { text-decoration: underline } ul.menu-foot { line-height: 18px; padding: 8px 0 0; width: 660px } ul.menu-foot li { font-size: 12px; display: block; margin: 0 0 5px; float: left } ul.menu-foot li a { color: #6a6056 !important; font-size: 12px; text-decoration: none; text-align: center; text-transform: uppercase; display: block; padding: 0 9px; no-repeat: float:left } * html ul.menu-foot li a { height: 35px } ul.menu-foot li a span { display: block } ul.menu-foot li a span em {font-style:normal;} ul.menu-foot li a:hover { color: #a00; text-decoration: underline } ul.menu-foot li a:hover span { } ul.menu-foot li.active a { color: #FCD817 !important; text-decoration: underline; background-position: 50% bottom } ul.menu-foot li.active a span { display: block } a.menu-foot:visited { color: #6a6056 } .space2 {padding:0px 20px 15px 30px;} .c_t { } .c_l { } .c_r { } .c_b { } .c_tl { background: url("../images/topmenu_tl.gif") no-repeat } .c_tr {} .c_bl {background:url(../images/c_bl.gif) no-repeat 0 bottom} .c_br { background: url(../images/c_br.gif) no-repeat right bottom; padding: 4px } .admin a { color: #5B5148; font-size: 10px; font-family: "Century Gothic", Arial; text-decoration: none; margin-left: 15px } .admin a:hover { color: ##CF3D01 !important; text-decoration: underline } /*___________________________________________________________SITEMAP MENU_________________________________*/ ul.menu-sitemap { font-family: "Century Gothic", Arial; line-height: 18px; padding: 0; width: 100% } ul.menu-sitemap li { display: block; margin: 0 0 5px; float: left } ul.menu-sitemap li a { color: #bbb !important; font-size: 13px; text-decoration: none; text-align: center; text-transform: none; display: block; padding: 0 8px; border-right: 1px solid #aaa; no-repeat: float:left } * html ul.menu-sitemap li a { height: 35px } ul.menu-sitemap li a span { display: block } ul.menu-sitemap li a span em {font-style:normal;} ul.menu-sitemap li a:hover { color: #a00; text-decoration: underline } ul.menu-sitemap li a:hover span { } ul.menu-sitemap li.active a { color: #a00 !important; text-decoration: underline; background-position: 50% bottom } ul.menu-sitemap li.active a span { display: block } a.menu-sitemap:visited { color: #036 } /*_____________________________________CONTACT WIDGET_______________________________*/ .contact_widget { } .contact_widget p { color: #f7f4e7; font-size: 12px; font-family: "Century Gothic", Arial; background-image: url("../images/RumRiver_Widget_Contact_BG.gif"); background-repeat: no-repeat; background-attachment: scroll; text-transform: uppercase; margin: 0 0 0 12px; padding: 65px 5px 5px; width: 149px; height: 180px } .contact_widget p span { color: #f7f4e7; font-size: 14px; font-weight: bold; text-transform: uppercase } .getdirect { color: #f7f4e7; font-size: 14px; font-weight: bold; text-transform: uppercase; margin-top: 30px; padding-top: 30px } .contact_widget a { color: #eee9de; font-size: 10px; text-decoration: none } .contact_widget a:hover { text-decoration: underline } /*_____________________________________CALENDAR KEY_______________________________*/ .calendar { margin: 0; padding: 5px; width: 120px; border: solid 1px #ccc } .calendar p { color: #222; font-size: 14px; font-family: "Century Gothic", Arial; text-transform: uppercase; margin: 0 } /*_____________________________________BANNERS_______________________________*/ .banneritem img { padding-bottom: 10px } .bannerlink p { color: #f7f4e7; font-size: 13px; font-family: "Century Gothic", Arial; background-color: #3d342b; text-align: left; text-transform: uppercase; margin: 0 0 15px; padding: 8px 0 8px 8px; width: 175px; height: 20px } .bannerlink a { color: #eee9de; font-size: 13px; font-family: "Century Gothic", Arial; text-decoration: none; background-image: url("../images/RumRiver_sponsor_arrow.gif"); background-repeat: no-repeat; background-attachment: scroll; background-position: 135px 4px; text-transform: uppercase; padding: 5px 45px 5px 10px } .bannerlink a:hover { text-decoration: underline } /*_____________________________________SPONSORS_______________________________*/ #sponsors { background-color: #eee9de; text-align: center; margin-bottom: 15px; margin-left: 50px; width: 185px; height: 100% } /*_____________________________________FORM STYLES_______________________________*/ .formwrap { margin: 0; padding: 8px; border: solid 2px #ddd } .field1 { color: #2c7681; background-color: #ECE2D1; margin: 8px; padding: 6px } .field2 { color: #2c7681; margin: 15px; padding: 10px } .formtable td { margin: 3px; padding: 9px } /*_____________________________________Product_______________________________*/ .product { background-color: #111; border-top: 1px solid #bbb; border-bottom: 1px solid #bbb; border-left: 1px solid #bbb } .product td { margin: 8px; padding: 8px; border-right: 1px solid #bbb } /*________________________________________GALLERY_____________________________________*/ .module_s5 { color: #fff; font-family: "Century Gothic", Arial; background-color: #f69 }