body {
margin:0px auto;
height:100%;
line-height:160%;
font:76% Tahoma,Verdana,Arial Helvetica, sans-serif;
}

#entire {
width:100%;
margin:0px auto;
}

#top {
width:100%;
height:120px;
background:url(../images/topbackground.png) repeat-x;
}

#topup {
position:absolute;
top:5px;
height:30px;
width:100%;
}
#language {
float:left;
padding-left:0px;
width:50px;
margin-left:4%;
text-align:center;
}
#topupright {
float:right;
height:30px;
width:250px;
background:url(../images/topright.png) no-repeat;
margin-top:-5px;
margin-right:4%;
}

.search {
float:left;
width:100px;
}
.search .inputbox {
float:left;
width:100px;
margin-left:30px;
background:#a2a2a2;
border:0;
color:#fff;
color:#000;
text-align:center;
}

#resizer {
float:right;
width:90px;
text-align:right;
height:20px;
}
#resizer  img {
float:left;
margin-left:5px;
margin-top:5px;
vertical-align:middle;
}
#resizer a {
text-decoration:none;
}


#topdown {
position:absolute;
top:30px;
width:100%;
height:85px;
overflow:hidden;
}
#topdownleft {
float:left;
width:46%;
height:85px;
overflow:hidden;
margin:0 0 0 2%;
}
.logo {
float:left;
width:48%;
height:85px;
background:url(http://mycountymag.com/mcm/images//glafkopislogo.jpg) 40% 40%  no-repeat;
}


.sitename {
float:left;
width:48%;
font-size:1.8em;
padding-top:1em;
text-align:left;
color:#006699;
height:95px;
margin-left:1%;
}
#topdownleftfull {
float:left;
width:100%;
height:85px;
}
.logofull {
float:left;
width:50%;
height:85px;
background:url(../images/glafkopislogo.jpg) 40% 40%  no-repeat;
}

.sitenamefull {
float:left;
padding-top:1em;
width:50%;
font-size:2em;
text-align:left;
overflow:hidden;
color:#006699;
}
#topdownright{
float:left;
width:46%;
height:85px;
text-align:center;
overflow:hidden;
margin:0 2% 0 0;

}
#topdownright img {
margin-top:12px;
}

#topmodules {
float:left;
width:100%;
height:120px;
overflow:hidden;
background:url(../images/topmodules.png) repeat-x;
}
#topmodulesleft{
width:40%;
float:left;
color:#000;
text-align:left;
margin:0 0 0 4%;
height:120px;
margin-top:1px;
overflow:hidden;
}
#topmodulesright{
width:40%;
height:120px;
float:right;
margin:0px 4% 0px 0;
overflow:hidden;
}
#user1 {
float:left;
width:49%;
color:#000;
padding:0;
height:100%;
margin:5px 0;
overflow:hidden;
}
#user2 {
float:right;
width:49%;
color:#000;
padding:0;
height:100%;
margin:5px 0;
overflow:hidden;
}
#userx {
float:left;
width:98%;
height:100%;
margin:5px 0;
color:#000;
padding:0;
overflow:hidden;
}

#user1 .box,#user2 .box ,#userx .box {
padding:0px 10px 0px 0px;
background:#fff url(../images/box_2.gif) 100% 0 repeat-y;
}
#user1 .bi, #user2 .bi, #userx .bi{
padding:0 0 0 10px;
background: url(../images/box_1.gif) 0 0 repeat-y;
}
#user1 .bt ,#user2 .bt,#userx .bt{
height:20px;
margin:0 -10px;
background:url(../images/box_bg.gif) 100% 0 no-repeat;
}
#user1 .bt div,#user2 .bt div ,#userx .bt div{
width:20px;
height:20px;
background: url(../images/box_bg.gif) 0 0 no-repeat;
}
#user1 .bi ul,#user2 .bi ul ,#userx .bi ul{
background:#006699;
margin:0;
padding:0;
height:60px;
/*line-height:12px;*/
line-height:12px;
font-size:0.9em;
color:#fff;
text-align:left;
overflow:hidden;
}
#user1 .bi ul a ,#user2 .bi ul a,#userx .bi ul a{
color:#fff;
text-decoration:none;
}

#user1 .bi ul li,#user2 .bi ul li,#userx .bi ul li {
list-style-type:none;
margin:0;
padding:0;
}

#user1 .bi ul li a,#user2 .bi ul li a,#userx .bi ul li a { 
text-decoration:none;
color:#fff;
}
#user1 .bi ul li a:hover,#user2 .bi ul li a:hover,#userx .bi ul li a:hover {
color:#000000;
}

#user1 .bb ,#user2 .bb,#userx .bb{
height:20px;
margin:0 -10px;
background:url(../images/box_bg.gif) 100% 100% no-repeat;
}
#user1 .bb div ,#user2 .bb div,#userx .bb div{
width:20px;
height:20px;
background: url(../images/box_bg.gif) 0 100% no-repeat;
}
#user1 h3,#user2 h3,#userx h3 {
height:10px;
line-height:9px;
margin:0;
padding:0;
font-size:9px;
background:#006699;
color:#000;
text-align:right;
}
#horizmenu{
width:100%;
float:left;
padding:0;
height:25px;
background:#006699;
overflow:hidden;
}

ul#mainlevel {
float:left;
width:92%;
margin:0 4% 0 4%;
padding:0;
height:25px;
}

ul#mainlevel li {
list-style: none;
float:left;
display:block;
line-height:30px;
}

ul#mainlevel li a {
background:url(../images/split.gif) no-repeat 100%;
font-weight:bold;
padding:0 10px 0 10px;
display:block;
color:#fff;
text-decoration:none;
}
ul#mainlevel li a:hover {
background:#000;
}
#contentseparator {
clear:both;
width:100%;
height:5px;
background:url(../images/contentseparator.png) repeat-x;
}


#content {
clear:both;
width:92%;
margin:1em 4% 1em 4%;
background:#fff;
}

#mainbody {
float:left;
width:67%;
height:100%;
margin:0 1%;
padding:0 1%;
border-left:1px solid #cdcdcd;
border-right:1px solid #cdcdcd;
overflow:hidden;
}
#mainbodyfull {
float:left;
width:81%;
height:100%;
margin:0 1%;
padding:0 1%;
border-left:1px solid #cdcdcd;
border-right:1px solid #cdcdcd;
overflow:hidden;

}
#leftbar {
float:left;
width:14%;
height:100%;
background:#fff;
overflow:hidden;

}
#rightbar {
float:left;
width:14%;
height:100%;
background:#fff;
overflow:hidden;
}



#leftbar .moduletable,#rightbar .moduletable {
margin-bottom:2em;
}
#leftbar .moduletable h3,#rightbar .moduletable h3{
margin-top:0;
color:#fff;
background:#006699;
border:2px solid #cdcdcd;
text-align:center;
}
#leftbar  .moduletable a ,#rightbar .moduletable a{
display:block;
color:#006699;
border-bottom:1px solid #cccccc;
text-decoration:none;
}
#leftbar .moduletable .syndicate a ,#rightbar .moduletable .syndicate a{
text-decoration:none;
border:0;
}

#leftbar a:hover,#rightbar a:hover {
border-bottom:1px solid #000;
}
#mod_login_username, #mod_login_password {
width:90%;
background:#FFFFFF;
border:1px solid #CCCCCC;
padding: 2px 0;
color:#333333;
}
.button{
background:#CCCCCC;
border:1px solid #999999;
color:#333333;
margin:5px 0px;
}
h3,.contentheading,strong,.componentheading {
color:#006699;
font-size:120%;
font-weight:bold;
}
.small,.createdate,.modifydate {
color:#484848;
}
a.readon,#mainbody a,#mainbodyfull a {
color:#006699;
border-bottom:1px solid #cccccc;
text-decoration:none;
}
a.readon:hover,#mainbody a:hover,#mainbodyfull a:hover {
border-bottom:1px solid #000;
}
#active_menu.mainlevel {
display:block;
background:#000;
}
#footer {
float:left;
width:100%;
height:120px;
margin-bottom:3em;
margin-top:3em;
background:url(../images/downbackground.png) repeat-x;
}

.topmenu{
/*margin:1em 4% 0 4%;*/
margin:1em 0 0 4%;
float:left;
width:70%;
}
ul#mainlevel-nav {
padding:0;
margin:0;
}

ul#mainlevel-nav li {
list-style: none;
float:left;
}

ul#mainlevel-nav li a {
background:url(../images/split1.gif) no-repeat 100%;
padding:0 10px 0 10px;
color:#006699;
text-decoration:none;
}
ul#mainlevel-nav li a:hover {
border-bottom:1px solid #000;
}

.siteinfo {
float:left;
width:50%;
margin:1em 0 0 4%;
text-align:left;
line-height:25px;
height:25px;
padding-left:10px;
}
.designedby {
float:left;
line-height:25px;
font-size:10px;
text-align:left;
width:50%;
margin:1em 0 0 4%;
}
.designedby a {
padding-left:10px;
text-decoration:none;
color:#006699;
}
.designedby a:hover {
border-bottom:1px solid #006699;
}
.validsite {
float:right;
width:20%;
text-align:right;
margin:0 6% 0 0;
}
.validsite a {
text-decoration:none;
}