/* CSS Document */


body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#container {
	height: 100%;
	width: 780px;
	margin: 0px auto;
	padding: 0px 0px 0px 0px;
	}



#top {
	width: 780px;
	height: 100px;
	border-bottom: 1px solid;
	border-bottom-color: #BD9E08;
	vertical-align: baseline;
	}
	
#infobar {
	height: 25px;
	width: 780px;
	float: right;
	list-style: none;
	margin: 0px;
	color: #44685C;
	font-size: 10px;
	text-align: right;
	vertical-align: bottom;
	}

#mid {
	clear: both;
	width: 780px;
	height: 325px;
	margin: 0px 0px 20px 0px;
	}
		
#smid {
	clear: both;
	width: 780px;
	height: 225px;
	margin: 0px 0px 20px 0px;
	}
	
#bottom{
	width: 780px;
	height: 100%;
	text-align: left;
	padding: 0px 0px 0px 10px
	}
	
#footer {
	width: 780px;
	height: 30px;
	border-top: 1px solid;
	border-top-color: #BD9E08;
	border-right: 0px none;
	border-bottom: 0px none;
	border-left: 0px none;
	clear: both;
	}

#logo {
	position: relative;
	top: 18px;
	left: 3px;
	border: none;
	}
	
#navbar {
	width: 260px;
	margin: 0px;
	padding: 0px;
	list-style: none;
	text-align: right;
	position: relative;
	top: 2px;
	left: 525px;
	}

.conmenu {
	float: right;
	width: 280px;
	list-style: none;
	margin: 0px;
	color: #44685C;
	text-align: right;
	}
	
.tmenu {
	float: left;
	height: 20px;
	border: none;
	margin-left: 15px;
	font-size: 12px;
	}

#fnavbar {
	float: right;
	width: 190px;
	margin: 0px;
	padding: 0px;
	list-style: none;
	text-align: right;
	position: relative;
	top: 2px;
	}
	
.fmenu {
	float: left;
	background: #ffffff;
	border-top: none;
	border-right: 1px solid;
	border-right-color: #44685C;
	padding: 0px 10px 0px 0px;
	border-bottom: none;
	border-left: none;
	margin-left: 10px;
	font-size: 12px;
	}

.fmenu2 {
	float: left;
	background: #ffffff;
	border-top: none;
	border-right: none;
	border-bottom: none;
	border-left: none;
	margin-left: 10px;
	font-size: 12px;
	}



#menu {
	float:left;
	width: 150px;
	height: 100%;
	margin: 0px 10px 0px 0px;
	vertical-align: top;
	}


#rightside {
	width: 600px;
	height: 100%;
	float:left;
	margin: 0px 0px 20px 10px;
	font-family: inherit;
	font-size: inherit;
	color: #44685C; 
	}
	

	
	
.panels {
	float: left;
	margin: 0px 5px 0px 5px;
	width:180px;
	}

.box_title {
	font-size: 16px;
	color:#FFFFFF;
	background-color: #44685C;
	width: 180px;
	margin: 0px;
	padding: 0px;
	text-align: right;
	cursor:pointer;
	}
.box_title span{
	text-align: right;
	}

.box_title2 span{
	text-align: right;
	}

.box_title3 span{
	text-align: right;
	}

.info {
	font-size: 10px;
	background-color:#CCCCCC;
	width: 180px;
	margin: 0px;
	padding: 0px;
	}
	
	
.stitle {
	font-size: 18px;
	font-weight: bold;
	color: #44685C;
}
	
.sstories {
	font-size: 12px;
	width: 500px;
	margin: 0px 0px 10px 30px;
	}


.contents {
	font-size: 12px;
	font-weight: bold;
	padding: 5px;
	margin: 0px 10px 0px 10px;
	}
	
.box_title2 {
	font-size: 16px;
	color:#FFFFFF;
	background-color: #ffffff;
	width: 180px;
	margin: 0px;
	padding: 0px;
	text-align: right;
	cursor:pointer;
	}
.box_title3 {
	font-size: 16px;
	color:#FFFFFF;
	background-color: #44685C;
	width: 180px;
	margin: 0px;
	padding: 0px;
	text-align: right;
	cursor:pointer;
	}
	
.info2 {
	font-size: 10px;
	background-color:#CCCCCC;
	width: 180px;
	margin: 0px;
	padding: 0px;
	}
.info3 {
	font-size: 10px;
	background-color:#CCCCCC;
	width: 180px;
	margin: 0px;
	padding: 0px;
	}
	
#closebtn {
	visibility: hidden;
	cursor: pointer;
		}

#closebtn2 {
	visibility: hidden;
	cursor: pointer;
		}

#closebtn3 {
	visibility: hidden;
	cursor: pointer;
		}

.copy {
	clear: both;
	margin: 0px 0px 0px 10px;
	padding: 20px 0px 30px 0px;
	font-size: 12px;
	color:#44685C;
	vertical-align: top;
	height: 100%;
	width: 98%;
	}


a {
	font-size: 10px;
	color: #44685C;
	border: none;
}
a:link {
	text-decoration: none;
	color: #44685C;
	border: none;
}
a:visited {
	text-decoration: none;
	color: #44685C;
	border: none;
}
a:hover {
	text-decoration: none;
	color: #8AB3A6;
	border: none;
}
a:active {
	text-decoration: none;
	color: #5E8E7E;
	border: none;
}




a:link.tlink {
		color: #44685C;
		text-decoration:none;
		border: none;
		}
a:visited.tlink {
		color: #44685C;
		text-decoration:none;
		border: none;
		}
a:hover.tlink {
		color: #8AB3A6;
		text-decoration:none;
		border-bottom: 5px #8AB3A6 solid; 
		}
a:active.tlink {
		text-decoration: none;
		color: #5E8E7E;
		border: none;
		}

.images{ position         : absolute          ;
         left             : 300px;
         top              : 400px;
         visibility       : hidden            ;
		 height: 250px;
		 width: 450px;
		 background-color: #FFFFFF;
		 font-size: 10px;
		 color: #888888;
}


.simages{ position         : absolute          ;
         left             : 300px;
         top              : 580px;
		 height: 250px;
		 width: 450px;
		 background-color: #FFFFFF;
		 font-size: 10px;
		 color: #888888;
}

.simages_show{
	position         : absolute;
	left             : -20;
	top              : 0;
	height: 250px;
	width: 450px;
	background-color: #FFFFFF;
	font-size: 10px;
	color: #888888;
	z-index: 7;
	visibility: hidden;
}

.sstory_title{
	width:500px;
	height: 20px;
	padding: 5px 10px 5px 10px;
	background-color: #BD9E08;
	color:#FFFFFF;
	font-size: 16px;
	font-weight: bold;
	}
.sstory_con {
	width:500px;
	border: dashed #BD9E08 1px;
	padding: 10px;
	font-size: 12px;
	}

.links { position         : absolute       ;
         left             : 330px;
         top              : 400px;
         font-size        : 10pt              ;
         visibility       : visible           ;
		 height: 300px;
		 width: 480px;
}

#msg   { position         : absolute;
         left             : 300px;
         top              : 401px;
         color            : #4A6B60           ;
		 height: 250px;
		 width: 450px;
		 font-size: 12px;
		 }

.style1 {
	font-size: 34px;
	font-weight: bold;
	
	
}
.style2 {color: #4A6B60}
.style3 {
	font-size:12px;
	color: #BC9D05;
	font-weight:bold;
	
}
.style4 {
	color: #4A6B60;
	font-size: 12px;
		 }
		
#sstory {
	height: 400px;
	}