@charset "utf-8";
/* CSS Document */
body {
	margin: 0px;
	font-family: franklin gothic book, tahoma, verdana, arial, helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	background-color: #F6F6F6;
	background-image: url(images/bg.jpg);
	background-repeat:repeat-x;
text-align: center;
	border: 0px;
			padding: 0;
	}
.HeadBorder {
border-bottom:#000000 1px solid;
border-top:#000000 1px solid;
text-align:center;
	}
	
	A:link{
	color:#351B65;}
A:visited{
	color:#351B65;}
A:active
{
	color:#351B65;}
A:hover
{
	color:#351B65;}

	.col2 {
	padding:15px;
	text-align:left}
		html{
			
			border: 0px;
			margin: 0;
			padding: 0;
		}

	#page {
			margin: 0px auto;
			width: 960px;
			
		}
	
		
#menu {
	height: 100%;
	position: relative;

margin-left: 1px;

}		
		.gallery{
			margin: 30px auto;
			width: 100%;	
			padding-top: 10px;
		}
		.menuitem{
	   		background: #afec77;
		}

		.menutarget{
			background-color:#d4d4d4;
			display: none;
			border-bottom: 5px solid #fff;
			border-left: 5px solid #fff;
			border-right: 5px solid #fff;
			
		}


		img{
			border:0px;}
			
			.menu{
	border:none;
	border:0px;
	margin:0px;
	padding:0px;
	font: 67.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	}
.menu ul{
	background:#E3E7C6;
	height:26px;
	list-style:none;
	margin:0;
	padding:0;
	}
	
	.menu li{
		float:left;
		padding:0px;
		}
	.menu li a{
		background:#E3E7C6 url("images/seperator.gif") bottom right no-repeat;
		color:#000000;
		display:block;
		font-weight:normal;
		line-height:26px;
		margin:0px;
		padding:0px 25px;
		text-align:center;
		text-decoration:none;
				}
		.menu li a:hover, .menu ul li:hover a{
			background: #D4C488 url("images/hover.gif") bottom center no-repeat;
			color:#000000;
			text-decoration:none;
			}
	.menu li ul{
		background:#E3E7C6;
		display:none;
		height:auto;
		padding:0px;
		margin:0px;
		border:0px;
		position:absolute;
		width:225px;
		z-index:200;
		/*top:1em;
		/*left:0;*/
		}
	.menu li:hover ul{
		display:block;
		
		}
	.menu li li {
		background:url('images/sub_sep.gif') bottom left no-repeat;
		display:block;
		float:none;
		margin:0px;
		padding:0px;
		width:225px;
		}
	.menu li:hover li a{
		background:none;
		
		}
	.menu li ul a{
		display:block;
		height:35px;
		font-size:14px;
		font-style:normal;
		margin:0px;
		padding:0px 10px 0px 15px;
		text-align:left;
		}
		.menu li ul a:hover, .menu li ul li:hover a{
			background:#D4C488 url('images/hover_sub.gif') center left no-repeat;
			border:0px;
			color:#000000;
			text-decoration:none;
			}
	.menu p{
		clear:left;
		}	
	.title{ font-weight:bold;
color: #1D5361;
font-size:16px;
text-align:left;}
		.side_col{ font-weight:bold;
font-weight:bold;
text-align:center;}
hr {
  border: 0;
  width: 100%;
color: #ccc;
background-color: #ccc;
height: 1px;
}
	
	#twitter_div ul {
		list-style: none;
		margin: 0;
		padding: 0;
		border: none;
		text-align:right;
		padding:5px 5px 0 0;
		}
		
	#twitter_div li {
		border-bottom: 1px solid #ccc;
		margin: 0;
		text-align:right;
		padding:5px 5px 0 0;
		}
		.tab_img{
		float:left;
		border:5px solid #fff;
		margin: 0 20px 10px 0;

		}
		.link_title{ font-weight:bold;
color: #1D5361;
font-size:16px;
text-align:left;}

	a.link_title:link{
	color:#1D5361;
	text-decoration:none;}
a.link_title:visited{
	color:#1D5361;
	text-decoration:none;}
a.link_title:active
{
	color:#1D5361;
	text-decoration:none;}
a.link_title:hover
{
	color:#1D5361;
	text-decoration:none;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #000000;
}

.list {
	text-align:left;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	}

.list:hover {background: #E3E7C6;}


		.txt_link{color: #000000;}

	a.txt_link:link{
	color:#000000;
	text-decoration:none;}
a.txt_link:visited{
	color:#000000;
	text-decoration:none;}
a.txt_link:active
{
	color:#000000;
	text-decoration:none;}
a.txt_link:hover
{
	color:#000000;
	text-decoration:none;}
how ?
height: 500px; auto pixel ?
.container {background:#E3E7C6; color:#fff; margin:0 15px;}
.rtop, .rbottom{
display:block;
background:#fff;
}
.rtop *, .rbottom *{
display: block;
height: 1px;
overflow: hidden;
background:#E3E7C6;
}
.r1{margin: 0 5px}
.r2{margin: 0 3px}
.r3{margin: 0 2px}
.r4{
margin: 0 1px;
height: 2px
}
