body
{
background: #fff url('images/bg1.gif');
        background-position: center top;
        background-repeat: no-repeat;

margin: 0px;
padding: 0px;
}
.input{
width:140px;
height:15px;
font-size:12px;
color: #666666;
}
p{
width:auto;

text-align:justify;
}
.title1{
color: #1773BC;
font-size:16px;
font-weight:bold;
padding:15px 10px 5px 40px;
border-bottom:1px #CCCCCC dashed;
margin-top:10px;
text-decoration:none;
}
h2{
color: #036B99;
font-size:16px;
padding:15px 10px 5px 10px;
border-bottom:1px #CCCCCC dashed;
margin:0px;
text-decoration:none;
}
.select{
width:60px;
height:19px;
font-size:12px;
color: #666666;
}
#main_container{
width:850px;
height:auto;
margin:16px auto;
background: none;
font-size:11px;
color:#333333;
font-family:Verdana, Arial, Helvetica, sans-serif;

}

#top_banner{
width:auto;
height:130px;
}
#logo{
width:auto;
float:left;
padding-left:1px;
padding-top:1px;
}
.snapshot{
float:right;

padding-top:3px;
}

/*-------------menu--------------*/
.navigation{

float:left;
padding-left:60px;
padding-bottom:3px;
}
.navigation ul
{

font-family: "trebuchet ms";
font-size: 11px;
text-decoration: none;
margin: 0px;
padding:0px;
list-style: none;
}
.navigation li
{

text-align:center;
display: inline;
background: none;
text-align: center;
padding: 0px;
margin-right: 5px;	
float: left;
}
.navigation li a
{
color: #fff;
float: left;



font-weight:bold;




margin:	0px;
padding:5px 15px 5px 15px;
text-decoration: none;
}

.navigation li a:hover
{


font-weight:bold;




color: #fff;
text-decoration: underline
}
.navigation li.current a
{
color: #fff;
float: left;
margin:	0px;
padding:5px 15px 5px 15px;
text-decoration: none;

}


#center_content{
clear:both;
width:850px;
height:auto;
background:url(images/center_bg.gif) repeat-y ;
}
.left_box1{
width:235px;
float:left;
height:auto;
padding-left:30px;
font-size:11px;
color:#333333;
padding-bottom:50px;
}
.left_box2{
width: 500px;
float:left;
height:auto;
padding-left:30px;
}
img.pic{
float:left;
padding:10px;
margin-right:10px;
border:1px  #D8C6B1 solid;
}



.left_box2 img { margin-right:15px; border: 0px; }
	



	
img.pic2{
padding:10px;
margin:3px;
border:1px  #D8C6B1 solid;
}



.copy{
font-size:12px;
}

/*side box header----------*/
.sidebox {
	margin-top:15px;
	width: 235px;
	color:#333333;
	background:url(images/title.gif) no-repeat top;
}
.sidebox h3{

padding:6px 0 0 0;
margin:0px;
height:23px;
font-size:14px;
font-weight:bold;
text-decoration:none;
text-align:center;
}
.sidebox ul{

	margin:0px;
	padding:0px 10px 0 13px;
	list-style:none;
	background: #c5d4f6 ;
}

.sidebox ul li {
	background: #c5d4f6 ;
	border-bottom: 1px solid #F6F0E7;
	line-height: 25px;
	list-style: none;
}

.sidebox ul li a {
	display: block;
	color: #666666;
	text-decoration: none;
background: #c5d4f6 ;
}




.bottom_buttons{
padding-top:10px;
padding-left:50px;
}
/*----------*/
#login{
background-color:#E2D8C6;
color:#333333;
width:215px;
height:100px;
padding:10px;
}
.input{
width:140px;
height:12px;
font-size:10px;
}
.submit{
float:right;
margin-right:30px;
margin-top:5px;
}
.clear {
clear:both;
overflow:hidden;
height:4px;
}
/*-------------foooter*/
#footer{
clear:both;
width:auto;
background: #fff url('images/bg-footer1.gif');
        background-position: center top;
        background-repeat: no-repeat;

padding-top:30px;
height:130px;
text-align:center;
}

#footer ul li {
	list-style: none;
	display: inline;
	margin-right: 15px;
	padding-right: 15px;

	font-size: 13px;
}
#footer a{
text-decoration:none;
color:#000000;
}
#footer a:hover{
text-decoration:underline;
}



/* ᥬ鮪ࠪ/

/* ------------- New, Nov.05.07 Event Block Generator ------------------------*/
.event {
	margin-bottom: 1em;
	border: 1px solid #ccc;
        width: 100%;
	background: #f6f0e8;
}
.event h4 {
	margin-bottom: .6em;
	padding: 0.3em;
	font: bold 1.1em arial, sans-serif; text-align: center;
	color: #fff;
	background-color: #B9B9B9;  /* #E23300 */
}
.event_date { font-weight: bold; text-align: center; color: #E23300; padding-bottom: .2em; }
.event_text { padding: 0 .6em .6em .6em; line-height: 1.3em; }

.paginator {padding-top: 10px; text-align:center}

.floatright { position: relative; float: right; padding: 0 0 0 10px; border: none; }
.floatleft { position: relative; float: left; padding: 0 10px 0 0; border: none; }

/* ᥬ鮪ࠪ/
/* indents icons in sitemap, archive & rss_links_sm - this package only. */
.icon_indent { margin-left: 20px; }

.date { border-top: 1px solid #eee; margin: 0 0 20px 0; }

/* for functions in custom_login.php only */
.sess_uname { color: #E23300; } /* logged-in username */
.clogin_panel { margin-bottom: 1em; border: 1px solid #ccc; width: 100%; padding: .3em 0 .3em 0; background: #f6f0e8; }

/* For custom admin panels mod only REVISED JAN.13.08 - validation revisions */
.centerit { text-align: center; } /* in snusers.php */
.admpanel { text-align: center; }
.admpanel, .otherpanels {
	border: 1px solid #ccc; padding: 10px 8px 10px 15px; margin: 0 0 8px 0; background: #efefef; color: #000; }
.admintitle { font: bold 16px Arial; color: #E23300;  }
.usertitle { margin-bottom: .5em; font: bold 13px Arial; color: #E23300; text-align: center; }
.settingbutton { margin-bottom: 10px; text-align: center; }
.buttonmargin { margin-bottom: 10px; }
/* --- end of Jan.13.08 validation revisions ---------------------------- */

/* For custom admin panels mod only */
.fieldset { border: 1px solid #ccc; padding: 20px 8px 20px 15px; margin: 0 0 8px 0; background: #efefef; color: #000; }
legend { font: bold 16px arial; margin: 10px 0 0 0; }
input { padding: 3px; margin: 0; }
textarea { width: 95%; height: 20em; padding: 3px;}

/* for admin tip panel (expandable) */
.tip_panel { width: 85%; border : 1px solid #ccc; font: normal 12px arial; background : #fff; padding : 10px; }
.tip_panel b { color: maroon; padding-top:0.2em; }
.expand { border : 1px solid #ccc; background : #fafafa; padding : 0.6em; margin: 0.4em 0 0.4em 0; }
#preview { border : 1px solid #ccc; background : #fafafa; padding : 0.6em; margin: 0.4em 0 0.4em 0; }

/* span styles used in custom admin panels only */
.redtitle { font: bold 14px Arial; color: #ff0000; text-align: center; }
.bluetitle { font: bold 14px Arial; color: #0054bc; text-align: center; }

/* div classes to float images or inserted blocks with text-wrap in articles */
.floatright { position: relative; float: right; padding: 0 0 0 10px; border: none; }
.floatleft { position: relative; float: left; padding: 0 10px 0 0; border: none; }

/* Comments and comment panel styles */
.comment { color: #4e1a1a; background: #f6f0e8; padding: 10px; margin-bottom: 10px; border: 1px solid #C0C0C0; }
.commentsbox { background: #f5f5f5; color: #808080; padding: 10px; margin: 0 0 10px 0; border: 1px solid #C0C0C0; }

/* extra box for extra 2 & extra 2 blocks, above & below the center content */
.extrabox { border : 1px solid #ccc; background : #f6f0e8; padding : 10px; }

/* Philmoz, Admin Links mod, May 23.07 */
.New_Admin_Links { font-size:85%; text-align:center; }
/* Philmoz, Expandable Categories, Oct.29.07 */
.expandacat { padding: 0px 0px; margin: 0 0 0px 0; text-decoration: none; } /* background: #fff; color: #0066B3;  */
.expandaArticles {padding: 0px 0px;  text-decoration:none;}


/* # mattonik's image links panel mod */
#thumb {position:relative; z-index:100; display: inline;}
#thumb a img {border:0;}
#thumb a.p1:hover {text-decoration:none; background-color:#8c97a3; color:#000;}
#thumb a .large {display:block; position:absolute; width:0; height:0; border:0; top:0; left:0;}
#thumb a.p1:hover .large {display:block; position:absolute; top:-35px; left:400px; width:100px; height:100px; border:1px solid #ccc;}

/* mattonik's internal links mod */
#InterneLinky { border: 1px solid #ccc; background : #fafafa; padding: 0.6em; margin: 0.4em 0 0.4em 0; }

.ILclanky {
display: block;
width: 35%;
height: 100%; /* 20em */
overflow:auto;
float: left;
}

.ILsites {
display: block;
width: 30%;
height: 100%;
overflow:auto;
padding-left: 0.3em;
float: left;
border-left: 1px solid #ccc;
}

.ILcat {
display: block;
width: 30%;
height: 100%;
overflow:auto;
padding-left: 0.3em;
border-left: 1px solid #ccc;
}