/* Normal, standard links. */
a:link, a:visited
{
	color: #476C8E;
	background-color: transparent;
	text-decoration: none;
}
a:hover
{
	color: #FBA325;
	background-color: transparent;
	text-decoration: none;
}

/* Navigation links - for the link tree. */
.nav, .nav:link, .nav:visited
{
	color: #476C8E;
	background-color: transparent;
	text-decoration: none;
}
a.nav:hover
{
	font-weight: bold;
	color: #FBA325;
	background-color: transparent;
	text-decoration: underline;
}

/* Tables should show empty cells too. */
table, td, th
{
	empty-cells: show;
	/*background-color:#FFF;*/
}

/* By default (td, body..) use Verdana in black. */
body
{
	color: #000000;
	font-size: small;
	font-family: verdana, sans-serif;
	background:url('images/bg_wb.gif');
}

/* Input boxes - just a bit smaller than normal so they align well. */
input, textarea
{
	font-size: 9pt;
	color: #000000;
	font-family: verdana, sans-serif;
	background-color: #CCFFFF;
}

/* Checkboxes shouldn't have a background color. */
input.check
{
	background-color: transparent;
}

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

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

/* A quote, perhaps from another post. */
.quote
{
	color: #000000;
	background-color: #dee7ef;
	border: 1px solid black;
	margin: 1px;
	padding: 1px;
	font-size: x-small;
}

/* A code block - maybe even PHP ;). */
.code
{
	color: #000000;
	background-color: #CCFFFF;
	border: 1px solid black;
	margin: 1px;
	padding: 1px;
	font-size: x-small;
	line-height: 1.3em;
}

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

/* Generally, those [?] icons. */
.help
{
	cursor: help;
	background-color: transparent;
}

/* /me uses this a lot. */
.meaction
{
	color: red;
	background-color: transparent;
}

/* The main post box - this makes it as wide as possible. */
.editor
{
	width: 100%;
}

/* Highlighted text - such as search results. */
.highlight
{
	background-color: yellow;
	font-weight: bold;
	color: black;
}

/* Alternating backgrounds... */
.windowbg
{
	color: #000000;
	background-color: #CCFFFF;
}
.windowbg2
{
	color: #000000;
	background-color: #f8f8f8;
}

.for_bg
{
	color: #000000;
	background-color: #099DD6;
}
.for_bg2
{
	color: #000000;
	background-color: #099DD6;
}

/* Titles - such as table headers. */
.titlebg, tr.titlebg th, tr.titlebg td, .titlebg a:link, .titlebg a:visited, .titlebg2, tr.titlebg2 th, tr.titlebg2 td, .titlebg2 a:link, .titlebg2 a:visited
{
	font-weight: bold;
	font-style: normal;
	color: #ffffff;
	background-color: #3399cc;
}
.titlebg a:hover, .titlebg2 a:hover
{
	color: #ffffff;
	text-decoration: underline;
}

/* The category headers, page indexes, and such things. */
.catbg, .catbg3
{
	font-weight: bold;
	background-color: #CCFFFF;
	background-image: url(images/catbg.gif);
	color: #000000;
}

/* The borders around things. */
.bordercolor
{
	background-color: #000000;
}
.tborder
{
	border: 1px solid #003366;
}
.tborder2
{
	border: 2px solid #003366;
}

/* Default font sizes. */
.smalltext
{
	font-size: x-small;
}
.normaltext
{
	font-size: small;
}
.largetext
{
	font-size: large;
}
/* No image should have a border when linked */
a img{
	border: 0;
}

/* The AJAX notifier */
#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;
}


/* B.O.Y board - 14/09/09 */
#bg_head_boy {
		background: url(images/bg_head.jpg) repeat-x center top;
		height:276px;
}
#head_boy {
	height:276px;
	width:96%;
}
#head_boy .head1 {
	background: url(images/boy_top_01.jpg) no-repeat left top;
	width:319px;
	vertical-align:top;
	text-align:left;
}
#head_boy .head2 {
	background: url(images/boy_top_02.jpg) repeat-x center top;
}
#head_boy .head3 {
	background: url(images/boy_top_03.jpg) no-repeat right top;
	width:634px;
	vertical-align:text-top;
	color:#FFFFFF;
}

#sub_mn {
	width:96%;
	text-align:left;
	height:33px;
	margin:15px 0 0 0;
}

#top_coln{
	width:96%;
	background-color:#ffffff;
}
#top_coln .coln_left {
	background: url(images/bd_left_bg.jpg) repeat-y left top;
	vertical-align:top;
	width:11px;
}
#top_coln .coln_center {
	background: url(images/bd_center_bg.jpg) repeat-y left top;
	vertical-align:top;
	width:28px;
}
#top_coln .coln_right {
	background: url(images/bd_right_bg.jpg) repeat-y left top;
	vertical-align:top;
	width:11px;
}
#top_coln .coln_bt {
	height:11px;
	background: url(images/bd_bottom_bg.jpg) repeat-x left bottom;
}
#top_coln .coln_top {
	background: url(images/bg_col_tp.jpg) repeat-x left top;
	height:52px;
	text-align:left;
}
#top_coln .coln_scheduled {
	width:275px;
	background: url(images/boy_top_06.jpg) repeat-x left top;
}
#top_coln .coln_scheduled_bg {
	background: url(images/boy_top_07.jpg) repeat-y left top;
}
#sch_date {
	float:left;
	width:59px;
	height:54px;
	text-align:center;
	background: url(images/sch_bg.jpg) no-repeat;
	margin:12px 0 0 35px;
	text-align:center;
	color:#ffffff;
	font-size:14px;
	font-weight:bold;
	padding:7px 0 0 0;
}
#sch_det {
	float:left;
	width:144px;
	margin:15px 22px 0 15px;
	text-align:left;
}
.sch_time {
	font-weight:bold;
}
.clear {
	clear: both;
	padding: 0;
	margin: 0;
}
#head_news {
	float:left;
	width:248px;
}
#head_arw {
	float:right;
	vertical-align:middle;
	color:#cccccc;
	margin:12px 0 0 0;
}

/* 16-10-09 */
/*#top_coln .coln_news_1 {
	width:49%;
}*/
#news_all {
	margin:0 30px 10px 25px;
}
#news_all .news_ct {
	width:10%;
	text-align:left;
}
#news_all .news_thumb {
	width:12%;
	text-align:left;
}
#news_all .news_head_line {
	width:33%;
	text-align:left;
}
#news_all .news_hr {
	height:17px;
	background: url(images/dot_line.gif) repeat-x;
}
#news_det {
	margin:15px 30px 10px 25px;
	text-align:left;
	vertical-align:top;
}
#news_date {
	color:#eaaa20;
	font-size:10px;
	margin:0 0 10px 0;
}
#news_title {
	color:#0072bc;
	font-size:18px;
	margin:0 0 20px 0;
}
#news_large {
	margin:30px 0 30px 0;
	text-align:center;
}
#comment_title {
	width:100%;
	height:105px;
	background: url(images/boy_com_bg.jpg) repeat-x;
	margin:0 0 20px 0;
}
#comment_title .com_tt_left {
	background: url(images/boy_com_01.jpg) no-repeat;
	width:auto;
	vertical-align:top;
}
#comment_title .com_tt_right {
	text-align:right;
	background: url(images/boy_com_02.jpg) no-repeat;
	width:100px;
}
#com_tt_txt {
	color:#ffffff;
	margin:68px 0 0 262px;
}
#comment_main {
	width:96%;
	margin:0 25px 15px 25px;
	background-color:#e6e6e6;
	border:1px solid #bbbab4;
}
#comment_main .comment_left {
	width:190px;
	height:153px;
	background: url(images/boy_com_03.jpg) no-repeat;
	margin:0 40px 0 0;
}
#comment_puser {
	margin:29px 0 0 29px;
}
#comment_txt {
	width:auto;
	margin:20px 30px 25px 0;
}
#comment_tpl {
	float:left;
	margin:0 0 10px 0;
	color:#046fbd;
	font-weight:bold;
}
#comment_tpr {
	float:right;
	font-size:12px;
	margin:0 0 10px 0;
}
	#comment_tpr a:link {
	color:#323232;
	font-weight:normal;
	text-decoration:none;
	font-size:12px;
}
	#comment_tpr a:hover {
	text-decoration: none;
	font-weight:normal;
	color:#f66e00;
}
#comment_name {
	margin:0 20px 0 0;
	float:left;
	color:#790e11;
	font-size:16px;
	font-weight:bold;
}
#comment_date {
	float:left;
	color:#9a9a9a;
}
.comment_right {
	float:left;
	width:645px;
	margin:22px 0 24px 0;
}
#view_mn {
	width:96%;
	text-align:left;
	height:33px;
	margin:15px 0 5px 10px;
}
	#view_mn A:link, #view_mn A:visited {color:#ffffff; font-size:14px; font-weight:bold;}
	#view_mn A:active, #view_mn A:hover {color:#FBA325; font-size:14px; font-weight:bold;}

#recommend {
	width:100%;
	background: url(images/boy_rec_bg.jpg) repeat-x;
	background-color:#000000;
	margin:0 0 20px 0;
	height:92px;
	color:#ffffff;
	padding:0 0 10px 0;
}
	#recommend A:link, #recommend A:visited {color:#ffffff;}
	#recommend A:active, #recommend A:hover {color:#FBA325;}
	
#recommend_title {
	color:#e2007a;
	font-size:16px;
	font-weight:bold;
	margin:55px 0 10px 25px;
}
#add_comment {
	width:96%;
	margin:0 25px 15px 25px;
	/*background: url(images/boy_com_04.jpg) no-repeat left top;*/
	border:1px solid #bbbab4;
}
#add_comment .add_comment_top {
	height:89px;
	background: url(images/add_comment_bg.jpg) no-repeat center top;
}
#add_comment .add_comment_left {
	width:130px;
}
#add_comment .add_comment_l {
	height:35px;
	width:80px;
	color:#790e11;
}
#add_comment .add_comment_c {
	width:20px;
	color:#790e11;
}
#add_comment_title {
	height:30px;
	margin:10px 0 0 25px;
	font-size:16px;
	font-weight:bold;
	background: url(images/boy_com_04.jpg) no-repeat left top;
	padding:30px 0 0 45px;
	color:#e2007a;
}
.input_txt {border-top: 1px solid #c8c8c8;
	border-bottom: 1px solid #c8c8c8;
	border-left: 1px solid #c8c8c8;
	border-right: 1px solid #c8c8c8;
	background-color: #ffffff;
	font-size: 12px; color: #787878;
	padding: 3px 2px 0px 2px;
	margin:0 5px 0 5px;}
.button {
	border-top: 1px solid #DDE9F8;
	border-bottom: 1px solid #8BB0BF;
	border-left: 1px solid #DDE9F8;
	border-right: 1px solid #8BB0BF;
	background-color: #ADD3E2;
	font-weight:bold;
	color: #323232;
	cursor : hand;
	width:35px;
	height:25px;}




#foot_news {
	width:96%;
	margin:25px 0 20px 0;
}
#foot_news_left {
	float:left;
	font-size:10px;
}
#foot_news_right {
	float:right;
}

.nav{
padding: 0 35px 0 0;

}