@import url( reset.css );
* {
	PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
HTML {
	LINE-HEIGHT: 20px; HEIGHT: 100%; FONT-SIZE: 12px
}
BODY {
	LINE-HEIGHT: 1.5em; FONT-FAMILY: Verdana; BACKGROUND: url(/Files/System/CKC/Images/ckc/gradient.gif) #f3f4f4 repeat-x left top; COLOR: #3b0179; FONT-SIZE: 1em
}
DIV#container {
	MARGIN: 0px auto; WIDTH: 960px
}
P {
	MARGIN-BOTTOM: 1em
}
#t1 {
	Z-INDEX: -1; POSITION: absolute; WIDTH: 547px; BACKGROUND: url(/Files/System/CKC/Images/ckc/clouds_left.png) no-repeat left top; HEIGHT: 322px; TOP: 0px; LEFT: 0px
}
#t2 {
	Z-INDEX: -2; POSITION: absolute; WIDTH: 324px; BACKGROUND: url(/Files/System/CKC/Images/ckc/clouds_right.png) no-repeat left top; HEIGHT: 219px; TOP: 0px; RIGHT: 0px
}
#t3 {
	Z-INDEX: -4; WIDTH: 100%; BACKGROUND: url(/Files/System/CKC/Images/ckc/grass_right.png) no-repeat right bottom; HEIGHT: 70px; PADDING-TOP: 268px
}
#t4 {
	Z-INDEX: -3; WIDTH: 100%; BOTTOM: 0px; BACKGROUND: url(/Files/System/CKC/Images/ckc/grass_left.png) no-repeat left top; HEIGHT: 70px; LEFT: 0px
}
DIV#header {
	MARGIN: 20px auto 0px; WIDTH: 100%; HEIGHT: 120px
}
DIV#header H1 {
	TEXT-INDENT: -999em; WIDTH: 199px; BACKGROUND: url(/Files/System/CKC/Images/ckc/ckc-logo.png) no-repeat; HEIGHT: 113px
}
DIV#header H1 A {
	WIDTH: 199px; DISPLAY: block; HEIGHT: 113px
}
DIV#header H2 {
	MARGIN-TOP: -60px; FLOAT: right; FONT-SIZE: 40px
}
H2.page-title {
	LINE-HEIGHT: 19px; DISPLAY: block; BACKGROUND: url(/Files/System/CKC/Images/ckc/h2.gif); HEIGHT: 19px
}
H2.page-title P {
	POSITION: relative; PADDING-LEFT: 5px; WIDTH: 690px; DISPLAY: block; HEIGHT: 19px; COLOR: #fff; RIGHT: -5px; FONT-WEIGHT: bold
}
H2.page-title SPAN {
	POSITION: relative; PADDING-LEFT: 5px; WIDTH: 690px; HEIGHT: 19px; COLOR: #fff; RIGHT: -5px; FONT-WEIGHT: bold
}
DIV#wrapper {
	FLOAT: right
}
DIV#content-wrapper {
	TEXT-ALIGN: justify; WIDTH: 700px; BACKGROUND: #fff
}
DIV#content-wrapper #content {
	PADDING-BOTTOM: 20px; PADDING-LEFT: 20px; PADDING-RIGHT: 20px; PADDING-TOP: 20px
}
DIV#content-wrapper #c1 {
	POSITION: relative; BACKGROUND: url(/Files/System/CKC/Images/ckc/n-left-corner.gif) no-repeat left bottom; HEIGHT: 12px; TOP: 12px; MARGIN-RIGHT: 6px
}
DIV#content-wrapper #c1 #c2 {
	POSITION: relative; BACKGROUND: url(/Files/System/CKC/Images/ckc/n-right-corner.gif) no-repeat right bottom; HEIGHT: 12px; RIGHT: -6px
}
DIV#nav-container {
	POSITION: absolute; WIDTH: 200px; MARGIN-LEFT: -475px; TOP: 140px; LEFT: 50%
}
DIV#nav-container H3 {
	LINE-HEIGHT: 19px; BACKGROUND: url(/Files/System/CKC/Images/ckc/h-left-corner.gif) no-repeat left top; MARGIN-RIGHT: 5px
}
DIV#nav-container H3 SPAN {
	POSITION: relative; PADDING-LEFT: 5px; DISPLAY: block; BACKGROUND: url(/Files/System/CKC/Images/ckc/h-right-corner.gif) no-repeat right top; HEIGHT: 19px; COLOR: #fff; RIGHT: -5px; FONT-WEIGHT: bold
}
DIV#nav-container DIV#nav {
	BACKGROUND: #fff
}
DIV#nav-container DIV#nav UL {
	PADDING-BOTTOM: 15px; PADDING-LEFT: 15px; PADDING-RIGHT: 15px; PADDING-TOP: 15px
}
#nav LI {
	LETTER-SPACING: -0.05em
}
DIV#nav-container DIV#nav UL LI UL {
	PADDING-BOTTOM: 0px; PADDING-LEFT: 15px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
DIV#nav-container #n1 {
	MARGIN-TOP: -5px; BACKGROUND: url(/Files/System/CKC/Images/ckc/n-left-corner.gif) no-repeat left bottom; HEIGHT: 12px; MARGIN-RIGHT: 6px
}
DIV#nav-container #n1 #n2 {
	POSITION: relative; BACKGROUND: url(/Files/System/CKC/Images/ckc/n-right-corner.gif) no-repeat right bottom; HEIGHT: 12px; RIGHT: -6px
}
DIV#nav-container DIV#nav UL LI {
	LINE-HEIGHT: 30px
}
DIV#nav-container DIV#nav UL LI A {
	COLOR: #3b0179; FONT-WEIGHT: bold
}
DIV#nav-container DIV#nav UL LI.nav-green A {
	COLOR: #00bb5f; FONT-WEIGHT: bold
}
UL#logo-bar {
	POSITION: absolute; WIDTH: 500px; TOP: 30px
}
UL#logo-bar LI {
	TEXT-INDENT: -999em; FLOAT: left
}
UL#logo-bar LI A {
	WIDTH: 100%; DISPLAY: block; HEIGHT: 100%
}
UL#logo-bar LI.dtt {
	WIDTH: 100px; BACKGROUND: url(/Files/System/CKC/Images/logo/dtt-logo.png); HEIGHT: 100px
}
UL#logo-bar LI.hkk {
	WIDTH: 150px; BACKGROUND: url(/Files/System/CKC/Images/logo/hkk-logo.png); HEIGHT: 100px
}
UL#logo-bar LI.ppt {
	WIDTH: 150px; BACKGROUND: url(/Files/System/CKC/Images/logo/ppt-logo.png); HEIGHT: 100px
}
DIV#content H3 {
	MARGIN-BOTTOM: 2em; FONT-SIZE: 1em; FONT-WEIGHT: bold
}
DIV#content H4 {
	FONT-STYLE: italic; FONT-SIZE: 1em; FONT-WEIGHT: bold
}
DIV#content H5 {
	FONT-STYLE: italic; FONT-SIZE: 1em; FONT-WEIGHT: bold
}
DIV#content H6 {
	FONT-STYLE: italic; FONT-SIZE: 1em; FONT-WEIGHT: bold
}
B {
	FONT-WEIGHT: bold
}
STRONG {
	FONT-WEIGHT: bold
}
EM {
	FONT-STYLE: italic
}
I {
	FONT-STYLE: italic
}
DIV#content A {
	COLOR: #ec008c; FONT-WEIGHT: bold
}
DIV#content A:hover {
	TEXT-DECORATION: underline
}
.clear {
	CLEAR: both
}
DIV#content IMG {
	MARGIN-RIGHT: 10px
}
#content UL {
	PADDING-LEFT: 1.5em;
	LIST-STYLE-TYPE: disc;
	MARGIN-BOTTOM: 20px;
}
#content OL {
	PADDING-LEFT: 1.5em
}
#content OL {
	LIST-STYLE-TYPE: decimal
}
#content DIV.notification {
	FONT-SIZE: 14px; FONT-WEIGHT: bold
}
#content P {
	MARGIN-BOTTOM: 20px
}
#content OL {
	MARGIN-BOTTOM: 20px
}
#content H3 {
	MARGIN-BOTTOM: 20px
}
#content H4 {
	MARGIN-BOTTOM: 20px
}
#content H5 {
	MARGIN-BOTTOM: 20px
}
#content H6 {
	MARGIN-BOTTOM: 20px
}
#subcategories UL {
	PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; LIST-STYLE-IMAGE: none; PADDING-TOP: 0px
}
.readmore {
	WHITE-SPACE: nowrap
}
.cleared {
	WIDTH: 100%; CLEAR: both
}
P#footer {
	TEXT-ALIGN: center; PADDING-BOTTOM: 0px; WIDTH: 700px; MARGIN-BOTTOM: 0px; COLOR: #91b1c3; FONT-SIZE: 10px; PADDING-TOP: 30px
}
DIV#nav UL UL LI A {
	FONT-WEIGHT: normal !important
}
#content-wrapper .news .article H3 {
	MARGIN-BOTTOM: 20px; FONT-SIZE: 16px
}
.news .article {
	BORDER-BOTTOM: #02aef0 3px solid; MARGIN-BOTTOM: 18px
}
#newsnav {
	TEXT-ALIGN: center; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; WIDTH: 100%; PADDING-RIGHT: 0px; CLEAR: both; PADDING-TOP: 32px
}

#sitemap ul
{
	margin-bottom: 0;
}



H2.page-title-forum {
	LINE-HEIGHT: 19px; DISPLAY: block; BACKGROUND: url(/Files/System/CKC/Images/ckc/h2forum.gif); HEIGHT: 19px
}
H2.page-title-forum P {
	POSITION: relative; PADDING-LEFT: 5px; WIDTH: 690px; DISPLAY: block; HEIGHT: 19px; COLOR: #fff; RIGHT: -5px; FONT-WEIGHT: bold
}
H2.page-title-forum SPAN {
	POSITION: relative; PADDING-LEFT: 5px; WIDTH: 690px; HEIGHT: 19px; COLOR: #fff; RIGHT: -5px; FONT-WEIGHT: bold
}

DIV#content-wrapper-forum {
	TEXT-ALIGN: justify; WIDTH: 960px; BACKGROUND: #fff
}
DIV#content-wrapper-forum #content {
	PADDING-BOTTOM: 20px; PADDING-LEFT: 20px; PADDING-RIGHT: 20px; PADDING-TOP: 20px
}
DIV#content-wrapper-forum #c1 {
	POSITION: relative; BACKGROUND: url(/Files/System/CKC/Images/ckc/n-left-cornerforum.gif) no-repeat left bottom; HEIGHT: 12px; TOP: 12px; MARGIN-RIGHT: 6px
}
DIV#content-wrapper-forum #c1 #c2 {
	POSITION: relative; BACKGROUND: url(/Files/System/CKC/Images/ckc/n-right-corner.gif) no-repeat right bottom; HEIGHT: 12px; RIGHT: -6px
}


UL#logo-bar-forum {
	POSITION: absolute; 
	WIDTH: 500px; 
	TOP: 30px;
	padding-left:260px;
}
UL#logo-bar-forum LI {
	TEXT-INDENT: -999em; FLOAT: left
}
UL#logo-bar-forum LI A {
	WIDTH: 100%; DISPLAY: block; HEIGHT: 100%
}
UL#logo-bar-forum LI.dtt {
	WIDTH: 100px; BACKGROUND: url(/Files/System/CKC/Images/logo/dtt-logo.png); HEIGHT: 100px
}
UL#logo-bar-forum LI.hkk {
	WIDTH: 150px; BACKGROUND: url(/Files/System/CKC/Images/logo/hkk-logo.png); HEIGHT: 100px
}
UL#logo-bar-forum LI.ppt {
	WIDTH: 150px; BACKGROUND: url(/Files/System/CKC/Images/logo/ppt-logo.png); HEIGHT: 100px
}