body {
text-align: center; /*center hack*/
}
#left .inputbox {
background: green;
border: 0;
margin: 4px;
padding: 0;
float: left;
}
#login {
top:0;
width: 49;
height: 122px;
background: none;
border: none;
float: right;
}

#login .moduletable h3{
display: none;
}

#login img {
border: none;
background: none;
}

#login .button {
font: bold 12px Arial, Helvetica, sans-serif;
width: 50px;
height: 20px;
line-height: 20px;
text-align: center;
background: url("../images/button_bg.png") no-repeat 0 0;
border: none;
color: #404040;
}

#login .button:hover {
font: bold 12px Arial, Helvetica, sans-serif;
width: 50px;
height: 20px;
text-align: center;
background: url("../images/button_bg.png") no-repeat 0 -20px;
border: none;
color: #404040;
cursor: hand;
}

#login .inputbox1 {
width: 70px;
height: 20px;
padding: 4px 10px 0 24px;
background: url("../images/username_bg.png") no-repeat 0 0;
border: none;
}

#login .inputbox1:hover {
background: url("../images/username_bg.png") no-repeat 0 -24px;
}

#login .inputbox2 {
width: 70px;
height: 20px;
padding: 4px 10px 0 24px;
background: url("../images/password_bg.png") no-repeat 0 0;
border: none;
}
#login .inputbox2:hover {
background: url("../images/password_bg.png") no-repeat 0 -24px;
}


.inside {padding: 10px;}
.clear {clear: both;}

#wrap {
padding: 0;
min-width:760px;
max-width: 960px;
width: auto !important; /*IE6 hack*/
width: 960px; /*IE6 hack*/
margin: 0 auto;
text-align: left;
margin-top: 30px;
background: #fff;
border: 1px solid #eaeaea;
}
#header {
float: left;
color: #fff;
width: 100%;
height: 122px;
background: #383838;
}

#logo { width: 49%;
float: left;
overflow: hidden;
}

#logo h1 {
font-family: Arial, Helvetica, sans-serif;
padding: 0;
margin: 0;
font-size: 36px;
line-height: 36px;
margin: 25px -20px 20px 20px;
color: #fff;
}
#logo h2 {
font-family: Tahoma, Arial, Helvetica, sans-serif, small-caps;
font-size: 12px;
padding: 0;
margin: -10px -30px 20px 30px;
color: #f3f3f3;
}

div#topbar {
	width: auto;  
	margin: 0px 0px 0px 0px;
	padding: 0px 25px 0px 25px;
	background: #212121;
	clear: both;  
	position: relative;
}

div#topbar div.nav_m {
	height: 55px;
	background: #212121 url(../images/nav_m.png) 0 0 repeat-x; /* ie6png:scale */
}

div#topbar div.nav_l {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 25px;
	height: 55px;
	background: url(../images/nav_l.png) 0 0 no-repeat; /* ie6png:scale */
}

div#topbar div.nav_r {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 25px;
	height: 55px;
	background: url(../images/nav_r.png) 0 0 no-repeat; /* ie6png:scale */
}

#searchbox input {
background: #fff url("../images/magnifier_icon.png") no-repeat;
border: 1px solid #f1f1f1;
height: 18px;
width: 140px;
padding-left: 18px;
font: 14px Arial, Helvetica, sans-serif;
}

#searchbox .search {
	position: absolute;
	top: 1px;
	left: 20px;
	z-index: 11;
}

#left {
float: left; width: 20%; overflow: hidden;
background: none;
}
#right {
float: right; width: 20%; overflow: hidden;
background: none;
}
#content {
float: left; width: 60%; overflow: hidden;
}
#content60 {
float: left; width: 60%; overflow: hidden;
}
#content80 {
float: left; width: 80%; overflow: hidden;
}
#content100 {
float: left; width: 100%; overflow: hidden;
}

#footer {
background: #212121;
color: #fff;
text-align: left;
clear: both;
height: 50px;
}

#footer #copyright {
	float: left;
	width: 59%;
	text-align: left;
	color: #ccc;

}

#footer #design {
	float: right;
	width: 40%;
	text-align: right;
	color: red;
}

#footer p, #footer a, #footer a:link, #footer a:active, #footer a:hover, #footer a:visited {
font: 10px normal verdana, helvetica, tahoma;
color: #ccc;
}
 
#box {
width: 100%;
height: 284px;
background: black;
}

/*** set the width and height to match your images **/
#slideshow {
    position:relative;
    height:284px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}