@charset "utf-8";
/* CSS Document */
* 
{
margin: 0; padding: 0; border: 0;
}

a
{
text-decoration:none;
}

a:visited,a:link
{
color:#999999;
}

a:hover
{
color:#676767;
font-size:large;
}

table, td, tr, th
{
border:1px solid black;
padding:1px;
}

body 
{
	background:#E1E1E1;
	font-weight:bold;
}

h2.orange_underline
{
border-bottom:1px solid orange;
}

h2.green_underline
{
border-bottom:1px solid green;
}

h2.red_underline
{
border-bottom:1px solid red;
}

h2.yellow_underline
{
border-bottom:1px solid yellow;
}

h2.blue_underline
{
border-bottom:1px solid blue;
}

#container 
{
	background: url(images/background.jpg) repeat-y;
	width: 800px;
	
	
	margin: 0 auto;	
}

div#headerbns 
{
	position:relative;
	height: 491px; /* 301px originally */
	background: url(images/header.jpg) no-repeat;
	z-index:1;
}
div#header 
{
	position:relative;
	height: 301px; /* 301px originally */
	background: url(images/header.jpg) no-repeat;
	z-index:1;
}

ul#header_links
{
position:absolute;
top:120px;
left:270px;
margin:0;
width:500px;
height:45px;
list-style-type:none;
}

ul#header_links li
{
float:left;
}

#home
{
background:url(images/home.jpg) no-repeat;
display:block;
height:45px;
width:100px;
left:0px;
}

#info
{
background:url(images/info.jpg) no-repeat;
display:block;
left:100px;
width:100px;
height:45px;
}

#events
{
background:url(images/events.jpg) no-repeat;
display:block;
left:200px;
width:100px;
height:45px;
}

#blog
{
background:url(images/blog.jpg) no-repeat;
display:block;
left:300px;
width:100px;
height:45px;
}

#forums
{
background:url(images/forums.jpg) no-repeat;
display:block;
left:400px;
width:100px;
height:45px;
}

/* index.php */
div#header_home
{
	background:url(images/header_home.jpg) no-repeat;
	position:absolute;
	top:165px;
	left:6px;
	width:785px;
	height:100px;
}

div#baito
{
	/*background:url(baitobanner.swf) no-repeat;*/
	position:relative;
	top:275px;
	left:14px;
	width:769px;
	height:205px;
}

div#header_bns
{
	background:url(images/header_bns.jpg) no-repeat;
	position:absolute;
	top:165px;
	left:6px;
	width:785px;
	height:100px;
	
}

#bns_info
{
background:url(images/bns_information.jpg) no-repeat;
display:block;
width:566px;
height:60px;
}


/* info.php */
div#header_info
{
	background:url(images/header_info.jpg) no-repeat;
	position:absolute;
	top:165px;
	left:6px;
	width:785px;
	height:100px;
	
}

div#header_info a
{
text-decoration:none;
}

div#header_info a:hover
{
background-color:#00CC33;
color:#FFFFFF;
font-size:medium;
}

div#header_info a:active
{
border: inset;
}

#aboutus
{
position:absolute;
background-color:#33FFCC;
border:1px outset green;
color:#000000;
text-align:center;
top:55px;
left:300px;
width:90px;
height:23px;
}

#membership
{
position:absolute;
background-color:#33FFCC;
border:1px outset green;
color:#000000;
text-align:center;
top:55px;
left:390px;
width:90px;
height:23px;
}

#alumni
{
position:absolute;
background-color:#33FFCC;
border:1px outset green;
color:#000000;
text-align:center;
top:55px;
left:480px;
width:90px;
height:23px;
}

#contactus
{
position:absolute;
background-color:#33FFCC;
border:1px outset green;
color:#000000;
text-align:center;
top:55px;
left:570px;
width:90px;
height:23px;
}

/* events.php */
div#header_events
{
	background:url(images/header_events.jpg) no-repeat;
	position:absolute;
	top:165px;
	left:6px;
	width:785px;
	height:100px;
}

/* blog.php */
div#header_blog
{
	background:url(images/header_blog.jpg) no-repeat;
	position:absolute;
	top:165px;
	left:6px;
	width:785px;
	height:100px;	
}

div#header_blog a
{
text-decoration:none;
}

div#header_blog a:hover
{
background-color:#FFCC00;
color:#000000;
font-size:medium;
}

div#header_blog a:active
{
border: inset;
}

#nikenkan
{
position:absolute;
background-color:#FFFF99;
border:1px outset black;
color:#000000;
text-align:center;
top:55px;
left:300px;
width:90px;
height:23px;
}

#homestay
{
position:absolute;
background-color:#FFFF99;
border:1px outset black;
color:#000000;
text-align:center;
top:55px;
left:390px;
width:90px;
height:23px;
}

/* forums.php */
div#header_forums
{
	background:url(images/header_forums.jpg) no-repeat;
	position:absolute;
	top:165px;
	left:6px;
	width:785px;
	height:100px;	
}

#navigation 
{
	left:10px;
	position:relative;
	
	padding:5px;
	width: 190px;
	float: left;
	text-align:center;
}

#navbar
{
background:url(images/navbar.jpg) no-repeat;
display:block;
width:190px;
height:40px;
}

#nav_box
{
	position:relative;
	margin-left:2px;
	margin-top:2px;
	margin-bottom:20px;
	width:182px;
	border:1px solid grey;
}

#affiliation
{
background:url(images/affiliation.jpg) no-repeat;
display:block;
width:190px;
height:25px;
}

#member
{
background:url(images/member.jpg) no-repeat;
display:block;
width:190px;
height:25px;
}

div#ads
{
	position:relative;
	margin-left:2px;
	margin-top:2px;
	margin-bottom:20px;
	width:182px;
	border:1px solid grey;
}

#misia
{
position:relative;
background-color:#FFFF99;
border:1px outset black;
color:#000000;

width:182px;

}

#content 
{
position:relative;
	width: 566px;
	float: left;
	margin-top: 0px;
	
	left:15px;
}

/* contents for index.php */
#news
{
background:url(images/news.jpg) no-repeat;
display:block;
width:566px;
height:60px;
}

/* contents for info.php */
#abtus
{
background:url(images/abtus.jpg) no-repeat;
display:block;
width:566px;
height:60px;
}

#memship
{
background:url(images/membership.jpg) no-repeat;
display:block;
width:566px;
height:60px;
}

#alum
{
background:url(images/alum.jpg) no-repeat;
display:block;
width:566px;
height:60px;
}

#ctc
{
background:url(images/ctc.jpg) no-repeat;
display:block;
width:566px;
height:60px;
}

/* contents for events.php */

#latestevents
{
background:url(images/latestevents.jpg) no-repeat;
display:block;
width:566px;
height:60px;
}

#pastevents
{
margin-top:20px;
background:url(images/pastevents.jpg) no-repeat;
display:block;
width:566px;
height:60px;
}

/* contents for blog.php */
#blg
{
background:url(images/blg.jpg) no-repeat;
display:block;
width:566px;
height:60px;
}

/* contents for forums.php */
#frms
{
background:url(images/frms.jpg) no-repeat;
display:block;
width:566px;
height:60px;
}

.orangebox
{
border:3px solid orange;
}

.orangeline
{
border-bottom:2px dotted orange;
}

.greenbox
{
border:3px solid green;
}

.greenline
{
border-bottom:2px dotted green;
}

.redbox
{
border:3px solid red;
}

.redline
{
border-bottom:2px dotted red;
}

.yellowbox
{
border:3px solid yellow;
}

.yellowline
{
border-bottom:2px dotted yellow;
}

.bluebox
{
border:3px solid blue;
}

.blueline
{
border-bottom:2px dotted blue;
}

#content_box
{
	position:relative;
	margin-left:2px;
	margin-top:2px;
	margin-bottom:2px;
	width:555px;
	
}

#news_box
{
	position:relative;
	padding-left:10px;
	padding-top:10px;
	margin-left:9px;
	margin-top:2px;
	margin-bottom:40px;
	width:535px;
	
}

img.floatright
{
position:relative;
float:right;
margin-right:4px;
}

#footer 
{
	background: url(images/footer.jpg) no-repeat;
	height: 112px;
	clear: both;
	color:#CCCCCC;	
	padding-left:40px;
}

div#footer a:link, a:visited
{
color:#999999;
text-decoration:none;
}

div#footer a:hover
{color:#333333;
text-decoration:none;
}

#footer_left
{
position:absolute;
	padding-top:70px;
	width:300px;
}

#footer_right
{
text-align:right;
padding-top:70px;
position:relative;
left:300px;
width:420px;
}