/*--------------------------------------------------------------
# The News II - October 2008 (for Joomla 1.5)
# Copyright (C) 2007-2008 Gavick.com. All Rights Reserved.
# License: Copyrighted Commercial Software
# Website: http://www.gavick.com
# Support: support@gavick.com 
---------------------------------------------------------------*/
/* ||| universal set of reset styles |||*/
html,
body,
div,
span,
applet,
object,
iframe,
caption,
del,
dfn,
em,
font,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend {
vertical-align: baseline;
font-size: 100%;
outline: 0;
padding: 0;
margin: 0;
border: 0;
}
/* remember to define focus styles! */
:focus {
outline: 0;
}
body {
background: white;
line-height: 1;
color: black;
}
ol,
ul {
list-style: none;
}
/* tables still need cellspacing="0" in the markup */
table {
border-collapse: separate;
border-spacing: 0;
}
caption,
th,
td {
font-weight: normal;
}
/* remove possible quote marks (") from <q> & <blockquote> */
blockquote:before,
blockquote:after,
q:before,
q:after {
content: "";
}
blockquote,
q {
quotes: "" "";
}
/* ||| the end |||*/
/* ||| set of clearing floats |||*/
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {
display: inline-block;
}
.clr {
font-size : 1px;
}
/* Hides from IE-mac \*/
html .clearfix {
height: 1%;
}
.clearfix {
display: block;
}
.clear {
clear: both;
}
/* End hide from IE-mac */
/* ||| the end |||*/
html {
height: 100%;
margin-bottom: 1px;
}
body {
margin: 0;
padding: 0;
font-size:100%;
}
#bg {
background: #e7dfe7;
font: normal 12px Arial, Helvetica, sans-serif;
line-height:1.6;
}
a {
outline: none;
cursor: pointer;
}
img {
border: none;
text-decoration: none;
}
a:link,
a:visited,
a:active {
text-decoration: none;
color:#000066;
}
a:hover {
text-decoration: none;
color:#660033;
}
ul {
padding: 0 0 0 2px;
margin: 0;
margin-left: 1px;
list-style: none;
}
ul li {
border-bottom: 1px solid #f1f1f1;
padding-left: 0;
line-height: 170%;
padding: 5px 0;
}
ul li a {
text-decoration: none!important;
}
ul li a:hover {
text-decoration: underline!important;
}
ol li {
line-height: 170%;
}
fieldset {
border: 0;
padding: 5px 0;
}
th {
padding: 4px;
text-align: left;
}
h1 {
font-size: 200%;
}
h2 {
font-size: 175%;
}
h3 {
font-size: 150%;
}
h4 {
font-size: 125%;
}
h5 {
font-size: 115%;
}
p,
pre,
blockquote,
h1,
h2,
h3,
h4,
h5,
h6 {
margin: 1em 0;
padding: 0;
}
fieldset {
border: none;
}
fieldset a {
font-weight: bold;
}
input,
select,
button {
font: normal 11px Tahoma, Arial, Verdana, sans-serif;
}
hr {
border-right: 0;
border-left: 0;
border-bottom: 0;
height: 1px;
color: #eee;
background-color: #eee;
}
.clearfix {
clear: both;
}
.lf {
float: left;
}
.rf {
float: right;
}
#wrap_1 {
background: #fff /*transparent url('../images/bg_page.png') repeat-y 50% 0*/;
width: 961px;
margin: 0 auto;
}
#wrap_2 {
width: 961px;
padding: 0;
margin: 0 auto;
}
#top_wrap {
/*background: #CCCCCC;*/
float: right;
height: 25px;
line-height: 23px;
font-weight:bold;
overflow:hidden;
}
/* Suckerfish menu background */
#horiz-menu
{
clear: both;
padding: 0 22px;
width: auto;
}
#header_wrap{
clear: both;
padding: 2px;
width: auto;
}
#member_area,
#login_wrap,
#top_wrap{
clear: both;
padding: 0 4px;
width: auto;
}
#bg_content_wrap{
clear: both;
padding: 2px;
width: auto;
}
#logo_block{
clear: both;
width: auto;
}
#bottom_wrap_1 {
background: #eee /*#80236e ----Official Kemu Purple----*/;
border-top: 1px solid #eeeeee;
width: 100%;
}
#bottom_wrap_2 {
clear: both;
padding:4px;
width: auto;
background: #000033;
}
#mainbody,
#mainbody-2 {
margin-bottom: 3px;
}
#horiz-menu {
background: url('../images/style1/kemu_02.png') repeat-x 0 0;
width: 917px;
height: 39px;
margin-bottom: 5px;
}
/* Member area */
#member_area,
#login_wrap {
background: #FFFFFF /*url('../images/member_bg.png') repeat-x 0 0*/;
height: 32px;
line-height: 32px;
font-size: 10px;
text-transform: uppercase;
}
#login_wrap {
display:none
}
#member_area .lf a {
background: url('../images/button_left.png') no-repeat 0 50%;
color: #666;
padding: 4px 3px;
margin-right: 1px;
}
#member_area .lf a span {
background: url('../images/button_right.png') no-repeat 100% 50%;
padding: 4px 7px 4px 4px;
}
#member_area .lf a:hover {
}
/* Search module */
#member_area .rf div.search {
margin-top: 5px;
}
#member_area .rf div.search input {
border: 1px solid #e1e1e1;
padding: 3px 2px;
color: #c0c0c0;
width: 215px;
}
#member_area .rf div.search input:focus {
color: #000;
}
#member_area .rf div.search input.button,
ul.loginposition input.button,
div.logout input.button {
color: #fff;
border: none;
width: 56px;
height: 19px;
padding: 0 0 1px;
margin-left: 8px;
}
/* Content wrap */
#logo_block {
/*border-top: 1px solid #fff;*/
height: 150px;
/*padding-top: 1px;*/
padding-bottom: 1px;
}
/* Here you can change width or height of your logo*/
a#logo {
width: 320px;
height: 150px;
float: left;
display: block;
}
/*end*/
#banner_wrap {
float: right;
}
/* Set of majot blocks */
div#header {
float:left;
overflow: hidden;
}
div#advert2 {
float:right;
overflow: hidden;
}
/* default crounded corners block */
/* Moduletable 
-------------------------------------------------------------------------------- */
div.module h3,
div.module_menu h3,
div.module_text h3 {
/*margin: 0 2px 0 4px;*/
/*padding: 1px 0;*/
white-space: nowrap;
height: 20px;
background: #990066 /*url('../images/moduletable_h3_def_r.png') no-repeat 100% 50%*/;
font: normal 15px Arial, Helvetica, sans-serif;
color: #fff;
}
div.module .spantitle,
div.module_menu .spantitle,
div.module_text .spantitle {
display: block;
margin: 0 0 0 -2px;
padding: 2px 0 0 5px;
height: 25px;
background: url('../images/moduletable_h3_def_l.png') no-repeat 0 50%;
}
div.moduletable {
margin: 0 0 1px;
}
#header div:last-child.moduletable {
margin: 0;
}
div.module_content {
padding: 10px;
}
div.module_slide {
}
div.moduletable_majors {
width: 240px;
}
div.moduletable_sbdmenu {
width: 200px;
padding: 10px;
border: 1px solid #000099;
}


div.moduletable_fronticons {
margin: 5px;
padding-bottom:3px;
border-bottom: 1px dotted #CCCCCC;
}

div.module_fpnews {
background: url('../images/style1/fp_bg.gif') no-repeat bottom left;
/*padding: 5px;*/
border-left: 1px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;
margin-top:19px;
/*background:#FFFFFF;*/
}

div.module_fpnews h3 {
background: #000066 /*url('../images/moduletable_h3_def_r.png') no-repeat 100% 50%*/;
font: normal 15px Arial, Helvetica, sans-serif;
height: 20px;
text-indent:4px;
border-left: 1px solid #000066;
border-right: 1px solid #000066;
border-top: 1px solid #000066;
color: #fff;
margin:0;
padding:0;
}


div#header,
div.module,
div.module_menu,
div.module_text {
margin: 0 0 2px;
padding: 0;
width: 100%;
background: url('../images/def_cor_rb.png') no-repeat bottom right;
}
div#header .lb,
div.module .lb,
div.module_menu .lb,
div.module_text .lb {
padding: 0;
background: url('../images/def_cor_lb.png') no-repeat bottom left;
}
div#header .rt,
div.module .rt,
div.module_menu .rt,
div.module_text .rt {
padding: 0;
background: url('../images/def_cor_rt.png') no-repeat top right;
}
div#header .lt,
div.module .lt,
div.module_menu .lt,
div.module_text .lt {
padding: 0;
background: url('../images/def_cor_lt.png') no-repeat top left;
}
div.module_homeflash {
/*position: absolute;*/
padding: 0;
display: block;
margin: 0;
z-index: 0;
vertical-align:middle;
float:left;
overflow: hidden;
margin-right:10px;
clear:both;
}
/* Joomla menu */
ul.menu {
list-style: none;
margin: 0;
padding: 0 0 6px;
background: #fff;
}
ul.menu li {
background: none;
margin: 0 9px;
padding: 0;
border-bottom: 1px solid #f1f1f1;
}
ul.menu li a {
display: block;
outline: none;
padding: 5px 2px;
color: #333;
text-decoration:none!important;
}
ul.menu li a:hover,
ul.menu li a:active,
ul.menu li a:focus {
}
ul.menu li.active a {
}
div.module_menu ul.menu li.parent a {
background: url('../images/menu_joomla_bullet.png') no-repeat 96% center;
}
ul.menu li ul {
list-style: none;
margin: 0;
padding: 0;
}
ul.menu li li {
border-bottom: 1px solid #f1f1f1;
}
ul.menu li li:first-child {
border-top: 1px solid #f1f1f1;
}
ul.menu li li a {
border: none;
font-weight: normal !important;
padding-left: 20px !important;
}
ul.menu li li a:hover,
ul.menu li li a:active,
ul.menu li li a:focus {
background: none;
}
ul.menu li:last-child {
border: none;
}
ul.menu li:last-child a {
padding-bottom: 0;
}
ul.menu li li:last-child a {
padding-bottom: 5px;
}
ul.menu li.parent li a {
background: none;
}
.users_wrap {
clear: both;
}
/* set the width of user modules */
.us_width-24b,
.us_width-32b,
.us_width-49b {
overflow: hidden;
float: left;
margin-left: 4px;
}
.us_width-24b {
width: 24.25%;
}
.us_width-32b {
width: 32.6%;
}
.us_width-49b {
width: 49.5%;
}
div:first-child.us_width-24b,
div:first-child.us_width-32b,
div:first-child.us_width-49b {
margin-left: 0;
}
.us-stand {
clear: both;
width: 100%;
}
.users {
overflow: hidden;
float: left;
margin-left:1%;
padding: 3px 0;
}
#bottom_wrap_2 .users:first-child {
margin-left: 0;
}
.us_width-16 .users {
width: 15.8%;
}
.us_width-19 .users {
width: 19.2%;
}
.us_width-24 .users {
width: 24.25%;
}
.us_width-33 .users {
width: 32.6%;
}
.us_width-49 .users {
width: 49.5%;
}
.us_width-99 .users {
width: 100%;
}
/* component + right */
div#component-2 {
float: left;
width: 670px/*626px*/;
}
div#right {
float: right;
width: 280px;
padding-left:3px;
border-left:1px dotted #CCCCCC;
}
div#content_wrap {
background: #fff;
}
div#component {
width: 100%;
}
#mainbody {
padding: 0;
margin-bottom: 3px;
}
/* Background of mainbody content */
#mainbody-2 #main_center {
background: #FFFFFF;
width: 100%;
}
#main_content {
padding:9px;
}
#mainbody #main_center {
background: url('../images/cont_center.png') repeat-y 50% 50%;
width: auto;
}
#mainbody #main_top {
background: url('../images/cont_top.png') no-repeat 50% 0;
}
#mainbody #main_bottom {
background: url('../images/cont_bottom.png') no-repeat 50% 100%;
}
#bottom_wrap_1 div.moduletable {
margin: 0;
}
.contentheading {
font-size: 10px;
font-weight: normal;
border-bottom: 1px solid #D4D4D4;
margin-bottom: 10px;
}
.contentdescription {
display: block;
padding: 10px;
margin: 10px 0;
font-size: 125%;
font-style: italic;
}
div.moduletable h3 {
margin: 0 2px 0 0;
padding: 1px 0;
white-space: nowrap;
height: 28px;
font: bold 14px Arial, Helvetica, sans-serif;
color: #666;
}
#header div.moduletable h3 {
border-bottom: 1px solid #f1f1f1;
margin-bottom: 9px;
}
#bottom_wrap_1 div.null,
#bottom_wrap_1 div.us_width-24b,
#bottom_wrap_1 div.us_width-32b,
#bottom_wrap_1 div.us_width-49b {
margin-top: 2px;
margin-bottom: 2px;
width: 236px;
padding:none;
}
#bottom_wrap_1 div.null:first-child,
#bottom_wrap_1 div.us_width-24b:first-child,
#bottom_wrap_1 div.us_width-32b:first-child,
#bottom_wrap_1 div.us_width-49b:first-child {
background: none;
}
#bottom_wrap_1 ul li {
border-bottom: 1px solid #d0d0d0;
}
#bottom_wrap_2 div.moduletable {
color: #b8b8b8;
}
#bottom_wrap_2 div.moduletable h3 {
color:#fff;
font: bold 11px Arial, Helvetica, sans-serif;
text-transform:uppercase;
}
#bottom_wrap_2 ul li {
border-bottom: none;
line-height: 110%;
}
#bottom_wrap_2 a:link,
#bottom_wrap_2 a:visited,
#bottom_wrap_2 a:active {
text-decoration: none;
color: #ccc;
}
#bottom_wrap_2 a:hover {
text-decoration: underline;
color: #fff;
}
/* Footer */
#footer_wrap {
background: url('../images/footer_bg.png') no-repeat 50% 0;
width: 1043px;
clear: both;
height: 104px;
line-height: 46px;
font-size: 11px;
margin: 0 auto;
color: #999;
}
#copyright {
margin: 0 auto;
width: 961px;
}
#copyright #infoo {
margin: 0 0 0 22px;
float: left;
width: 80%;
}
div#footer_wrap a {
text-decoration: none;
color: #666;
}
#copyright #stylearea {
margin: 0 16px 0 0;
float: right;
width: 8%;
}
#copyright #stylearea a:link,
#copyright #stylearea a:visited,
#copyright #stylearea a:active {
color: #999;
}
#copyright #stylearea a:hover {
color: #666;
}
