/*---------------------------------------------------
The style in the file is located by attribute: class
----------------------------------------------------*/


a{
	color:#226e94;
}

a:hover {
	text-decoration:none;
	cursor:pointer;
	color: #b99b70;
}

h2 {
	font-size:16px;
	color:#8d5e14;
	font-weight:bold;
}


/** the pictures stytle is used in two section: leftBlock, rightBlock; **/
.pictures {
	float:left;
	margin-bottom:10px;
	
} 

.pictures img{
	border:solid 1px #b99b70;
	background-color:#FF0033;
} 
.pictures div{
	float:left;
}

.leftMargin{/**use to arrange the margin of pictures**/
	margin-left:10px;
	display:block;
}
 
.rightMargin{/**use to arrange the margin of pictures**/
	margin-right:10px;
	display:block;
} 
.bottomMargin{ /**use to arrange the margin of pictures**/
	display:block;
	margin-bottom:10px;
} 
/**========= end of pictures block=================***/


.forPadding{/**the style is used to　instead of padding,　fix the IE box modle bug, **/
	margin:10px;
}

.fillColor{/**the style is using in quickLinks, to fill a block with certain color**/
	display:block; 
	width:100%; 
	background:#cdb897; 
	border:none;
}


.clear{
	clear:both;
	height:0px;
	margin:0px;
	
}

.more *{/** using to decorate the more in the quick link section;**/
	float:right;
	font-size:12px;
	color:#8d5e14;
	font-weight:bold;
}


.quickLinks{	
	font-size:16px;
	color:#8d5e14;
	width:60%;  
	float:left;
	font-weight:bold;
}

.colorBlock{/** the sytle is to supply a block filled with certain color, you can refert to the block of quicklink**/
	float:right;
	width:40%; 
	background:#cdb897;
}

.error {
	color: #CC0000;
}

ul.qlul {
	clear: both;
	padding: 20px 0px 0px 20px;
}
.prevnext {
	float: right;
	width: 200px;
	text-align: right;
}
.disclaimer {
	font-size: 10px;
	font-style: italic;
}