﻿@charset "UTF-8";
@import url("index1.htm.css");

body {
	font-family:"MS Serif", "New York", serif;
	margin:0px;
	padding:0px;
	background-color:#fff;
	font-size:100%;
	line-height:100%;
	color:#000;
}
div,h1,h2,h3,h4,p{border:none;margin:0em;padding:0em;}
h1{font-size:2em;}
h2{font-size:1.5em;}
h3{font-size:1.1em;color:#555;}
h4{font-size:.9em;}
p{font-size:1em;}
a:link{color:#0033cc;background:transparent;}
a:visited{color:#5533cc;background:transparent;}
a:hover,a:active{color:#fff;}
img{border-style:none;}
a img{border:0px;}
.clear{clear:both;}

/* CAEgpID /// Layout */




 

#header{background-color:transparent;padding:0px;margin:0px;min-width:450px;height: auto;}

#tools{display:block;text-align:right;font-size:0.8em;padding:5px;color:#A3BCD3;background-color:#1580D8;border-bottom:1px solid #ffffff;}
#tools a:link,#tools a:visited{ text-decoration:none;color:#fff;}
#tools a:hover,#tools a:active{ text-decoration:none;background:#fff;color:#003366;}
#tools a.skip:link,#tools a.skip:visited{ text-decoration:none;color:#BBBBBB;}
#tools a.skip:hover,#tools a.skip:active{ text-decoration:none;background:#BBBBBB;color:#FFFFFF;}
#tools form{margin:0px; padding:0px;}

#head{background-color:#012E8B;background-image:url("image/title_bg.jpg"); background-repeat:repeat-x;padding:0px;margin:0px;height: auto;}

#flag{float:left;position:relative;text-align:left;padding:0px;margin:0px;margin-left:10px;margin-top:20px;}

#title{float:left;position:relative;text-align:left;padding:0px;margin:10px;font-family:Times New Roman, Times, serif;color:#ffffff;line-height:100%;}
#title .jp{font-size:0.6em;font-family:"lr o", ז, E~L, serif;}

#hp{display:block;text-align:right;font-size:0.8em;padding:10px;color:#A3BCD3;}
#hp .h_photo{margin:0px;padding:0px;margin-top:3px;}
#hp .h_photo img{margin:3px;}

#menu{margin:1px 0px 1px 0px;padding:1px;background-color:#062673;color:#fff;text-align:center;line-height:140%;clear:both;}
#menu a{font-size:0.8em;font-weight:bold;margin:0px 0.3em 0.4em 0.3em;text-decoration:none;padding:3px;}
#menu a:link, #menu a:visited{color:#FFFFFF;}
#menu a:hover, #menu a:active{text-decoration:none;background:#A1CAF2;color:#062673;}

#mid{margin:0px:padding:0px;position:relative;background-color:#000;}

/*#mainphoto{text-align:center;width:300px;height:161px;background-color:#E1E1E1;float:right;margin:0px 0px 0px 1px;font-size:11px;position:absolute;top:0px;right:0px;}*/

#menubarhorizontal {background:#062673; position:relative;
	height:auto;
	overflow: hidden; 
	margin:0 5px 0 0;
	zoom:1;

}


#main{
zoom:1;
margin:0px;
padding:0px;
position:relative;
}



#navbar{
	position:relative;
	height:auto;
	overflow: hidden; 
	margin:0 5px 0 0;
	zoom:1;
	}

/* Navbar Button Boxes */

.navbar_button
{	
  margin-right:5px;
  margin-bottom: 5px;
  float: left;
  padding: 5px 10px;
  color: #FFF;
  display: inline-block;
  
  /* Rounded corners for Firefox and Safari */
  background-color: #0054a6;
  -webkit-border-radius: 10px;    /* for Safari */
  -moz-border-radius: 10px;       /* for Firefox */
}

/*for IE */
.navbar_button
{
  position: relative;
  height: 30px;
  width: auto; 
  margin-right:5px;
  margin-bottom: 5px;
  float: left;
  padding: 0px 10px;
  display: inline-block;
  white-space:nowrap;
  zoom:1;
}

.navbar_button  .tl
{
  background: url(image/box/tl.gif) top left no-repeat;
  top: 0;
  left: 0;
  width: 10px;
  height: 10px;
  position: absolute;
}

.navbar_button  .tr
{
	background: url(image/box/tr.gif) top right no-repeat;
	top: 0;
	right: 0;
	width: 10px;
	height: 8px;
	position: absolute;
}

.navbar_button  .bl
{
  background: url(image/box/bl.gif) bottom left no-repeat;
  bottom: 0;
  left: 0;
  width: 10px;
  height: 10px;
  position: absolute;
}

.navbar_button  .br
{
  background: url(image/box/br.gif) bottom right no-repeat;
  bottom: 0;
  right: 0;
  width: 10px;
  height: 10px;
  position: absolute;
}


.navimage {
display: inline-block;
position: relative;
top: 10%;
margin-right:5px;
}


#main #news #navbar .navbar_button .navtext{
top: 10%;
display: inline-block;
position: relative;
font-variant: small-caps;
font-size: 1.0em;
font-family: Tahoma;
color:#FFF;
font-weight: bold;
text-decoration:none;
}

 


#news{ margin-right:301px; position:relative;display:block; padding:5px 0 15px 5px;zoom:1; }
#news h1,h2,h3,h4,p{border:none;margin:0em;padding:0em;}
#news h2.news{margin:0px;padding:0px;background-image:url("image/menu_news_bg.gif");background-repeat:repeat-x;}
#news h3{margin:0em 0px 3px 0px;font-size:1em;}
#news h4{margin:0px 0px 0px 15px;font-size:.9em;}
 /*#news p{margin:0px 0px 1em 15px;font-size:0.9em;color:#333333;} */
#news ol{margin:0px 0px 1em 40px;padding-left:0px;}
#news ol li{font-size:0.9em;}
#news ul{margin:0px;margin-left:5px;padding:0;}
#news ul li{font-family: Arial, Helvetica, sans-serif;background:url("common_img/li_head.gif") no-repeat left top;list-style:none;padding-left:10px;margin:1px;margin-left:5px;color:#F00;}
#news a:link,#news a:visited{ text-decoration:underline;color:#062673;}
#news a:hover,#news a:active{
	text-decoration:none;
	color:#FF0000;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}
#news a.skip:link,#news a.skip:visited{ text-decoration:none;color:#BBBBBB;}
#news a.skip:hover,#news a.skip:active{ text-decoration:none;background:#BBBBBB;color:#FFFFFF;}

#news .maincontainer{
	border-style:solid;
	margin-top:5px;
	margin-right:5px;
	border-width:2px;
	border-color:#999;
	background-color:#DDEDFA;
	min-height:300px;
	height:auto;
	padding-bottom:5px;
}

#news .containerleftmain
{
	float:left;
	margin-top:10px;
	display:table-cell;
	width:65%;
	background-color:#ddedfa;
	height:310px;
	border: solid 2px #999;
	padding-bottom:5px;
	max-height: 310px;
	overflow: auto;
}

#news .containerrightmain
{
	float:right;
	margin-top:10px;
	margin-right:5px;
	display:table-cell;
	width:33%;
	overflow:auto;
	background-color:#ddedfa;
	min-height:150px;
	height:150px;
	border:solid 2px #999;
}
#news .containerleft
{
	float:left;
	margin-top:10px;
	display:table-cell;
	width:49%;
	background-color:#ddedfa;
	min-height:300px;
	height:300px;
	border: solid 2px #999;
	padding-bottom:5px;
	max-height: 300px;
	overflow: auto;
}

#news .containerright
{
	float:right;
	margin-top:10px;
	margin-right:5px;
	display:table-cell;
	width:49%;
	overflow:auto;
	background-color:#ddedfa;
	min-height:300px;
	height:300px;
	border:solid 2px #999;
	max-height: 300px;
}

#news .containerphoto{
	float:right;
	display:block;
	margin:5px;
	margin-top:40px;
	height:100px;
	width:100px;
}

#news .containerphotoextra{
	float:right;
	display:block;
	margin:5px;
	margin-top:40px;
	height:100px;
	width:80px;
}

#news .containerphoto2{
	float:right;
	display:block;
	margin:5px;
	margin-top:40px;
	height:90px;
	width:120px;
}


#news .containertitle{
	font-family:Verdana, Geneva, sans-serif;
	font-variant:small-caps;
	font-weight:bold;
	font-size:1em;
	line-height:20px;
	padding-left:10px;
	color:#FFF;
	background-color: #062673;
	background-repeat:repeat-x;
	width:auto;
	margin:0px 0px 5px 0px;
	border-style:inset;
	border-color:#CCC;
	border-top-style:none;
	border-left-style:none;
	border-right-style:none;
}


#news .containertitlejisin{
	font-family:Verdana, Geneva, sans-serif;
	font-variant:small-caps;
	font-weight:bold;
	font-size:1em;
	line-height:20px;
	padding-left:10px;
	color:#FFF;
	background-color: #C09;
	background-repeat:repeat-x;
	width:auto;
	margin:0px 0px 5px 0px;
	border-style:inset;
	border-color:#CCC;
	border-top-style:none;
	border-left-style:none;
	border-right-style:none;
}

#news .eventlink {
	margin-left:5px;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:.9em;
	line-height:100%;
	font-weight:bold;
	text-decoration:none;

}

#news .pagelink {
	margin-left:5px;
	color:#FFF;
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size:1em;
	line-height:100%;
	font-weight:bold;
	text-decoration:none;

}

#news .subtitle{
	font:"Tahoma", "Geneva", sans-serif;
	font-size: .8em;
	margin: 5px;
}


#news ul.tlink li{margin-bottom:0.7em;}

#text_link h2{margin:3px;margin-bottom:6px; color:#3366CC;font-size:1em;background-image:none;}
#text_link h2 a{color:#3366CC;}
#text_link h2 a:hover, #text_link h2 a:active{background-color:#3366CC;color:#ffffff;}


#search_box{width:285px;margin-top:10px;margin-bottom:10px;padding-top:10px;padding-bottom:10px;background-color:#C8DAE1;}
#search_box form{margin:0px;}
#search{margin-left:10px;}

#links{
	
	width:290px;
	/*width:auto;*/ 
	height:inherit;
	/*float:right;*/
	margin:0 0 0 1px;
	position:absolute;
	top:0;
	right:0;
	text-align:center;
	background-color:#fff; 
	border-left:1px solid #000; 
}
#mainphoto{
	text-align:center;
	width:285px;
	height:250px;
	background-color:#ddedfa;
	margin:5px;
	font-size:11px;
} /*make 250 height */
#mainphoto img{margin:4px 0px;}
#links .box{
	border:solid 1px #000;
	margin-top: 5px;
	margin-left:5px;
	margin-bottom:5px;
	width:285px;
}
#links .commentbox{
	margin: 5px;
}
#links .box h2{margin:0px;padding:0px;margin-top:2px;}
#links .banner{float:left;margin:5px;margin-left:15px;}
#links ul{margin:0;margin-left:5px;padding:0;text-align:left;}
#links ul li{font-family: Arial, Helvetica, sans-serif;background:url("common_img/list_bs.gif") no-repeat left top;list-style:none;padding-left:10px;margin:5px;margin-left:15px;font-size:0.9em;}
#bottom{margin:0px;padding:0px;position:relative;clear:both;}

#footer{border-top:dotted 1px #aaa;width:285px;text-align:left;color:#555;margin-top:15px;margin-left:5px;}
#footer .ftxt{margin:5px;font-size:0.8em;}

/* vgp /// Print */
@media print{
body{font-size:9px;}
#news .containerright {
	width:43%;
}
#news .containterleft {
	width:43%;	
}


/* jenp  */

.red {
margin: 0px;
color:	#FF0000;
font-size: .7em;
font-variant: small-caps;
font-weight: bold;
}

.purple {
color:#990066;
}

.jumptop {
text-align:right;
font-size:0.8em;
}

.normal {
font-size:100%;
}

.small {
font-size:95%;
}

.xsmall {
font-size:90%;
}

.xxsmall {
font-size:85%;
}

.date {
	color:#555
}

.eventdate {
	margin-left:10px;
	color:#555;
	font-weight:bold;
	font-size:.8em;
}
