body {
	background-image: url(/i/hqsabg.gif);
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial;
	font-size: 12px;
	color: #474747;
}

h1{
	font-family: Verdana, Arial;
	font-size: 13px;
	color: #FFDB4A;
	margin-top: 10px;
	margin-left: 15px;
}

img{
	border: none;
}

#shadow{
	background-image:url(/i/shadows.gif);
	background-repeat:no-repeat;
	width: 974px;
	height: 600px;
	margin: 0 auto;
	margin-top: 50px;
}

#header{

}

#top-logo{
	margin-left: 26px;
	float: left;
	display: inline;
}

#top-logo img{
	border: none;
}

#top-nav{
	background-image:url(/i/cheader.png);
	background-repeat:no-repeat;
	width: 705px;
	height: 42px;
	float: left;
	display: inline;
}

#lang-bar{
	position: relative;
	top: 10px;
	left: 586px;
	width: 100px;
}

#left-pane{
	background-image:url(/i/b1.png);
	background-repeat:repeat-y;
	background-position: top right;
	width: 223px;
	height: 532px;
	margin-left: 26px;
	float: left;
	display: inline;
	/*border: 1px solid #ff0000;*/
}

#left-nav{
	float: left;
	display: inline;
	width: 220px;
	height: 394px;
	background-image:url(/i/nav-bg.gif);
	background-repeat:repeat-y;

}

#lbsep{
	height: 13px;
	width: 220px;
	background-image:url(/i/lnbsep.png);
	background-repeat:no-repeat;
	float: left;
	font-size: 0px;
}

#bottom-logo{
	height: 95px;
	width: 220px;
	float: left;
}

#bgr {
	background-image:url(/i/bbg1.png);
	background-repeat:no-repeat;
	height: 30px;
	width: 220px;
	float: left;
}

#lcsep{
	height: 13px;
	width: 705px;
	background-image:url(/i/lnbcsep.png);
	background-repeat:no-repat;
	float: left;
	font-size: 0px;
}

#bgr2 {
	background-image:url(/i/bbg2.png);
	background-repeat:no-repeat;
	height: 30px;
	width: 705px;
	float: left;
}

#right-pane{
	background-image:url(/i/content-bg.gif);
	background-repeat:repeat-y;
	width: 705px;
	height: 394px;
	float: left;
	display: inline;
}

#content{
	background-color: #ff0000;
}


#content-area{
	height: 394px;
}

#footer{
	background-image:url(/i/footer-bg.png);
	background-repeat:repeat-x;
	width: 705px;
	height: 95px;
	float: left;
}

#title-area{
	background-image:url(/i/b2.png);
	background-repeat:no-repeat;
	background-position: bottom right;
	width: 705px;
	height: 41px;
	float: left;
	margin: 0;
	padding: 0;
}

#title-area p{
	margin:0;
	padding:0;
}

#title-area h1{
	margin: 1px;
	padding: 1px;
	padding-left: 38px;
	padding-top: 10px;
	height: 10px;
}

#text-area{
	background-image:url(/i/b2.png);
	background-repeat:no-repeat;
	background-position: bottom left;
	width: 705px;
	height: 314px;
	float: left;
	display: inline-block;
}

.nav{
	list-style: none;
	margin: 0;
	padding: 0;
}

.nav a{
	background-image:url(/i/nav-btn-bg.png);
	background-repeat:no-repeat;
	font-family: Tahoma, sans-serif;
	font-size: 10px;
	color: #464646;
	padding: 0;
	margin: 0;
	width: 180px;
	text-decoration: none;
	padding-left: 40px;
	line-height: 28px;
	font-weight: bold;
	display: block;
	text-transform: uppercase;
}

.nav a:hover{
	background-image:url(/i/nav-btn-bg-on.png);
	background-repeat:no-repeat;
	color: #FFDB4A;
}


.nav-active  a{
	background-image:url(/i/nav-btn-bg-on.png);
	background-repeat:no-repeat;
	font-family: Tahoma, sans-serif;
	font-size: 10px;
	color: #FFDB4A;
	padding: 0;
	margin: 0;
	width: 180px;
	text-decoration: none;
	padding-left: 40px;
	line-height: 28px;
	font-weight: bold;
	display: block;
	text-transform: uppercase;
}

.nav-active a:hover{
	background-image:url(/i/nav-btn-bg-on.png);
	background-repeat:no-repeat;
	color: #FFDB4A;
}

.nav li {
	height: 28px;
	margin: 0;
	padding: 0;
	border: 0;
	width: 200px;
}

.nav-bl{
	background-image:url(/i/b3.png);
	background-repeat:no-repeat;
	height: 10px;
}

#footer-center{
	position: relative;
	top: 40px;
}

#copyright{
	float: left;
	margin-left: 34px;
}

#email{
	float: left;
	margin-left: 238px;
}


/* scroller */
.clContent
{
	position: relative;
	left: 0px;
	top: 0px;
	width: 100%;
	text-align: justify;
}

#container1
{
	position: relative;
	float: left;
	overflow: hidden;
	left: 38px;
	top: 10px;
	width: 605px;
	height: 295px;
	line-height: 16px;
}

#scrollBar1
{
	position: relative;
	left: 0px;
	top: 0px;
	width: 20px;
	height: 54px;
	margin-left: 3px;
	background-image: url(/i/scroll-track.png);
	background-repeat:no-repeat;
	font-size: 1px;
	padding-bottom: 15px;
}

#scrollTrack1
{
	margin-left: 50px;
	position: relative;
	top: 10px;
	float: left;
	width: 20px;
	height: 290px;
	background-image: url(/i/bg-scroller.png);
	background-repeat:no-repeat;
	font-size: 1px;
	padding-top: 5px;
	display: inline-block;
}
/* scroller */

.edit-button{
    float: right;
	position: relative;
	top: 0;
	left: -25px;
	bottom: auto;
	height: 20px;
	width: 20px;
	z-index:1000;
}
.edit-button img{ border: 0;}

#lang-bar ul, li{
	margin: 0;
	padding: 0;
	font-size: 9px;
	font-family: Tahoma;
	
}

#lang-bar li{
	float: left;
	background-image: url(/i/lang-bg-off.png);
	background-repeat:no-repeat;
	width: 20px;
	height: 20px;
	color: #8A8A8A;
	list-style: none;
	display: inline;
	
}

#lang-bar li a{
	text-decoration: none;
	color: #8A8A8A;
	float: left;
	padding-left: 4px;
	padding-top: 3px;
	display: inline;
	font-size: 10px;
	width: 16px;
	height: 20px;
	text-transform: uppercase;
}

#lang-bar li a:hover{
	background-image: url(/i/lang-bg-on.png);
	background-repeat:no-repeat;
	width: 16px;
	height: 20px;
	display: block;
	color: #FFDB4A;
	float: left;

	
}

#lang-bar li span{
	background-image: url(/i/lang-bg-on.png);
	background-repeat:no-repeat;
	padding-left: 4px;
	padding-top: 4px;
	width: 16px;
	height: 20px;
	display: block;
	color: #FFDB4A;
	text-transform: uppercase;
	float: left;
	
}