body 
{ 
	margin: 0; 
	padding: 0;
	background-color: #ececec; 
	color: #4E4E4E;
	font-family: Verdana, Arial; 
	font-size:90%;
	font-weight:normal;
	text-align: center;
}

h1,h2,h3,h4,h6 {
	color:#604c3b;
	position:relative;
	text-overflow:ellipsis;
}

h2,h3{
	color: #2989cc;
	padding: 0;
}


h4 {
	color:#FFFFFF;
	font-size:14px;
	padding: 12px 0 0 28px;
}



/* ----------------------- header -----------------------------------  */
#header
{
	position: relative; 
	text-align: left; 
	width: 980px; 
	margin-right: auto; 
	margin-left: auto;
	background: url(images/MyQuest_01.jpg) no-repeat left bottom;
	padding: 5px 0 0 0;
}


.thb {
	background: url(images/MyQuest_01.jpg) no-repeat left bottom;
	height: 74px;
}

.cb {
	background: url(images/MyQuest_03.jpg) repeat-x left bottom;
}

.cb .l {
	background: url(images/MyQuest_02.jpg) no-repeat left bottom;
	padding-left: 20px;
}

.cb .r {
	height: 34px;
	background: url(images/MyQuest_05.jpg) no-repeat right bottom;
}



/* navigation */
	
#nav {
	float: left;
	font-family: Arial, Helvetica, Geneva, sans-serif;
	width: 100%;
	margin: 0;
	padding: 0;
	list-style: none;	
}

#nav li { 
	float: left;
	margin: 0;
	padding: 0;
}

#nav a {
	float: left;
	display: block;
	padding: 7px 10px 6px 10px;
	text-decoration: none;
	font-size: 90%;
	color: #ffffff;
	background: url(images/divider.gif) no-repeat top right;
}

#nav #nav-1 a {
	padding-left: 20px;
}

#nav a:hover {
	color: #000066;
}

/* more */

ul#more {
	clear: left;
	margin-top: 60px;
}


/* ------------------------- Content--------------------------------  */


#content
{
	position: relative;
	width: 980px; 
	margin-right: auto; 
	margin-left: auto;
	text-align:left;
	background-image: url(images/MyQuest_08.jpg);
}

#contentbody
{
	padding: 5px 15px 2px 15px;
}

.textborder{
	padding: 0px 5px 0px 5px;
	border: #330099 dotted 1px;
	background-color: #F8F8F8;
}

.dotborder{
	padding: 5px 5px 5px 5px;
	border: #330099 dotted 1px;
}


.ct {
	background: url(images/MyQuest_06.jpg) no-repeat left bottom;
	height: 34px;
	text-align: left;
	border: 1px;
}

.ct p {
	padding-left: 20px;
	padding-top: 10px;
	height: 34px;

}


.cl {
	background: url(images/MyQuest_10.jpg) no-repeat left bottom;
	height: 34px;
}

.ct p {
    color:#FFFFFF;
	font-size:14px;
	font-family: Arial, Helvetica, Geneva, sans-serif;
	padding: 13px 0 0 20px;
	margin: 0 0 0 0;
}


/* Sidebar */


#navlist
{
	padding: 1px;
	margin-left: 0;
	font: 11px verdana, sans-serif;
	color: gray; 
	float: left;
	width: 200px;
}

#navlist ul {
	width: 200px;
	margin: 0;
	padding: 0 0 0 0;
	list-style: none;
	border: 1px  #CAEEFF solid;
}


#navlist li
{
	list-style: none;
	margin: 0px;
	border-bottom: 1px gray solid;
	// background: url(images/MyQuest_box_021.gif) repeat-x left bottom;
	text-align: left;
}

#navlist li a
{
	display: block;
	padding: 0.7em 0.5em 0.7em 0.9em;
	text-decoration: none;
}

#navlist li a:link { color: #000; }
#navlist li a:visited { color: #006; }

#navlist li a:hover
{
	font-weight:bold;
	color: #009900;
	// background: url(images/MyQuest_box_02.gif) repeat-x left bottom;
	border-left: 3px #009900 solid;
}



.headbluebg{
	background: url(images/MyQuest_box_02.gif) repeat-x left bottom;
	color:#FFFFFF;
}



.datatable {
	border: 1px solid #D6DDE6;
	border-collapse: collapse;
}
.datatable td {
	border: 1px solid #D6DDE6;
	padding: 0.3em;
}
.datatable th {
	border: 1px solid #828282;
	background-color: #BCBCBC;
	font-weight: bold;
	text-align: left;
	padding-left: 0.3em;
}
.datatable caption {
	font: bold 110% Arial, Helvetica, sans-serif;
	color: #33517A;
	text-align: left;
	padding: 0.4em 0 0.8em 0;
}
.datatable tr.altrow {
	background-color: #DFE7F2;
	color: #000000;
}

.datatable td.altcoll {
	background-color: #DFE7F2;
	color: #000000;
}

form {
	margin: 0;
	padding: 0;
}

input {
	color: #00008B;
	padding: 2px 2px 2px 2px;
	background-color: #E3F2F7;
	border: 1px inset #00008B;
	font-size:16px;
}
select {
	background-color: #E3F2F7;
	color: #00008B; 
	font-size:16px;
	padding: 2px 2px 2px 2px;
}
input.btn {
	color: #00008B;
	background-color: #ADD8E6;
	border: 1px outset #00008B;
}
form div {
	clear: left;
	margin: 0;
	padding: 0;
	padding-top: 5px;
}

.formtext {
	color: #006699;
	font-size:12px;
}


/* ------------------------- Box --------------------------------  */


.tb {
	background: url(images/MyQuest_box_02.gif) repeat-x left bottom;
}

.tb .l {
	background: url(images/MyQuest_box_01.gif) no-repeat left bottom;
	padding-left: 20px;
}

.tb .r {
	height: 28px;
	background: url(images/MyQuest_box_04.gif) no-repeat right bottom;
}

.tb p{
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	padding: 5px 0 0 0;
}



.bb {
	background: url(images/MyQuest_box_08.gif) repeat-x left bottom;
}

.bb .l {
	background: url(images/MyQuest_box_07.gif) no-repeat left bottom;
	padding-left: 20px;
	padding: 0 0 0 0;
}

.bb .r {
	height: 28px;
	background: url(images/MyQuest_box_09.gif) no-repeat right bottom;
}

/* ------------------------- Footer --------------------------------  */


#footer
{
	position: relative; 
	text-align: center; 
	color: #aaaaaa;
	width: 980px; 
	margin-right: auto; 
	margin-left: auto;
	font-size: 10pt;
	padding-left: 10px;
	padding-right: 10px;
}