/* CSS Document */

body 
{
	color:#000000;
	background:#040496 url(images/background.png) repeat-x scroll center top;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:15px;
	margin:20px 0 0 0;
	text-align:center;
	text-decoration:none;
}

.clear 
{
	clear:both;
	height:1px;
}

hr {
	margin: 10px 0;	
}

li {
	margin:5px 0 5px 0;
}


.border
{
	border:4px solid #000000;
	padding:5px 5px 5px 5px;
}

p 
{
	margin:5px 0 0 0;
	z-index:1001;
}

h1 
{
	color:#333333;
	font-size:20px;
	padding:5px 0 0 0;
	text-align:left;
	z-index:20;
}

h2 
{
	color:#333333;
	font-family:Calibri, Arial, Helvetica, sans-serif;
	font-size:30px;
	margin:10px 0 40px 0;
	padding:0;
	z-index:1000;
}

h3
{
	color:#333333;
	font-family:Calibri, Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:10px 0 10px 0;
	padding:0;
	z-index:1000;
}

h4
{
	color:#333333;
	font-family:Calibri, Arial, Helvetica, sans-serif;
	font-size:25px;
	margin:10px 0 40px 0;
	padding:0;
	z-index:1000;
}

h5
{
	color:#333333;
	font-family:Calibri, Arial, Helvetica, sans-serif;
	font-size:16px;
	margin:10px 0 0 0;
	padding:0;
	z-index:1000;
}

h6
{
	color:#333333;
	font-family:Calibri, Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:5px 0 10px 0;
	padding:0;
	z-index:1000;
}

#top 
{
	background:url(images/top_back.png) no-repeat scroll center top;
	position:relative;
	margin:auto;
	padding:0 0 0 10px;
	text-align:left;
	width:900px;
}

#top_holder
{
	background-color:transparent;
	margin:15px 0 0 40px;
}

#top_left
{
	background-color:#FFFFFF;
	float:left;
	width:810px;
	z-index:1000;
}

#top_right
{
	background-color:transparent;
	float:right;
	z-index:1;
}

#top_1
{
	background-color:transparent;
	float:left;
	margin:auto;
	text-align:left;
}

#top_2
{
	background-color:#FFFFFF;
	float:left;
	margin:auto;
	padding:20px 0 0 20px;
	width:300px;
	height:200px;
}

#top_3
{
	background-color:#FFFFFF;
	float:left;
	margin:auto;
	padding:40px 0 0 0;
}

#top_4
{
	background-color:transparent;
	float:right;
	margin:-248px 0 0 0;
	padding:17px 0 0 10px;
}

#top_5
{
	background-color:transparent;
	float:right;
	margin:-134px 0 0 0;
	padding:0 0 0 10px;
}

#top_6
{
	background-color:#FFFFFF;
}

#container 
{
	background-color:#FFFFFF;
	text-align:center;
	margin:auto;
	width:800px;
	padding:0 0 0 10px;
	text-align:center;
	height:auto;
}

#holder
{
	background-color:#FFFFFF;
	text-align:center;
	width:780px;
	float:right;
	margin:10px 20px 0 20px;
	z-index:5;
}

#bottom
{
	background:url(images/bottom_back.png) no-repeat scroll center top;
	position:relative;
	margin:auto;
	padding:0 0 0 10px;
	text-align:left;
	width:800px;
	height:30px;
}

/*navigation bar */

#navigation 
{
	display:block;
	float:left;
	height:37px;     /*height of image you are spriting so you only show one image*/
	overflow:hidden;    /*do not want scroll bars*/
	width:811px;		/*width of image you are spriting*/
}

#navigation li 
{
	display:inline;
	float:left;		/*image spreads left to right across screen - otherwise would only see first image or would scroll right to left*/
}

#navigation a 
{
	background:#FFFFFF url(images/navbar2.png) no-repeat scroll center top;
	display:block;
	height:37px;
	text-indent:-5000px;   /* hides text from HTML page but should still work for screen readers*/
}

/*
The following CSS moves the images in accordance to mouse movements (Image Spriting) for the navigation bar
	-you load the entire image for each button but you only view the appropriate part for said button
	-the first number is the x position from the left
	-the second number is the y position from the bottom - ie, moves the image up
*/
#nav-space a 
{
	background-position:0 0;
	width:182px;
}

#nav-home a 
{
	background-position:-182px 0;
	width:74px;
}
#nav-home a:hover 
{
	background-position:-182px -39px;
	width:74px;
}
#nav-home a:active 
{
	background-position:-182px -79px;
	width:74px;
}

#nav-hapkido a 
{
	background-position:-256px 0;
	width:74px;
}
#nav-hapkido  a:hover 
{
	background-position:-256px -39px;
	width:74px;
}
#nav-hapkido  a:active 
{
	background-position:-256px -79px;
	width:74px;
}

#nav-dukmoo a 
{
	background-position:-330px 0;
	width:74px;
}
#nav-dukmoo a:hover 
{
	background-position:-330px -39px;
	width:74px;
}
#nav-dukmoo a:active 
{
	background-position:-330px -79px;
	width:74px;
}

#nav-articles a 
{
	background-position:-404px 0;
	width:69px;
}
#nav-articles a:hover 
{
	background-position:-404px -39px;
	width:69px;
}
#nav-articles a:active 
{
	background-position:-404px -79px;
	width:69px;
}

#nav-gallery a 
{
	background-position:-473px 0;
	width:68px;
}
#nav-gallery a:hover 
{
	background-position:-473px -39px;
	width:68px;
}
#nav-gallery a:active 
{
	background-position:-473px -79px;
	width:68px;
}

#nav-culture a 
{
	background-position:-541px 0;
	width:109px;
}
#nav-culture a:hover 
{
	background-position:-541px -39px;
	width:109px;
}
#nav-culture a:active 
{
	background-position:-541px -79px;
	width:109px;
}

#nav-contact a 
{
	background-position:-650px 0;
	width:87px;
}
#nav-contact a:hover 
{
	background-position:-650px -39px;
	width:87px;
}
#nav-contact a:active 
{
	background-position:-650px -79px;
	width:87px;
}

#nav-links a 
{
	background-position:-737px 0;
	width:73px;
}
#nav-links a:hover 
{
	background-position:-737px -39px;
	width:73px;
}
#nav-links a:active 
{
	background-position:-737px -79px;
	width:73px;
}

/*page holders*/

#p_holder
{
	float:left;
	padding:0 0 0 0;
	margin:0 0 0 0;
}

#title
{
	float:left;
	padding:20px 0 0 18px;
}

#p_text
{
	float:left;
	margin:0 20px 20px 20px;
	text-align:justify;
	width:540px;
}

#divider
{
	float:left;
	border:1px solid #9494D2;
	margin:auto;
	width: 810px;
	margin:0 0 0 -10px;
}

/* page sub-menu */

#sub_top a{
	background:#D8D8EF url(images/back_sub.png) repeat-x scroll center top;
	border-right:1px solid #A4A4D9;
	border-bottom:1px solid #A4A4D9;
	color:#666666;
	float:left;
	font-size:14px;
	font-weight:bold;
	margin:-11px 0 0 -10px;
	padding:10px 0 10px 0;
	width:200px;
}

#sub_top a:hover{
	background:#9494D2;
	color:#F5F5F5;
	text-decoration:none;
}

#sub_link a{
	background-color:#D8D8EF;
	border-bottom:1px solid #A4A4D9;
	border-right:1px solid #A4A4D9;
	color:#666666;
	float:left;
	font-weight:bold;
	font-size:14px;
	margin:-1px 0 0 -10px;
	padding:10px 0 10px 0;
	width:200px;
}

#sub_link a:hover{
	background-color:#9494D2;
	color:#F5F5F5;
	text-decoration:none;
}

#button a{
	background-color:#D8D8EF;
	border-bottom:1px solid #A4A4D9;
	border-right:1px solid #A4A4D9;
	color:#666666;
	float:left;
	font-weight:bold;
	font-size:12Spx;
	margin:-1px 0 0 -10px;
	padding:10px 0 10px 0;
	width:200px;
}

#button a:hover{
	border-bottom:1px solid #040496;
	border-right:1px solid #040496;
	margin:0px 0 0 -9px;
	text-decoration:none;
}

#button a:active{
	border-bottom:1px solid #040496;
	border-right:1px solid #040496;
	margin:1px 0 0 -8px;
	text-decoration:none;
}

.blank{
	text-decoration:none;
	color:#666666;
}

.img_holder{
	border:1px solid #CCCCCC;
	margin:0 10px 10px 0;
	height:110px;
	width:110px;
	float:left;
	vertical-align:bottom;
}

/*  Articles holder */

.divider{
	border-top:1px solid #BEBCBC;
	margin:4px 0 0 0;
	width:255px;
}