


/****************************************************************
                                master
*****************************************************************/

body
{
	background-color: #E7E7E7;
	margin: 0px auto ;
display:inline
}
a:link
{
	text-decoration: none;
}
a:visited
{
	text-decoration: none;
}
a:hover
{
	text-decoration: none;
}
a:active
{
	text-decoration: none;
}

.blackfont
{
color:Black;	
}
.Whitefont
{
color:White;	
}
.Grayfont
{
color:Gray;	
}
.viewalldiv
{
	background-color:Transparent;
	height: 20px;
	font-family: Verdana;
	font-size: 10px;
	color: Black;
	font-weight: bold;
	float: left;
	width:55px;
	text-align:center;
	padding:5px 5px 5px 115px

}
.viewtxt
{
	background-color: #3C465E;
	color: White;
	width:55px;
	line-height:18px;
	
}
/*************allpage**************/
.allpage
{
	width: 1000px;
	margin: 0px auto;
	padding: 0 0 0 0;
	float: inherit;
	display:inline
		border-bottom: 10px solid #FFFFFF;
}
.bllpage
{
	background-color:White;
	float:left;
	width:1000px;
	border-bottom: 10px solid #FFFFFF;
}

/*************headtitle**************/
.headtitle
{
	float: left;
	width: 1000px;
	height: 87px;
	text-align: right;
	font-family: Verdana;
	font-size: 11px;
	background-image: url( '../images/Option_C.jpg' );
		border-bottom: 2px solid #FFFFFF;
	color:Black;
}
.headtxt
{
	float:right;
	width:300px;
	padding:10px 15px 0 0;
} 

/*************flashshowdiv**************/
.flashshow
{
	width: 1000px;
	height: 220px;
	border-bottom: 2px solid #FFFFFF;
	border-top: 2px solid #FFFFFF;
	
	float:left;

}
.flashleft
{
	float: left;
	width:648px;
	height: 220px;
	background-image: url( '../images/children_playing.jpg' );
		border-right: 2px solid #FFFFFF;

}

.flashboard
{
	float: right;
	width: 346px;
	height: 216px;
	border: 2px solid #C0C0C0;

}
.flshright
{
	width: 330px;
	height: 202px;
	padding: 2px 8px 4px 8px;
	
	float:left;
}
/*************NOTICE**************/
.notice
{
	width: 990px;
	line-height: 30px;
	font-family: Verdana;
	background-color: #CCCC66;
	color: White;
	float: left;
	padding: 0px 5px 0px 5px;
	font-size: 9px;
	height: 30px;
	font-size:11px;
	font-weight:bold;
}
.noticetxt
{

	width: 50px;
	line-height: 30px;
	font-family: Verdana;
	background-color: #CCCC66;
	color: White;
	float: left;
	padding: 0px 5px 0px 5px;
	font-size: 9px;
	height: 30px;
		font-size:11px;
	font-weight:bold;
}

.belowbardiv
{
padding:0 10px 0 10px;
border-top:solid 10px #fff;
background-color:#980000;
width:980px;
color:#fff;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
float:left
}

/****************************************************************
                               homepage
*****************************************************************/
.indexpageall
{
width:1000px;
float:left;	
font-family:Tahoma;
font-size:11px;
padding:0 0px 0 px;
	/*border-bottom:solid 1px #CCCC66;*/
}
.indexleftdiv
{
	width:214px;
	float:left;
	height:400px;
	/*border-right:solid 1px #CCCC66;*/
	background-color:#D7DDDB
}
.canleftdiv
{
	width:204px;
	float:left;
	height:400px;
	/*border-right:solid 1px #CCCC66;*/
	background-color:#EBEBEB;
	padding:6px 5px 0 5px;
	
}
/*left*/
/****quick link****/


.qtitle
{
	width: 214px;
	line-height: 30px;
	color: #990000;
	font-family: Verdana;
	float: left;
	font-size: 13px;
	font-weight: bold;
	background-color: #E9E9E8;
	border-bottom: solid 1px #CCCCCC;
}
.cantitle
{
	width: 214px;
	line-height: 30px;
	color: #990000;
	font-family: Verdana;
	float: left;
	font-size: 13px;
	font-weight: bold;

	
}
.qlinktxt
{
	width: 214px;
	line-height: 40px;
	border-bottom: 1px solid  #808080;
	float: left;
	color: #333351;
	background-color:#D7DDDB;
	font-size:11px;
	text-indent:20px;
 
}



.qldiv
{
	padding: 0;
	margin: 0;
	list-style: none;

	position: relative;
	z-index: 500;
	float: left;
	background-color: #CCCCCC;
	font-family: Verdana;
	
}
.qldiv li
{display: block;
	float: left;
	
	display: block;
	height: 27px;
	position: relative;
	background-color:#E9E9E8;
	width: 214px;
	font-weight: normal;
	font-size:11px;
		border-bottom:solid 1px #CCCCCC;
		font-family:Tahoma;
}
.qldiv li a
{
	display: block;
	font-size: 11px;
	height: 24px;
	width: 214px;
	line-height: 18px;
	text-indent: 5px;
	color: #666666;
	text-decoration: none;
	padding:3px 0 0 0;

}

.qldiv li a:hover
{
	background: #D6DDDB;
	
	
}
.qldiv li a.fly:hover
{

	
}
/**right**/
.indexrightdiv
{
	width:770px;
	float:right;
}
/**welcome**/
.weltxtdiv
{
	width:530px;
	float:left;
	color: #808080;
	padding:0 20px 0 20px  ;
	/*line-height:15px;*/
}
.weititle
{
width:530px;
line-height:30px;
color:#990000;
font-family:Verdana;	
float:left;
font-size:13px;
font-weight:bold;
}
.weltxtdivtxt
{
font-family: Verdana;
	font-size: 12px;
color: #000;
	text-align:justify;
	text-justify:inter-ideograph;
	width:530px;
	float:left;
	
	padding:12px 0 0 0  ;
	
	/*line-height:15px;*/
}
/**Upcoming Events**/
.upeventsdiv
{
	width:199px;
	float:right;
	/*border-left:solid 1px #CCCC66;*/
	height:400px;
}

.uetitle,.hotnews
{
	text-indent: 10px;
	width: 199px;
	
	line-height: 30px;
	font-family: Verdana;
	font-size: 13px;
	color: #990000;
	float: left;
font-weight:bold;
	
}
.Locationimagebox
{
	width: 770px;
	float: left;
	color: #808080;
	
	
	
	
}
.updaydiv
{
	width: 177px;
	float: left;
	color: #999999;

	padding: 5px 10px 5px 10px;
	
}
/**hotnews**/
.hotnewstxt
{
	width: 177px;

	
	float: left;
	color: #999999;
	padding: 12px 10px 5px 10px;
	text-align: justify;
	line-height:15px;
}
.blankdiv
{
width:177px;
background-color:	Transparent;

height:20px;

}

/****************************************************************
                                About QSI
*****************************************************************/


.Aboutqsititle
{
	width:770px;
line-height:30px;
color:#990000;
font-family:Verdana;	
float:left;
font-size:13px;
font-weight:bold;
}
.Aboutqsitext
{
	text-align:justify;
	text-justify:inter-ideograph;
	width:760px;
	/*line-height:15px;*/
	float:left;
	
	padding:12px 10px 10px  0  ;
font-family: Verdana;
	font-size: 12px;
color: #000;
}




.Locationimagebox
{
	width: 770px;
	float: left;
	color: #808080;
	padding: 12px 0px 10px 0px;
	line-height: 15px;
	border: 1px solid #666666;
	text-align:center;
}




/****************************************************************
                                Comments
*****************************************************************/
.comentsdiv
{
width:758px;

float:left;
	color: #808080;
	padding:12px 10px 10px  0 ;
	/* border:solid 1px #E7E7E7 ;*/
}
.comentstr
{
width:758px;
float:left;
padding:0 0 10px 0;

}
.comentstdright
{
width:578px;
float:right;
}
.comentstdleft
{
width:170px;
float:left;
color:#980000;
font-family:Verdana;
font-size:11px;
text-indent:5px;
font-weight:bold;
line-height:24px;
}
.comentssbmit
{
width:158px;
float:left;
padding:0 300px 0 300px ;
}
.rcode
{
color:#980000;
font-family:"ΣΧΤ²";
font-size:13px;
font-weight:bold;
padding:0 0 0 20px;
}
.errospan
{
 height:18px;
 
}
/****************************************************************
                               Hot news
*****************************************************************/
.hotnewstitlediv
{

width:760px;
float:left;
padding:2px 0 7px 0;
border-top:solid 1px #CECECE;

}
.hotnewstitle
{
float:left;
width:650px;
color:#980000;
}
.hotnewsdate
{
float:right;
width:107px;
color:#980000;
}
.hotnewstextdiv
{

width:760px;
float:left;
line-height:15px;

padding:0 0 5px 0;
}
/****************************************************************
                              Media Gallery
*****************************************************************/
.Media_Gallerydiv
{
width:765px;
line-height:15px;
float:left;
	
	padding:12px 0px 10px  5px  ;
}
.Media_Gallerytable
{
width:762px;
}
.Media_Gallerytable td
{
width:245px;
height:150px;
}
.Media_Gallerycover
{
width:220px;
height:120px;
}
.mgherf
{
color: #980000;
}
.Media_Gallerphoto
{

height:120px;
}