/* ============================ common ============================== */

body { 
	color: #333; background: #d2ee42 url(../img/bg-body.jpg) no-repeat 0 0;
	font: normal 69% Verdana, Arial, sans-serif; /* font-size: 11px */
}

a:link, a:visited { color: #39c; text-decoration: none; }
a:link:hover, a:visited:hover, a:active, a:focus{ text-decoration: underline; }
a:active, a:focus { font-weight: bold; }
a.more{ font-weight: bold; }

img { display: block; }
a img { border: none; cursor: pointer; }

strong{ font-weight: bold; }

input.text,
input.fmtext,
input.fmverify,
input#author,
input#email,
input#url{
	padding: 0.2em;
	color: #333;
	border: 1px solid #666;
	font: normal 1.1em Verdana, Arial, sans-serif;
}
textarea{
	width: 98%;
	padding: 0.2em;
	color: #333;
	border: 1px solid #666;
	font: normal 1.1em Verdana, Arial, sans-serif;
}

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix{ display: inline-table; display: block; height: 1%; }

/* ========================== common end ============================ */

/* ============================ layout ============================== */

.holder{ 
	width: 82.73em; min-width: 800px; max-width: 96%;
	margin: 0 auto;
}

#header{
	background: url(../img/bg-header.gif) no-repeat 0 0;
}

#sub-header{
	clear: both;  
    padding: 0px 0px 15px 0px;
    background: url(../img/bg-sub-header.png) repeat-x 0 100%;
}

#content{ 
	padding: 0 0 40px 0;
	background: url(../img/bg-content.gif) repeat-x 0 100%;
}

#main{
	float: right;
	width: 66%;
}

#side-bar{
	float: left;
	width: 30%;
}

#footer{ 
	padding: 1em 0;
	color: #fff; background: #2a6b95;
}

#bottom-links{ 
	padding: 40px 0;
	color: #fff; background: url(../img/bg-bottom-links.gif) repeat-x 0 0;
}

#bottom-logos{
	margin: 0 0 25px 0; padding: 15px 0;
	background: #fff;
}

/* ========================== layout end ============================ */

/* ============================ header ============================== */

#header h1{ float: right; }
#header h1 a img{ margin: 0 0 15px 0; }
#header h1 a:active img,
#header h1 a:focus img{ margin: 0 0 13px 0; border-bottom: 2px solid #fff; }

#header q{
	float: left;
	width: 50%;
	padding: 30px 16px 10px 18px;
	color: #fff; background: url(../img/bg-quote.gif) no-repeat 100% 100%;
	font-weight: bold; font-size: 1.3em; line-height: 1.5em;
}

#navigation{
	background: #4889b3 url(../img/bg-navigation.gif) repeat-x 0 0;
	border-top: 1px solid #666;
}
#navigation li{ float: left; }
#navigation li a{
	display: block;
	padding: 8px;
	color: #fff;
	font-weight: bold; font-size: 1.3em; text-decoration: none;
}
#navigation li a:hover,
#navigation li a:active,
#navigation li a:focus{
	padding-bottom: 3px;
	text-decoration: none;
	border-bottom: 5px solid #fff;
}


/* ========================== header end ============================ */

/* ========================== sub-header ============================ */

#sub-header img{ margin: 0 auto; }

/* ======================== sub-header end ========================== */

/* ============================ content ============================= */

.box{
	float: left; position: relative;
	width: 27%; min-height: 25em;
	margin: 60px 2% 0 2%; padding: 2em 1%;
	background: url(../img/bg-sub-header.png) repeat-x 0 100%;
}
#main .box{	
	width: 92%;
	padding: 2em 2%;
}
#side-bar .box{ 
	width: 92%; min-height: 5em;
	padding: 2em 2%;
}
.box h2{
	position: absolute; display: block;
	left: -8%; top: -40px;
	width: 110%;
	padding: 25px 0 10px 6px;
	color: #fff; background: url(../img/bg-h2-top.png) no-repeat 0 0;
	font-size: 1.4em; font-weight: bold;
}
#main .box h2{ width: 106%; left: -4%; }
.box h2 span{
	display: block;
	padding: 0 0 10px 20px;
	background: url(../img/bg-h2-bottom.png) repeat-x 0 100%;
}
.box a{ text-decoration: underline; }

.box small {color: #999;}

#content p{
	margin: 0 0 1.2em 0;
	font-size: 1.2em; line-height: 1.5em;
}

#content h3{
	margin: 0 0 1em 0;
	font-weight: bold; font-size: 1.2em;
}
#content .box h3{ margin-bottom: 0.2em; }
#content h3.post-title{ 
	font-size: 1.8em;
	margin-bottom: 0.6em;
}
#content h4{
	margin: 0 0 1em 0;
	font-weight: bold; font-size: 1.2em;
}

#main a{ text-decoration: underline; }

#main ul{
	margin: 0 0 1em 0; padding: 0 0 0 1.2em;
	font-size: 1.2em; line-height: 1.5em;
	list-style: disc;
}
#main ul ul{ font-size: 1em; }
#main ol{
	margin: 0 0 1em 0; padding: 0 0 0 1.5em;
	font-size: 1.2em; line-height: 1.7em;
	list-style: decimal;
}

img.left{
	float: left;
	margin: 0 1em 0.5em 0;
}

.postmetadata small{ font-size: 0.9em; color: #666; }

#main ul#news-list{
	margin: 0; padding: 0;
	list-style: none;
	font-size: 1em;
}
#main ul#news-list li{ margin: 0 0 1em 0; }

/* ========================== content end =========================== */

/* =========================== side-bar ============================= */

#side-bar li a{
	display: block;
	padding: 0.5em;
	color: #39c;
	font-size: 1.2em; text-decoration: underline;
	border-bottom: 1px solid #ccc;
}
#side-bar li a:hover,
#side-bar li a:active,
#side-bar li a:focus{
	background: #cfe3f0;
	text-decoration: none;
	color: #000;
}

#searchform input.text{
	display: block;
	width: 96%;
	margin: 0 0 0.5em;
	border: 1px solid #999;
}

#side-bar address,
#side-bar dd{ 
	font-size: 1.2em;
	margin: 0 0 1em 0;
}
#side-bar dt{
	margin: 0 0 1em 0;
	font-weight: bold; font-size: 1.2em;
}


/* ========================= side-bar end =========================== */

/* ============================= footer ============================= */

#newsletter{
	float: left;
	width: 38%;
	margin: 0 0 0 2%;
	display: inline;
}
#newsletter h2,
#footer h2{
	margin: 0 0 1em 0;
	font-weight: bold; font-size: 1.3em;
}
#newsletter p{
	display: block;
	margin: 0 0 1em 0;
	font-size: 1em; line-height: 1.5em;
}
#newsletter input.text{ 
	float: left;
	width: 70%;
	margin: 0 0.5em 0 0;
}
#newsletter a{
	display: block; position: relative;
	width: 116px; height: 27px;
}
#newsletter a span{
	position: absolute;
	width: 100%; height: 100%;
	background: url(../img/btn-sign-up.gif) no-repeat 0 0;
}

#address{
	float: right;
	width: 48%;
	margin: 0 2% 0 0;
	display: inline;
}

#address address{
	float: left;
	width: 40%;
	font-size: 1em;
	line-height: 1.5em;
}

#bottom-links ul{
	float: left;
	margin: 0 1%;
	color: #fff;
	font-size: 1.1em; font-weight: bold;
	display: inline;
}
#bottom-links ul.right{ float: right; }
#bottom-links li{
	float: left;
	padding: 0 1em;
	border-right: 1px solid #666;
	display: inline;
}
#bottom-links li.last{ border: none; }
#bottom-links li a{ color: #666; }

#bottom-logos li{
	float: left;
	margin: 0 0 0 15px;
	display: inline;
}

/* =========================== footer end =========================== */

/* =========================== newsletter =========================== */

#newsletter-form{
	width: 440px;
	margin: 0 auto; padding: 10px;
	background: #fff;
}
#newsletter-form legend{ font-size: 1.3em; font-weight: bold; }
#newsletter-form div.top{
	margin: 10px 0 0 0; padding: 10px 0 0 0;
	border-top: 3px solid #377e60;
}
#newsletter-form div.buttons{
	padding: 10px 0 0 0;
	border-top: 3px solid #377e60;
}
#newsletter-form div.left{
	float: left;
	width: 210px;
}
#newsletter-form div.right{
	float: right;
	width: 210px;
}
#newsletter-form label{
	display: block;
	margin: 0 0 10px 0;
	font-size: 1.1em; font-weight: bold;
}
#newsletter-form input.text{
	display: block;
	width: 434px;
	margin: 0 0 10px 0; padding: 2px;
}
#newsletter-form div.left input.text,
#newsletter-form div.right input.text{
	display: block;
	width: 204px;
	margin: 0 0 5px 0; padding: 2px;
}
#newsletter-form div.left label,
#newsletter-form div.right label{ font-size: 1em; font-weight: normal; }

/* ========================= newsletter end ========================= */