@import url( reset.css );
@import url( lightbox.css );
* {
	PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
HTML {
	LINE-HEIGHT: 20px; FONT-SIZE: 12px
}
BODY {
	LINE-HEIGHT: 20px; FONT-FAMILY: Verdana; BACKGROUND: url(/Files/System/PPT/Images/peppers.png) repeat-y 0px 7px; COLOR: #3b0179; FONT-SIZE: 12px
}
DIV#container {
	WIDTH: 800px
}
#t1 {
	Z-INDEX: 1; POSITION: absolute; WIDTH: 300px; BACKGROUND: url(/Files/System/PPT/Images/logo-ppt-left.png) no-repeat left top; HEIGHT: 180px; TOP: 0px; LEFT: 0px
}
P {
	MARGIN-BOTTOM: 1em
}
DIV#header {
	POSITION: absolute; MARGIN: 0px auto; WIDTH: 500px; HEIGHT: 180px; TOP: 0px; LEFT: 300px
}
DIV#header H1 {
	TEXT-INDENT: -999em; WIDTH: 500px; BACKGROUND: url(/Files/System/PPT/Images/logo-ppt-large.png) no-repeat; HEIGHT: 180px
}
DIV#header H1 A {
	WIDTH: 100%; DISPLAY: block; HEIGHT: 100px
}
.clear {
	CLEAR: both
}
UL#nav {
	POSITION: absolute; TOP: 240px; LEFT: 80px
}
UL#nav LI {
	PADDING-BOTTOM: 4px; PADDING-LEFT: 4px; WIDTH: 170px; PADDING-RIGHT: 4px; DISPLAY: block; MARGIN-BOTTOM: 2px; PADDING-TOP: 4px
}
UL#nav LI A {
	COLOR: #3b0179; FONT-WEIGHT: bold
}
UL#nav LI A:hover {
	TEXT-DECORATION: underline
}
UL#nav LI UL {
	MARGIN-TOP: 10px
}
UL#nav LI UL LI {
	PADDING-BOTTOM: 2px; PADDING-LEFT: 2px; WIDTH: 140px; PADDING-RIGHT: 2px; DISPLAY: block; FONT-SIZE: 10px; PADDING-TOP: 2px
}
UL#nav LI UL LI A {
	FONT-WEIGHT: normal
}
DIV#wrapper {
	POSITION: absolute; WIDTH: 450px; TOP: 180px; LEFT: 340px
}
DIV#wrapper H2 {
	LINE-HEIGHT: 30px; MARGIN: 10px 0px; FONT-SIZE: 18px
}
DIV#content {
	TEXT-ALIGN: justify
}
DIV#content A {
	COLOR: #e1001b
}
UL#logo-bar {
	MARGIN-TOP: 60px; WIDTH: 500px; HEIGHT: 70px; MARGIN-LEFT: -30px
}
UL#logo-bar LI {
	TEXT-INDENT: -999em; WIDTH: 125px; FLOAT: left; HEIGHT: 70px
}
UL#logo-bar LI A {
	WIDTH: 100%; DISPLAY: block; HEIGHT: 100%
}
UL#logo-bar LI.logo-ckc {
	BACKGROUND: url(/Files/System/PPT/Images/logo-ckc.png) left top
}
UL#logo-bar LI.logo-dtt {
	BACKGROUND: url(/Files/System/PPT/Images/logo-dtt.png) left top
}
UL#logo-bar LI.logo-hkk {
	BACKGROUND: url(/Files/System/PPT/Images/logo-hkk.png) left top
}
UL#logo-bar LI.logo-ppt {
	BACKGROUND: url(/Files/System/PPT/Images/logo-ppt.png) left top
}
DIV#quickmenu {
	MARGIN-TOP: 60px; MIN-HEIGHT: 20px; WIDTH: 500px; HEIGHT: 20px; CLEAR: both; FONT-WEIGHT: bold
}
DIV.quickmenu {
	HEIGHT: auto
}
DIV#quickmenu UL.column {
	WIDTH: 110px; FLOAT: left; MARGIN-RIGHT: 10px
}
DIV#quickmenu UL.column LI {
	FONT-SIZE: 10px; text-spacing: -1px
}
DIV#quickmenu UL.column LI A {
	COLOR: #00ac4f
}
P#footer {
	TEXT-ALIGN: center; WIDTH: 500px; COLOR: #b6ceff; FONT-SIZE: 10px
}
H1 {
	LINE-HEIGHT: 20px; FONT-SIZE: 16px
}
H2 {
	LINE-HEIGHT: 20px; FONT-SIZE: 15px
}
H3 {
	LINE-HEIGHT: 20px; FONT-SIZE: 14px; FONT-WEIGHT: bold
}
H4 {
	LINE-HEIGHT: 20px; FONT-SIZE: 13px
}
H5 {
	LINE-HEIGHT: 20px; FONT-SIZE: 12px
}
H6 {
	LINE-HEIGHT: 20px; FONT-SIZE: 12px
}
#content UL {
	PADDING-LEFT: 1.5em
}
#content OL {
	PADDING-LEFT: 1.5em
}
#content UL {
	LIST-STYLE-TYPE: disc
}
#content OL {
	LIST-STYLE-TYPE: decimal
}
#content DIV.notification {
	FONT-SIZE: 14px; FONT-WEIGHT: bold
}
#content P {
	MARGIN-BOTTOM: 20px
}
#content UL {
	MARGIN-BOTTOM: 20px
}
#content UL LI UL {
MARGIN-BOTTOM: 0px

}
#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
}
#content STRONG {
	FONT-WEIGHT: bold
}
#content EM {
	FONT-STYLE: italic
}
.article {
	BORDER-BOTTOM: #ffe600 3px solid; MARGIN-BOTTOM: 18px
}
DIV#wrapper-forum {
	POSITION: absolute; WIDTH: 890px; TOP: 180px; LEFT: 90px
}
DIV#wrapper-forum H2 {
	LINE-HEIGHT: 30px; MARGIN: 10px 0px; FONT-SIZE: 18px
}
#t1-forum {
	Z-INDEX: 1; POSITION: absolute; WIDTH: 300px; BACKGROUND: url(/Files/System/PPT/Images/logo-ppt-leftforum.png) no-repeat left top; HEIGHT: 180px; TOP: 0px; LEFT: 0px
}