body {margin: 0 auto;padding: 0;font-family:Verdana,Arial,Sans-Serif;font-size:0.8em;background: #E7E7E7;overflow: scroll;}
a {text-decoration: none;color: #B60400;}
a:hover {color: #808080;}
a img {border: 0;}
.bold{font-weight:bold;}
h3 {font-size: 1.3em;margin: 0 0 5px 0;padding: 2px 0px 0px 0px;border-bottom: 2px solid #eee;}
h4 {font-size: 1.1em;margin: 0 0 5px 0;padding: 2px 0px 0px 0px;border-bottom: 2px solid #eee;}
P {margin: 0;}
hr {height:1px;color:#aaa;padding:0;margin:0}
/* forms */
.textbox {border: solid 1px #aaa; width: 200px;}
.button {border: solid 1px #aaa;}
.blue {color: #286ea0;}
.red {color: #B60400;}
.error 
{
	background-color: #ffe8dd;
	border:1px solid #ffb997;
	color:#C00000;
	margin-bottom: 10px;
	padding:6px 30px 6px 6px;
}
.success 
{
	background-color: #c4e99b;
	border:1px solid #bbbbbb;
	color: green;
	margin-bottom: 10px;
	padding:6px 30px 6px 6px;
}

/* layout */
#wrapper {margin:0 auto;padding:0;width:770px;background: #fff url(../images/bg.gif) repeat-y;}
#header {height:78px;background:#fff url(../images/headerbg.gif) no-repeat;color:#808080;}
#title {float:left;padding:30px 0 0 14px;font:bold 17pt Arial;}
#banner {float:right;margin:15px 11px 0 0;width:468px;height:60px;}
#content-wrap {clear:both;padding: 2px 0 0 0;margin:0;}
#sidebar {padding:0;margin:0 0 0 4px;float:left;width:160px; border-right: 2px solid #eee;}
#main {padding:0;margin: 0 12px 0 0;float:right;width:590px;}

#nav {padding:0;padding:0;width:160px;}
#nav ul {list-style:none;width:160px;margin:0;padding:0;}
#nav li {margin-bottom:2px;padding:0 4px 0 10px;}
#nav li a
{
	padding: 4px;
	font-size: 9pt;
	font-weight: bold;
	text-align: right;
	text-decoration: none;
	color: #808080;
	display: block;
	background: #fff;
	border-bottom: 1px dotted #ccc;
}
#nav li a:hover {color:#286ea0;}
/* slider */
#promo {border: solid 1px #dddddd;
	width:590px; /* important to be same as image width */
    height: 150px; /* important to be same as image height */
    position: relative; /* important */
	overflow: hidden; /* important */
}
#promoContent {list-style:none;position:absolute;top:0;right:0;margin: 0;}
.promoImage {float: left;position: relative;}
.promoImage span {
    position: absolute;
	font: 12px Arial, Helvetica, sans-serif;
    padding: 10px 13px;
    background-color: #000;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
	-khtml-opacity: 0.7;
    opacity: 0.7;
    color: #fff;
    display: none;
}
.promoImage span strong {font-size: 14px;}
.left {
	top: 0;
    left: 0;
	width: 250px !important;
	height: 150px;
}
.right {
	top: 0;
	right: 0;
	width: 270px !important;
	height: 150px;
}
.bottom {
	left: 0;
	bottom: 0;
	width: 564px !important;
	height: 34px;
}
/* content */
.content
{
	clear: both;
	margin:0;
	padding: 4px 0 0 2px;
	color: #5D5D5D;
}
.content-left
{
	float: left;
	padding: 4px 0 0 2px;
	margin:0;
	width: 280px;
	color: #5D5D5D;
}
.content-right
{
	float: right;
	padding: 4px 0 0 10px;
	margin:0;
	width: 286px;
	color: #5D5D5D;
	border-left: 1px solid #DDD;
}
.itemtemplate
{
	padding-bottom:4px;
	margin-bottom: 4px;
	border-bottom: 1px solid #ccc;
	font-size: 11px;
}
.light {background-color:#eeeee2;padding:0 2px 0 2px;}
.dark {background-color:#ddddd2;padding:0 2px 0 2px;}
.portlet
{
	clear: both;
	margin: 4px 4px 0px 9px;
	padding: 2px;
	color: #6B6B6B;
	border: 1px solid #ccc;
	background: #f4f4f4;
	line-height:normal;
}

.portlet a
{
	text-decoration: underline;
}

.portlet p
{
	margin: 0;
}

.box
{
	margin: 0;
	padding: 2px;
	color: #6B6B6B;
	border: 1px solid #ccc;
	font-size: 11px;
	background:  url(../images/gradient.gif) repeat-x 0px -20px;
}
.box2
{
	margin: 0;
	padding: 2px;
	color: #6B6B6B;
	border: 1px solid #ccc;
	background:  url(../images/gradient.gif) repeat-x 0px -20px;
}
.boxdark
{
	margin: 0;
	padding: 2px;
	color: #6B6B6B;
	border: 1px solid #ccc;
	background: #eeeeee;
}

#downbox
{
	margin: 0 0 20px 150px;
	padding: 5px 10px 5px 10px;
}

#downbox p
{
	padding: 6px;
	margin: 0;
}

/* footer */
#footer
{
	clear: both;
	margin:0;
	padding: 20px 12px 0 0;
	background: url(../images/footerbg.gif) no-repeat;
	height:30px;
	color: #808080;
	font-size: 0.8em;
	text-align: right;
}

#footer a
{
	text-decoration: underline;
	color: #3A6794;
}

#footer a:hover
{
	color: #000;
}
/* Data Pager */
.pager {text-align:center;padding:6px 0px;font-weight:bold;} 
.pager span.command,
.pager span.current,        
.pager a.command
{
	border:solid 1px #ccc;
	color:#666;
	background-image:url(../images/gradient.gif);
	background-position:0px -20px;
	line-height:18pt;
	padding:5px;
	text-decoration:none;
}
.pager span.current {font-weight:bold;color: Red;}
/* cms */
.section {clear:both;margin:0;padding:0}
.moduletools a{font-size: 9px; border: solid 1px #aaa;background-color: #eee;}
/* modal popup */
.modalBackground {background-color: Gray;filter: alpha(opacity=70);opacity: 0.7;}
.modalPopup {background-color: #ffffff;border-width: 2px;border-style: solid;border-color: Gray;padding: 3px;width: 500px;}