body {
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#FFFFFF;	
	margin: 0px;
	padding: 0px;
	background-color: #C8C9D0;
	width: 888px;
	padding-left: 50%;
	text-align:left;
}

#frame {
	width: 888px;
	margin-left: -444px;
}

a {outline:none;}

/* = DATE---------------------- */
#date {
	width: 855px;
	height: 27px;
	top:0px;
	position:absolute;
}

#date span {	
	color: #888888; 
	font-size:10px;
	float: right;
	padding-top:10px;
}

/* = HEADER---------------------- */
#header {
	width: 888px;
	height: 196px;
	background: url(/images/bg/mainbody/main-top.jpg) no-repeat;
	color: #333333;
	top:27px;
	position:absolute;
}
#header img.logo {
	left:66px;
	float: left;
	top: 53px;
	position:relative;
}
#header img.slogan {
	left:70px;
	top:157px;
	position:absolute;
}
#header img.homeban {
	left:303px;
	top:22px;
	position:absolute;
}
#head-flash {
	left:303px;
	top:22px;
	position:absolute;
	z-index:99;
}

#header a {
	text-decoration: none;
}
#header ul {
	display: inline;
	margin: 0px;
	padding-right: 33px;
	float:right;
}
#header ul li {
	display: inline;
	list-style:none;
	padding-left:15px;
	margin:0px;
}

#header ul li a {display:inline;}

/* = MENU---------------------- */
#menu {
	width: 888px;
	height: 34px;
	background: url(/images/bg/mainbody/main-menu.jpg) no-repeat;
	color: #333333;
	top:223px;
	position:absolute;
}

#menu a {
	text-decoration: none;
}
#menu ul {
	display: inline;
	margin: 0px;
	padding-left:66px;
	float:left;
}
#menu ul li {
	display: inline;
	list-style:none;
	padding:0px;
	margin-left:-4px;
}

#menu ul li a {display:inline;}

#menu input {
	float:right;
	padding-right:22px;
}

#menu table {
	margin: 0px;
	padding:0px;
	float:right;
}

#menu input.txtbox {
	margin:3px 0px 0px 0px;
	padding:1px;
	font-size:11px;
	color:#333333;
	font-family:Arial, Helvetica, sans-serif;
	border:1px solid #333333;
	vertical-align:top;	
}

/* = CONTAINER---------------------- */
#container {
	width: 888px;
	background: url(/images/bg/mainbody/main-1px.jpg) repeat-y;
	top:257px;
	position:absolute;
	overflow:hidden;
	padding:0px;
}
/* = CONTAINER TOP---------------------- */
#container-top {
	width: 888px;
	height:165px;
	background: url(/images/bg/mainbody/main-menu-02.jpg) no-repeat;
	background-position:top;
	position:relative;
}

/* = CONTAINER FOOTER---------------------- */
#container-footer {
	width: 888px;
	height:66px;
	background: url(/images/bg/mainbody/main-btm.jpg) no-repeat;
	background-position:bottom;
	position:relative;
	padding-top:28px;
}

#container-footer ul {
	display: inline;
	margin: 0px;
	padding-top:22px;
	padding-right:31px;
	float:right;
}
#container-footer ul li {
	display: inline;
	list-style:none;
	padding:0px;
	margin-left:21px;
}

#container-footer ul li a {display:inline; font-size:11px; line-height:12px;}

#container-footer a:link, #container-footer a:visited {color:#FFFFFF; text-decoration:none;}
#container-footer a:hover {color:#FFFFFF; text-decoration:underline;}

/* = CONTAINER SITEBY---------------------- */
#container-siteby {
	width: 888px;
	height:27px;
	position:relative;
	color:#777;
	margin:0px;
	line-height:12px; 
	font-size:10px;		
	background-color: #C8C9D0;
}

#container-siteby table {
	margin:8px 31px 0px 0px;
	float:right;	
}

#container-siteby a:link, #container-siteby a:visited {color:#666; text-decoration:none;}
#container-siteby a:hover {color:#666; text-decoration:underline;}

/* = CONTENT---------------------- */
#content {
	width: 843px;
	background: url(/images/bg/contentbody/cont-1px.jpg) repeat-y;
	top:0px;
	position:relative;
	overflow:hidden;
	padding:0px;
	left:23px;
	margin-top:-165px;	
}

/* = CONTENT HEADER---------------------- */
#content-header {
	width: 843px;
	height:26px;
	background: url(/images/bg/contentbody/cont-top.jpg) no-repeat;
	background-position:top;
	padding:0px;
}

/* = CONTENT HEADER---------------------- */
#content-header02 {
	width: 843px;
	background: url(/images/bg/contentbody/cont-top-02.jpg) no-repeat;
	background-position:top;
	overflow:hidden;
	margin:0px;
	padding:0px;	
}

/* = CONTENT FOOTER---------------------- */
#content-footer {
	width: 843px;
	height:36px;
	background: url(/images/bg/contentbody/cont-btm.jpg) no-repeat;
	background-position:bottom;
	position:relative;
}


/* = CONTENT SUBMENU---------------------- */
#content-submenu {
	width: 162px;
	top:33px;
	float:left;
	position:relative;
	overflow:hidden;
	padding:0px;
	left:46px;
	text-align:left;
}

#content-submenu a.link_submenu:link, #content-submenu a.link_submenu:visited {color:#FFFFFF; text-decoration:none; font-size:12px;} 
#content-submenu a.link_submenu:hover {color:#FFFFFF; text-decoration:underline; font-size:12px;}



/* = CONTENT BODY---------------------- */
#content-body {
	width: 586px;
	float:right;
	top:0px;
	position:relative;
	overflow:hidden;
	padding:0px 20px 36px 0px;
	margin:0px;
	text-align:left;
	line-height:130%;
}

#content-body a.link_sizer:link, #content-body a.link_sizer:visited {color:#999999; text-decoration:underline;} 
#content-body a.link_sizer:hover {color:#333333; text-decoration:none; background-color:#999999;}

#content-body a:link, #content-body a:visited {color:#FFFFFF; text-decoration:underline;} 
#content-body a:hover {color:#333333; text-decoration:none; background-color:#FFFFFF;}

#content-body a.link_h:link, #content-body a.link_h:visited {color:#FFFFFF; text-decoration:none;} 
#content-body a.link_h:hover {color:#333333; text-decoration:none; background-color:#FFFFFF;}

#content-body a.link_plain:link, #content-body a.link_plain:visited {color:#FFFFFF; text-decoration:none;} 
#content-body a.link_plain:hover {color:#FFFFFF; text-decoration:none;}

#content-body p {margin:0px 0px 10px 0px;}

#content-body ul {padding:5px 0px 5px 16px; margin:0px 0px 0px 4px;}
#content-body ol {padding:0px 0px 0px 25px; margin:4px 0px 0px 4px;}
#content-body li {padding-bottom:2px;}

#content-body .spacer {
	padding-bottom:10px;
	margin:0px;
}

#content-body .floatright {
	float:right;
	padding:0px 0px 10px 20px;
}

#content-body ul.redbullet {
	padding-right:25px;
	margin-top:0px 0px 0px 4px;
	list-style-image:url(/images/icons/red-dot.gif);
}

.font11px {font-size:11px;}
.font12px {font-size:12px;}
.font13px {font-size:13px;}

h1 {color:#FF0000; margin:0px; font-size:160%; font-family:Arial, Helvetica, sans-serif; font-style:normal;}
h2 {color:#FFFFFF; margin:0px; font-size:140%; font-family:Arial, Helvetica, sans-serif; font-weight:normal; padding:15px 0px 8px 0px;}
h3 {color:#FFFFFF; margin:0px; font-size:120%; font-family:Arial, Helvetica, sans-serif; font-weight:bold; padding:10px 0px 8px 0px;}
h4 {color:#BBBBBB; margin:0px; font-size:90%; font-family:Arial, Helvetica, sans-serif; font-weight:normal; padding:0px 0px 5px 0px;}

#content-submenu-alinks {
	width:136px;
	margin:25px 0px 0px 0px;
	padding:4px 4px 10px 9px;
	border:1px solid #999;
	line-height:13px;
}

#content-submenu-alinks a.link_submenu:link, #content-submenu-alinks a.link_submenu:visited {color:#FFFFFF; text-decoration:none; font-size:11px;} 
#content-submenu-alinks a.link_submenu:hover {color:#FFFFFF; text-decoration:underline; font-size:11px;}

.greyC {color:#CCCCCC;}
/*.grey8 {color:#888888;}*/
.grey8 {color:#BBBBBB;}
.grey6 {color:#666666;}
.grey3 {color:#333333;}
.white {color:#FFFFFF;}
.green {color:#33CC33;}
.red {color:#FF0000;}

/*===========================INDEX============================================= */

/* = CONTAINER---------------------- */
#index-container {
	width:888px;
	background: url(/images/bg/mainbody/main-1px.jpg) repeat-y;
	top:257px;
	height:621px;
	position:absolute;
	padding:0px;
}

#index-wrap-bottom a:link, #index-wrap-bottom a:visited {color:#FFFFFF; text-decoration:underline;} 
#index-wrap-bottom a:hover {color:#333333; text-decoration:none; background-color:#FFFFFF;}

#index-wrap-bottom p {margin:0px 0px 10px 0px;}
#index-wrap-bottom ul {padding:5px 0px 5px 16px; margin:0px 0px 0px 4px;}
#index-wrap-bottom ol {padding:0px 0px 0px 19px; margin:4px 0px 0px 4px;}
#index-wrap-bottom li {padding-bottom:2px;}

#index-wrap-top a:link, #index-wrap-top a:visited {color:#FFFFFF; text-decoration:underline;} 
#index-wrap-top a:hover {color:#333333; text-decoration:none; background-color:#FFFFFF;}

#index-wrap-top p {margin:0px 0px 10px 0px;}
#index-wrap-top ul {padding:5px 0px 5px 16px; margin:0px 0px 0px 4px;}
#index-wrap-top ol {padding:0px 0px 0px 19px; margin:4px 0px 0px 4px;}
#index-wrap-top li {padding-bottom:2px;}

/* = CONTAINER TOP---------------------- */
#index-container-top {
	width: 888px;
	height:165px;
	background: url(/images/bg/mainbody/main-menu-02.jpg) no-repeat;
	background-position:top;
	position:relative;
}

/* = CONTAINER FOOTER---------------------- */
#index-container-footer {
	width: 888px;
	top:878px;
	height:66px;
	background: url(/images/bg/mainbody/main-btm.jpg) no-repeat;
	position:absolute;
}

#index-container-footer ul {
	display: inline;
	margin: 0px;
	padding-top:22px;
	padding-right:31px;
	float:right;
}
#index-container-footer ul li {
	display: inline;
	list-style:none;
	padding:0px;
	margin-left:21px;
}

#index-container-footer ul li a {display:inline; font-size:11px; line-height:12px;}
#index-container-footer a:link, #index-container-footer a:visited {color:#FFFFFF; text-decoration:none;}
#index-container-footer a:hover {color:#FFFFFF; text-decoration:underline;}

/* = CONTAINER SITEBY---------------------- */
#index-container-siteby {
	width:888px;
	height:27px;
	top:944px;
	position:absolute;
	color:#777;
	margin:0px;
	line-height:12px; 
	font-size:10px;		
	background-color:#C8C9D0;
}

#index-container-siteby table {
	margin:8px 31px 0px 0px;
	float:right;
}

#index-container-siteby a:link, #index-container-siteby a:visited {color:#666; text-decoration:none;}
#index-container-siteby a:hover {color:#666; text-decoration:underline;}

/* = 2 COLUMNS -----------------------------*/
#index-wrap-top {
	width:888px;
	height:260px;
	top:257px;
	position:absolute;
	padding:0px;
	margin:0px;
}

#index-wrap-bottom {
	width:888px;
	height:260px;
	top:517px;
	position:absolute;
	padding:0px;
	margin:0px;
}

/* = HOME - CONTENT---------------------- */
#index-content {
	width:541px;
	height:260px;
	float:left;
	background: url(/images/bg/home/cont-area.jpg) no-repeat;
	left:23px;
	position:relative;
	padding:0px;
	font-size:13px;
	text-align:left;
	z-index:99;
}

#index-img {
	width:302px;
	height:260px;
	float:right;
	background: url(/images/bg/home/image.jpg) no-repeat;
	position:relative;	
	padding-right:22px;
	text-align:left;
	z-index:99;
}

#index-quicklinks {
	width:540px;
	height:334px;
	float:left;
	background: url(/images/bg/home/quick-links.jpg) no-repeat;
	left:23px;
	position:relative;
	padding:0px;
	font-size:11px;
	text-align:left;
	z-index:99;
}

#index-quicklinks a.link_ql_red:link, #index-quicklinks a.link_ql_red:visited {color:#FF0000; text-decoration:none; font-weight:bold; font-size:12px;} 
#index-quicklinks a.link_ql_red:hover {color:#FF0000; text-decoration:none; font-weight:bold; font-size:12px;}

#index-quicklinks a.link_ql_grey8:link, #index-quicklinks a.link_ql_grey8:visited {color:#BBBBBB; text-decoration:none; font-weight:bold; font-size:12px;} 
#index-quicklinks a.link_ql_grey8:hover {color:#BBBBBB; text-decoration:none; font-weight:bold; font-size:12px;}

#index-knowledge {
	width:302px;
	height:334px;
	float:right;
	background: url(/images/bg/home/knowledge-area.jpg) no-repeat;
	position:relative;
	padding-right:22px;
	font-size:11px;
	text-align:left;
	z-index:99;
}

#index-knowledge ul {margin:0px; padding:0px;}
#index-knowledge li {margin:0px; padding:0px;}