@charset "UTF-8";

/*********************************************** 
			HTML tags
***********************************************/

body {
	font: 62.5% Arial, Helvetica, sans-serif;
	text-align: center;
	color: #666666;
}
h2 {
	font-size: 1.4em;
	color: #01AEEF;
	padding-bottom: 0.2em;
}
a {
	color: #006AAE;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
ul {
	font-size: 1.1em;
	padding-bottom: 0.8em;
}
ul li {
	display: inline;
	border-right: 1px solid #15C5EC;
	padding-right: 0.6em;
	margin-right: 0.6em;
	white-space: nowrap;
}
ul li.last {
	margin: 0px;
	padding: 0px;
	border-style: none;
}

/*********************************************** 
			Global styles
***********************************************/

#wrapper {
	width: 755px;
	background: #FFFFFF;
	margin-right: auto;
	margin-left: auto;
	}
#content { 
	text-align: left; 
	padding: 0em 0 0 0; 
	border-bottom: 6px solid #006AAE; 
	}
	#content h1 { font-size: 4em; padding: 0.5em 0 0.5em 0;}
	#content h2 { font-size: 2em; padding-bottom: 0.5em;}
	#content p, #content ul{ font-size: 1.2em; line-height: 1.4em; padding: 0 0 1em 0;}
	#content ul { list-style: disc; padding-left: 2.5em;}
	#content ul li { display: list-item; border: none; padding: 0.2em 0; white-space: normal;}
	
.floatLeft {
	float: left;
	margin: 0 1em 1em 0;
	}
.floatRight {
	float: right;
	margin: 0 0 1em 1em;
	}

.box1, .box2 {
	width: 335px;
	padding: 15px;
	margin: 1.2em 0;
	border: 3px solid #fccc00;
	text-align: left;
	}
.box1 h2, .box2 h2 {
	font-size: 1.6em; padding-bottom: 0.5em;
	}
.box1{ float: left;}
.box2{ float: right;}

.readmore { font-size: 1.2em; float: right; font-weight: bold;}