body,html {
height:100%;
}
body {
background:#fff;
font:400 11px/1.3em Arial, Tahoma, Verdana, Helvetica;
color:#626262;
margin:0;
padding:0;
}
.clr {
clear:both;
overflow:hidden;
font-size:0;
line-height:0;
}
ul {
list-style:none;
margin:0;
padding:0;
}
a,img {
outline:none;
border:none;
margin:0;
padding:0;
}
a:link,a:visited {
color:#000;
text-decoration:none;
}
a:hover,a:active,a:focus {
color:#999;
}
form {
margin:0;
padding:0;
}
h1,h2,h3,h4,h5,h6 {
font-family:Arial, Tahoma, Verdana, Helvetica;
color:#666;
line-height:normal;
margin:0 0 20px;
}
h1 {
font-size:24px;
}
h2 {
font-size:20px;
color:#FA46A0;
}
h3 {
font-size:12px;
color:#000;
font-family:Arial, Tahoma, Verdana, Helvetica;
margin:0;
}
h4 {
font-size:14px;
}
h6 {
font-size:11px;
}
iframe {
border:none;
}
dl dd {
margin:0;
padding:0 0 0 10px;
}
fieldset {
border:none;
margin:0;
padding:0;
}
input,textarea,button {
background:#FFF;
border:none;
color:#666;
font-size:11px;
height:18px;
line-height:20px;
padding:0 5px;
}
.module p {
color:#cef6b3;
margin:0;
padding:0 10px 10px;
}
#wrapper {
width:940px;
margin:0 auto;
padding:0;
}
#page_bg {
background:#e8fadf url("siteground-j16-28/images/mellecupcake.jpg") top center repeat-x;
}
.page {
min-height:100%;
}
.main {
width:960px;
margin:0 auto;
}
.top {
width:960px;
height:38px;
margin:0 auto;
}
.top .menu {
height:26px;
padding:6px 0;
}
.top .menu li {
float:left;
height:26px;
font-size:12px;
margin:0 10px 0 0;
}
.top .menu a {
float:left;
background:transparent url(../images/top_menu_r_bg.png) no-repeat top right;
text-decoration:none;
}
.top .menu a span {
float:left;
height:26px;
color:#fff;
line-height:25px;
background:transparent url(../images/top_menu_l_bg.png) no-repeat top left;
cursor:pointer;
padding:0 10px;
}
#header {
position:relative;
width:950px;
height:318px;
background:url("../images/headerimg.png") top center no-repeat;
margin:0 auto;
}
#header h1 {
position:absolute;
left:260px;
top:150px;
color:#000;
height:30px;
width:540px;
text-shadow:-1px 0 #FFF;
text-align:left;
text-transform: uppercase;
overflow:hidden;
margin:0;
}
#header h1 a,#header h1 a:link,#header h1 a:visited,#header h1 a:hover {
font-size:30px;
font-family:arial, georgia, tahoma;
color:#000;
text-decoration:none;
line-height:30px;
}
#search {
position: absolute;
top: 24px;
left: 1px;
height:28px;
width:144px;
}
#search .search {
float:left;
width:165px;
padding:0;
}
#search .search label {
display:none;
}
#search .search .inputbox {
width: 105px;
height: 16;
margin: 6px 2px 6px 0;
background:url("../images/search_bg.png") no-repeat scroll right top transparent;
float:left;
border:none;
color:#564b90;
font-size:11px;
padding:0 5px;
}
#search .search .button {
background:url("../images/search_btn.png") no-repeat scroll right top transparent;
border:medium none;
clear:none;
color:#000;
float:left;
font-size:0;
height:28px;
width:28px;
line-height:0;
margin:0;
padding:0 0 0 22px;
}
#content_m {
width:940px;
padding:10px 0 0;
}
.top-menu {
position:absolute;
left:0px;
top: 53px;
width:950px;
height:40px;
}
.maincol,.maincol_w_right,.maincol_w_left,.maincol_full {
margin:0 auto;
padding:0;
}
.leftcol,.rightcol {
float:left;
width:168px;
background: #076774;
margin:0;
padding:0;
}
.maincol_w_right .cont,.maincol_w_left .cont {
float:left;
width:735px;
margin:0 0 0 10px;
}
.maincol_w_right .cont {
margin:0 0 0 10px;
}
.cont {
padding: 40px 10px 0;
}
.cont li {
display:inline;
margin:0 10px 0 0;
}
.maincol .cont {
float:left;
width:570px;
}
.maincol_full {
width:922px;
padding:0 10px;
}
#breadcrumbs {
position:absolute;
bottom:30px;
left:0;
}
.separator {
display:block;
color:#505050;
font-size:12px;
font-weight:700;
padding:20px 0 0;
}
.module_menu .menu li,.module .menu li {
line-height:20px;
padding:0 0 5px 17px;
}
#login-form {
text-align:left;
margin:0;
padding:0 10px 0;
}
fieldset.userdata p {
padding:0;
}
fieldset.userdata {
border:none;
position:relative;
width:150px;
margin:0 auto;
padding:0;
}
#login-form ul {
text-align:left;
font-family:Arial, Tahoma, sans-serif;
font-size:11px;
padding:10px 0;
}
fieldset.userdata label {
display:block;
line-height:14px;
color:#cef6b3;
font-family:Tahoma, sans-serif;
font-size:11px;
}
#form-login-remember label {
float:left;
cursor:pointer;
}
fieldset.userdata input {
background:#FFF;
border:none;
color:#666;
font-size:11px;
width:120px;
height:20px;
line-height:14px;
margin:0 auto;
padding:0;
}
#form-login-username,#form-login-password {
overflow:hidden;
margin:0 0 10px;
}
#modlgn-remember {
background:none repeat scroll 0 0 #E4E3E3;
border:1px solid #F0DAB7;
color:#000;
width:auto;
margin:0 0 0 10px;
}
.module .search {
position:relative;
margin:0 20px;
}
#mod-search-searchword {
border:1px solid #d5d5d5;
background:none;
color:#666;
width:160px;
}
.module .search .button {
position:absolute;
right:0;
top:0;
text-indent:-9999px;
width:20px;
height:20px;
background:transparent url(../images/search_bg.png) no-repeat center center;
}
div.module_menu div div div div,div.module div div div div,div.module_text div div div div {
background:none;
padding:0 0 10px;
}
div.module_menu div div div div.custom,div.module div div div div.custom,div.module_text div div div div.custom {
text-align:left;
}
.up-round {
width: 168px;
height: 5px;
background: url("../images/column_bg.png") top left no-repeat;
margin: 0 0 38px;
}
.down-round {
width: 168px;
height: 5px;
background: url("../images/column_bg.png") bottom left no-repeat;
}
.leftcol h3,.rightcol h3 {
background: #076774 url("../images/box_h3.png") top left no-repeat;
color:#065762;
font-size:12px;
font-family:Arial, Tahoma, sans-serif;
font-weight:400;
text-transform:uppercase;
height:18px;
line-height:18px;
text-indent: 8px;
overflow:hidden;
text-align:left;
width:168px;
border-bottom:4px solid #076774;
padding:0;
margin:0 0 10px 0;
}
.leftcol ul.menu li a,.leftcol ul.menu li a:link,.rightcol ul.menu li a,.rightcol ul.menu li a:link {
background:url("../images/menu_bullet.png") no-repeat left center transparent;
color:#cef6b3;
display:block;
font-size:11px;
font-weight:400;
height:16px;
line-height:16px;
text-decoration:none;
padding:0 0 2px 11px;
}
.maincol h2,.maincol h2 a {
color:#076774;
font-family:Arial,Tahoma,Verdana,sans-serif;
font-size:24px;
font-weight:400;
text-align:left;
vertical-align:middle;
margin:0 0 10px;
padding:0;
}
.items-row .item {
text-align:left;
padding:10px 0;
}
.items-row .item h2,.items-row .item h1,.items-row .item h1 a,.items-row .item h2 a {
font-family:tahoma;
font-size:18px;
margin:0 0 10px;
}
.item .readmore {
text-align:right;
margin:0;
}
.actions {
float:left;
overflow:hidden;
margin:0 0 10px;
}
.category-desc img {
margin:0 10px 4px;
}
.category-desc a,.category-desc a:link,.category-desc a:visited {
color:#000;
text-decoration:underline;
}
.image-left {
float:left;
margin:0 10px 4px 0;
}
.image-right {
float:left;
margin:0 0 4px 10px;
}
.main .categories-list ul li {
padding:5px;
}
.category-desc {
line-height:1.7em;
padding-left:0;
margin:10px 0;
}
.category-desc p {
line-height:normal;
}
.pagination {
overflow:hidden;
padding:10px 0;
}
.active a span {
color:#cef6b3;
}
.pagination ul {
overflow:hidden;
}
.pagination .pagenav {
display:block;
background:#fff;
border:1px solid #e5e5e5;
border-radius:5px;
-o-border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
margin:10px 0;
padding:2px 6px;
}
.pagenav .pagenav-next {
float:right;
}
table,table th,table td {
border:solid 1px #d5d5d5 !important;
}
table.weblinks th,table.newsfeeds th,table.category th,table.jlist-table th {
background:#dedede;
color:#939598;
}
table.weblinks,table.category {
width:98%;
margin:10px 10px 20px 0;
}
table.weblinks td,table.category td {
padding:7px;
}
table.weblinks th,table.category th {
text-align:left;
padding:7px;
}
td.num {
vertical-align:top;
text-align:left;
}
td.hits {
vertical-align:top;
text-align:center;
}
td p {
line-height:1.3em;
margin:0;
}
.display-limit,.filter {
text-align:right;
margin-right:7px;
}
table.category th a img {
padding:2px 10px;
}
.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;
border:1px solid #e5e5e5;
border-radius:5px;
-o-border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
margin:10px 0;
padding:10px;
}
#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 {
overflow:hidden;
padding:10px 0 0;
}
.contact-email label {
float:left;
width:140px;
}
#member-registration legend {
font-size:20px;
}
#member-registration dd {
margin:0 0 10px;
padding:0;
}
#jform_email-lbl {
width:200px;
float:left;
}
.maincol .menu li,#article-index li,.maincol .latestnews li,.maincol .relateditems li,.maincol .categories-module li {
color:#000;
}
.stats-module dt {
float:left;
font-weight:700;
margin:0 10px 0 0;
}
.maincol .login label {
float:left;
width:100px;
}
.maincol .login .login-fields {
overflow:hidden;
margin:0 0 10px;
}
#footer {
color:#004040;
width:640px;
height:32px;
overflow:hidden;
line-height:31px;
margin:0 auto;
}
#footer a:hover,#footer a:active,#footer a:focus,#footer a:visited,#footer a {
color:#217a7a;
}
#underfooter {
background:transparent url(../images/footer-bg.png) top center no-repeat;
width:940px;
height:98px;
margin:0 auto;
}
#footergrad {
background:transparent url(../images/f-bg.png) top center repeat-x;
height: 96px;
}
.error {
background:#fdcdc9;
border:none;
border-radius:5px;
-o-border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
margin:0 0 20px;
padding:10px;
}
#system-message dt.warning {
color:#be4e4c;
font-size:16px;
font-weight:700;
margin:0 0 10px;
}
#system-message dd.warning li {
line-height:20px;
background:transparent url(../images/arrow-2.png) no-repeat left top;
padding:0 0 0 20px;
}
.tip-wrap {
background:#fff;
border:1px solid #e5e5e5;
border-radius:5px;
-o-border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
margin:0 0 10px;
padding:10px;
}
#sgmenu {
height:33px;
}
#sgmenu ul.menu {
list-style:none outside none;
float:left;
}
#sgmenu ul li {
float:left;
margin:0 1px 0 0;
}
#sgmenu ul li a {
display:block;
white-space:nowrap;
height:40px;
}
#sgmenu ul li ul {
position:absolute;
visibility:hidden;
width:auto;
z-index:500;
}
#sgmenu ul li ul li {
float:none;
display:block;
}
#sgmenu ul li ul li a {
width:auto;
}
#sgmenu ul.menu li a span {
height:40px;
line-height:40px;
color:#ebfdff;
cursor:pointer;
display:inline-block;
font-family:arial, tahoma;
font-size:12px;
font-weight:400;
text-decoration:none;
text-align: center;
margin:0;
padding:0 10px;
width: 92px;
}
#sgmenu ul.menu li a:link,#sgmenu ul.menu li a:visited {
background:url(../images/menu_bg.png) center right no-repeat;
cursor:pointer;
display:block;
}
#sgmenu ul.menu li a:hover span,#sgmenu ul.menu li.current a span {
background:transparent url(../images/t_menu_hover.png) repeat-x center top;
color:#cef6b3;
}
#sgmenu ul.menu li ul li a,#sgmenu ul.menu li ul li a:link,#sgmenu ul.menu li ul li a:visited {
background:#dbdebe;
}
#sgmenu ul.menu li ul li a span {
background:#dbdebe;
width:80px;
padding:0 10px;
}
#sgmenu ul.menu li ul li a:hover {
color:#9e3777;
}
#sgmenu ul.menu li ul li a:hover span {
background:#fff;
padding:0 10px;
}
h5,.item-title {
font-size:12px;
}
button,fieldset.userdata input.button {
background:url("../images/but.png") bottom center no-repeat #000;
border:none;
color:#fff;
float:left;
font-weight:400;
height:20px;
width:66px;
cursor:pointer;
line-height:19px;
margin:0;
padding:0 0 3px;
}
p,.maincol .login,.maincol .registration,#user-registration {
margin:0 0 10px;
}
.module_menu .menu,.module .menu,#form-login-remember,.pagination .counter,#contact-slider .panel h3,#footer p,#system-message {
margin:0;
}
.module_menu .menu li a,.module .menu li a,.module_menu .menu li a span,.module .menu li a span,#member-registration label {
display:block;
}
#login-form ul li a,.leftcol ul.menu li.current a,.leftcol ul.menu li.current a:link,.rightcol ul.menu li.current a,.rightcol ul.menu li.current a:link {
color:#cef6b3;
}
.actions li,.pagenav .pagenav-prev,.filter-search {
float:left;
}
.actions li img,.pagination ul li {
float:left;
margin:0 6px 0 0;
}
.pagenav-prev,.pagenav-next,.filter {
margin:10px 0;
}
table,table.weblinks td {
border-collapse:collapse;
}
.contact-links li,#article-index li {
line-height:20px;
}