@charset "utf-8";
/* CSS Document */
body {margin:0;padding:0;height:100%;font-family:arial, serif;}


a.rollover img {width: 100px;}
a.rollover:hover > img {width: 250px;}	



.leftpic {float:left;  text-align:center; width: 242px; color: #AA459F; font-style: italic; margin: 2px 2px 6px 2px;}
.rightpic {float:right;  text-align:center; width: 240px; color: #AA459F; font-style: italic; margin-bottom: 15px;}
.floatl {float:left;  text-align:center; width: auto; color: #AA459F; font-style: italic; margin: 2px 2px 6px 2px;}


img { border: none; padding:1px;}
.img-l { border: none; padding:5px;}
.nav img {border: none; padding:0px 3px;}
.slider img {border: none; padding:2px 3px;}


body {margin:0;padding:0;height:100%;font-family:Arial, Helvetica, sans-serif; font-size: 12px;}

a.mail:link {color: #FFF; text-decoration: none; font-size: 24px; font-family: Arial, Helvetica, sans-serif; font-weight: normal;}
a.mail:active {color: #FFF; text-decoration: none; font-size: 24px; font-family: Arial, Helvetica, sans-serif; font-weight: normal;}
a.mail:visited {color: #FFF; text-decoration: none; font-size: 24px; font-family: Arial, Helvetica, sans-serif; font-weight: normal;}
a.mail:hover {color: #fFF; text-decoration: underline; font-size: 24px;font-family: Arial, Helvetica, sans-serif;}

a.navi:link {color: #FFF; text-decoration: none; font-size: 14px; font-family: Arial, Helvetica, sans-serif;}
a.navi:active {color: #AA459F; text-decoration: none; font-size: 14px; font-family: Arial, Helvetica, sans-serif;}
a.navi:visited {color: #AA459F; text-decoration: none; font-size: 14px; font-family: Arial, Helvetica, sans-serif;}
a.navi:hover {color: #AA459F; text-decoration: underline;  font-size: 14px; font-family: Arial, Helvetica, sans-serif;}

a.link:link {color: #E4ACD6; text-decoration: none; font-size: 12px; font-family: Arial, Helvetica, sans-serif;}
a.link:active {color: #E4ACD6; text-decoration: none; font-size: 12px; font-family: Arial, Helvetica, sans-serif;}
a.link:visited {color: #E4ACD6; text-decoration: none; font-size: 12px; font-family: Arial, Helvetica, sans-serif;}
a.link:hover {color: #E4ACD6; text-decoration: underline; font-size: 12px; font-family: Arial, Helvetica, sans-serif;}

a.norm:link {color: #000; text-decoration: none; font-size: 12px; font-family: Arial, Helvetica, sans-serif; font-weight: bold;}
a.norm:active {color: #123; text-decoration: none; font-size: 12px; font-family: Arial, Helvetica, sans-serif; font-weight: bold;}
a.norm:visited {color: #000; text-decoration: none; font-size: 12px; font-family: Arial, Helvetica, sans-serif; font-weight: bold;}
a.norm:hover {color: #C0C0C0; text-decoration: underline; font-family: Arial, Helvetica, sans-serif; font-size: 12px;}

a.white:link {color: #FFF; text-decoration: none; font-size: 14px; font-family: Arial, Helvetica, sans-serif;}
a.white:active {color: #FFF; text-decoration: none; font-size: 14px; font-family: Arial, Helvetica, sans-serif;}
a.white:visited {color: #FFF; text-decoration: none; font-size: 14px; font-family: Arial, Helvetica, sans-serif;}
a.white:hover {color: #FFF; text-decoration: underline; font-size: 14px; font-family: Arial, Helvetica, sans-serif;}


.title1 {border-top: 3px solid #8C1788; margin-top: 5px;}
.month {font-family: Arial, Helvetica, sans-serif; font-size: 24px; background-color: #8C1788; width: 200px; color: white; padding: 2px; margin-top: -7px; padding-left: 9px;}

.title {font-family: Arial, Helvetica, sans-serif; font-size: 18px; color: #AA459F;}
.subtitle {font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #AA459F; font-weight: 500;}

.text {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000;}
.texttitle {font-family: Arial, Helvetica, sans-serif; font-size: 18px; color: #000001;}
.textsubtitle {font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #000002; text-decoration: underline; font-weight: 600;}

.contact {color: #000; font: Arial, Helvetica, sans-serif; font size; 11px;}

.main {font-size: 12px; font-weight: normal; color: #fff; margin-top: 25px;} 
.footer {font-size: 12px; font-weight: normal; color: #fff;}


#content ul, #content li {margin-left: 100px; padding-left:1px; margin-top:3px;}

html {height:100%;}
* html #wrap {height:100%} 
#wrap {min-height:100%; width:995px; margin:auto; position:relative;}
#inner-wrap {padding-bottom:22px;}
#inner-wrap:after {content:" ";display:block;clear:both;}
#header {
height: 310px;
margin:0; padding:0;
text-align:left;
margin:auto;}

#footer {
position:absolute;
bottom:0;
height:15px;
background-color: #000;
width:100%;
color:#E4ACD6;
text-align:center;
margin:auto;}

#left {float:left;  text-align:center; width: 238px; padding: 5px;} 
#main {position:relative; margin-left:255px; width: 690px; z-index:1; text-align:left; width:auto;}

#content {position:relative; text-align:left; }

#editor {
	position:absolute;
	left: 672px;
	top: 5px;
	z-index:2;
	background-color:#000;
	padding: 5px 5px 6px 6px;
}

#front_advert {	position:absolute;
		left: -210px;
		top:60px;
		height: auto;
		width: 333px;
		z-index: 10;
		color: green;
		border: thin solid green;
		margin-bottom: 10px;
		margin-top: -15px;}

#front_advert ul, #front_advert li {margin-left: 50px; padding-left: 2px; margin-top:3px; list-style-type:none;}
#front_advert img {padding-right: 5px;}





#home {
	position:relative; 
	float: left;
	z-index:2;
	height: 29px;}

.nav {
	position:absolute;
	margin-right: 2px;
	height: 29px;
	text-align:right;
	z-index:2;
	width: 700px;
	top: -4px;
	left: 74px;
}

#navbar {
	position:absolute;
	padding: 0px 5px;
	background-color: #8C1788;
	left: 214px;
	top: 127px;
	z-index:2;
	height: 29px;
	width: 768px;
}

#online {
	position:absolute;
	left: 177px;
	top: 4px;
	z-index:2;
	width: 446px;
}

#picblock {
	position:absolute;
	left: 361px;
	top: 157px;
	z-index:2;
	width: 463px;
	height: 65px;
}
#stf {
	position:absolute;
	left: -93px;
	top: 1px;
	z-index:2;
}
#top {
	position:absolute;
	border-top: 5px solid #000;
	border-bottom: 5px solid #000;
	left: 214px;
	top: 62px;
	height: 51px;
	width: 778px;
	z-index:3;}
	
#translate {
	position:absolute;
	left: 954px;
	top: 18px;
	z-index:2;
}

/** 	Left Styles	 **/

.left-title {background: #8C1788; height: 15px; width: 230px; color:#FFF;}

.l_hr {
	background: #8C1788;
	height: 3px;
	width:95%;
	margin-bottom: 2px;}

.lbox {border:medium solid #000;
		position:relative;
		float:left;
		width: 230px;
		margin-bottom: 4px;
		overflow: hidden; }	
		
div.slider {overflow: hidden; display: none; font-size: 12px; line-height: 20px;}

div.slider_menu a.expand {font-size: 12px;}

div.slider p{padding: 0 0 1em 0; margin: 0;}


/**    Others   **/

.rbox {border:medium solid #000;
		position:relative;
		float:right;
		width: 230px;
		text-align: center;
		margin: 4px;
		overflow: hidden; }

#spotlight {float: right; border: medium ridge #8C1788; padding: 3px; text-align: center; margin-left:20px; margin-bottom: 3px; text-align:center;}
#inspotlight {border: medium ridge #8C1788; background-color: #AA459F; color:#FFF; padding: 3px; text-align: center; margin-bottom: 2px;}