body {
	font-family: Arial, Georgia;
	background-color: #E0E0E0;
	background-image: url('../Graphic/backgrd.jpg');
	background-repeat: repeat-x;
	background-attachment: fixed;
	background-color : #FDF9D3;
}

table,th,td,p,div {
	color: #555555;
	font-size: 12px;
}

a.sitemenu {font-size: 110%;}
h1 { color: #DE6600; font-size: 180%; }
h2 { color: #202E6F; font-size: 130%; }
h3 { color: #DE6600; font-size: 110%; }
h4 { color: #DE6600; font-size: 100%; }

#lo_main { width: 781px; }
#lo_shadow_left { 
	width: 97px;
	background-image: url('../Graphic/left_bar.jpg'); 
	background-repeat: no-repeat; 
	background-color: transparent; 
	xbackground-position: center 43; 
}

#lo_shadow_right { 
	width: 112px; 
	background-image: url('../Graphic/right_bar.jpg');
	background-repeat: no-repeat; 
	background-color: transparent; 
	xbackground-position: center 43; 
}

#lo_main_mid { 
	background-image: url('../Graphic/content-bg.jpg'); 
	background-repeat: no-repeat; 
	background-position: center bottom; 
	background-color: #fff; 
}

table.main_area { 
	border: 0px solid #aaaaaa; 
	background-color: transparent; 
	width: 781px; 
}

.masthead_area { 
	background-color: transparent; 
}

.sitemenu_area { 
	height: 26px; 
	padding: 2 0 0 10; 
	background-color: transparent; 
	background-image: url('../Graphic/menu_bar.jpg'); 
	background-repeat: no-repeat; 
}

.btn_right {
	width: 6px;
	background-image: url('../Graphic/menu_divider.jpg');
	background-repeat: no-repeat;
	background-position: right;
}

.sidebar_area {
	background-color: transparent;
	padding: 20 0 0 2;
}
	.sidebar1_box id {font-size: 85%; }

.content_area {
	background-color: transparent;
}

.subpages_box {margin: 0 0 10 0; }
.moreinfo_box {margin: 0 0 10 0; }
.pinup_box {margin: 0 10 10 0; border: 1px solid #eee; }
.sidebar1_box {margin: 0 10 10 0; }
.pagecontent_box {margin: 0 0 0 0; }
.pagesection_box {margin: 0 0 0 0; }
.appcontent_box {margin: 0 0 0 0; }

a.sitemenu, a.sitemenu:visited {
	color: #fff;
	padding: 2 0 3 0;
	margin:	2;
	line-height: 170%;
}

a.sitemenu: hover {background-color: transparent; color: #F3E252; }
#sitemenulit {background-color: transparent; color: #F3E252; }
TABLE.search_box {margin: 4 0 5 0; }

TABLE.dropmenu {border: #444 0px solid; }
.lineOdd {background-color: #fbe569 }
.lineEven {background-color: #fdcd54 }

.deptname {
	color: #FDA834;
	font-size: 180%;
	padding-top: 10px;
	padding-bottom: 10px;
	font-weight: bold;
}

.pageblock_box {margin-bottom: 50px; }



/* ---------- advance attribs ---------- */

body {margin: 0px; }
p {margin: 0px 0px 0px 0px }

ul {margin: 0 0 0 10; padding: 0px; }
ol {margin: 0 0 0 15 }
li {margin: 0 0 3 10 }
ul li {list-style-type: square; }

.lineOdd {background-color: #f0f0f0; }
.lineEven {background-color: #fAfAfA; }
.lineFocus {background-color: #FFEAD9; }
.lineOdd *, .lineEven *, .lineFocus * {color: #000; }

.error {color: red }
.warning {color: #FE5301 }
.info {color: blue }
.note {color: #40659D }
.subdue {color: #aaa }
.small (font-size: 7pt; }
.line {
	color: red; 
	border-bottom: 1px solid #CACACA; 
	font-size: 1px; 
	line-height: 1px; 
}

.empty {
	width: 100%;
	text-align: center;
	letter-spacing: 2px;
	font-variant: small-caps;
	font-size: 80%;
	color: #aaa;
}

.instruct {
	font-size: 90%;
	norder-left: 4px solid #DBD8B0;
	backgrounf-color: #FFFAD7;
	color: #444;
	padding: 5px;
	width: 200;
	float: right;
}



/* ---------- sitemenu ---------- */

table.sitemenu {
	border-collapse: collapse;
}

table.sitemenu td {
	line-height: 120%;
	padding: 0;
	margin: 2;
}

a.sitemenu {
	padding: 0 8 2 8;
	margin: 0 0 0 0;
	font-weight: bold;
	text-decoration: none;
}

.vertical table.sitemenu td {text-align: left; }
.vertical table.sitemenu ul {padding-left: 14px; }
.vertical table.sitemenu .subpages_box {margin-bottom: 0px; }

.btn_icon_gap {padding-right: 2px; }



/* ---------- dropmenu ---------- */

table.dropmenu {
	filter: progid: DXImageTransform.Microsoft.GradientWipe (GradientSize=0.25, wipestyle=1, motion=forward);
	visibility: hidden;
	font-weight: bold;
	border: 1px solid #DFCFC1;
	background-color: #fff;
	position: absolute;
	padding: 0;
	margin: 0;
	border: 1px solid #444;
	z-index: 1020;
}

.dropmenu a, .dropmenu a:visited {
	padding: 2px 10px 2px 20px; 
	text-decoration: none; 
	color: #555; 
	display: block; 
}

.dropmenu a: hover {
	text-decoration: none;
	background-color: #aaa;
	color: #fff;
}



/* ---------- pagetree ---------- */

table.path_box {
	border-collapse: collapse;
}

table.path_box td {
	font-size: 85%;
	padding: 0 0 0 0;
}

h1 {margin: 12 0 8 -1 }
h2 {margin: 10 0 3 0 }
h3 {margin: 5 0 3 0 }
h4 {margin: 0 0 0 0 }

.ext-mailHeader {
	font-family: verdana, aial, helvetica, sans-serif;
	font-weight: bold;
	font-size: 16px;
	color: #4991c6;
}

.tools_box {float: right; }




/* ---------- generic ---------- */

#lo_whole {text-align: center; }
#lo_panel {margin-left: auto; margin-right: auto; }
.sep { border-bottom: 1px dashed #ccc; }
.septop { border-top: 1px dashed #ccc; }



/* ---------- areas ---------- */

table.main_area {
	border: none;
	border-collapse: collapse;
	width: 780px;
}

.masthead_area {
	text-align: left;
	font-size: 4px;
	padding: 0;
}

.sitemenu_area {
	line-height: 100%;
	padding: 0;
}

.sitemenu_area2 {}

.sidebar_area {
	padding: 10 2 6 2;
}

.content_area {
	padding: 10 5 6 9;
	border: 0;
}

.footer_area {
	text-align: center;
	line-height: 100%;
	padding: 2;
	font-weight: bold;
	font-size: 9px;
}



/* ---------- elements ---------- */

table.nboard_box {width: 95%; }
.nboard_box th {font-size: 90%; text-align: left; }
.nboard_box td {font-size: 90%; line-height: 120% }
.nboard_box marquee { height: 150 }

table.moreinfo_box {
	width: 95%;
	border: 1px solid #cccccc;
}

table.moreinfo_box th {
	background-color: #eee;
	color: #555;
}

table.moreinfo_box td {
	line-height: 110%;
	vertical-align: top;
	font-size: 8pt;
}

a.attachment {}

a.attachment img {
	border: 0;
	align: absmiddle;
	margin-right: 4px;
}

.figure_left td, .figure_right td, .figure_center td {padding: 0 }
.figure_left {
	border-collapse: collapse;
	margin: 0 10 2 0;
	padding: 0;
}

.figure_right {
	border-collapse: collapse;
	margin: 0 0 2 10;
	padding: 0;
}

.figure_center {
	border-collapse: collapse;
	margin: 0 3 2 3;
	padding: 0;
}

sidebar1_box {
	width: 90%;
	border-collapse: collapse;
}

.pagecontent_box {
	width: 100%;
	border-collapse: collapse;
}

.pageblock_box {
	width: 100%;
	border-collapse: collapse;
}

.appcontent_box {
	width: 100%;
	border-collapse: collapse;
}

.subpages_box {
	width: 100%;
	border-collapse: collapse;
}

.Ximage_box {
	padding: 0;
	border: 1px solid #ddd;
	background-color: #fff;
}

.Xthumbnail {
	padding: 0;
	border: 1px solid #eee;
}

.swf_box, .flv_box {
	border-collapse: collapse;
	display: inline;
}

.swf_box td, .flv_box td {padding: 0; }



/* ---------- content ---------- */

.actual_start {font-weight: bold; font-size: 110%; }



/* ---------- sitemap ---------- */

.sitemap_box {
	border-collapse: collapse;
	margin: 0 0 0 20px;
}

.sitemap_box td {
	padding: 0;
}

.sitemap_item {
	border-collapse: collapse;
	margin: 0;
}

.sitemap_item td {
	padding: 0;
}

.sitemap_lvl1 {
	font-size: 120%;
	font-weight: bold;
}

.sitemap_lvl2 {
	font-weight: bold;
}



/* ---------- search ---------- */

table.search_box {width: 100%; margin-bottom: 10px; }
table.search_box td {text-align: left; font-size: 90%; }
table.seaech_box #search_str {width: 100; }
.search_summary {
	background-color: #E5ECF9;
	margin: 5 0;
	padding: 3 2;
}

.search_result {margin-bottom: 10; }
.search_result a {font-size: 130%; font-weight: bold; }

.search_bar {
	width: 100%;
	padding: 2px;
	border: 1px solid #bbb;
	-moz-border-radius: 7px;
}

.search_bar input {border: none; }
.search_bar #search_button {
	padding: 0 7;
	background: url() no repeat;
	cursor: pointer;
}

/* ---------- talk ---------- */

table.talk_box {
	border-collapse: collapse;
	width: 100%;
}

table.talk_box th {
	font-weight: normal;
	background-color: #FFEFD4;
	text-align: left;
	padding: 2px;
}

table.talk_box td {padding: 5 2 10 2; }



/* ---------- categories ---------- */

a.category, a.category:visited {
	color: #999;
	font-weight: bold;
	display: block;
	text-decoration: none;
	padding: 1 4;
	margin: 2;
	line-height: 160%;
	border: 1px solid #eee;
}

a.category:hover {
	text-decoration: none;
	background-color: #eee;
}

#categorylit {
	color: #666;
	background-color: #eee;
	border: 1px solid #ccc;
}



/* ---------- dialog_window body ---------- */

body#dialogwindow {
	font-family: sans-serif;
	font-size: 90%;
	margin: 5px 5px;
	background-color: #fff;
	background-image: none;
}



/* ---------- panel ---------- */

.std_panel {
	background-color: #FFFEDF;
	border: 2px solid #FFEB9B;
	-moz-border-radius: 12px;
}

.dim_panel {
	background-color: #fff;
	border: 1px solid #D4D4D4;
}

.lite_panel {
	background-color: #F4F8FB;
	border: 1px solid #AAC0D5;
}

.array a, .array .focus {
	border: 1px solid #dcdcdc;
	text-decoration: none;
	padding: 2px 5px;
	background-color: #eee;
	color: #888;
	font-weight: normal;
}

.array .focus {
	color: #555;
	font-weight: bold;
	background-color: #FFDABB;
}

.array a:hover {
	background-color: #ddd;
	color: #888;
}

div.load {
	padding: 3;
	cursor: pointer;
	border: 1px solid #888;
	-moz-border-radius: 5px;
	border-radius: 5px;
	text-align: center;
	letter-spacing: 2px;
	font-variant: small-caps;
	font-size: 80%;
}

div.load:hover {
	background-color: #aaa;
	color: #555
}



/* ------------------------------ */

table {
	display:table; 
	border-collapse:collapse; 
	margin:auto; padding:0; 
	border:1px solid #B7CAF6; 
	font-size:100%;
}

tr {display:table-row;}
th, td {display: table-cell; border:1px solid #B7CAF6; margin:auto; padding:5px; vertical-align:top; text-align:left;}
th {background:#E7ECFD; text-align:center; color:#192666; font-weight:bold;}


#main {width:781px; margin:20px auto auto 100px; _text-align:left;}

/* Header */
    #header {
	position:relative; 
	width:781px; 
	height:250px; 
	margin:auto; 
	padding:0; 
	background: url('../Graphic/sunny-design 3.jpg') no-repeat 0 0;
}

/* Main menu (tabs) */
    #tabs {background:#192666; margin:auto; padding:10px 0 0 0; _height:10px;}

    #tabs ul {margin:auto; padding:0; list-style:none;}
    #tabs ul li {margin:auto; padding:0; float:left;}
    #tabs ul li a {
	display:block; 
	position:relative; 
	border:0px none; 
	background:url('../Graphic/tab_link.gif') repeat-x 0 0; 
	color:#B5C4E3; 
	font-weight:bold; 
	text-decoration:none; 
	cursor:pointer; 
	padding-left:15px; 
	padding-right:15px; 
	padding-top:7px; 
	padding-bottom:7px
}

/* Main menu (tabs - link) */
    #tabs ul li a span.tab-l, #tabs ul li a:hover span.tab-l {
	position:absolute; 
	top:0; 
	left:0; 
	_left:-15px; 
	width:8px; 
	height:8px; 
	background:url('../Graphic/tab_link_l.gif') no-repeat 0 0;
}

    #tabs ul li a span.tab-r, #tabs ul li a:hover span.tab-r {
	position:absolute; 
	top:0; 
	right:0; 
	_right:-1px; 
	width:8px; 
	height:8px; 
	background:url('../Graphic/tab_link_r.gif') no-repeat 100% 0;
}

/* Main menu (tabs - hover) */
    #tabs ul li a:hover {background:url('../Graphic/tab_hover.gif') repeat-x 0 0; color:#FFF}
    #tabs ul li a:hover span.tab-l {background:url('../Graphic/tab_hover_l.gif') no-repeat 0 0;}
    #tabs ul li a:hover span.tab-r {background:url('../Graphic/tab_hover_r.gif') no-repeat 100% 0;}
    
    /* Main menu (tabs - active) */
    #tabs ul li#active a {background:#FFF; color:#FF9000;}
    #tabs ul li#active a span.tab-l {
	position:absolute; 
	top:0; 
	left:0; 
	_left:-15px; 
	width:8px; 
	height:8px; 
	background:url('../Graphic/tab_active_l.gif') no-repeat 0 0;
}

    #tabs ul li#active a span.tab-r {
	position:absolute; 
	top:0; 
	right:0; 
	_right:-1px; 
	width:8px; 
	height:8px; 
	background:url('../Graphic/tab_active_r.gif') no-repeat 0 0;
}

/* Page (2 columns) */
    #page {
	width:781px; 
	margin:auto 20px auto auto; 
	min-height:1px; 
	background:transparent repeat-y 0 0; 
	_height:1px
}

    #page-in {
	min-height:1px; 
	background:transparent no-repeat 0 0; 
	_height:1px; 
	padding-left:0; 
	padding-right:0; 
	padding-top:10px; 
	padding-bottom:0
}

/* Content */
    #content {
	float:left; 
	width:781px; 
	_width:551px; 
	margin:auto; 
	padding:0 0 0 20px;
}

/* Content - article */
    #content .article {
	clear:both; 
	margin:auto; 
	padding:20px; 
	background:transparent no-repeat 0 0;
}

    #content .article h2 {
	margin:auto; 
	padding:4px 0 3px 12px; 
	background:#DEE5FD url('../Graphic/menu_bar.jpg') repeat-y 0 0; 
	color:white
}

    #content .article h2 span {
	background:url('../Graphic/ico_list.gif') no-repeat 0 50%; 
	padding-left:25px
}

/* Content - More */
    #content .btn-more {
	padding:0; 
	border:0px none; 
	position:relative; 
	margin-left:0; 
	margin-right:0; 
	margin-top:0; 
	margin-bottom:15px
}

    #content .btn-more a {
	display:block; 
	position:absolute; 
	top:0; 
	right:0; 
	width:67px; 
	_width:112px; 
	height:21px; 
	margin:auto; 
	background:url('../Graphic/btn_more.gif') no-repeat 0 0; 
	color:#FFF; 
	text-decoration:none; 
	padding-left:28px; 
	padding-right:0; 
	padding-top:3px; 
	padding-bottom:0
}

    #content .btn-more a:hover {
	background:url('../Graphic/btn_more.gif') no-repeat -112px 0;
}

/* Right column */
    #col {
	float:right; 
	width:200px; 
	margin:auto; 
	padding:0; 
	background:transparent repeat-y 0 0;
}

    #col-in {
	background:transparent no-repeat 0 0;
	padding-left:10px; 
	padding-right:10px; 
	padding-top:20px; 
	padding-bottom:20px
}

    #col h3 {
	background:#A0B9F3 url('../Graphic/menu_bar.jpg') repeat-y 0 0; 
	color:white; 
	margin-left:-10px; 
	margin-right:-10px; 
	margin-top:0; 
	margin-bottom:15px; 
	padding-left:15px; 
	padding-right:15px; 
	padding-top:5px; 
	padding-bottom:5px
}
  
/* Right column - About me */
    #col #about-me {
	margin-bottom:15px; 
	line-height:130%;
}

    #col #about-me p {
	margin:auto;
}

    #col #about-me #me {
	float:left; 
	width:54px; 
	height:58px; 
	margin-right:7px;
}

/* Right column - Category */
    #col ul#category {
	margin:15px 0; 
	padding:0; 
	list-style:none;
}

    #col ul#category li {
	margin:auto; 
	padding:0; 
	border-bottom:1px solid purple;
}

    #col ul#category li a {
	display:block; 
	background:url('../Graphic/ico_archive.gif') no-repeat 5px 6px; 
	text-decoration:none; 
	padding-left:22px; 
	padding-right:0; 
	padding-top:3px; 
	padding-bottom:3px
}

    #col ul#category li a:hover {
	background-color:#D3DFF8; 
	color:#192666;
}

    #col ul#category li#category-active a {
	background:url('../Graphic/ico_archive2.gif') no-repeat 5px 50%; 
	font-weight:bold
}

/* Footer */
    #footer {
	position:relative; 
	clear:both; 
	width:750px; 
	height:60px; 
	margin-bottom:50px; 
	background:transparent no-repeat 0 0; 
	color:#6685CC
}

    #footer a {
	color:#6685CC;
}

    #footer a:hover {
	color:#192666;
}

/* Footer - "back on top" */
    #top {
	position:absolute; 
	top:55px; 
	left:550px;
}

    #top p {
	position:relative; 
	width:30px; 
	height:25px; 
	margin:auto; 
	overflow:hidden;
}

    #top p span {
	display:block; 
	position:absolute; 
	left:0; 
	top:0; 
	z-index:1; 
	width:30px; 
	height:25px; 
	background:url('../Graphic/ico_top.gif') no-repeat 0 0; 
	cursor:pointer
}

    #top a:hover span {
	background:url('../Graphic/ico_top.gif') no-repeat -30px 0;
}

/* Footer - created by */
    #createdby {
	position:absolute; 
	top:50px; 
	left:0; 
	margin-top:50px;
	margin-left:45px; 
	color:#999;
	background-color: #FDF9D3;
	background-image: url('../Graphic/footer_bar.jpg');
	background-repeat: no-repeat;
	padding: 5 120 6 120;
}

    #createdby a {
	color:#8CA3D8;
}