body, html, * {
    padding: 0;
    border: 0;
}
body, html {
	margin: 0;
}
body, html {
    font-size: 11px;
    font-family: Arial;
    margin: 0px;
    padding: 0px;
	height: 100%;
	min-height: 100%;
background-color: #252525;
}
a:active, a:visited, a:link {
	text-decoration: none;
	color: #fff;
}
ul {
    list-style-type: none;
}

body {
	background: #000 url(../images/bg.png) repeat-y;
}

#sidebar {
	width: 220px;
	padding-top: 36px;
	float: left;
	padding-left: 20px;
	padding-right: 20px;
}

#content {
	padding: 36px 20px 36px 20px;
	float: left;
	text-align: justify;
	width:76%;
	height: 80%;
	min-height: 80%;

}

#logo {
	text-indent: -9999px;
	background: #252525 url(../images/logo.png) no-repeat;
	width: 214px;
	height: 34px;
	margin-bottom: 10px;
}
ul.pages, ul.cats {
	margin: 0;
	padding: 0;
}
ul.pages li {
	line-height: 18px;
}
ul.pages li a.link, ul.pages li a.active, ul.pages li a.visited {
	color: #FFF;
}
.selected {
	font-weight: bold;
}
ul.cats li {
	padding-left: 20px;
	line-height: 18px;
}
a:active.selectedc, a:link.selectedc, a:visited.selectedc {
	color: #00a4ff;
	font-weight: bold;
}
#bar {
	/*
	width: 100%;
	*/
	height: 20px;
	width: 100%;
	display: block;
	/*
	margin-bottom:13px;
	margin-top:7px;
	*/
}
.sshow {
	float: right;
	cursor: pointer;
	-moz-border-radius-bottomleft:10px;
	-moz-border-radius-bottomright:10px;
	-moz-border-radius-topleft:10px;
	-moz-border-radius-topright:10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	padding: 1px 11px;
	color: #fff;
}
.back {
	background: transparent url(../images/arrow_back.gif) no-repeat;
	width: 17px;
	height: 16px;
	float: left;
	cursor: pointer;
}
.cat {
	float: left;
	-moz-border-radius-bottomleft:10px;
	-moz-border-radius-bottomright:10px;
	-moz-border-radius-topleft:10px;
	-moz-border-radius-topright:10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	background-color: #01a1ff;
	padding: 1px 11px;
	color: #fff;
	margin-left: 5px;
}
.story {
	float: right;
	-moz-border-radius-bottomleft:10px;
	-moz-border-radius-bottomright:10px;
	-moz-border-radius-topleft:10px;
	-moz-border-radius-topright:10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	padding: 1px 11px;
	background-color: #f77e87;
	color: #fff;
	margin-left: 5px;
	cursor: pointer;
}
#wrapper {
	text-align: center;
}
span.catdesc {
	font-style: italic;
	color: #a8a8a8;
}
#copy {
	font-size: 10px;
	bottom: 10px;
	position: absolute;
	color: #a8a8a8;
}
.jcarousel-skin-tango {
	position: fixed;
	width:76%;
	bottom: 30px;
	z-index: 9999;
}
.txtbox {
	border: 1px solid #ccc;
	padding: 5px;
	width: 300px;
}
.ok {
	color: #3c9f4a;
	font-weight: bold;
}
.notok {
	color: #d33535;
	font-weight: bold;
}
#content p {
	line-height: 17px;
	color: #666;
}
#bar {

}
#cntainer {
	width: 100%;
	height: 100%;
	text-align: center;
}
.sshowon {
	background-color: #515151;
}
.sshowoff {
	background-color: #999999;
}
.intro {
	margin : -5% 0 0 -15%;
	position : absolute;
	left : 50%;
	top : 50%;
	height : 10%;
	width : 30%;
	_margin-top: 30%;
}
#outer {height: 100%; overflow: hidden; position: relative; width: 100%;}
#outer[id] {display: table; position: static;}
#middle {position: absolute; top: 30%; width: 100%; text-align: center;} /* for explorer only*/
#middle[id] {display: table-cell; vertical-align: middle; position: static;}
#inner {position: relative; _top: 30%; top: -50%; text-align: left;} /* for explorer only */
#inner {width: 800px; margin-left: auto; margin-right: auto;} /* for all browsers*/
.middle-forms table td {color:#666;}