html, body {
	overflow:hidden; 
	padding:0;
	margin:0;
	width:100%;
	height:100%;
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;/*color:#c8e2ef;*/
	font-size:13px;
	line-height:15px;
	/*background: url(../images/bodybg.jpg) #00203a repeat-x scroll!important;*/
}
*{ outline:0;}
b{font-size:14px; line-height:15px;}
ul{ margin:0 0 0 5px; *margin:0 0 0 25px;}
table{text-align:left;}
#index .enter img, .top_bg, .topRight .NewsArea li a, .menu li a:hover, .menu li span,.top img, #divcontent .Btn,.ConstitutionH .btn img{_behavior: url(css/iepngfix.htc);}

img {border:0px;}

.error{ font-size:small; color:#CC3300; font-size:11px;}

/*
#loading {
width: 800px;
height: 320px;
padding:180px 0 0 0;
background-color: #034c7a;
color:#00bff3;
position: absolute;
z-index:100;
left: 50%;
top: 50%;
margin-top: -250px;
margin-left: -400px;
text-align: center;
border:5px #efefef solid;
}*/

#letter, #upgrade {
	position: absolute;
	z-index:80;
	text-align: left;
	*filter:alpha(opacity=90);
	-moz-opacity:0.9;
	opacity:0.9;
}
#letter{width:200px; height:60px; background:#034c7a; color:#00bff3; right:30px; top:25px; padding:10px; border:1px solid #438ea0;}
#upgrade{width:800px; background:#FF6633; color:#fff; left:50%; top:0; font-size:11px; padding:2px 5px; margin-left:-400px; border:1px solid #FF0099;}
#letter span, #upgrade span{ float:right; color:#00FFFF;}
#loading {
	width: 100%;
	height: 100%;
	padding:0px;
	background-color: #034c7a;
	color:#00bff3;
	position: absolute;
	z-index:100;
	left: 0px;
	top: 0px;
	text-align: center;
	border:0px #efefef solid;
}


#loading .txt{
	width: 200px;
	height: 100px;
	color:#00bff3;
	position: absolute;
	z-index:101;
	left: 50%;
	top: 50%;
	margin-top: -50px;
	margin-left: -100px;
	text-align: center;
}

a{outline: none; color:#f4c900;	text-decoration:none;}
a:hover{color:#00ffff; text-decoration:none;}

#body {
	width:100%;
	height:100%;
	overflow:scroll;
	position:relative;
	outline: none;
	background: #00203a;
}

#main {
	width:100%;
	display:inline-block;
	background: url(../images/bodybg.jpg) #00203a repeat-x scroll!important;
}

#mains {
	width:100%;
	display:inline-block;
	font-family : Arail,sans-serif;
	background: url(../images/bg.jpg) no-repeat 25% 0px;
	text-align:center;
	position:relative;
}

/* 
#main {
	width:100%;
	height:100%;
	font-family : Arail,sans-serif;
	background: url(../images/bg.jpg) no-repeat 25% 0px;
	overflow:scroll;
	text-align:center;
	position:relative;
	outline: none;
	-moz-outline-style: none;
}
*/

/* index */

#index {
	width:100%;
	height:100%;
	background: url(../images/bodybg.jpg) #00203a repeat-x scroll!important;
	position: absolute;
	z-index:50;
	outline: none;
}

#indexs {
	width:100%;
	height:100%;
	background: url(../images/bg.jpg) no-repeat 25% 0px;
	position: absolute;
	z-index:51;
	outline: none;
	/*margin:180px 0 200px 0; */
} 

#index .enter{
	width:300px;
	height:350px;
	position: absolute;
	z-index:52;
	left: 50%;
	top: 50%;
	margin-top: -150px;
	margin-left: -150px;
	text-align: center;
}

#index .forum{
	width:450px;
	height:350px;
	position: absolute;
	z-index:52;
	left: 50%;
	top: 50%;
	margin-left: -225px;
	margin-top: -150px;
	text-align: center;
}

#index .forum .GoIn{
	margin:15px 5px -15px  0px;
}

/* top area */
#topOver {
	width:800px;
	height:189px;
	margin:auto;
	padding:0px;
	text-align:left;
}



.top_bg {
	width: 800px;
	height: 204px;
	position:absolute;
	z-index:6;
	display:inline;
	margin:0px; 
	background: url(../images/top_line.png) no-repeat center 189px;  
}

.top {
	width: 800px;
	height: 170px;
	padding:20px 20px 0 20px;
	text-align:left;
	position:absolute;
	z-index:7;
	margin:0px; 
	background: url(../images/top_bg.jpg) no-repeat left top;  
}
.top .toplogo{
	width: 273px; 
	height: 156px;
}
.topRight {
	float:right;
	width:464px;
	padding:0 40px 0 0;
	text-align:right;
}
.topRight .NewsArea {
	display:block;
	margin:0;
	padding:10px 0 0 0;
	width:464px;
	height:70px;
	text-align:left;
}
.topRight .NewsArea ul{
	margin:0px;
	padding:0px;
	text-decoration:none;
	list-style-type: none;
	float:left;
	/*background:url(../images/top_news_area.png) no-repeat;*/
	-moz-border-radius: 3px; 
	-webkit-border-radius: 3px;
	*filter:alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
	background:#034c7a;
}
.topRight .NewsArea li{
	margin:0px;
	padding:0px;
	color:#999;
	font-size:11px;
}
.topRight .NewsArea li a{
	display:block;
	width:454px;
	height:19px;
	line-height:19px;
	padding:0 0 0 10px;
	font-weight:bold;
	color:#f4c900;
}
.topRight .NewsArea li a:hover{	color:#fff;}
.topRight .NewsArea .bg1{border-bottom:1px solid #0070b9;}
.topRight .NewsArea .show{position:absolute; z-index:90; rigth:3px; top:3px;}
.topRight .NewsArea li a img {margin:1px 5px -1px 0;}


/* inside page */
#over {
	margin:0 auto 0 auto;
	width:767px;
	padding:0px;
	text-align:left;
}

.menu{
	width:169px;
	display:block;
	margin:10px 0 0 0;
	_margin:10px -15px 0 0;
	float:left;
	text-align:left;
}
.menu .icon{ margin:0 5px 0 -15px;}
.menu ul {/*width:184px; padding:0px; background:url(../images/menubg.jpg);*/ }
.menu ul,
.menu ul li{
	margin:0;
	padding:0;
	text-decoration:none;
	list-style-type: none;
} 
/*--------level 1--------*/
.menu li a{
	display:block;
	width:169px;
	height:30px;
	color:#b4f700 !important;
	font-size:13px;
	line-height:30px;
	text-decoration:none;
	font-weight:bold;
	padding:0 0 0 15px;
	background:url(../images/menubg.gif) no-repeat 0 0;
	*filter:alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
}
.menu li a:hover{
	color:#092b54 !important;
	background-position:0 -30px;
	text-decoration:none;
	padding:0 0 0 15px;
}

/*--------login-area--------*/

.menu div.login-area-icon{
	display:block;
	background:url(../images/menu-member.gif) no-repeat 0 0;
	height:34px;
	width:140px;
	margin:0 0 0 -6px;
	*margin-bottom:-15px;
	font-size:13px;
	line-height:16px;
	padding:26px 0 0 52px;
	color:#a8e13d;
	font-size:10px;
}
.menu div.login-area-icon a{color:#a8e13d;}
.menu div.login-area-icon a:hover{text-decoration:underline;}

.menu div.login-area-icon span{
	display:block;
	position:relative;
	left:12px;
	top:0;
}
.menu div.login-area-icon span a{padding:0 0 0 18px; display:inline-block; *float:left;}
.menu div.login-area-icon span a.logout{background:url(../images/icon-logout.gif) no-repeat 0 0;}
.menu div.login-area-icon span a.renew{background:url(../images/icon-renew.gif) no-repeat 0 0;}
.menu div.login-area-icon span a:hover.logout,
.menu div.login-area-icon span a:hover.renew{background-position:0 -15px; }

.menu div.login-area{
	width:180px;
	line-height:12px;
	font-size:10px;
	background:url(../images/menu-member-login.gif) no-repeat 0 bottom;
	padding:5px 0 5px 15px;
	margin:0 0 0 -6px;
}
.menu div.login-area label input{
	width:145px; 
	border:0; 
	background:#1f5786; 
	color:#b4c7db; 
	font-size:11px; 
	margin:0 0 2px 0;
	padding:0 5px;
	height:20px;
	background:url(../images/bg-input.gif) no-repeat 0 0;
}
.menu div.login-area .Btn{ float:right; margin:3px 25px 0 0; padding:2px}
.menu div.login-area a{ color:#fff;}
.menu div.login-area a:hover{ color:#f4c900;}
.menu div.login-area strong{ display:inline-block; width:9px; font-size:9px;}


/*--------level 2--------*/
.menu li li a{
	line-height:25px;
	height:25px;
	padding:0 0 0 25px;
	color:#ead100 !important;
	font-size:12px;
	font-weight:bold;
	background:url(../images/menubg02.gif) no-repeat 0 -5px;
}
.menu li li a:hover{
	color:#092b54 !important;
	background-position:0 -35px;
	padding:0 0 0 25px;
}

a.biger{
	font-size:12px!important; 
	font-weight:bold!important;
	background:url(../images/menubg-big.gif) no-repeat 0 -5px!important;
}
a:hover.biger{
	background-position:0 -30px;
	color:#ffea00 !important;
}

.menu li .on,
.menu li .on:hover{
	color:#092b54;
	background:url(../images/menu_on.png) no-repeat 0 50%;
	text-decoration:none;
	font-weight:bold;
}

.menu li ol{display:none; position:absolute; z-index:10; margin:-30px 0 0 129px;}
.menu li ol li a{width:140px;}
.menu li:hover.sub-menu ol{display:block;}

#divcontentbg {
	width: 600px;
	background: url(../images/content_bg.gif) no-repeat left bottom #fff ;
	*filter:alpha(opacity=10);
	-moz-opacity:0.1;
	opacity:0.1;
	position:absolute;
	z-index:4;
	display:inline;   
}

#divcontent {
	width: 554px;
	padding:20px 28px 50px 28px;
	margin:0px;
    position:absolute;
	z-index:5;
	text-align:justify;
	display:inline;
	min-height:600px;
	height: auto !important;
	height: 600px;
	/*height:expression(this.clientHeight < 600? "auto" : "600px"); */
}

#divcontent .page-adv {
	font-size:10px;
	padding:3px;
	margin:0 0 10px 0;
	border-top:1px solid #888;
	border-bottom:1px solid #888;
	color:#888;
	line-height:12px;
}
#divcontent .page-adv h3{
	font-size:13px;
	line-height:12px;
	font-weight:bold;
	margin:0 10px 0 0 ;
}
#divcontent .page-adv a{
color:#888;
}
#divcontent .page-adv a:hover{
color:#ccc;
}

#divcontent div.side-bar{ position:absolute; margin:-10px 0 0 572px;}
#divcontent div.side-bar a{
	display:block; 
	width:20px; 
	height:27px; 
	text-indent:-9999px;
	margin:0 0 3px 0;
}
#divcontent div.side-bar a:hover{background-position:0 -27px;}
.icon-contact{background:url(../images/img-contact.gif) no-repeat 0 0;}
.icon-facebook{background:url(../images/img-facebook.gif) no-repeat 0 0;}
.icon-twitter{background:url(../images/img-twitter.gif) no-repeat 0 0;}

#divcontent .fontbigger {position:absolute; z-index:80; margin:0px 0px 0px 555px;} 
#divcontent .fontbigger a{
	display:block;
	width:15px;
	height:15px;
	color:#fff;
	background:#092b54;
	font-size:9px;
	font-weight:bold;
	border:1px solid #00bff3;
	text-align:center;
	margin:0 5px 5px 0 ;
}
#divcontent .fontbigger a:hover{
	display:block;
	width:15px;
	height:15px;
	color:#092b54;
	background:#00bff3;
	font-size:9px;
	font-weight:bold;
	border:1px solid #f4c900;
	text-align:center;
}

#divcontent .input {margin:0px; padding:0px; border:1px solid #c8e2ef; background:#fff; !important}
.Btn{
	margin:5px;
	display:inline-block;
	background:url(../images/input_bg.png); 
	cursor:pointer;
	border:0px;
	color:#FFFFFF;
	font-size:12px;
	height:20px;
	font-weight:bold;
	-moz-border-radius: 2px; 
	-webkit-border-radius: 2px;
	padding:2px 10px;
}
.Btn:hover {
	background:#3b788c; 
	cursor:pointer;
	color:#c8e2ef;
	border:0px solid #c8e2ef;
}

/*#divcontent li{list-style-type:disc;}*/

.titPic {
	display:block;
	clear:both;
	margin:0 0 24px 0;
	color:#f4c900;
	font-size:20px;
	line-height:35px;
	font-weight:bold;
	text-align:center;
}

.tit {
	display:block;
	clear:both;
	margin:0 0 0 0px;
	font-size:20px;
	line-height:30px;
	color:#fff;
}

.pic_home {float:right; margin:5px; background:url(../images/img/home.gif) no-repeat 3px 2px;}

.pic_organisation1 {float:right; display:inline; margin:5px; background:url(../images/executive/) no-repeat 50% 50%;}/*dave_stead.jpg*/
.pic_organisation2 {float:right; display:inline; margin:5px; background:url(../images/executive/williams.jpg) no-repeat 50% 60%;}
.pic_organisation3 {float:right; display:inline; margin:5px; background:url(../images/executive/stephen-farmer.jpg) no-repeat 50% 40%;}
.pic_organisation4 {float:right; display:inline; margin:5px; background:url(../images/executive/ian-toogood.jpg) no-repeat 50% 50%;}
.pic_organisation5 {float:right; display:inline; margin:5px; background:url(../images/executive/Perry_Bayer.jpg) no-repeat 50% 50%;}
.pic_organisation6 {float:right; display:inline; margin:5px; background:url(../images/executive/steven_madden.jpg) no-repeat 50% 20%;}
.pic_organisation7_1 {float:right; display:inline; margin:5px; background:url(../images/executive/dorarie.jpg) no-repeat 50% 50%;}
.pic_organisation7_2 {float:right; display:inline; margin:5px; background:url(../images/executive/stan_dyer.jpg) no-repeat 50% 50%;}
.pic_organisation7_3 {float:right; display:inline; margin:5px; background:url(../images/executive/michael-reeve.jpg) no-repeat 50% 50%;}
.pic_organisationSocial {float:right; display:inline; margin:5px; background:url(../images/executive/maureenguilieri.jpg) no-repeat 50% 50%;}
.pic_organisationSocial2 {float:right; display:inline; margin:5px; background:url(../images/executive/michael-reeve.jpg) no-repeat 50% 50%;}
.pic_organisationSocial3 {float:right; display:inline; margin:5px; background:url(../images/executive/philip-meincke.jpg) no-repeat 50% 50%;}


.MemberBenefitsH div.company{
	clear:both;
	display:none;
	width:507px;
	margin:0 0 30px 0;
	line-height:14px;
	padding:10px;
	/*background:url(../images/executive/label_bg.png) repeat;*/
	border-bottom:2px solid #005b85;
}
.MemberBenefitsH div .txt {
	display:block;
	margin:0px;
	font-size:15px;
	line-height:25px;
	color:#c8e2ef;
}
.MemberBenefitsH img{ width:110px; height:110px; margin:10px; border:2px solid #d3e8f8; float:left;}
/* organisation page */

.organ div{
	clear:both;
	display:block;
	width:507px;
	margin:0 0 10px 0;
	line-height:14px;
	padding:10px;
	/*background:url(../images/executive/label_bg.png) repeat;*/
	border-bottom:2px solid #005b85;
}
.organ img {border:2px solid #d3e8f8;}
.organ div img{width:110px; height:110px; margin:0 0 10px 0;}
.organ div .txt {
	display:block;
	margin:0px;
	font-size:15px;
	line-height:25px;
	color:#c8e2ef;
}

.organ .fourPic {height:410px;}

.organ .fourPic span{
	display:inline-block;
	clear:both;
	width:507px;
	margin:3px 0 3px 0;
	padding:0 0 5px 0;
	border-bottom:1px solid #007d85; 
}

.organ div span{
	display:inline-block;
	float:left;
	width:100px;
	height:24px;
	line-height:14px;
	margin:0px;
	padding:0px;
}
.organ div.txtHPic{height:180px;}
.organ div.txtHPic span img{width:80px; height:80px; margin:5px 0 5px 0; clear:both; float:left;}

.picH,
.organ .fourPic .picH{height:110px;}

.organ div.txtH{height:60px; *height:80px;}


/* news page */
.newsH .newstable {clear:both; line-height:20px; display:block;}
.newsH .newstable .wcontent{display:block; width:530px; border:1px solid #0070b9; padding:10px;}

.newsH .newstable .newstit{display:block; width:540px; height:25px; background: #27526b; font-weight:bold;}
.newsH .newstable .newstxt{display:block; width:540px; height:25px;  border-bottom:1px solid #0070b9;}
.newsH .newstable .newstxt:hover{display:block; background: #458ea7; color:#18364c;}
.newsH .show{float:right;}
.newsH .newshome{float:center;}

/* Voting page */
.notxt {width:18px; display:block; float:left; font-size:9px;}
.votingtxt {width:500px; display:block; float:left; font-size:11px; text-align:left;}
.votingtxt b { font-size:11px; line-height:12px; }
/* join page */
.txtOver {border-top : 1px solid #fff; width:520px; padding:10px 0 0 0 ; margin:30px 0 0 0; clear:both;}
.jointxt {width:150px; display:block; float:left;  font-size:11px; text-align:left;}
.jointxt b { font-size:11px; line-height:12px; }
.ortxt {width:35px; display:block; float:left; font-size:9px;}

.form {width:540px; padding:0 10px 10px 10px; clear:both;}
.form input, .form textarea, .form select{ background:#fff; border:1px solid #efefef; color:#666;}
.form td{padding:5px;}

.form span{ width:190px; display:block; float:left; padding:0 10px 0 0; }
.bg-color, .organ div{ background:url(../images/table-bg.png);}
.accH p.bg-color, .acc-longH p.bg-color, .faqH p.bg-color, .schoolH p.bg-color, #over-bg p.bg-color .edbH p.bg-color{ padding:5px;}
.acc-longH div.bg-color{ padding:10px;} .acc-longH div.bg-color ul{ padding:0;}

.joinH strong{font-wieght:bold; color:red;}

/* debating page */
.text-left{display:block; width:340px; float:left; clear:none;}
 #pic-left {
	width:160px;
	height:350px;
	overflow:auto;
	display:block;
	float:left;
	clear:none;
	margin:0 0 0 10px;
}
.debatingH #pic-left img{width:140px; border:2px solid #c8e2ef;margin:0 0 5px 0;}

/* development page */
.developmentH #pic-left img{width:140px; border:2px solid #c8e2ef;margin:0 0 5px 0;}



/* Pay Disparity page */
.pay-disparityH b{color:#f4c900;}

.pay-disparityH  .textbox {
	display:block;
	border:1px solid #007d85;
	margin:0 0 20px 0;
	padding:10px;
}
.pay-disparityH  .textbox ol{
	margin:0 0 20px 25px;
	list-style-type:lower-roman;
}

/* Constitution page */
.ConstitutionH .constitution-btn {
	clear:none;
	width:20px;
	height:200px;
	padding:0px;
	margin:0 20px 0 0;
	line-height:15px;
	text-decoration:none;
	text-align:center;
	float:left;
}
.ConstitutionH .constitution-btn ul{
	margin:0px;
	padding:0px;
	text-decoration:none;
	list-style-type: none;
}
.ConstitutionH .constitution-btn li{
	float:left;
	list-style-type: none;
}
.ConstitutionH .constitution-btn li a{
	display:block;
	width:15px;
	height:15px;
	color:#fff;
	background:#092b54;
	font-size:9px;
	font-weight:bold;
	border:1px solid #00bff3;
	text-align:center;
	margin:0 0 5px 0;
}
.ConstitutionH .constitution-btn li a:hover{
	color:#092b54;
	background:#00bff3;
	border:1px solid #f4c900;
}
.ConstitutionH .constitution-btn .scrollimg{
width:15px;
height:15px;
}

#divScroller {
	position:relative; 
	overflow:hidden; 
	left:0px; 
	top:0px; 
	width:470px; 
	height:400px; 
	float:left;
	clear:none; 
	text-align:left; 
	padding:0px; 
	margin:0px;
	border:1px solid #fff;
}

.ConstitutionH .dynPage {
	position:absolute;
	visibility:hidden; 
	padding:15px; 
	margin:0px;
	line-height:14px; 
	color:#fff;
}

.Constitution2 .dynPage {
	overflow:auto; 
	width:480px; 
	height:400px;
	padding:15px; 
	line-height:14px; 
	color:#fff;
}

.dynPage h3{text-align:left; line-height:20px; font-size:20px;}
.dynPage .no{display:block; float:left; width:20px;}
.dynPage .txt{display:block; float:left; width:420px; text-align:left; margin:0 0 20px 0 ; }
.dynPage .txt1{display:block; float:left; width:420px; text-align:left; margin:0px;}
.dynPage .txt1 span {display:block; float:left; width:400px; }
.dynPage .en{display:block; float:left; width:18px;}
.dynPage .txt span {display:block; float:left; width:400px; }
.dynPage .txt .en,.dynPage .txt1 .en{display:block; float:left; width:18px;}

.dynPage .noS {display:block; float:left; width:80px;}
.dynPage .txtS {display:block; float:left; width:360px; text-align:left; margin:0 0 20px 0 ;}
.dynPage .txtS .enS{display:block; float:left; width:18px;}
.dynPage .txtS span{display:block; float:left; width:342px; }

.dynPage p{display:inline-block; margin:0 0 20px 0 ;}

/*Speech Festival*/
.speechH div img{width:100px; height:100px; margin:0 0 0 10px; border:2px solid #fff;}
.speechH th{ font-size:18px; padding:8px 5px; border-bottom:1px solid #1b4f79;}
.speechH td{ padding:8px 5px; border-bottom:1px solid #1b4f79;}
.speechH .board-pic{ float:right; width:250px;}
.speechH .board-pic span{ width:110px; display:block; float:left; text-align:center; margin:0 3px 3px 0;}
.speechH .board-pic span img{ float:none;}


/*form-and-doc*/

/*edb*/
.edbH table{ width:100%;}
.edbH table.align td{text-align:center;}
.edbH table.tableline{ border-top:1px solid #438ea0; border-left:1px solid #438ea0; background:url(images/table-bg.png);}
.edbH table.tableline th{border-right:1px solid #438ea0; border-bottom:2px solid #438ea0;}
.edbH table.tableline td{ border-right:1px solid #438ea0; border-bottom:1px solid #438ea0;}
.edbH table td,
.edbH table th{ padding:5px 3px; text-align:left;}
.edbH table .arrow-dw{ background:url(../images/arrow-dw.gif) no-repeat 50% 100%; padding:10px 0 20px 0;}
.edbH table b{ font-family:"Times New Roman", Times, serif; font-size:28px; line-height:30px;}
.edbH table strong{font-size:20px; color:#fff;}
.edbH table li{ text-align:left;}

/*acc*/
.accH input.input-width{ width:180px;}
.acc-longH input{ margin:2px;}
.successfully, #step2-form{
	clear:both;
	padding:10px;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
}
#step2-form labe{ clear:both:}
.successfully img.success{ float:left; margin:0 10px 0 0;}
.successfully b{ color:#f9ca00; line-height:20px;}
.successfully span{ font-size:18px;}
.float-r{float:right;}

.login-page{padding:0;}
.login-page input{ width:145px;}
/*School Reviews*/
.schoolH .form{ font-size:11px; text-align:left;}
.schoolH .sort-box{
	color:#00bff3;
	font-weight:bold;
	font-size:13px;
	padding: 10px;
	background:url(../images/bg-sort-box.jpg) center #034c7a;
	border:1px solid #438ea0;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
}
.schoolH .sort-box .form input,
.schoolH .sort-box .form select,
.schoolH .sort-box .form option{
	height:20px;
	color:#b4c7db;
	background:url(../images/bg-input.gif) no-repeat 0 0 #1d5a88;
	border:0;
}
.open-over:hover{ background:#8fa04d; cursor:pointer;}

.page-no{line-height:15px;}
.page-no label a{
	display:inline-block;
	width:15px; 
	line-height:15px;
	border:1px solid #206684;
	color:#debc08;
	background:#044b76;
	text-align:center;
	font-weight:bold;
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
.page-no label a:hover{ color:#fff; border:1px solid #899b4d;}

#over-bg{
	position: absolute;
	z-index:100;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:#000 url(../images/bg-over.jpg) no-repeat 50% 50%;
	display:none;
}
.comments{
	position: absolute;
	top: 50%;
	left: 50%;
	margin:-250px 0 0 -425px;
	width:850px;
	height:500px;
	padding: 10px;
	background:url(../images/table-bg.png);
	border:1px solid #438ea0;
}
.comments h1{ margin:5px; text-align:left; color:#debc08; font-size:20px; margin:0 0 5px 0;}
.comments span{ float:right; margin:0 0 5px 0;}
.comments span a{
	display:block; 
	width:15px; 
	line-height:15px;
	border:1px solid #3c8395;
	color:#00FFFF;
	text-align:center;
}
.comments span a:hover{border:1px solid #206684;}
.comments .sub-comments{
	height:440px;
	clear:both;
	padding:10px 10px 10px 0 ;
	overflow:auto;
	position:relative; 
	border-top:1px solid #204F60;
}
.comments .sub-comments div{
	width:500px; 
	background: #13475b; 
	margin:0 0 10px 0;
	padding:10px;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	*filter:alpha(opacity=90);
	-moz-opacity:0.9;
	opacity:0.9;
	
}
.comments .sub-comments div b{ color:#16c4f4; font-size:13px;}
.comments .sub-comments div label{
	display:block; 
	width:30px; 
	height:20px; 
	background:url(../images/bg-comment.gif) no-repeat; 
	position:relative;
	bottom:-30px; 
}
.comments .sub-comments div.r-side{ margin-left:140px;}
.comments .sub-comments div.r-side label{margin-left:470px;}
.comments .sub-comments .leave-comments{ background:#13475b;}

/*calendar*/
.calendar-events{ width:360px; padding:10px;}
.calendar{
	clear:both;
	text-align:center;
	width:150px;
	height:160px;
	padding:5px;
	*filter:alpha(opacity=90);
	-moz-opacity:0.9;
	opacity:0.9;
	background:#034c7a;
	border:1px solid #438ea0;
	-moz-border-radius: 2px; 
	-webkit-border-radius: 2px;
}
.calendar span{ display:inline-block; *float:left; width:108px; *width:115px;}
.calendar div{ margin:10px 0 0 0;}
.calendar div a, 
.calendar div span, 
.calendar div dl dd{height:20px; width:20px; float:left; margin:1px 1px 0 0;}
.calendar div dl{ margin:0;}
.calendar div dl dd{ display:block; font-weight:bold; color:#fff; background:none; float:left;}
.calendar div a{ background:url(../images/table-bg.png); line-height:20px; border-bottom:1px solid #034c7a;}
.calendar div a:hover{background:#6ea065;}
.calendar div a.date{background:#edfe51;}
.calendar div a.on{background:#f4c900; font-weight:bold; }
.calendar div a.onday{ border-bottom:1px solid #054a75; color:#FFFFFF; font-weight:bold;}
.calendar div a.date, .calendar div a.on{color:#054a75;}

.calendar label a{*float:left;}
/*footer*/
#footer{
	width:740px;
	height:100px;
	line-height:20px;
	margin:0 auto 0 auto;
	text-align:right;
	color:#99ffff;
	font-size:10px;
	padding:0 0 0 30px;
}