/* Body */
body {
	margin: 0;
	height: 100%;
	padding: 0;
	color: #000;
	scrollbar-face-color: #CCE6FF;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-shadow-color: #CCE6FF;
	scrollbar-3dlight-color: #FAFAFA;
	scrollbar-arrow-color:  #006699;
	scrollbar-track-color: #EBF4FF;
	scrollbar-darkshadow-color: #98AAB1;
	/*background: #0F0F3D url(../images/bg_main.jpg) fixed;*/
	font: 10px Arial, Verdana, Times New Roman, Helvetica, Sans Serif;
}

ul
{
margin: 0;
padding: 3;
list-style: none;
text-align: middle;
}

li
{
line-height: 13px;
padding-left: 15px;
padding-top: 0px;
background-image: url(../images/arrow.png) ;
background-repeat: no-repeat;
background-position: 0px 3px;
}

.trans
	{
	background-color:transparent;
	}
hr {
	height:1px; 
	border: 1px dotted;
	color: #004ACC;
	}

.highlight {
	background-color: Yellow;
	color: Blue;
	padding: 0px 2px 0px 2px;
}
.code {
	background-color: #ddd;
	border: 1px solid #bbb;
}

#footer {
	text-align: center;
	padding: 3px;
}



/* Table */
td {
	text-align: none;
	font-family:  Verdana, Arial, Georgia, Times New Roman, Helvetica, Sans Serif;
	font-size: 11px;
}

.sectiontableheader {
  font-weight: bold;
  background: #FFDF56;
  padding: 4px;
}

.sectiontableentry1 {
	background-color : #56D0FF;
}

.sectiontableentry2 {
	background-color : #F2F2F2;
}

table.contenttoc {
  border: 1px solid #cccccc;
  padding: 2px;
  margin-left: 2px;
  margin-bottom: 2px;
}

table.contenttoc th {
  background: url(../images/subhead_bg.png) repeat-x;
  color: #666666;
	text-align: left;
	padding-top: 2px;
	padding-left: 4px;
	height: 21px;
	font-weight: bold;
	font-size: 10px;
	text-transform: uppercase;
}

table.searchinto {
	width: 100%;
}

table.searchintro td {
	font-weight: bold;
}

table.contentpaneopen {
	width: 100%;
	padding: 0px;
	border-collapse: collapse;
	border-spacing: 0px;
}

table.contentpane td {
	margin: 0px;
	padding: 0px;
}

table.contentpane td.componentheading {
	padding-left: 4px;
}

table.contentpane td.contentheading {
  padding-left: 15px;
  padding-top: 9px;
}


/* CSS Text */
.white {
	color: #FFF;
	font: normal 10px Verdana, Tahoma;
}
.small {
	color: #999999;
	font: normal 9px Verdana, Tahoma;
}
.small_1 {
	color: #666666;
	font: normal 7px Verdana, Tahoma;
}
.readmore {
	color: #999999;
	font-size: 9px;
	font-weight: normal;
}

.createdate {
	height: 15px;
	padding-bottom: 10px;
	color: #999999;
	font-size: 11px;
	font-weight: none;
}

.modifydate {
	height: 15px;
	padding-top: 10px;
	color: #999999;
	font-size: 10px;
	font-weight: none;
}

.title {
	font: bold 11px Verdana,Georgia, Tahoma; 
	text-decoration : none; 
	color: #CC0000;
	font-size: 12px;
	letter-spacing: 1px;
	text-transform: normal;

}
.title1 {
	font: bold 12px Verdana,Georgia, Tahoma; 
	text-decoration : none; 
	color: #FFF;
	font-size: 12px;
	letter-spacing: 2px;
	text-transform: normal;

}

.maintitle {
	color: #FF0000;
	font: 18px Verdana,Georgia, Tahoma; 
	padding-left: 15px;
	padding-top: 20px;
	font-weight: bold;
}

.error {
  font-style: italic;
  text-transform: uppercase;
  padding: 5px;
  color: #cccccc;
  font-size: 14px;
  font-weight: bold;
}

.contentcolumn {
	padding-right: 5px;
}

.contentheading {
	height: 30px;
	background: url(../images/contenthead.png)  repeat-x;
	color: #666666;
	text-align: left;
	padding-top: 9px;
	padding-left: 15px;
	font-weight: bold;
	font-size: 11px;
	white-space: nowrap;
}

.contentpagetitle {
	font-size: 13px;
	font-weight: bold;
	color: #cccccc;
	text-align:left;
}


/* CSS Links-padding: Toppx Rightpx Bottompx Leftpx;  */
a:link, a:visited {
	color: #0C5CCB; text-decoration: none;
	font-weight: none;
}

a:hover {
	color: #CC0000;	
	text-decoration: none;
	font-weight: none;
	/*background: #1E59CA; -moz-border-radius: 3px;*/
	padding: 0px 0px 0px 0px;
}

.a1{font: normal 12px Verdana, Tahoma; text-decoration : none; color: #FF0000; letter-spacing: 1px;}
.a1:link {font-weight:normal; text-decoration : none; color: #FF0000; }
.a1:visited {font-weight:normal; text-decoration : none; color: #FF0000}
.a1:active {font-weight:normal; text-decoration : none; color: #FF0000}
.a1:hover {font-weight:normal; text-decoration : underline; color:#FF9900}

.a2{font: bold 11px Verdana, Tahoma; text-decoration : none; color: #FF0000}
.a2:link {font: 11px Verdana, Tahoma;font-weight:bold; color: #FF0000}
.a2:visited {font: 11px Verdana, Tahoma;font-weight:bold; color: #FF0000}
.a2:active {font: 11px Verdana, Tahoma;font-weight:bold; color: #FF0000}
.a2:hover {font: 11px Verdana, Tahoma;font-weight:bold; text-decoration : underline; color:#FFFE70}

.a3{font: bold 12px Verdana, Tahoma; text-decoration : none; color: #FF0000}
.a3:link {font-weight:none; text-decoration : none; color: #FF0000}
.a3:visited {font-weight:none; text-decoration : none; color: #FF0000}
.a3:active {font-weight:none; text-decoration : none; color: #1F3953}
.a3:hover {font-weight:none; text-decoration : underline; color:#FF9900}

.a4{font: bold 11px Verdana, Tahoma; text-decoration : none; color: #FFDB77; }
.a4:link {font-weight:normal; text-decoration : none; color: #35534B; }
.a4:visited {font-weight:normal; text-decoration : none; color: #35534B}
.a4:active {font-weight:normal; text-decoration : none; color: #35534B}
.a4:hover {font-weight:normal; text-decoration : underline; color:#FF0000}

.phpbb{font: normal 11px Verdana, Tahoma; text-decoration : none; color: #CFF928}
.phpbb:link {font: 11px Verdana, Tahoma;font-weight:normal; color: #CFF928}
.phpbb:visited {font: 11px Verdana, Tahoma;font-weight:normal; color: #CFF928}
.phpbb:active {font: 11px Verdana, Tahoma;font-weight:normal; color: #CFF928}
.phpbb:hover {font: 11px Verdana, Tahoma;font-weight:normal; text-decoration : underline; color:#FFFFFF}

.copyright{ font: normal 11px Verdana, Tahoma; text-decoration : none; color: #FFFFFF; float: center;}
.copyright:link {font-weight:none; text-decoration : none; color: #FFFFFF}
.copyright:visited {font-weight:none; text-decoration : none; color: #FFFFFF}
.copyright:active {font-weight:none; text-decoration : none; color: #FF9900}
.copyright:hover {font-weight:none; text-decoration : underline; color:#FF9900}

.menu_top{font: normal 11px Verdana, Tahoma; text-decoration : none; color: #99D3FF; letter-spacing: 1px;}
.menu_top:link {font-weight:normal; text-decoration : none; color: #99D3FF; }
.menu_top:visited {font-weight:normal; text-decoration : none; color: #99D3FF}
.menu_top:active {font-weight:normal; text-decoration : none; color: #99D3FF}
.menu_top:hover {font-weight:normal; text-decoration : underline; color:#FFF266}
/* CSS Input*/

.button {
	padding: 2px 5px 2px 5px;
	height: 22px;
	border:solid 1px #cccccc;
	background-color: #ffffff;
	color: #ff6600;
	font-family: Arial, Helvetica, Sans Serif;
	text-align: center;
	font-size: 11px;
	font-weight: bold;
}

.inputbox {
background : #F0F0F0;
	border : 1 solid #666666;
	color : #333333;
	font-family : Arial, helvetica, verdana, sans-serif;
	font-size : 12px;
	width : 200px}

.inputbox1 {
	background : #ABD5FF;
	border : 1 solid #666666;
	color : #333333;
	font-family : verdana, arial, helvetica,  sans-serif;
	font-size : 11px;
	width : 100px;
	height: 18px;
}

.textarea
	{ 
	background-color: #F0F0F0; 
	border : 1 solid #666666;
	color : #333333;
	font-family : Arial, helvetica, verdana, sans-serif;
	width : 200px;
	font-size : 12px
	}

.search {
	border: 1px solid #cccccc;
	padding: 0px;
	width: 180px;
	height: 18px;
	background: #F344AB;
	background : #F0F0F0;
	border : 1 solid #666666;
	color : #333333;
	font-family : arial, helvetica, verdana, sans-serif;
	font-size : 10px;
	text-align: left;
	text-transform: uppercase;
}
.search1 {
	border: 1px solid #cccccc;
	padding: 2px;
	width: 160px;
	height: 18px;
	background : #FF9900;
	border : 1 solid #FF9966;
	color : #333333;
	font-family : arial, helvetica, verdana, sans-serif;
	font-size : 10px
}
#search .inputbox {
	border: 0px;
	padding: 4px 3px 3px 5px !important;
	padding: 3px 3px 3px 5px;
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
	height: 17px !important;
	height: 19px;
	width: 153px !important;
	width: 159px;
	color: #ff6600;
	background: #F344AB;
}

.back_button {
	float: left;
  font-size: 11px;
  font-weight: bold;
  margin-top: 15px;
  margin-bottom: 10px;
  border: 1px solid #cccccc;
  width: 40px;
  padding: 4px;
}

.pagenav {
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	border: 1px solid #cccccc;
	width: auto;
	padding: 4px;
	margin: 1px;
	color: #FFFFFF;

}

.pagenavbar {
	padding-right: 5px;
	float: right;
}

#buttons {
	float: right;
	margin: 0px;
	padding: 0px;
	width: 50%;
}


/* CSS core stuff */

ul#mainlevel-nav
{
	list-style: none;
	padding: 0;
	margin: 0;
	font-size: 0.8em;
}

ul#mainlevel-nav li
{
	display: block;
	background-image: none;
	padding-left: 0px;
	padding-right: 0px;
	float: right;
	margin: 0;
	width: auto !important;
  	width: 15%;
	font-size: 11px;
	line-height: 21px;
	white-space: nowrap;
	border-left: 1px solid #cccccc;
}

ul#mainlevel-nav li a
{

	display: block;
	padding-left: 15px;
	padding-right: 15px;
	text-decoration: none;
	color: #333333;
	background: transparent;
}

#buttons>ul#mainlevel-nav li a { width: auto; }


ul#mainlevel-nav li a:hover
{
	color: #ff6600;
	background: #ffcc00;
}

#header_area {
	width: 802px !important;
	text-align: left;
	border: 0px;
	margin: 0px;
}

#header {
	float: left;
	padding: 0px;
	margin: 0px;
	width: 635px;
	height: 150px;
	background: url(../images/header_short.jpg) no-repeat;
}

#top_outline {
	float: left;
	border: 1px solid #cccccc;
	padding: 2px;
	margin-left: 2px;
	float: left;
	overflow: hidden;
	height: 144px !important;
	height: 150px;
	width: 159px !important;
	width: 165px;
}

#left_outline {
	margin-top: 2px;
	border: 1px solid #cccccc;
	padding: 2px;
	float: left;
	width: 159px !important;
	width: 165px;
}

/* CSS Menu*/
a.mainlevel:link, a.mainlevel:visited {
	display: block;
	background: url(../images/menu_bg.png) no-repeat;
	vertical-align: middle;
	font-size: 10px;
	font-weight: bold;
	color: #0088ff;
	text-align: left;
	padding-top: 5px;
	padding-left: 18px;
	height: 19px !important;
	height: 24px;
	width: 100%px;
	text-decoration: none;
	font-family: Verdana, Helvetica, Sans Serif;
	letter-spacing: 1px;

}

a.mainlevel:hover {
	background-position: 0px -25px;
	text-decoration: none;
	color: #CC0000;
}

a.sublevel:link, a.sublevel:visited {
	display: block;
	background: url(../images/menu_sub_bg.png) no-repeat;
	vertical-align: middle;
	font-size: 10px;
	font-weight: normal;
	color: #FFF43C;
	text-align: left;
	padding-top: 5px;
	padding-left: 18px;
	height: 19px !important;
	height: 24px;
	width: 100%;
	text-decoration: none;
	font-family: Verdana, Helvetica, Sans Serif;
	letter-spacing: 1px;
}

a.sublevel:hover {
	background-position: 0px -25px;
	text-decoration: none;
	color: #FFFFFF;

}

#active_menu {
	color:#FFCC00;
	font-weight: bold;
}

a#active_menu:hover {
	color: #ff6600;
}

/*************
 * Guestbook *
 *************/

#guestbook {
  margin: 0;
  padding: 0;
  text-align: center;
}

.guestbookItem {
  margin: 0 auto;
  padding: 30px 0 15px 0;
  text-align: justify;
  width: 280px;
  background: url(../images/trans.gif) no-repeat top;
}

.message {
  margin: 0;
  padding: 0 5px 0 5px;
}

.message p {
  margin: 0;
  padding: 5px 5px 0 5px;
  background-color: #e2e2e2;
}

.writer {
  margin: 0;
  padding: 30px 30px 0 75px;
  background: url(../images/trans.gif) no-repeat top;
  text-align: left;
}

.writer p {
  margin: 0;
  padding: 0;
}

//link page
a.2page {
	margin-right: 10px;
}

a.2page:link {
	color : #808080;
	text-decoration : none;
	display: block;
	border: 1px solid #DDD;
	width: 15px;
	padding: 2px 1px 2px 1px;
}
a.2page:hover {
	color : #C64934;
	border: 1px solid #c24733;
	background-color: #f1e8e6;
	padding: 3px 0px 1px 2px;
}
a.2page:active {
	color : #FF9900;
}