body{
  margin:0;
  padding:0px 112px 0px 112px;
background-image:url('images/BackLogo.jpg');
background-position:right bottom;
background-repeat:no-repeat; 
background-attachment:fixed;
}
#headingFooter {
	color: #FFF;
	font-size: 20px;
	font-weight:bold;
}
#footContent {
	color: #FFF;
	text-align: left;
}

#footContent a {
	color: #FFF;
	text-decoration: underline;
}
#footContent a:hover {
	color: #33CC33;
	text-decoration: underline;
}
#footContent a:visited {
	color: #CCCCCC;
	text-decoration: underline;
}
body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
}
#left-sidebar{
  position:absolute;
  top:0;
  left:0;
  width:112px;
  height:100%;
  background-color:#ffffff;
}
#right-sidebar{
  position:absolute;
  top:0;
  right:0;
  width:112px;
  height:100%;
  background-color:#ffffff;
}
@media screen{
 body>div#left-sidebar{
   position:fixed;
 }
 body>div#right-sidebar{
   position:fixed;
 }
}
* html body{
  overflow:hidden;
} 
#content{
  height:100%;
  overflow:auto;
  padding-right:15px;
  padding-left:15px;
}
 
#header{
  height:100%;
  overflow:hidden;
  background-color:#fff;
}
#IEContain{
  position:absolute;
  top:254;
}
#footer{
	overflow:auto;
	height:100%;
	width: 100%;
	margin: 0;
	padding: 0;
	background-image:url('images/footer.png');
	background-repeat:repeat-x;
	background-position:top; 
}

#begin{
	overflow:auto;
	width: 100%;
        height:175px;
	margin: 0;
	padding: 0;
        background-color:#470152; 
	background-image:url('images/header.jpg');
	background-position:top left; 
        background-repeat:no-repeat;
	color: #FFF;
	font-size: 40px;
	font-weight:bold;
        vertical-align:text-bottom;
	text-align: right;
}

#beginShort{
	overflow:auto;
	width: 100%;
        height:150px;
	margin: 0;
	padding: 0;
        background-color:#470152; 
	background-image:url('images/header.jpg');
	background-position:top left; 
        background-repeat:no-repeat;
	color: #FFF;
	font-size: 40px;
	font-weight:bold;
        vertical-align:text-bottom;
	text-align: right;
}
#loginPanelIE{
	position:relative;
	left:0px;
	z-index:1000;
}

.prev, .next { 
	background-color:#9800FF; 
	padding:5px 10px; 
	color:#fff; 
	text-decoration:none;
}

.prev:hover, .next:hover {
	background-color:#347C17; 
	text-decoration:none;
}
.prev { 
	float:left;
}
.next {
	float:right;
}
#steps {
	list-style:none; 
	width:100%; 
	overflow:hidden; 
	margin:0px; 
	padding:0px;
}
#steps li {
	font-size:14px; 
	float:left; 
	padding:10px; 
	color:#000;
}
#steps li span {
	font-size:8px; 
	display:block;
}
#steps li.current { 
	color:#fff;
}


.ditto_paging {
    border-top: 1px solid #00FF00;
    padding: 10px;
    font-size: 86%;
    color: black;
}
#ditto_pages .ditto_currentpage {
    border: 1px solid black;
    padding: 1px 5px 2px;
    margin-right: 1px;
    background-color: #00FF00;
    color: #fff;
}
#ditto_pages .ditto_off {
    border: 1px solid #ccc;
    padding: 1px 5px 2px;
    margin-right: 1px;
    color: #00FF00;
}
#ditto_pages a, #ditto_pages a:link, #ditto_pages a:visited {
    border: 1px solid #000000;
    padding: 1px 5px 2px;
    margin-right: 1px;
    text-decoration: none !important;
    color: black;
}
#ditto_pages a:hover {
    background-color: #fff;
    color: #000;
}

#search {
	margin-top: 25px;
	position:relative;
	float: right;
	width:476px;
	z-index:900;
	padding-right: 15px;
	_margin-top: 42px;
}

#search-directory {
	position:absolute;
	top:26px;
	left:5px;
	width:496px;
	height:32px;
	overflow:hidden;
	z-index:400;
}

.AS_ajax_highlight {
    background-color: #ffb;
    padding: 2px;
    margin: -3px;
    border: 1px solid #dd3;
    color: #000;
}

.searchTerms { color: #eee; }
.searchTerms .AS_ajax_highlight { margin: 0 0 0 3px;}
a.ajaxSearch_removeHighlight, a.ajaxSearch_removeHighlight:visited { display: block; float: left; margin: 6px 0 0; padding: 1px 2px 2px; color: #888; }
a.ajaxSearch_removeHighlight:hover { background-color: #888; color: #222; }

fieldset
{
border: 0px;
}
#form{
		margin:1em 0;
		color:#fff;
		width:320px; /* customize width, this form have fluid layout */
		}
	#form fieldset{
		margin:0;
		padding:0;
		border:none;	
		border-top:3px solid #000;
		background:#000 url(images/form_top.gif) repeat-x;		
		padding-bottom:1em;
		}		
	#form legend{display:none;}	
	#form p{margin:.5em 20px;}	
	#form label{display:block;}	
	#form input, #form2 textarea{		
		width:272px;
		border:1px solid #111;
		background:#282828 url(images/form_input.gif) repeat-x;
		padding:5px 3px;
		color:#fff;
		}		
	#form textarea{
		height:125px;
		overflow:auto;
		}					
	#form p.submit{
		text-align:right;
		}	
	#form button{
		padding:0 20px;
		height:32px;
		line-height:32px;		
		border:1px solid #70ad2e;
		background:#5aae00 url(images/form_button.gif) repeat-x;
		color:#fff;
		cursor:pointer;		
		text-align:center;		
		}				

fieldset.searchit {
	border: none;
	width: 243px;
	margin: 0 auto;
}
.searchit input, .searchit button {
	border: none;
	float: left;
}
.searchit input.box {
	color: #fff;
	width: 190px;
	height: 30px;
	padding: 8px 5px 0;
        _background: url(images/search_bg_ie.gif) no-repeat right bottom;
	background:  url(images/search_bg.gif) no-repeat left top;
	margin-right: 5px;
}
.searchit input.box:focus {
	background: url(images/search_bg.gif) no-repeat left -38px;
	outline: none;
}
.searchit button.btn {
	width: 38px;
	height: 38px;
	cursor: pointer;
	text-indent: -9999px;
	background: url(images/search_bg.gif) no-repeat top right;	
}
.searchit button.btn:hover {
	background: url(images/search_bg.gif) no-repeat bottom right;	
}
			

ul.horizontal_list li{
    text-align: left;
    list-style: none;
    position:relative;
    float: left;
    padding: 3px 10px 3px 10px;
    margin: 5px;
    background-color:#ffffff;
    border: 1px solid #CCC;
}

#slider {
    width: 745px; /* important to be same as image width */
    height: 425px; /* important to be same as image height */
    position: relative; /* important */
	overflow: hidden; /* important */
}
#sliderContent {
    width: 700px; /* important to be same as image width or wider */
    position: absolute;
	top: 0;
	margin-left: 0;
}
.sliderImage {
    float: left;
    position: relative;
	display: none;
}
.sliderImage span {
    position: absolute;
	font: 18px Arial, Helvetica, sans-serif;
    padding: 10px 13px;
    width: 700px;
    background-color: #000;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
	-khtml-opacity: 0.7;
    opacity: 0.7;
    color: #fff;
    display: none;
}
.sliderImage span strong {
    font-size: 14px;
}
.top {
	top: 0;
	left: 0;
}
.bottom {
	bottom: 0;
    left: 0;
}
ul { list-style-type: none;}