/* CSS Document */

body, div, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, img, form, fieldset, input, textarea, blockquote {
	margin: 0; padding: 0; border: 0;
}

body {
	background: #abcdef;
	font-family: Georgia, sans-serif; font-size: 16px; line-height: 24px;
}

*{margin:0;padding:0;}:focus,:active {outline:0}ul,ol{list-style:none}img{border:0} 
body { font: 0.8em Sans-Serif; color: #000000; line-height: 1.6em; }
body.live {	}
a { text-decoration: none; color: #008080; font-style:italic }
p  { margin: 0 0 5px; }
.urgent {
color:#FF0000;
font-weight:bold;
}

.small { font-size:12px;
padding-left: 35px;
margin-right: 20px;
}

.small2 { font-size:12px;
}


#wrap { 
	background: #e6e6e6;
	width: 800px;
	margin: 0px auto;  
}

#header { 
	width: 800px;
	margin: 0px auto;  
}

#calign { 
	margin: 0px auto;  
}

.centered-block-outer { 
   overflow: hidden;
   position: relative;/* ie7 needs position:relative here*/
 }
.centered-block-middle {
  float: left;
  position:relative;
  left:50%;
}
.centered-block-inner {
  position:relative;
  left:-50%;
}


#menubar { 
	background: #8e054b;
	margin-top: -5px;
	width: 800px;
	height: 42px;
	margin-bottom: -5px;
}

#menuBtn { 
	background: linear-gradient(top, #ae055b 0%, #8e054b 100%);  
	background: -moz-linear-gradient(top, #ae055b 0%, #8e054b 100%); 
	background: -webkit-linear-gradient(top, #ae055b 0%,#8e054b 100%); 
	background: -ms-linear-gradient(top, #ae055b 0%,#8e054b 100%); 
	background: #8e054b; 
	width: auto;
	height: 40px;
}


/* Navigation menu area */
#menu-bar       {position:relative;font-size:14px;font-weight:bold;font-family:Arial,Verdana,Helvitica,sans-serif;font-style:italic;
				 margin: 0px auto; padding:0; list-style:none; display: inline-table; 
				background: linear-gradient(top, #ae055b 0%, #8e054b 100%);  
				background: -moz-linear-gradient(top, #ae055b 0%, #8e054b 100%); 
				background: -webkit-linear-gradient(top, #ae055b 0%,#8e054b 100%); 
				background: -ms-linear-gradient(top, #ae055b 0%,#8e054b 100%); 
				background: #8e054b; 
				 color: #fff; border-radius: 3px;}
#menu-bar  li   {display:block;float:left;margin:0 1px 0 0;	border-radius: 3px;}
#menu-bar  li a {display:block;color:#fff;text-decoration:none;padding:10px 28px; }
#menu-bar  li a:hover,#tabs27 ul li a.current {color:#fff; background: #003366;	border-radius: 3px;}

#menu-bar  ul   {display:none; background: #003366; border-radius: 3px; padding: 0; font-weight:bold;	position: absolute; top: 100%;color: #fff; }
#menu-bar  ul li {float: none; font-weight:bold; border-top: 1px solid #004f99; border-bottom: 1px solid #001f33; position: relative;}
#menu-bar  ul li a {padding: 8px 29px; color: #fff; }	
#menu-bar  ul li a.important {padding: 8px 29px; color: yellow; }	
#menu-bar  ul li a:hover { background: #8e054b; color: #fff;}
#menu-bar  ul ul {position: absolute; left: 100%; top:0;}
#menu-bar  li:hover > ul {display: block;	border-radius: 3px;}

#iefix {
position:relative;
z-index:1000;
}

	#main_body {
		width: 800px;
		background: #e6e6e6;
	}

	#main {
		float: left;
		width: 590px;
		margin-left:10px;
		background: #e6e6e6;
	}

	#main_left {
		float: left;
		width: 400px;
		margin-left:0px;
		background: #e6e6e6;
	}
	
	#main_full {
		float: left;
		width: 780px;
		margin-left:10px;
		padding-right: 10px;
		background: #e6e6e6;
	}

	#sidebar {
		float: right;
		width: 180px;
		box-shadow: 5px 5px 5px rgba(0,0,0,0.25);
		padding:5px;
		background:#abcdef;
		margin-top: 10px;
		margin-right: 5px;
	}
	#portrait_r {
		float: right;
		box-shadow: 5px 5px 5px rgba(0,0,0,0.25);
		width: 140px;
		height: 140px;
		background-image:"./member/placeholder.jpg";
		margin-right: 15px;
		margin-left: 10px;
	}

	#portrait {
		width: 95px;
		box-shadow: 5px 5px 5px rgba(0,0,0,0.25);
		background:#abcdef;
	}
	
	#portrait_l {
		float: left;
		width: 140px;
		height: 140px;
		box-shadow: 5px 5px 5px rgba(0,0,0,0.25);
		background:#abcdef;
		margin-right: 10px;
		margin-left: 32px;
	}
	
	#sidebar_l {
		float: left;
		width: 320px;
		height: 175px;
		box-shadow: 5px 5px 5px rgba(0,0,0,0.25);
		margin-right: 10px;
		margin-left: 32px;
	}
	
	
	#newsmain {
		float: left;
		width: 440px;
		padding:0px;
		margin-left:10px;
		background:#ff0000;
		height: 565px;
		overflow: hidden;
		box-shadow: 5px 5px 5px rgba(0,0,0,0.25);
	}

	#newsmainitem {
		padding:5px;
		height: 565px;
		overflow: hidden;
		background:#ffffff;
	}
	
	#newsindex {
		float: right;
		width: 330px;
		box-shadow: 5px 5px 5px rgba(0,0,0,0.25);
		background:#ffffff;
		margin-right: 10px;
		height: 565px;
		overflow-y : auto;
	}

	#newsmaintitle {
		float: left;
		padding-left:5px;
		height: 25px;
	}
	
	#newsindextitle {
		float: right;
		width: 310px;
		padding-left: 30px;
		height: 25px;
		margin-right: 10px;
	}
	
	#newsindexitem {
		height: 130px;
		width: 300px;
		padding:5px;
		background:#ffffff;
        cursor: pointer;
		overflow:hidden;
	}

	
	#loginbox {
		width: 200px;
		margin-left: 200px;
	}

    #map-canvas {
        float: right;
		width: 400px;
        height: 300px;
 		box-shadow: 5px 5px 5px rgba(0,0,0,0.25);
		padding:5px;
		margin-right: 10px;
   }


	#footer {
		clear:both;
		padding:0px 10px;
		background: linear-gradient(top, #b1005b 0%, #8e054b 100%);  
		background: -moz-linear-gradient(top, #b1005b 0%, #8e054b 100%); 
		background: -webkit-linear-gradient(top, #b1005b 0%,#8e054b 100%); 
		background: #8e054b;  
	}
	#footer p {
		margin:0;
    }
	* html #footer {
		height:1px;
	}
	#footer p {
		margin:0;
    }
	* html #footer {
		height:1px;
	}
   
.bullet {
   list-style-image: none;
   background-repeat: no-repeat;
   background-position: left top;
   padding-left : 15px;
   margin-left: 35px;
   background-image: url(./images/shield_s.gif);
   }
   
/* Slideshow Area */


@-webkit-keyframes slider {     
  0% { left: 0px; opacity: 1; }     
  15% { left: 0px; opacity: 1; }     
  20% { left: -265px; opacity: 1; }     
  35% { left: -265px; opacity: 1; }       
  40% { left: -530px; opacity: 1; }       
  55% { left: -530px; opacity: 1; }     
  60% { left: -795px; opacity: 1; }     
  75% { left: -795px; opacity: 1; }     
  80% { left: -1060px; opacity: 1; }     
  95% { left: -1060px; opacity: 1; }     
  100% { left: -1325px; opacity: 1; }     
} 

@-moz-keyframes slider {     
  0% { left: 0px; opacity: 1; }     
  15% { left: 0px; opacity: 1; }     
  20% { left: -265px; opacity: 1; }     
  35% { left: -265px; opacity: 1; }       
  40% { left: -530px; opacity: 1; }       
  55% { left: -530px; opacity: 1; }     
  60% { left: -795px; opacity: 1; }     
  75% { left: -795px; opacity: 1; }     
  80% { left: -1060px; opacity: 1; }     
  95% { left: -1060px; opacity: 1; }     
  100% { left: -1325px; opacity: 1; }     
} 

@-o-keyframes slider {     
  0% { left: 0px; opacity: 1; }     
  15% { left: 0px; opacity: 1; }     
  20% { left: -265px; opacity: 1; }     
  35% { left: -265px; opacity: 1; }       
  40% { left: -530px; opacity: 1; }       
  55% { left: -530px; opacity: 1; }     
  60% { left: -795px; opacity: 1; }     
  75% { left: -795px; opacity: 1; }     
  80% { left: -1060px; opacity: 1; }     
  95% { left: -1060px; opacity: 1; }     
  100% { left: -1325px; opacity: 1; }     
} 

@keyframes slider {     
  0% { left: 0px; opacity: 1; }     
  15% { left: 0px; opacity: 1; }     
  20% { left: -265px; opacity: 1; }     
  35% { left: -265px; opacity: 1; }       
  40% { left: -530px; opacity: 1; }       
  55% { left: -530px; opacity: 1; }     
  60% { left: -795px; opacity: 1; }     
  75% { left: -795px; opacity: 1; }     
  80% { left: -1060px; opacity: 1; }     
  95% { left: -1060px; opacity: 1; }     
  100% { left: -1325px; opacity: 1; }     
} 

div#slidercontainer { 
  position: relative; 
  overflow: hidden; 
  background: #e6e6e6;
  left: 10px;
  width: 780px;
  height: 195px; 
}

div#newscontainer { 
  position: relative; 
  overflow: hidden; 
  background: #e6e6e6;
  left: 0px;
  width: 780px;
  height: 120px; 
  padding-bottom : 10px;
}

div#slider img { 
  width: 260px;
  height: 195px; 
  float: left;
  border: 0;
}

div#css3slider { 
  position: absolute; 
  width:2600px;  
  -webkit-animation-name:slider;
  -webkit-animation-duration:20s;
  -webkit-animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count:infinite;
  -moz-animation-name:slider;
  -moz-animation-duration:20s;
  -moz-animation-timing-function: ease-in-out;
  -moz-animation-iteration-count:infinite;
  -o-animation-name:slider;
  -o-animation-duration:20s;
  -o-animation-timing-function: ease-in-out;
  -o-animation-iteration-count:infinite;
  animation-name:slider;
  animation-duration:20s;
  animation-timing-function: ease-in-out;
  animation-iteration-count:infinite;
}

div#css3slider:hover { 
  -webkit-animation-play-state:paused; 
  -moz-animation-play-state:paused; 
  -o-animation-play-state:paused; 
  animation-play-state:paused; }
}

div#css3slider img { 
  float: right; 
}

div#slidercontainer:after { 
  content: "❚❚"; 
  font-size: 150px; 
  position: absolute; 
  z-index: 12; 
  color: rgba(255,255,255, 0); 
  left: 300px; top: 80px; 
  -webkit-transition: 1s all ease-in-out; 
  -ms-transition: 1s all ease-in-out; 
  -moz-transition: 1s all ease-in-out; 
  -o-transition: 1s all ease-in-out; 
  transition: 1s all ease-in-out; 
}

div#slidercontainer:hover:after { 
  color: rgba(255,255,255, 0.6);  
}

div#news_o { 
  width: 185px;
  height: 110px; 
  float: left;
  cursor: pointer;
  background: #abcdef;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 5px;
  padding-right: 5px;
}

div#news_e { 
  width: 185px;
  height: 110px; 
  float: left;
  cursor: pointer;
  background: #ffffff;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 5px;
  padding-right: 5px;
}

div#newsslider { 
  position: absolute; 
  width:1600px;  
  -webkit-animation-name:newsslider;
  -webkit-animation-duration:20s;
  -webkit-animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count:infinite;
  -moz-animation-name:newsslider;
  -moz-animation-duration:20s;
  -moz-animation-timing-function: ease-in-out;
  -moz-animation-iteration-count:infinite;
  -o-animation-name:newsslider;
  -o-animation-duration:20s;
  -o-animation-timing-function: ease-in-out;
  -o-animation-iteration-count:infinite;
  animation-name:newsslider;
  animation-duration:20s;
  animation-timing-function: ease-in-out;
  animation-iteration-count:infinite;
}

div#newsslider:hover { 
  -webkit-animation-play-state:paused; 
  -moz-animation-play-state:paused; 
  -o-animation-play-state:paused; 
  animation-play-state:paused; }
}

div#newsslider img { 
  float: right; 
}

@-webkit-keyframes newsslider {     
  0% { left: 0px; opacity: 1; }     
  45% { left: 0px; opacity: 1; }     
  55% { left: -780px; opacity: 1; }     
  95% { left: -780px; opacity: 1; }     
  100% { left: 0px; opacity: 1; }     
} 

@-moz-keyframes newsslider {     
  0% { left: 0px; opacity: 1; }     
  45% { left: 0px; opacity: 1; }     
  55% { left: -780px; opacity: 1; }     
  95% { left: -780px; opacity: 1; }     
  100% { left: 0px; opacity: 1; }     
} 

@-o-keyframes newsslider {     
  0% { left: 0px; opacity: 1; }     
  45% { left: 0px; opacity: 1; }     
  55% { left: -780px; opacity: 1; }     
  95% { left: -780px; opacity: 1; }     
  100% { left: 0px; opacity: 1; }     
} 

@keyframes newsslider {     
  0% { left: 0px; opacity: 1; }     
  45% { left: 0px; opacity: 1; }     
  55% { left: -780px; opacity: 1; }     
  95% { left: -780px; opacity: 1; }     
  100% { left: 0px; opacity: 1; }     
} 



#logo { float: left; margin: 40px 20px 50px 0; color: #fff; letter-spacing: .2em; font-size: 1.9em; }
#logo a { color: #fff; }

h1 { font-size: 2.4em; text-shadow: 1px 1px 1px #afafaf; margin: 10px 10px 20px 20px; color:#003366;
		padding-top: 10px; }
h2 { font-size: 1.8em; 
	margin: 10px 0px 10px; 
	color:#FFFFFF; 
	background: url('./images/new_logo_sw.gif') left center no-repeat;	
	background-color:#112151; 
	padding: 4px;
	padding-left: 40px;
	margin-right: 10px;
}
h3 { font-size: 1.4em; text-shadow: 1px 1px 1px #afafaf; margin: 0 0 10px; color:#930042; }
h4 { font-size: 1.0em; color:#FFFFFF; margin: 0 0 6px; }
h5 { font-size: 1.8em; text-shadow: 1px 1px 1px #afafaf; margin: 0 0 10px; color:#003366; }
h6 { font-size: 1.1em; text-shadow: 1px 1px 1px #afafaf; color:#930042; }
h7 { font-size: 1.1em; padding-left: 40px; color:#000000; }

.indent {
padding-left: 35px;
margin-right: 20px;
}
.indent_l {
padding-left: 35px;
margin-right: 20px;
font-size: 1.1em; 
}


#masthead{
	margin: 0;
	padding: 10px 0px;
	border-bottom: 0px solid #cccccc;
	width: 100%;
}

table#altTable
{
   	align:centre;
    border-collapse:collapse;
    border-style:solid;
    border-width:1px;
    border-color:#707070;
    font:14px Helvetica, sans-serif;
    padding:40px;
    box-shadow:1px 1px 3px 1px #6E6D6D;
}
 
#title_table
{
    border-collapse:collapse;
    border-style:none;
    border-width:0px;
    padding:0px;
}

#form_table
{
    border-collapse:collapse;
    border-style:none;
    border-width:1px;
    padding:0px;
	margin-left:40px;
}
 
.nothing {
	border-collapse:collapse;
}

.nothing td {
    border: none;
	outline: none;
	padding: 0px;
}

.padded td {
    border: none;
	outline: none;
	padding: 10px;
}
.search-table-outer {border:0px solid red; overflow-x:scroll;}
.search-table {table-layout: fixed; margin:10px auto 0px auto;   }
.search-table, td, th{border-collapse:collapse; border:1px solid #777; min-width:}
.search-table th { padding:5px 5px; font-size:15px; color:#444; background:#FFFFFF; min-width:200}
.search-table td { padding:5px 5px; height:35px;}
 
table#altTable th
{
    color:#FFFFFF;
    background:#003366;
    font-weight:bold;
    padding:5px;
    text-align:center;
    vertical-align:top;
}
 
table#altTable tr
{
    color:#000000;
    border-top-style: solid;
    border-width:1px;
    border-color:#707070;
    font-weight:normal;
}
 
table#altTable tr:nth-child(odd) td
{
	background:#EBEBEB;
}
 
table#altTable td
{
    background:#FFFFFF;
    padding:3px 5px;
    text-align:left;
    vertical-align:top;
}