html {
}
body.frontsite {
margin:0px auto;
height:100%;
font:76% Tahoma,Verdana,Arial Helvetica, sans-serif;
background:#99cc66;
}
#wrap {
clear:both;
margin:0px auto 0px;
padding:0;
width:980px;
width:100%;
height:100%;
}
#top { 
width:100%;
height:260px;
clear:both;
margin:0 auto;
background:url(../images/topimage.jpg) repeat-x;
}
#topwrap {
width:980px;
margin:0 auto;
padding:0;
}
#topleft {
width:260px;
height:260px;
float:left;
margin:0 auto;
background:url(../images/xenioslogo2.jpg) no-repeat;
}
#topright {
width:715px;
float:right;
height:260px;
float:left;
margin:0 auto;
background:url(../images/topimage.jpg) repeat-x;
margin-left:5px;
}
/*****HYBRID**********/
#nav {
position: relative;
top:50px;
height:25px;
width:715px;
margin:0 ;
padding:0;
font:bold 110%  Verdana, Arial, sans-serif;
}
#nav li ul {
margin: 0;
padding: 0;
}
#nav a {
display:block;
text-decoration: none;
}

#nav li { /*float the main list items*/
margin: 0;
float: left;
display: block;
padding:0 1px;
}
#nav li ul {
display: none;
}

#nav li.off ul  { /*put the subnav below*/
position: absolute;
top: 15px;
padding-top:10px;
left: 0;
height:35px;
width:715px;
}

#nav li.on:hover ul, #nav li.over ul { /*for ie*/
}

#nav li a {
float:left;
height:25px;
line-height:25px;
padding:0 6px 0 5px;
display:block;
color:#373a2f;
text-decoration:none;
border-bottom: double #373a2f;
}


#nav li.off ul a {
border: 0;
float: left; /*ie doesn't inherit the float*/
color:#373a2f;
width: auto;
margin:0 5px;
}

#nav li.over ul li a { /*for ie - the specificity is necessary*/
}


#nav li.off:hover ul, #nav li.over ul {
display: block;
z-index: 6000;
}

#nav li.off a:hover{ 
color: #f4ffe4;
background:#373a2f;
}

/********************/

#logo {
width:300px;
height:100px;
position:relative;
top:100px;
left:150px;
margin:0;
padding:0;
}

#main {
clear:both;
width:100%;
background:#99cc66;
}
.toggler {
color: #f4ffe4;
font-family: 'Andale Mono', sans-serif;
}
.element {
text-align:center;
margin:5px 0;
}
a#toggle2  {
text-align:center;
margin:0;
padding:0;
font:bold 100%  Verdana, Arial, sans-serif;
line-height:28px;
display:block;
width:140px;
height:28px;
color:#373a2f;
background:url(../images/arrow3.png) 110px 7px  no-repeat;
text-decoration:none;
}
a#toggle2:hover  {
background: url(../images/arrow4.png) 110px 7px no-repeat;
text-decoration:none;
color:#99cc66;
}
#accordion {
clear:both;
width:100%;
background:#373a2f;
color:#f4ffe4;
height:100%;
margin-bottom:10px;
}
#accordion2 {
clear:both;
width:100%;
background:#f4ffe4;
color:#000;
}

#accordion .box ,#leftbar .box {
padding:0px 10px 0px 0px;
background:url(../images/box_2.gif) 100% 0% repeat-y;
overflow:hidden;
}
#accordion .bi,#leftbar .bi{
padding:0 0 0 10px;
background:url(../images/box_1.gif) 0 0 repeat-y;
}
#accordion .bt {
height:20px;
margin:0 -10px;
background:url(../images/box_bg.gif) 100% 0 no-repeat;
}
#leftbar .bt{
height:20px;
margin:0 -10px;
background:url(../images/box_bg2.gif) 100% 0 no-repeat;
}

#accordion .bt div {
width:20px;
height:20px;
background: url(../images/box_bg.gif) 0 0 no-repeat;
}
#leftbar .bt div {
width:20px;
height:20px;
background: url(../images/box_bg2.gif) 0 0 no-repeat;
}
#accordion .bb {
height:20px;
margin:0 -10px;
background:url(../images/box_bg.gif) 100% 100% no-repeat;
}
#leftbar .bb {
height:20px;
margin:0 -10px;
background:url(../images/box_bg2.gif) 100% 100% no-repeat;
}
#accordion .bb div {
width:20px;
height:20px;
background: url(../images/box_bg.gif) 0 100% no-repeat;
}
#leftbar .bb div{
width:20px;
height:20px;
background: url(../images/box_bg2.gif) 0 100% no-repeat;
}
.atStart {
width:100%;
clear:both;
}
#accordion a.atStart  {
float:left;
margin:0;
margin-left:10%;
padding:0;
font:bold 100%  Verdana, Arial, sans-serif;
line-height:28px;
display:block;
width:140px;
height:28px;
text-decoration:none;
background:url(../images/arrow1.png) 110px 7px  no-repeat;
}
#accordion a.atStart:hover {
background: url(../images/arrow2.png) 110px 7px no-repeat;
text-decoration:none;
border:none;
}
#accordion  a {
color:#f4ffe4;
text-decoration:none;
}
#accordion  a:hover {
color:#99cc66;
border-bottom:1px solid #99cc66;
}
#content {
width:980px;
margin:1em auto;
}
.inside {
padding:0 1%;
}
#main {
width:100%;
clear:both;
}
#mainbody {
float:left;
width:78%;
height:100%;
margin:0 1% 0 1%;
overflow:hidden;
}
#mainbodyfull {
float:left;
width:97%;
height:100%;
margin:0 0.5%;
overflow:hidden;
}
#leftbar {
float:left;
width:18%;
height:100%;
background:#f4ffe4;
overflow:hidden;
}
#leftbar .moduletable{
margin-bottom:2em;
width:96%;
margin:0 auto 2em;
}
#leftbar .moduletable h3{
margin-top:0;
color:#373a2f;
text-align:center;
}
#leftbar  .moduletable a {
color:#373a2f;
text-decoration:none;
}
#leftbar .moduletable .syndicate a {
text-decoration:none;
border:0;
}

#leftbar a:hover {
color:#528732;
border-bottom:1px solid #528732;
}
h3,.contentheading,strong,.componentheading {
color:#373a2f;
font-size:120%;
font-weight:bold;
}
.small,.createdate,.modifydate {
color:#373a2f;
}
#main a.readon,#main a {
color:#156c94;
text-decoration:none;
}
#main a.readon:hover,#main a:hover{
border-bottom:1px solid #156c94;
}
#active_menu.mainlevel {
background:#cdcdcd;
}
#content .button{
background:#CCCCCC;
border:1px solid #999999;
color:#333333;
margin:5px 0px;
}
.moduletable tr div img {
display:none;
}

a.sublevel {
text-align:left;
padding-left:12px;
background:url(../images/indent.png) left  no-repeat;
text-decoration:none;
}
#emptydiv {
clear:both;
width:100%;
height:10px;
}

#user78wrap {
clear:both;
width:100%;
height:220px;
margin:0; 
padding:0;
}
#user78modules {
clear:both;
width:980px;
height:100%;
margin:0 auto;
padding:0;
}
#user7 {
float:left;
width:49%;
color:#373a2f;
padding:0;
height:100%;
margin:10px 0 10px;
background:#f4ffe4;
border:1px solid #000;
}
#user8 {
float:right;
width:49%;
color:#373a2f;
padding:0;
height:100%;
margin:10px 0 10px;
background:#f4ffe4;
border:1px solid #000;
}
#userx {
float:left;
width:100%;
height:100%;
margin:10px 0 10px;
color:#373a2f;
padding:0;
background:#f4ffe4;
border:1px solid #000;
}
#user7 h3,#user8 h3,#userx h3 {
color:#373a2f;
text-align:center;
}
#user7 a, #user8 a, #userx a {
color:#373a2f;
text-decoration:none;
}
#user7 a:hover,#user8 a:hover,#userx a:hover {
color:#528732;
border-bottom:1px solid #528732;
}
#footerwrap {
float:left;
width:100%;
background:url(../images/downbackground.png) repeat-x;
padding:0;
margin-top:2em;
margin-bottom:2em;
height:120px;
}
#footer {
clear:both;
width:980px;
height:120px;
margin:0 auto;
padding:0;
background:url(../images/downbackground.png) repeat-x;
}
.topmenu{
margin:1em 0 0 0;
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/split.gif) no-repeat 100%;
padding:0 10px 0 10px;
color:#f5ffe4;
font-weight:bold;
text-decoration:none;
}
ul#mainlevel-nav li a:hover {
color:#99cc66;
border-bottom:1px solid #99cc66;
}
.siteinfo {
float:left;
width:50%;
margin:1em 0 0 0;
text-align:left;
line-height:25px;
height:25px;
padding-left:10px;
color:#99cc66;
font-weight:bold;
}
.designedby {
float:left;
line-height:25px;
font-size:10px;
text-align:left;
font-weight:bold;
width:50%;
margin:1em 0 0 0;
}
.designedby a {
padding-left:10px;
text-decoration:none;
color:#f5ffe4;
}
.designedby a:hover {
color:#99cc66;
border-bottom:1px solid #99cc66;
}
.validsite {
float:right;
width:20%;
text-align:right;
margin:0 0 0 0;
}
.validsite a {
text-decoration:none;
}