/***********************************
*****************************/
/*	Design: 	HLWong										*/
/*	Author: 	HLWong										*/
/*	Date:		2008								*/
/*	Release:	1.00											*/
/*					*/
/****************************************************************/ 

/********************************/
/*	Main Body 					*/
/********************************/

body 
{
  font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
  font-size: 80%;
  background-color: #ffffff;
  color: 333333;
}


/********************************/
/*	Page Container				*/
/********************************/

#wrapper
    {
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
	width: 950px;
	height: auto;
	background-color: #ffffff;

	color: 333333;
    }

/********************************/
/*	Main Header,white,milky purple					*/
/********************************/

#header
{
	background-color: #ff9944;
	color: #333333;
	height: 35px;
	width: 950px;
	font-family: Geneva, Arial, Helvetica, sans-serif;

}

#header-title
{
	border: none; 
	font-family: Verdana; 
	text-align: left; 
	color: #333333; 
	padding-left:1px; 
	padding-top:1px; 

}

.cl-1 {
clear:both;
height: 10px;
background-color: #7f0006;
}

#gallery1 {
	width: 950px;
	height: 5px;
	background-color: #ffffff;
}
#gallery2 {
	width: 950px;
	height: 15px;
	background-color: #993300;
}
#gallery3 {
	width: 950px;
	height: 220;
	background-color: #ffffff;
}

#newscontainer {
	float: right;
	BACKGROUND: #ffffd9;
	width: 180px;
	height: auto;
}
#newscontainer UL {
	PADDING-LEFT: 0px; 
	MARGIN-LEFT: 0px; 
	FONT-FAMILY: Arial, Helvetica, sans-serif; 
	LIST-STYLE-TYPE: none;
}
#newscontainer A {

	DISPLAY: block; 

	BACKGROUND: #ffffd9; 
	PADDING-BOTTOM: 3px; 
	WIDTH: 180px; 
	PADDING-TOP: 3px; 
	BORDER-BOTTOM: #eee 1px solid;
	FONT-WEIGHT: bold; 
	COLOR: #993300; 
	TEXT-DECORATION: none
}

#newscontainer A:hover {
	BACKGROUND: #ff9944; 
	COLOR: #fff
}




#newscontainer2 {


	BACKGROUND: #ffffff;
	width: 180px;
	height: auto;
	float: right;
	clear: both;
}

#newscontainer2 A {
	PADDING-RIGHT: 1px; 
	PADDING-LEFT: 1px; 
	BACKGROUND: #ffffff; 
	PADDING-BOTTOM: 3px; 
	WIDTH: 180px; 
	PADDING-TOP: 3px; 
	COLOR: #333333; 
	TEXT-DECORATION: none
}

#newscontainer2 A:hover {
	BACKGROUND: #ffffff; 
	COLOR: #333333
}



/********************************/
/*	topheader navigation,white,milky purple					*/
/*******************************/

#topheader-navigation
{
	background-color: #ffffff;
	color: #333333;
	height: 20px;
	width: 950px;
	font-family: Arial;
	border-bottom: solid #cccccc 1px;
	border-top: solid #cccccc 1px;

}

#topheadernavigation-title
{ 

	border: none; 
	font-family: Verdana; 
	font-size: 8pt; 
	text-align: left; 
	color:#333333; 

 
}

#middle-navigationadvertisementleft
{
	background-color: #ffffff;
	color: #333333;
	height: 16px;
	width: 550px;
	font-family: Arial;
	padding-top: 0px;
	padding-left: 1px;
	border-bottom: dashed #cccccc 0px;
	border-top: dashed #cccccc 0px;
}

#middlenavigationadvertisementleft-title
{ 
	border: none; font-family: Verdana; 
	font-size: 7pt; text-align: left; color:#999999;
	font-weight: none; 
	padding-left:12px; 
	padding-right:1px;
	padding-top:0px; 
	padding-bottom:0px; 
}

#middle-navigationadvertisementright
{
	background-color: #ffffff;
	color: #333333;
	height: 16px;
	width: 550px;
	font-family: Arial;
	padding-top: 0px;
	padding-left: 1px;
	border-bottom: dashed #cccccc 0px;
	border-top: dashed #cccccc 0px;
}

#middlenavigationadvertisementright-title
{ 
	border: none; font-family: Verdana; 
	font-size: 7pt; text-align: left; color:#999999;
	font-weight: none; 
	padding-left:275px; 
	padding-right:1px;
	padding-top:0px; 
	padding-bottom:0px 
}


.adsensetopright 
{
	PADDING-RIGHT: 2px; 
	PADDING-LEFT: 1px; 
	FONT-SIZE: 11px; 
	BACKGROUND: #ffffff; 
	PADDING-BOTTOM: 1px; 
	BORDER-LEFT: #cccccc 1px solid; 
	WIDTH: 198px; 
	PADDING-TOP: 4px; 
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
	TEXT-ALIGN: left;

}






/************************************/
/*	Content							*/
/************************************/

#content
{
	background-color: #FFFFFF ;
	color: #333333;
	padding-top: 5px;
	padding-right: 2px;
	padding-left: 2px;
	width: 700px;
	font-family: verdana;
	padding-bottom: 5px;
	font-size: 1.0em;

	
}
#content a
{
	font-family: verdana;
	list-style-type: none;
	text-decoration: underline;
	color:#3366cc;
	background-color: #ffffff;
	font-size: 1.0em; 
	font-weight: bold;
}

#content a:hover
{
	list-style-type: none;
	text-decoration: underline;
	color: #3366cc;
	background-color: #ffffff;
	font-weight:bold;
	font-size: 1.0em;
}

#pad {
	padding-left: 2px;
	padding-right: 2px;
	padding-top: 2px;
	padding-bottom: 2px;
	color: #333333;
	width: 700px;	
	font-size: 1.0em; 
}
#pad a
{
	list-style-type: none;

	color: #993300;
	font-family: verdana;
	background-color: #ffffff; 
	font-size: 1.0em; 
	text-decoration: underline;
	FONT-WEIGHT: bold; 
}

#pad a:hover
{
	color: #993300;
	font-size: 1.0em;
	text-decoration: none;
	FONT-WEIGHT: bold; 
}



h1 {
	padding-left: 2px;
	padding-right: 0px;
	font-size: 145%;
	color: #663300;
	text-align: left;
	border-bottom: 1px solid #cccccc;
	font-family: verdana;
}

	h2 {
	text-align: left;
	font-size: 115%;
	color: #663300;
	border-bottom: 1px dashed #cccccc;

}

h3 {
	padding: 2px;
	margin: 0px;
	font-size: 95%;
	color: #663300;
	background-color: none;
	text-align: left;
	FONT-WEIGHT: bold; 
}


/****************************/
/* Pic or Photo or adsense table insert
/****************************/


#half-width-box-right-pics 
{
	PADDING-RIGHT: 10px; 
	PADDING-LEFT: 0px; 
	FLOAT: right; 
	PADDING-BOTTOM: 0px; 
	MARGIN: 0px; 
	WIDTH: 50%; PADDING-TOP: 0px; 
	BACKGROUND-COLOR: #ffffff
}

#half-width-box-left-pics 
{
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	FLOAT: left; 
	PADDING-BOTTOM: 0px; 
	MARGIN:0px; 
 	WIDTH: 50%; PADDING-TOP: 0px; 
	BACKGROUND-COLOR: #ffffff;

}

/****************************/
/*	Sidebar and Navigation 	*/
/****************************/

#navigation
{
	clear: both;
	float: right;
	width: 180px;
	height: auto;
	padding-top: 2px;
	padding-right: 2px;
	padding-left: 2px;
	padding-bottom: 2px;
	margin: 5px 5px 10px 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #333333;
	background-color: #ffffff;
	border: solid #993399 1px;
}

.navigation-header
{
	border-bottom: 1px solid #993399;
	color: #F1F1F8;
	background-color: #ac7dbd;
	font-size: 1.2em; vertical-align:middle; font-weight:bold; text-align:center
}



#sub-navigation
{
	clear: both;
	float: right;
	width: 180px;
	height: auto;
	padding-top: 2px;
	padding-right: 2px;
	padding-left: 2px;
	padding-bottom: 2px;
	margin: 5px 5px 10px 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #333333;
	background-color: #ffffff;
	border: solid #993399 1px;
}
.subnavigation-header
{
	border-bottom: 1px solid #993399;
	color: #F1F1F8;
	background-color: #ac7dbd;
	font-size: 1.2em; vertical-align:middle; font-weight:bold; text-align:center
}



.infobar
{
	clear: both;
	float: right;
	width: 180px;
	height: auto;
	padding: 2px 2px 2px 2px;
	margin: 5px 5px 10px 5px;
	font-size: 0.9em;
	border: solid #993399 1px;
}

.infobar-title
{
	border-bottom: 1px solid #993399;
	color: #F1F1F8;
	background-color: #ac7dbd;
	font-size: 1.0em; vertical-align:middle; font-weight:bold; text-align:center
}




#navigation p
{
	font-size: 0.9em;

}

#sub-navigation p
{
	font-size: 0.9em;

}


#navigation li p
{
	font-size: 0.9em;
}

#sub-navigation li p
{
	font-size: 0.9em;
}


#navigation ul li
{
	list-style-type: none;
	text-decoration: none;
	font-size: 0.9em;
}	
	
LI {
	MARGIN: 0px 0px 0px 0px
}


#sub-navigation ul li
{
	list-style-type: none;
	text-decoration: none;
	font-size: 0.9em;
}	


	
#navigation a
{
	list-style-type: none;
	text-decoration: none;
	color:#0000ff;
	background-color: #ffffff;
}

#sub-navigation a
{
	list-style-type: none;
	text-decoration: none;
	color:#0000ff;
	background-color: #ffffff;
}

#navigation a:hover
{
	list-style-type: none;
	text-decoration: underline;
	color: #cc0000;
	background-color: #ffffff;
}

#sub-navigation a:hover
{
	list-style-type: none;
	text-decoration: underline;
	color: #cc0000;
	background-color: #ffffff;
}



#tag
{
	background-color: #FFFFFF ;
	color: #333333;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	width: 700px;
	font-family: verdana;
	padding-bottom: 0px;
	font-size: 0.9em;
	
}

#tag a:link, #tag a:visited, #tag a:active 
{
	font-family: verdana;
	background-color: #ffffff;
	text-decoration: none;
	color: #993300;
	font-size: 1.0em;
	font-weight: bold;
}
#tag a:hover 
{
	list-style-type: none;
	text-decoration: underline;
	color: #993300;
	background-color: #ffffff;
	font-weight: bold;
	font-size: 1.0em;
}

#tag2
{
	background-color: #FFFFFF ;
	color: #333333;
	padding-top: 5px;
	padding-left: 8px;
	width: 300px;
	font-family: verdana;

	font-size: 1.0em;
	
}

#tag2 a:link, #tag2 a:visited, #tag2 a:active 
{
	font-family: verdana;
	background-color: #ffffff;
	text-decoration: underline;
	color: #993300;
	font-size: 1.0em;
	font-weight: bold;
}
#tag2 a:hover 
{
	list-style-type: none;
	text-decoration: underline;
	color: #993300;
	background-color: #ffffff;
	font-weight: bold;
	font-size: 1.0em;
}


/********************************/
/* Footer						*/
/********************************/

#footer
{
	margin-top: 5px;
	margin-left: auto;
	margin-right: auto;
	width: 950px;
	height: 40px;
	clear: both;
	text-align: center;
	padding-top: 10px;
	font-size: 0.8em;
	border: solid #cccccc 1px;
	background-color: #ff9944;

}

#footer a
{
	text-decoration: none;
}

#footer a:hover
{
	text-decoration: underline;
	color: #cc0000;
	background-color: #ffffff;
}