* {
    margin: 0;
    padding: 0;
}
body {
	font-family: "Trebuchet MS", helvetica, arial, verdana, sans-serif;
    font-size: small;
    text-align: center;
    color: #333;
    background:#090001 url(body_bg.jpg) repeat-y top left;
}
div, p, img, a, td, ul, ol {
    font-size: 1em; 
}

ol {
    margin-left: 1em;
    padding-left: 1em;
}
ol li {
    margin-left: 1em;
    padding: 0 0 .5em.3em;
    list-style: decimal;
}
h1, h2, h3, h4 {
	font-weight: bold;
	margin: .5em 0;
	letter-spacing: .07em;
}
h1 { font-size: 218% }
h2 { font-size: 164%; }
h3 { font-size: 145%; }
h4 { font-size: 118%; letter-spacing: .15em }

p { padding: 0 0 1em; }

a, a:link { 
    text-decoration: none;
    color: #fff;
    padding:0 5px;
}
a:visited { color: #ddd; }
a:hover, a:active  { color: #fff; background-color:#E01D23; }


a img, img {
    border: none;
}

ul 
{
    list-style: none;
}

li 
{
    list-style: none;
    padding-left: 1em;
    margin-bottom: 3px;
}


.clear {
    clear: both;
    height: 1px;
    margin: -1px 0 0;
    font-size: 1px;
}

/*

page

*/

#page
{
	width:800px;
	margin:0 auto;
	background: #262626 url(sidebar_bg.gif) repeat-y top left;
}

#top, #bottom
{
	width:100%;
	background-color:#E9E5D9;
	font-weight:bold;
	font-size:10px;
	font-family:Lucida Sans Unicode;	
	padding:3px 0;
}

#top
{
	border-top:3px solid #F3661F;
	border-bottom:3px solid #F4C30F;
}

#bottom
{
	text-align:left;
	padding-left:10px;
	font-variant:small-caps;
	border-bottom:3px solid #F3661F;
	border-top:3px solid #F4C30F;
}

.hl
{
	color:#C45343;
}

.bar, .bar h1, .post_bar, .ptr h1
{
	font-family:Lucida Sans Unicode;
	font-size:18px;
	display:block;
	letter-spacing:1px;
	font-variant:small-caps;
	padding:5px 10px 5px 60px;
	color:0;
	font-weight:bold;
	text-align:left;
}

.bar h1, .ptr h1
{
	color:#fff;
	margin:0;
	padding:0 20px 0 0;
	display:inline;
}

/*

post, training

*/

.post_bar
{
	font-family:Lucida Sans Unicode;	
	padding:3px 10px;
	background-color:#313131;
	color:#D5D3D4;	
	text-align:right;
}

.post h3
{
	font-family:Lucida Sans Unicode;
	font-variant:small-caps;
	font-weight:normal;
	color:#C3C3A7;
	margin:0;
	padding:7px 10px 0 10px;
	height:32px;
	display:block;
	background-color:#464646;
	border:1px solid #CBCBCB;
	float:left;
	position:absolute;
	top:3px;
}

.post_box
{
	margin-top:12px;
	background-color:#313131;
	border:1px solid #414141;
	color:#fff;
	padding:0 0 20px 0;
	overflow:auto;
}

.post_box span
{
	color:#A2A093;
}

.post_box p
{
	padding-top:15px;
}

.post
{
	background-color:#262626;
	padding:10px 0;
	position: relative;
}

.post_shadow
{
	font-size:48px;
	color:#4D4D4D;
	font-variant:small-caps;
	position:absolute;
	bottom:-2px;
	right:10px;
	margin:0;
	padding:0;
}

.tbox
{
	border-top:1px solid white;
}

.tbox h1
{
	width:150px;
	font-size:14px;
	background-color:#000;
	text-align:center;
	display:block;
	float:left;
	margin:0 10px 0 0;
	padding:5px 0;
}

.tbox p
{
	padding:5px 10px 10px 150px;
	color:#323031;
	text-align:left;
}
/*

news, gallery

*/

.news
{
	border-top:1px solid #414141;
	overflow:auto;
	padding-top:5px;
}

.news_box h1, .gallery_box h1
{
	font-family:Lucida Sans Unicode;
	font-size:20px;
	font-variant:small-caps;
	font-weight:normal;
	background-color:#fff;
	color:#464646;
	padding:3px 10px;
	margin:0;
}

.gallery_box h1
{
	padding:0;
}

.gallery_box h1 a, .gallery_box h1 a:visited
{
	display:block;
	border:none;
	padding:3px 10px;
	color:#464646;
}

.gallery_box h1 a:hover
{
	background-color:#000;
	color:#fff;
}

.news_date, .gallery_date
{
	background-color:#000;
	color:#fff;
	width:80px;
	padding:0px 5px 0px 0;
	margin:0 10px 0 40px;
	font-size:12px;
	float:left;
	text-align:right;
	border-right:1px solid #414141;
}

.gallery_date
{
	background-color:#A3A077;
	border:1px solid #fff;
}

.news_box, .gallery_box
{
	float:left;
	width:70%;
}

/*

sidebar, tip, gallery, footer

*/

#sidebar
{
	float:left;
	width:293px;
	text-align:left;
	position: relative;
}

#logo
{
	border-bottom:1px solid #262626;
	margin-left:5px;
}

#sidebar ul, #sidebar h2
{
	padding:20px 40px;
	font-size:36px;
	font-style:italic;
	font-variant:small-caps;
	letter-spacing:1px;
	text-align:left;	
	width:199px;
}

#sidebar ul li a, #footer ul li a
{
	border:none;
	color:#C3C4A5;
	background-color:transparent;
}

#sidebar ul li
{
	border-bottom:1px solid #464646;
}

#sidebar ul .active
{
	background:transparent url(menu_bg.gif) repeat-x;
}

#sidebar ul li:hover, #footer ul li:hover
{
	background-color:#F2D300;
}

#sidebar ul li a:hover, #footer ul li a:hover
{
	color:#000;
}

#footer
{
	height:60px;
	background-color:#BEB7A4;
	width:785px;
	margin:0 5px;
	border:1px solid #414141;	
}

#footer ul
{
	font-style:italic;
	font-variant:small-caps;
	letter-spacing:1px;
	font-size:20px;
	font-weight:bold;
	margin-top:15px;
}

#footer ul li
{
	display:inline;
	border-right:1px solid #fff;
	padding:0 15px;
}

#footer ul li.last
{
	border:none;
}

#footer ul li a
{
	color:#313131;
}

#tip
{
	background-color:#91915F;
	color:#fff;
	position:absolute;
	left:63px;
	top:160px;
	width:161px;
	font-size:10px;
	z-index:1;	
	text-align:left;
	padding:0;
	
}

#tip p
{
	display:block;
	padding:5px;	
	background-color:#7A7B51;	
}

#tip h5
{
	text-align:right;
	font-size:10px;
	font-weight:normal;
	padding:0px 5px;
}

#sidebar h2
{
	padding:0 0 0 40px;
	margin:0 0 0 45px;
	color:#C3C4A5;
	font-weight:normal;
}

#sidebar .links li
{
	font-size:14px;
	font-style:normal;
	color:#fff;
}

#sidebar .links li:hover
{
	background-color:#000;
}

#sidebar .links li a
{
	font-variant:normal;
	font-size:10px;
	letter-spacing:0.5px;
	color:#aaa;
}

#sidebar .links li a:hover
{
	background-color:#ff3131;
}

/*

main content

*/


#main
{
	float:left;
	width:500px;
}

#banner
{
	background-color:#313131;
	border:1px solid #414141;
	padding-bottom:10px;
	margin-bottom:10px;
}

#content
{
	text-align:justify;
	background-color:#313131;
}

#content p
{
	margin:0 20px;
	color:#fff;
}

#content h2
{
	margin:30px 20px 10px 20px;
	color:#fff;
}

#content span
{
	font-weight:bold;
}

/*

TimeTable

*/

.tt
{
	width:100%;
	border-collapse: collapse;
	font-size:small;
	font-variant:small-caps;
	background-color:#F5F5F5;
	text-align:center;
	font-weight:bold;
}

.tt span
{
	font-size:12px;
}

.tt td
{
	padding:5px;
	border-right:1px solid #D4D4D4;
	line-height:1em;
}

.tt th
{
	font-size:14px;
	padding:5px 0;
	background-color:#7ECCFD;
}

.tt_alt
{
	background-color:#E7E7E7;
}
