/**
 * @version $Id: template.css
 * @author SiteGround
 * @package Joomla
 * @copyright Copyright (C) 2005 - 2008 Open Source Matters. All rights reserved.
 * @license GNU/GPL, see LICENSE.php
 * Joomla! is free software. This version may have been modified pursuant to the
 * GNU General Public License, and as distributed it includes or is derivative
 * of works licensed under the GNU General Public License or other free or open
 * source software licenses. See COPYRIGHT.php for copyright notices and
 * details.
 */
body, html {
height : 100%;
}
body {
color : #2F3335;
font-family : Verdana, Tahoma, Arial, sans-serif;
font-size : 11px;
line-height : 1.3em;
letter-spacing : 0.02em;
text-align : justify;
margin : 0;
padding : 0;
}
.clr {
clear : both;
overflow : hidden;
margin : 0;
padding : 0;
font-size : 0;
line-height : 0;
}
ul {
list-style : none;
margin : 0;
padding : 0;
}
a, img {
outline : none;
margin : 5px 0 5px 0;
padding : 0 0 0 0;
border : none;
}
a:link, a:visited {
color : #0e269d;
font-weight : bold;
text-decoration : none;
}
a:hover, a:active, a:focus {
color : #DA251C;
font-weight : bold;
}
form {
padding : 0;
margin : 10px 10px 10px 10px;
}
header, nav, menu, section, aside, article, footer {
display : block;
}
h1, h2, h3, h4, h5, h6 {
margin : 0 0 20px;
font-family : 'Verdana';
line-height : normal;
font-weight : bold;
}
h1 {
font-size : 24px;
color : #DA251C;
}
h2 {
font-size : 20px;
color : #51585B;
}
h3 {
font-size : 18px;
color : #51585B;
}
h4 {
font-size : 14px;
}
h5 {
font-size : 12px;
}
h6 {
font-size : 11px;
color : #2F3335;
}
iframe {
border : none;
}
dl dd {
padding : 0 0 0 10px;
margin : 0;
}
fieldset {
border : none;
margin : 0;
padding : 0;
}
input, button {
background : none 0 0 repeat scroll #E6D690;
border : #95A8B3 solid 1px;
color : #F80000;
font-size : 11px;
height : 18px;
line-height : 15px;
padding : 0 10px 0 10px;
margin : 10px;
}
textarea {
background : none 0 0 repeat scroll #BBC6CC;
border : #95A8B3 solid 1px;
color : #0B1B24;
font-size : 11px;
line-height : 15px;
padding : 2px 10px;
}
button {
background : url(../images/but.gif) left top repeat-x scroll transparent;
border : #6D7373 solid 1px;
font-weight : bold;
color : #287233;
height : 19px;
line-height : 11px;
font-size : 11px;
padding : 0 5px 2px 5px;
}
p {
margin : 10px;
}
.page_bg {
background : url(../images/page_bg.jpg) center top repeat-x scroll #F0C98E;
}
.page {
min-height : 100%;
}
.wrapper {
background : url(../images/wrapper.jpg) center top no-repeat scroll transparent;
margin : 0 auto;
}
.main {
width : 1018px;
}
.top {
margin : 0 auto;
width : 1018px;
height : 38px;
}
.top .menu {
height : 26px;
padding : 6px 0;
}
.top .menu li {
float : left;
height : 26px;
margin : 0 10px 0 0;
font-size : 12px;
}
.top .menu a {
float : left;
background : url(../images/top_menu_r_bg.png) top right no-repeat transparent;
text-decoration : none;
}
.top .menu a span {
float : left;
height : 26px;
padding : 0 10px;
color : #fff;
line-height : 25px;
background : url(../images/top_menu_l_bg.png) top left no-repeat transparent;
cursor : pointer;
}
#img {
background : url(../images/headerimg.jpg) right bottom no-repeat scroll transparent;
bottom : 0;
height : 294px;
position : absolute;
right : 0;
width : 358px;
}
header {
background : url(../images/headerimg.jpg) center top no-repeat scroll transparent;
height : 260px;
margin : 0 auto;
position : relative;
width : 1018px;
}
#headerwrapper {
background : url(../images/headerimg.jpg) center top no-repeat scroll transparent;
margin : 0 auto;
}
header h1 a, header h1 a:link, header h1 a:visited, header h1 a:hover {
color : red;
color : #FFF;
font-family : Tahoma;
font-size : 0;
font-weight : 700;
letter-spacing : 1px;
margin : 0;
padding : 0 0 0 20px;
text-align : center;
text-decoration : none;
}
header table {
height : 36px;
left : 22px;
overflow : hidden;
position : absolute;
top : 60px;
width : 540px;
}
.sitename {
margin : 0 auto;
padding : 15px 0 0;
text-align : center;
width : 1018px;
}
header table, header table th, header table td {
border : none !important ;
}
header table {
width : 100%;
}
header table td {
height : 80px;
vertical-align : middle;
}
header #search {
background : url(../images/inputbox.png) left top no-repeat scroll transparent;
position : absolute;
bottom : 12px;
right : 40px;
height : 22px;
width : 190px;
}
#search {
background : url(../images/search_bg.jpg) left top no-repeat scroll transparent;
float : right;
height : 47px;
margin : 0;
padding : 10px 0 0;
width : 201px;
}
#search .search {
background : url(../images/search_bg.jpg) right top repeat scroll transparent;
}
.leftcol .module div div div p, .rightcol .module div div div p {
padding : 10px;
}
.custom p {
padding : 0 !important ;
}
#search .search .inputbox {
background : url(../images/search.jpg) right top no-repeat scroll transparent;
border : none 0;
color : #FFF;
float : left;
font-family : Tahoma, Arial, sans-serif;
font-size : 12px;
height : 15px;
line-height : 15px;
margin : 0 0 0 10px;
padding : 6px 0 6px 10px;
text-transform : capitalize;
width : 113px;
}
#search .search .button {
background : url(../images/search_button.jpg) right top no-repeat scroll transparent;
border : none medium;
color : #FFF;
cursor : pointer;
float : left;
font-family : Tahoma, Arial, sans-serif;
font-size : 12px;
font-weight : 400;
height : 27px;
line-height : 25px;
padding : 0 8px 3px;
margin : 0 0 0 2px;
width : 56px;
}
.custom {
padding : 10px;
}
#content {
background : url(../images/content_top.jpg) center top no-repeat scroll transparent;
margin : 0 auto;
padding : 10px;
width : 998px;
}
.content_m {
background : url(../images/content_m.jpg) center bottom repeat-y scroll #FFF;
width : 1018px;
margin : 0 auto;
}
.content_b {
background : url(../images/content_bottom.jpg) center bottom no-repeat scroll #eeeee0;
width : 1018px;
margin : 0 auto;
}
.top-menu {
background : url(../images/top_menu1.jpg) left top no-repeat scroll transparent;
height : 33px;
line-height : 45;
margin : 0 auto 17px;
padding : 12px 0;
width : 1018px;
}
.maincol, .maincol_w_right, .maincol_w_left {
width : 1018px;
margin : 0 auto;
padding : 0;
}
.maincol_full {
width : 980px;
margin : 10px auto 0;
padding : 0;
}
.leftcol {
float : left;
margin : 0;
padding : 0;
text-align : left;
width : 201px;
}
.rightcol {
float : left;
margin : 0;
padding : 0;
text-align : center;
width : 201px;
}
.maincol_w_right .cont, .maincol_w_left .cont {
float : left;
padding : 10px;
width : 758px;
}
.maincol .cont {
float : left;
font-size : 12px;
margin : 10px;
padding : 0;
width : 574px;
}
#breadcrumbs {
position : absolute;
bottom : 0;
left : 0;
}
.separator {
font-size : 12px;
padding : 20px 0 0;
display : block;
color : #505050;
font-size : 12px;
font-weight : 700;
}
.module_menu .menu, .module .menu {
margin : 0 0 0 0;
}
.module_menu .menu li, .module .menu li {
margin : 5px 0 5px 0;
padding : 0 0 0 10px;
line-height : 20px;
}
.module_menu .menu li a, .module .menu li a {
display : block;
}
.module_menu .menu li a span, .module .menu li a span {
color : #E4A010;
margin : 0 0 0 0;
padding : 0 0 0 0;
font-weight : bold;
font-size : 11px;
line-height : 16px;
text-decoration : none;
}
.module_menu .menu li a:hover span, .module .menu li a:hover span {
color : #57A639;
font-weight : bold;
font-size : 11px;
line-height : 16px;
text-decoration : none;
}
#login-form {
margin : 0 0 0 0;
padding : 0 0 0 0;
text-align : left;
}
fieldset.userdata {
border : none;
margin : 0 0;
padding : 0;
height : 150px;
position : relative;
width : 160px;
}
#login-form ul {
margin : 0 0 0 0;
padding : 0 10px 10px 10px;
}
fieldset.userdata label {
display : block;
line-height : 16px;
}
#form-login-remember label {
display : inline;
margin : 0 0 0 0;
padding : 0 0 0 0;
}
fieldset.userdata input {
border : #a3a3a3 solid 1px;
background : #E6D690;
color : #FE0000;
font-size : 11px;
height : 12px;
line-height : 16px;
padding : 2px 4px;
}
fieldset.userdata input.button {
position : absolute;
bottom : 0;
left : 0;
}
fieldset.userdata input.button {
background : none 0 0 repeat scroll #abafa1;
border : none medium;
font-weight : bold;
color : #287233;
cursor : pointer;
font-family : Tahoma, Arial, sans-serif;
font-size : 11px;
padding : 5px 0 0 0;
height : 24px;
}
#login-form label {
color : #51585B !important ;
font-weight : bold;
padding : 0 !important ;
}
#form-login-username, #form-login-password, #form-login-remember {
padding : 0;
}
#form-login-username, #form-login-password, #form-login-remember {
margin : 0 10px 0 10px;
padding : 0;
overflow : hidden;
}
#modlgn-remember {
float : none;
margin : 5px 10px 10px 10px;
border : none;
background : none;
width : auto;
}
.module .search {
text-align : center;
margin : 0 10px;
position : relative;
}
#mod-search-searchword {
border : #a3a3a3 solid 1px;
text-align : left;
margin : -5px 0 15px -10px;
background : #E6D690;
color : #666;
width : 155px;
}
.module .search .button {
position : absolute;
right : 0;
top : 0;
text-indent : -9999px;
width : 20px;
height : 20px;
background : url(../images/search_bg.png) center center no-repeat #E6D690;
}
.leftcol h3, .rightcol h3, .leftcol h3 a, .rightcol h3 a {
background : url(../images/h3.jpg) center top no-repeat scroll transparent;
color : #E5BE01 !important ;
font-family : Verdana, Tahoma, sans-serif;
font-size : 12px;
font-weight : 700;
height : 35px;
line-height : 30px;
margin : 0 auto;
padding : 0 0 0 0;
text-align : center !important ;
}
.leftcol ul.menu li a, .leftcol ul.menu li a:link, .leftcol ul.latestnews li a, .leftcol ul.latestnews li a:link, .rightcol ul.menu li a, .rightcol ul.menu li a:link, .rightcol ul.latestnews li a, .rightcol ul.latestnews li a:link {
background : url(../images/arrow.jpg) left center no-repeat scroll transparent;
color : #929B43;
font-size : 12px;
font-weight : 400;
height : 22px;
line-height : 22px;
margin : 0;
padding : 0 0 0 10px;
text-decoration : none;
}
.leftcol .module_menu div div, .rightcol .module_menu div div, .leftcol .module div div, .rightcol .module div div {
background : url(../images/l_r_bottom.jpg) center bottom no-repeat scroll transparent;
}
.leftcol .module_menu, .leftcol .module, .rightcol .module, .rightcol .module_menu {
margin : 0 0 10px;
}
.maincol h2, .maincol h2 a, .maincol h3, .maincol h3 a, .maincol h4, .maincol h4 a {
font-family : Tahoma, Verdana, Arial, sans-serif;
padding : 0;
text-align : left;
vertical-align : middle;
}
.maincol h3, .maincol h3 a {
font-size : 12px;
}
.maincol h4, .maincol h4 a {
font-size : 11px;
}
.items-leading, .category-desc {
margin : 0 0 20px;
}
.items-row .item {
margin : 0 0 30px;
text-align : justify;
}
.items-row .item h2, .items-row .item h2 a {
font-size : 18px;
}
.item .readmore {
text-align : right;
margin : 0;
}
.item .readmore a {
color : #397BB5;
}
.actions {
overflow : hidden;
margin : 0 0 10px;
}
.actions li {
float : left;
}
.actions li img {
float : left;
margin : 0 6px 0 0;
}
.category-desc img {
margin : 0 10px 4px;
}
.category-desc a, .category-desc a:link, .category-desc a:visited {
color : #2E7AA2;
text-decoration : underline;
}
.image-left {
float : left;
margin : 0 10px 4px 0;
}
.image-right {
float : left;
margin : 0 4px 10px;
}
.item-title {
font-size : 12px;
}
.main .categories-list ul li {
padding : 5px;
}
.category-desc {
line-height : 1.7em;
margin : 10px 0;
padding-left : 0;
}
.category-desc p {
line-height : normal;
}
.pagination ul {
float : left;
clear : both;
display : block;
padding : 0;
border : none;
}
.pagination ul li {
float : left;
list-style-type : none;
border-right : none;
padding : 4px 6px;
}
.pagination ul li:last-child {
border-right : none;
}
.pagination ul li.active {
font-weight : bold;
background-color : #CCF;
}
.pagination ul li a {
text-decoration : none;
}
table {
border-collapse : collapse;
}
table.weblinks th, table.newsfeeds th, table.category th, table.jlist-table th {
background : #dedede;
color : #777;
}
table.weblinks, table.category {
margin : 10px 10px 20px 0;
width : 99%;
}
table.weblinks td {
border-collapse : collapse;
}
table.weblinks td, table.category td {
padding : 7px;
}
table.weblinks th, table.category th {
padding : 7px;
text-align : left;
}
td.num {
vertical-align : top;
text-align : left;
}
td.hits {
vertical-align : top;
text-align : center;
}
td p {
margin : 0;
line-height : 1.3em;
}
.filter {
margin : 10px 0;
}
.display-limit, .filter {
text-align : right;
margin-right : 7px;
}
table.category th a img {
padding : 2px 10px;
}
.filter-search {
float : left;
}
.filter-search .inputbox {
width : 6em;
}
legend.element-invisible {
position : absolute;
margin-left : -3000px;
margin-top : -3000px;
height : 0;
}
.cat-items {
margin-top : 20px;
}
#contact-slider .panel {
background : #fff;
margin : 0 0 10px;
padding : 10px;
border : #e5e5e5 solid 1px;
border-radius : 5px;
margin : 10px 0;
}
#contact-slider .panel h3 {
margin : 0;
}
#contact-slider .panel h3 a {
font-size : 18px;
line-height : normal;
}
#contact-slider .panel .pane-slider {
padding : 10px 0 0;
}
#contact-slider .panel .pane-slider div {
padding : 10px 0 0;
overflow : hidden;
}
.contact-email label {
float : left;
width : 140px;
}
#member-registration label {
display : block;
}
#member-registration legend {
font-size : 20px;
}
#member-registration dd {
padding : 0;
margin : 0 0 10px;
}
.contact-links li {
line-height : 20px;
}
#jform_email-lbl {
width : 200px;
float : left;
}
#article-index li {
line-height : 20px;
}
.maincol li {
line-height : 20px;
}
.maincol .menu li, #article-index li, .maincol .latestnews li, .maincol .relateditems li, .maincol .categories-module li {
padding : 0 5px 0 10px;
line-height : 20px;
background : url(../images/arrow-1.png) top left no-repeat transparent;
}
#article-index ul, .maincol .menu {
padding : 0 0 10px;
}
.stats-module dt {
float : left;
font-weight : 700;
margin : 0 10px 0 0;
}
.maincol .login, .maincol .registration, #user-registration {
background : #abafa1;
border : #51585B solid 1px;
font-weight : bold;
font-size : 11px;
color : #51585B;
margin : 0 0 10px;
padding : 20px 80px 20px 20px;
border-radius : 5px;
margin : 0 0 10px;
}
.maincol .login label {
float : left;
width : 120px;
}
.maincol .login .login-fields {
overflow : hidden;
margin : 0 0 10px;
}
footer {
color : #6d7373;
font-size : 10px;
height : 58px;
margin : 10px auto 0;
padding : 2px 10px 0;
text-align : center;
width : 940px;
}
footer p {
margin : 0;
}
footer p a {
color : #6d7373 !important ;
}
.error {
background : #FE0000;
font-weight : bold;
font-size : 11px;
margin : 0 0 20px;
padding : 10px;
border : none;
border-radius : 5px;
}
#system-message {
margin : 0;
}
#system-message dt.warning {
color : #be4e4c;
margin : 0 0 10px;
font-size : 16px;
font-weight : 700;
}
#system-message dd.warning li {
line-height : 20px;
background : url(../images/arrow-2.png) left top no-repeat transparent;
padding : 0 0 0 20px;
}
.tip-wrap {
background : #fff;
margin : 0 0 10px;
padding : 10px;
border : #e5e5e5 solid 1px;
border-radius : 5px;
}
#sgmenu {
display : table;
margin : 0 auto;
}
#sgmenu ul.menu:after {
clear : both;
content : "";
display : block;
}
#sgmenu ul.menu {
float : right;
padding : 0 10px;
}
#sgmenu ul li {
float : left;
position : relative;
}
#sgmenu ul li a {
display : block;
white-space : nowrap;
}
#sgmenu ul li ul {
position : absolute;
visibility : hidden;
}
#sgmenu ul li ul li {
float : none;
}
#sgmenu ul li ul li a {
width : auto;
}
#sgmenu ul li ul {
margin-top : 30px;
z-index : 500;
background : #fff;
}
#sgmenu ul.menu li ul li a, #sgmenu ul.menu li ul li a:link, #sgmenu ul.menu li ul li a:visited {
background : #fff;
}
#sgmenu ul.menu li ul li a span {
padding : 0 10px;
}
#sgmenu ul.menu li ul li a:hover span {
color : #000;
}
#sgmenu ul.menu li a, #sgmenu ul.menu li a:link, #sgmenu ul.menu li a:visited {
background : url(../images/but_l.jpg) left center no-repeat scroll transparent;
color : #E6D690;
cursor : pointer;
display : block;
float : left;
font-family : Tahoma, Verdana, sans-serif;
font-size : 11px;
font-weight : bold;
height : 31px;
line-height : 31px;
margin : 0;
padding : 0 10px;
}
#sgmenu ul.menu li a span:hover {
color : #FE0000;
font-weight : bold;
}
#sgmenu ul.menu li a span {
background : url(../images/but_r.jpg) right center no-repeat scroll transparent;
float : left;
padding : 0 15px 0 5px;
}
.newshold {
height : 150px;
position : absolute;
right : 4px;
top : 170px;
width : 670px;
overflow : hidden;
}
.newshold h3 {
color : #FF7800;
font-family : Tahoma, Arial, sans-serif;
font-size : 11px;
margin : 0 0 10px;
}
.newshold p {
margin : 0 2px;
}
#sgmenu ul li ul {
position : absolute;
left : 0;
top : 30px;
margin : 0 !important ;
}
#sgmenu ul li ul li {
float : none;
clear : both;
}
.jicons-icons img {
float : left;
margin : 0 10px 0 0;
}
.contact-contactinfo p {
margin : 10px 0 0;
}
input.inputbox, textarea.inputbox {
background : #E6D690;
border : #a3a3a3 solid 1px;
margin : 0 0 10px;
color : #51585B;
}
.cpathway {
width : 980px;
margin : 0 auto 2px;
height : 30px;
background : url(../images/bread_bg.png) top left no-repeat;
line-height : 30px;
text-indent : 25px;
color : #FBFBFB;
font-size : 11px;
}
.cpathway a {
color : #96C4E1;
}
.cpathway a:hover {
text-decoration : underline;
}