/*****************************************/
/*              INFOLIVE                 */
/*            Layout style               */
/*****************************************/

body{
	margin: 0px;
	background: url(../img/background_mask.png) repeat-x;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
}
.accessibility{
	position: absolute;
	top: -1000px;
	left: -1000px;
	width: 1px;
	height: 1px;
	font-size: 0px;
}
.hidden{
	display: none;
}
.clear{
	height: 0px;
	line-height: 0px;
	clear: both;
	font-size: 0px;
}
form{
	margin: 0px;
	padding: 0px;
}
fieldset{
	border: none;
	padding: 0px;
	margin: 0px;
}
a:hover{
	text-decoration: none;
	color: red;
}
a img{
	border: none;
}
img{
	border: none;
}
.advert_centered{
	text-align: center;
}


/* ---- CONTAINER ---- */
#container{
	width: 940px;
	margin: 0 auto;
	padding: 20px 27px;
	background: url(../img/background_site.png) repeat-y;
}

/* ---- HEADER ---- */
#header{
	position: relative;
	width: 940px;
	height: 136px;
	background: url(../img/header_background_mask.png) repeat-x;
}
#header h1{
	position: absolute;
	top: 45px;
	left: 20px;
	margin: 0px;
	color: #fff;
	font-size: 230%;
	font-weight: normal;
}
#header h1 span{
	font-size: 60%;
}
#header h2{
	position: absolute;
	right: 10px;
	bottom: 7px;
	margin: 0px;
	color: #fff;
	font-size: 90%;
	font-weight: normal;
}
/* ---- end:HEADER ---- */

/* ---- HORIZONTAL ADVERTISMENT (Google Adsense wide) ---- */
.advert_horizontal{
	position: relative;
	width: 936px;
	padding: 15px 0px 5px 0px;
	text-align: center;
	border: 2px solid #e6e6e6;
}
.advert_horizontal span{
	position: absolute;
	top: 5px;
	left: 10px;
	font-size: 75%;
}
/* ---- end:HORIZONTAL ADVERTISMENT (Google Adsense wide) ---- */

/* ---- MAIN ---- */
#main{
	width: 900px;
	padding: 20px;
	background: #e6e6e6 url(../img/main_background.png) repeat-y;
}

/* ---- CONTENT ---- */
#content{
	float: left;
	width: 590px;
	margin-right: 60px;
	background-color: #fff;
	overflow: hidden;
}
#content h3{
	margin: 0px 3px 15px 3px;
	padding: 10px 17px;
	color: #fff;
	font-size: 130%;
	font-weight: normal;
	background: url(../img/title01_background_mask.png) repeat-x;
}
#content h4{
	margin: 0px 3px;
	padding: 0px 17px;
	font-size: 130%;
	font-weight: normal;
	border-bottom: 3px solid;
}
#content p{
	margin: 15px 20px;
	font-size: 80%;
	line-height: 190%;
}
#content ul, #content ol{
	margin: 15px 20px;
	padding: 0px 0px 0px 20px;
	font-size: 80%;
	line-height: 190%;
}
#content table{
	margin: 0px 20px;
	border-collapse: collapse;
	font-size: 80%;
}
#content table tr{
	
}
#content table th{
	padding: 4px 15px;
	border: 1px solid;
}
#content table td{
	padding: 4px 15px;
	border: 1px solid;
}
#content img{
	margin: 0px 0px 15px 20px;
}
#content .advert_thinbar{
	padding-left: 20px;
}
#content .advert_thinbar img{
	margin: 0px;
}
#content .advert_adfox{
	width: 550px;
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 10px 0px;
	border-bottom: 1px solid gray;
}
#content .advert_adfox h3 {
	margin: 5px 0px 10px 0px;
	padding: 5px 0 0px 15px;
	font-weight:bold;
	font-size:120%;
    background: url(../img/more.gif) no-repeat 0 15px;
    background-position: 0 .7em;
    border-top: solid 1px gray;
    font: 13px;
    text-decoration: none;
}

#content .advert_adfox h2 {
	margin: 0px;
	text-align: right;
	font-weight:normal;
	font-size:70%;
    font: 13px;
    text-decoration: none;

}

#content .adfox-box div {
	margin: 0 0 0px 15px;
	font-weight:normal;
	font-size:95%;

}

#content .advert_adfox p {
	margin: 0 0 0px 15px;
	font-weight:normal;
	font-size:80%;

}
#content .advert_adfox a{
	font-size: 80%;
}
/* ---- end:CONTENT ---- */

/* ---- RIGHT_PANEL ---- */
#right_panel{
	float: left;
	width: 250px;
	overflow: hidden;
}
#right_panel img{
	margin: 0px 0px 30px 0px;
	border: 3px solid #fff;
}

/* ---- MENU ---- */
.menu{
	margin: 0px 0px 30px 0px;
	width: 244px;
	padding: 3px 3px 1px 3px;
	background-color: #fff;
}
.menu ul{
	margin: 0px;
	padding: 0px;
	list-style: none;
}
.menu li{
	font-size: 80%;
	font-weight: bold;
}
.menu li a{
	display: block;
	width: 211px;
	margin-bottom: 3px;
	padding: 3px 0px 4px 33px;
	text-decoration: none;
	background: url(../img/menu_background_inactive.png) no-repeat;
}
.menu li a:hover, .menu li a.active:hover{
	color: #333;
	background: #333 url(../img/menu_background_inactive.png) no-repeat;
}
.menu li a.active{
	color: #fff;
	background: url(../img/menu_background_active.png) no-repeat;
}
/* ---- end:MENU ---- */

.advert_square{
	margin: 0px 0px 30px 0px;
}
#right_panel .advert_square img{
	margin: 0px;
}
.advert_square span{
	font-size: 80%;
	color: #6b6b6b;
}
.textbox{
	margin: 0px 0px 30px 0px;
	padding: 3px 0px 1px 0px;
	background-color: #fff;
}
.textbox h5{
	margin: 0px 3px 10px 3px;
	padding: 15px 17px;
	color: #fff;
	font-size: 100%;
	font-weight: normal;
	background: url(../img/title01_background_mask.png) repeat-x;
}
.textbox p{
	margin: 10px 15px;
	font-size: 75%;
	line-height: 190%;
}
/* ---- end:RIGHT_PANEL ---- */
/* ---- end:MAIN ---- */

/* ---- BOTTOM ---- */
#bottom{
	width: 940px;
}
#bottom h5{
	margin: 0px 0px 15px 0px;
	padding: 10px 20px;
	color: #fff;
	font-size: 100%;
	font-weight: normal;
	background: url(../img/title02_background_mask.png) repeat-x;
}
#bottom p{
	margin: 15px 0px;
	font-size: 80%;
	line-height: 190%;
}
/* ---- end:BOTTOM ---- */

/* ---- FOOTER ---- */
#footer{
	width: 940px;
	margin: 30px 0px 0px 0px;
	font-size: 75%;
	color: #777;
	border-top: 1px solid #999;
}
#footer p{
	margin: 30px 0px 10px 0px;
}
#footer a{
	color: #777;
}
#footer_left{
	position: relative;
	float: left;
	width: 454px;
	padding: 0px 0px 0px 16px;
}
#footer_arrow{
	position: absolute;
	top: 32px;
	left: 0px;
	width: 10px;
	height: 10px;
	background: url(../img/footer_arrow.png) no-repeat;
}
#footer_right{
	float: left;
	width: 470px;
	text-align: right;
}
/* ---- end:FOOTER ---- */
/* ---- end:CONTAINER ---- */