/* Page Design */
body {
	background: url(../images/layout/background-body.jpg) #000 repeat-x;
	font-family: Verdana, Arial;
	font-size: 11px;
	text-align: center;
}
#page {
	width: 900px;
	height: 650px;
	margin: 20px auto 0px auto;
	background: url(../images/layout/background-page.jpg) #000 repeat-x;
	position: relative;
	text-align: left;
}
img {
	border: 0px solid transparent;
}
h1 {
	font-size: 16px;
}
h2 {
	border-bottom: 2px solid #821C18;
	font-size: 11px;
	padding: 5px;
	font-weight: normal;
	margin: 0px;
}

/* Landing Page */
.taekwondo-stone {
	width: 851px;
	height: 382px;
	background: url(../images/layout/taekwondo-stone.png) no-repeat;
	margin: 150px auto 0px auto;
	position: relative;
}
.entry-board {
	width: 164px;
	height: 147px;
	display: block;
	background: url(../images/layout/entry-board.png) no-repeat;
	bottom: -100px;
	right: 50px;
	position: absolute;
}
.entry-board span {
	padding: 55px 10px 0px 40px;
	font-size: 16px;
	font-weight: bold;
	color: #000;
	display: block;
}
.entry-board.active {
	background-position: -164px 0px;
}
.entry-board.active span {
	display: none;
}

/* Captcha class */
.cpa {
	display: none;
}

/* Links */
a {
	text-decoration: none;
	color: #821C18;
}
a:hover, .active {
	color: #006BFE;
}
label a {
	font-weight: normal;
}

/* Red Borders */
.border div {
	background: #821C18;	
}
.border .vertical {
	width: 15px;
	height: 650px;
}
.border .horizontal {
	width: 47px;
	height: 13px;
}

/* Position Management */
.left {
	position: absolute; 
	left: 0px; 
}
.right {
	position: absolute; 
	right: 0px; 
}
.top {
	position: absolute; 
	top: 0px; 
}
.bottom {
	position: absolute; 
	bottom: 0px; 
}

/* System messages */
.message {
	display: block;
	padding: 5px;
	margin: 5px 0px 10px 0px;
}

.error {
	background-color: #FF5500;
	border: 1px solid #B30000;
}

.success {
	background-color: #81CB80;
	border: 1px solid #518050;
}

.warning {
	background-color: #FFE640;
	border: 1px solid #B3A12D;
}

/* Logo */
.logo {
	width: 154px;
	height: 53px;
	background: url(../images/layout/logo.png) no-repeat;
	top: 13px;
	right: 35px;
	position: absolute;
	display: block;
}

/* Notice Board */
.board {
	display: block;
	position: absolute;
	width: 104px;
	height: 106px;
	top: 50px;
	left: 30px;
	background: url(../images/layout/board.png) no-repeat;
}
.board a {
	display: block;
	padding: 35px 0px 0px 20px;
	font-weight: bold;
	font-size: 13px;
	color: #000;
}
.board a:hover {
	color: #821C18;
}

/* Menu */
#menu {
	position: absolute;
	width: 150px;
	top: 180px;
	font-size: 11px;
}
#menu a {
	line-height: 20px;
}
#menu ul {
	margin: 0px;
	padding: 0px 0px 0px 50px;
	list-style-type: none;
}
#menu ul li {
	color: #821C18;
	font-weight: bold;
}
#menu ul ul {
	list-style-type: disc;
	padding: 0px 0px 0px 20px;
}

/* Content Area */
#main {
	background: #FFC16A;
	width: 679px;
	height: 517px;
	position: absolute;
	right: 48px;
	bottom: 45px;
}

#main .horizontal {
	background: url(../images/layout/content-line-horizontal.jpg);
	position: absolute;
	top: 0px;
	left: 0px;
	width: 679px;
	height: 8px;
	overflow: hidden;
}
#main .vertical {
	background: url(../images/layout/content-line-vertical.jpg);
	position: absolute;
	top: 8px;
	left: 0px;
	width: 8px;
	height: 509px;
}

#content {
	margin: 15px;
	padding-right: 7px;
	width: 657px;
	height: 490px;
	overflow: auto;
	position: absolute;
}

/* Footer */
#footer {
	position: absolute;
	left: 60px;
	bottom: 0px;
	width: 770px;
}
#footer a {
	padding-left: 10px;
}
#footer span a {
	padding-left: 0px;
}

/* WTF Logo */
.wtf {
	position: absolute;
	width: 245px;
	height: 57px;
	bottom: 0px;
	left: 300px;
}
.wtf .image {
	background: url(../images/layout/wtf.png) no-repeat;
	position: absolute;
	left: 70px;
	top: 8px;
	width: 105px;
	height: 39px;
}
.wtf a {
	font-size: 11px;
	position: absolute;
	bottom: 0px;
}

/* Gallery */
#gallery {
	width: 650px;
	height: 375px;
	overflow: hidden;
	position: relative;
}
#gallery .group a {
	display: block;
	position: relative;
	width: 100px;
	height: 100px;
	border: 1px solid #FFAB35;
	background: #FFB54B;
	float: left;
	margin: 10px;
	text-align: center;
	line-height: 100px;
}
#gallery a:hover {
	border: 1px solid #821C18;
}
#gallery .groups {
	width: 8000px;
	position: relative;
}
#gallery .group {
	position: relative;
	width: 650px;
	float: left;
}
#gallery img {
	vertical-align: middle;
}

/* Events */
.events td {
	vertical-align: top;
	padding: 5px 0px 5px 0px;
}
.events .date {
	width: 80px;
}
.events .week {
	width: 20px;
}
.events .time {
	width: 50px;
}
.events .location {
	width: 120px;
}

.event {
	list-style-type: none;
}
.event label {
	font-weight: bold;
}
.event li {
	padding-bottom: 10px;
}