.html {height: 100%;margin-bottom: 1px;}
/* forum width */
#container{width:950px; margin:0px auto 0px auto; padding: 40px 0px 0px 0px;}
/* Normal, standard links. */
a:link{ color:#605a00;  text-decoration:none}
a:visited{ color:#605a00;  text-decoration:none}
a:hover{ color:#56BBF1; text-decoration:underline}

/* Navigation links - for the link tree. */
.nav, .nav:link, .nav:visited{ color:#000;  text-decoration:none}
a.nav:hover{ color:#605a00;  text-decoration:underline}

/* pathway nav */
.pathway_box{ margin:0;  padding:0 15px 15px}
span.pathway_intro{ color:#000;  margin:0}
span.pathway{ color:#605a00;  margin:0 15px 0 0; font-family:optima,verdana,sans-serif;}

/* Tables should show empty cells. */
table{ empty-cells:show}

/* By default (td, body..) use verdana in black. */
body, td, th, tr{ color:#000;  font-size:small;  font-family:verdana,sans-serif; line-height: 145%}

/* The main body of the entire forum. */
body{ background: url(./images/img/bg.gif) top;  margin:0px;  padding: 0px 0 0 0}
.bg { background:url(images/img/bg2.jpg) top repeat-x;}
/* Input boxes - just a bit smaller than normal so they align well. */
input, textarea, button{ color:#000;  font-family:verdana,sans-serif}
input, button{ font-size:90%}

textarea{ background: #edf3f6; font-size:100%; color: #5d6e76; background-image: url(./images/img/textarea_bg.gif); background-repeat: no-repeat; padding: 2px; font-family:verdana,sans-serif}

/* All input elements that are checkboxes or radio buttons. */
input.check{}

/* Selects are a bit smaller, because it makes them look even better 8). */
select{ font-size:90%;  font-weight:normal;  color:#000;  font-family:verdana,sans-serif}

/* Standard horizontal rule.. */hr{ color:#6394bd; background-color:transparent}/* A more colorful hr.. */.hrcolor{ height:1px; border:0; color:#6394bd; background-color:#6394bd}

/* No image should have a border when linked */
a img{ border:0}

/* A quote, perhaps from another post. */
.quote{color:#000; background-color:#B4C4D2; margin:1px; padding:1px; font-style: italic; font-size:x-small; line-height:1.4em}

/* A code block - maybe even PHP; ). */
.code{color:#000; background-color:#D7D7D7; font-family:"courier new","times new roman",monospace; font-size:x-small; line-height:1.3em; /* Put a nice border around it. */border:1px solid #765A00; margin:1px auto 1px auto; padding:1px; width:99%; /* Don't wrap its contents,and show scrollbars. */white-space:nowrap; overflow:auto; /* Stop after about 24 lines,and just show a scrollbar. */max-height:24em}

/* The "Quote:"and "Code:"header parts... */
.quoteheader, .codeheader{background:#86A0B5; color:#333; padding:5px; text-decoration:none; font-style:normal; font-weight:bold; font-size:x-small; line-height:1.2em}

/* Generally, those [?] icons.  This makes your cursor a help icon. */
.help{ cursor:help}
/* /me uses this a lot. (emote, try typing /me in a post.) */
.meaction{ color:red}
/* The main post box - this makes it as wide as possible. */
.editor{ width:96%}

/* Highlighted text - such as search results. */
.highlight{ background-color:#FFF000;  font-weight:700;  color:#000}
 
/* Alternating backgrounds for posts, and several other sections of the forum. */
.windowbg{ color:#000;  background-color:#D4E2E5}
.windowbg2{ color:#000;  background-color:#f2F7Fb}
.windowbg3{ color:#000;  background-color:#E0E1E8}

/* the today container in calendar */
.calendar_today{ color:#900000;  font-weight:800;  background-color:#95B4D1;  border-left:3px solid #FEFEFE;  text-align:center}

/* These are used primarily for titles, but also for headers (the row that says what everything in the table is.) */
.titlebg, tr.titlebg th, tr.titlebg td, .titlebg2, tr.titlebg2 th, tr.titlebg2 td{ color:#000; font-style:normal; background:#A1B8CD url(./images/titlebg2.gif) repeat-x;  border-bottom:solid 1px #9BAEBF;  border-top:solid 1px #FFF;  padding-left:10px;  padding-right:10px}
.titlebg, .titlebg a:link, .titlebg a:visited{ font-weight:bold; color:#000; font-style:normal}
.titlebg a:hover{ color:#605a00}
/* same as titlebg, but used where bold text is not needed */
.titlebg2 a:link, .titlebg2 a:visited{ color:#000;  font-style:normal;  text-decoration:none}
.titlebg2 a:hover{ text-decoration:underline}

/* This is used for categories, page indexes, and several other areas in the forum.
.catbg and .catbg2 is for boardindex, while .catbg3 is for messageindex and display headers*/
.catbg, tr.catbg td, .catbg3, tr.catbg3 td{ background: url(./images/catbg2.png) repeat-x; color:#000; padding-left:10px; padding-right:10px}
.catbg2, tr.catbg2 td{ background: url(./images/catbg2.png) repeat-x; color:#000; padding-left:10px; padding-right:10px}
.catbg, .catbg2, .catbg3{ border-bottom:solid 1px #375576}
.catbg, .catbg2{ font-weight:bold}
.catbg3, tr.catbg3 td, .catbg3 a:link, .catbg3 a:visited{ font-size:95%;  color:#000;  text-decoration:none}
.catbg a:link, .catbg a:visited, .catbg2 a:link, .catbg2 a:visited{ color:#000;  text-decoration:none}
.catbg a:hover, .catbg2 a:hover, .catbg3 a:hover{ color:#605a00;}

/* This is used for tables that have a grid/border background color (such as the topic listing.) */
.bordercolor{ #FFF;}
/* This is used on tables that should just have a border around them. */
.tborder{ padding:0px}

/* Default font sizes:small (8pt), normal (10pt), and large (14pt). */
.smalltext{ font-size:x-small;  font-family:verdana,sans-serif}
.middletext{ font-size:90%}
.normaltext{ font-size:small}
.largetext{ font-size:large}

/* Posts and personal messages displayed throughout the forum. */
.post, .personalmessage{ width:100%;  overflow:auto;  line-height:1.3em}

/* All the signatures used in the forum.  If your forum users use Mozilla, Opera, or Safari, you might add max-height here; ). */
.signature{ width:100%;  overflow:auto;  padding-bottom:3px;  line-height:1.3em}

/* Sometimes there will be an error when you post */
.error{ color:red}

/* definitions for the main tab, active means the tab reflects which page is displayed */
.maintab_first, .mirrortab_first{ display:none}
.maintab_last, .mirrortab_last{ display:none}
.maintab_active_first, .mirrortab_active_first{ display:none}
.maintab_active_last, .mirrortab_active_last{ display:none}

/* how links behave in main tab. */
.maintab_back a, .mirrortab_back a{	padding:5px;	 display:block;	 color:#333;	 text-decoration:none;	 font-size:11px;	 font-weight:bolder;	 text-transform:uppercase;	 font-family:verdana,tahoma,sans-serif;	 margin-right:1px}
.maintab_active_back a, .mirrortab_active_back a{	padding:5px;	 background:#7DA7D9;	 display:block;	 color:#333;	 text-decoration:none;	 font-size:11px;	 font-weight:bolder;	 margin-right:1px}
.maintab_back a:hover, .maintab_back a.chosen:hover, .maintab_back a.chosen, .mirrortab_back a:hover, .mirrortab_back a.chosen:hover, .mirrortab_back a.chosen{	color:#333;	 font-weight:bolder;	 background: #2988D1}
.maintab_active_back a:hover, .maintab_active_back a.chosen:hover, .maintab_active_back a.chosen, .mirrortab_active_back a:hover, .mirrortab_active_back a.chosen:hover, .mirrortab_active_back a.chosen{	color:#fff;	 background:#739DB3;	 font-weight:bolder}

#mainarea{ background: transparent url(./images/img/mainarea.jpg) repeat-x; margin:0; padding:20px;}

#header{position:relative; height:200px; overflow:hidden; background: url(./images/img/k-tm.jpg) repeat-x;}
#headerright{height:200px; background:url(./images/img/k-tl.jpg) 0 0 no-repeat; position:relative}
#headerleft{height:200px; background:url(./images/img/k-tr.jpg) 100% 0 no-repeat; position:relative}

#logo, #logo a{	position:absolute; top:25px; left:35px; display:block; width:314px;  height:150px; background:url(images/slogan.gif) no-repeat}

#welcome{ font-size:1.0em; color:#222; font-family:optima,verdana,sans-serif; float:right;	 padding:25px 20px 0 0; text-align:right}
#welcome a:link, #welcome a:visited{ color:#333; text-decoration:none; border-bottom: 1px dotted #86A0B5;}
#welcome a:hover{ color:#605a00; text-decoration: none;}

#search { float: right; padding: 50px 25px 0 0; margin: 0;  clear: both; }
.textareainput {background: #edf3f6; font-size:110%; color: #605a00; background-image: url(./images/img/textarea_bg.gif); background-repeat: no-repeat; padding: 2px; font-family:optima,verdana,sans-serif;}

#footer{ background: url(./images/img/k-bm.jpg) 0 0 repeat-x; text-align:center; margin-top:0; padding:0; font-size:12px; font-family:optima,verdana,sans-serif; color:#000}
#footer-left{ background:url(./images/img/k-bl.jpg) 0 0 no-repeat}
#footer-right{ background:url(./images/img/k-br.jpg) 100% 0 no-repeat;  height:108px;}
#footer a:link, #footer a:visited{ color:#222}
#footer a:hover{ color:#fff}

#ajax_in_progress{ background:#32CD32; color:white; text-align:center; font-weight:bold; font-size:18pt; padding:3px; width:100%; position:fixed; top:0; left:0}

/* main navigation */
#mainnav {
margin: 2px 16px 3px 11px;
min-height: 30px;
background:inherit;
}
#mainnav ul {
height: 100%;
margin: 2px;
padding: 0 0 0 10px;
}
#mainnav li {
list-style-type: none;
float: left;
width: auto;
margin: 7px 5px 0 5px;
}
#mainnav a:link, #mainnav a:visited {
display: block;
color: #aaa;
text-transform:uppercase;
font-weight: bold;
text-decoration: none;
padding: 1px 10px 2px 12px;
background:inherit;
border-bottom: 2px solid #E5F3FC;
}
#mainnav a:hover, #mainnav a:visited:hover {
color: #605a00;;
text-decoration: none;
padding: 1px 10px 2px 12px;
border-bottom: 2px solid #2699eb;
background:#A7DAF7;
}
#mainnav #chosen a {
color: #FFFFFF;
text-decoration: none;
padding: 1px 10px 2px 12px;
border-bottom: 3px solid #005CAC;
background:#4EB2F0;
}