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

body { 
	color: #444; background: #fafafa;
	font: normal 62.5% "Trebuchet MS", Tahoma, Verdana, Arial, sans-serif;
}

p {
clear: both;
}

a{ color: #3ab54a; text-decoration: none; }
a:hover, a:active, a:focus { color: #3ab54a; background: #fff; }

img 	{ display: block; }
a img 	{ border: none; }
a span	{ cursor: pointer; }
strong 	{ font-weight: bold; }
em 		{ font-style: italic; }

.clearfix:after {
	clear: both;
	display: block; visibility: hidden;
	height: 0;
	content: ".";   
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.aural{
	position: absolute;
	left: -2007px;
	font: 0;
}

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

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

#holder{ 
	width: 780px;
	margin: 0 auto; padding: 0 20px;
	background: #fff url(../img/bg-holder.gif) repeat-y 0 0;
}

#header{
	margin: 0 0 10px 0;
}

#content{ 
	float: left;
	width: 520px;
	font-size: 1em;
}

#side-bar{ 
	float: right;
	width: 250px;
	font-size: 1em;
}

#partner-logos{
background: #fff;
text-align: center;
padding: 10px;
}

#partner-logos img{
margin: 0 auto;
border: none;
}

#footer{ 
	clear: both;
	margin: 1em 0 0 0;
}

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

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

h1{
	float: left;
	margin: 29px 0 0 23px;
}

#tools{
	float: right;
	margin: 25px 0 15px 0;
}
#tools li{
	float: left;
	margin: 0 0 0 10px;
	font-size: 1.4em;
}
#tools li img{ padding: 0.3em 0 0 0; }
#tools li.text-size a{
	color: #666; background: #d8d8d8;
	padding: 0.2em 0.4em;
}
#tools li.text-size small a{
	padding: 0.45em 0.6em 0.3em 0.6em;
	font-size: 0.8em;
}
#tools li.text-size big a{
	padding: 0 0.3em 0.05em 0.3em;
	font-size: 1.2em;
}
#tools li.text-size a:hover, 
#tools li.text-size a:active, 
#tools li.text-size a:focus { color: #fff; background: #3ab54a; }

#search-form{
	clear: right; float: right; position: relative;
	margin: 0 0 15px 0;
}
#search-form label{
	float: left;
	margin: 0 5px 0 0;
}
#search-form input.text{
	float: left;
	padding: 0.2em;
	color: #666;
	font: normal 1.4em "Trebuchet MS", Tahoma, Verdana, Arial, sans-serif;
	border: 1px solid #3ab54a;
}
#search-form input.submit{
	float: left;
	padding: 0.2em 0.5em;
	color: #fff; background: #3ab54a;
	font: normal 1.4em "Trebuchet MS", Tahoma, Verdana, Arial, sans-serif;
	border: none;
}

#nav{
	clear: both;
	width: 100%; height: 50px;
	background: url(../img/bg-nav.jpg) no-repeat 0 0;
	font-size: 1.4em;
}
#nav li{
	float: left; position: relative;
	width: 156px;
	text-align: center;
}
#nav li a{
	display: block;
	height: 33px;
	padding: 17px 0 0 0;
	background: transparent;
	color: #fff;
}
#nav li a:hover,
#nav li a:focus,
#nav li a:active{
	color: #fff; text-decoration: underline;
}
#nav li.active a{
	background: url(../img/bg-nav-active.gif) no-repeat 50% 100%;
}
#nav li ul{
	position: absolute; display: none;
 	top: 50px; left: 0;
 	width: 156px;
 	padding: 0 0 14px 0;
 	background: url(../img/bg-sub-nav.png) no-repeat 0 100%;
}
#nav li:hover ul{
	display: block;
}
#nav ul li{
	display: block;
	background: #3ab54a;
	border-bottom: 1px solid #fff;
}
#nav ul li a,
#nav li.active ul li a{
	display: block;
	height: auto;
	padding: 5px;
	color: #fff; background: #3ab54a;
}
#nav ul li a:hover,
#nav ul li a:focus,
#nav ul li a:active,
#nav li.active ul li a:hover,
#nav li.active ul li a:focus,
#nav li.active ul li a:active{ color: #3ab54a; background: #fafafa; }

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

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

#welcome-box{
	/*padding: 240px 0 0 0;
	background: url(../img/welcome.jpg) no-repeat 0 0;*/
}
.hand{
	padding: 240px 0 0 0;
	background: url(../img/welcome.jpg) no-repeat 0 0;
}
#content h2{
	margin: 0 15px 0.5em 15px;
	font: normal 2em Arial, sans-serif;
clear: both;
}
#content h3{
	margin: 25px 15px 0.4em 15px;
	font: bold 1.6em Arial, sans-serif;
clear: both;
}
#content a, a:active, a:focus { color: #3ab54a; background: #fff; }
#content a:hover{ color: #fff; background: #3ab54a; text-decoration: none; }
#welcome-box p{
	margin: 0 15px 1em 15px;
	font-size: 1.4em;
}

.post h2{
	margin: 0 15px 1em 15px;
	font: normal 1.8em Arial, sans-serif;
}
.post .date{
	display: block;
	margin: 0 15px 1em 15px;
	font-sie: 1.2em;
}
.post p{
	margin: 0 15px 1em 15px;
	font-size: 1.4em;
}
#content ul{
	margin: 0 25px 1.5em 25px;
	padding: 15px 15px 15px 30px;
	font-size: 1.4em;
	list-style: disc;
	border: 1px solid #ccc;
	background: #efefef;
}
#content ul li{ float: none; }
#content ul ul{ font-size: 1em; }
#content ul ol{ font-size: 1em; }
#content ul p{ font-size: 1em; }
#content ol{
	margin: 0 25px 1.5em 25px;
	padding: 15px 15px 15px 30px;
	font-size: 1.4em;
	list-style: decimal;
	border: 1px solid #ccc;
	background: #efefef;
}
#content ol ul{ font-size: 1em; }
#content ol ol{ font-size: 1em; }
#content ol p{ font-size: 1em; }

#content #services-links{
	margin: 2em 0 2em 0; padding: 0;
	font-size: 1.4em;
	list-style: none;
	border: 0;
	background: #fff;
}
#content #services-links li{ 
	float: left;
	margin: 0; padding: 0;
}

#content ol li, #content ul li{ 
margin-bottom: 0.5em;
}

.post .ddsg-wrapper ul{
	margin: 0 15px;
	list-style: none;
}
.post .ddsg-wrapper ul li{ margin: 10px 0 0 0; }

.search-results h2{
	margin: 0 15px 1em 15px;
	font: normal 1.8em Arial, sans-serif;
}
.search-results h3{
	margin: 0 15px 0 15px;
	font: normal 1.5em Arial, sans-serif;
}
.search-results .date{
	display: block;
	margin: 0 15px 1em 15px;
	font-sie: 1.2em;
}
.search-results p{
	margin: 0 15px 1em 15px;
	font-size: 1.4em;
}

.navigation{
	margin: 15px;
	font-size: 1.4em;
}
.navigation .alignleft{ float: left; }
.navigation .alignright{ float: right; }

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

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

.block{
	padding: 13px 10px 0 10px;
	background: #d8d8d8 url(../img/block-top.gif) no-repeat 0 0;
}
.block-bottom{
	width: 100%; height: 13px;
	margin: 0 0 10px 0;
	background: url(../img/block-bottom.gif) no-repeat 0 0;
}

.block h2{
	padding: 10px 20px;
	font: normal 1.8em Arial, sans-serif;
	text-align: center;
}
.block h2.contact{ background: url(../img/ico-contact.gif) no-repeat 0 0; }
.block h2.news{ background: url(../img/ico-news.gif) no-repeat 0 0; }
.block h2.partners{ background: url(../img/ico-partners.gif) no-repeat 0 0; }
.block h2.links{ background: url(../img/ico-links.gif) no-repeat 0 0; }

.contact-form input.text,
.contact-form textarea{
	display: block;
	width: 95%;
	margin: 0 auto 10px auto; padding: 0.2em;
	color: #666;
	font: normal 1.4em "Trebuchet MS", Tahoma, Verdana, Arial, sans-serif;
	border: 1px solid #3ab54a;
}
.contact-form input.submit{
	display: block;
	width: 100px;
	margin: 0 auto; padding: 0.2em 0;
	color: #fff; background: #3ab54a;
	font: normal 1.4em "Trebuchet MS", Tahoma, Verdana, Arial, sans-serif;
	text-align: center;
	border: none;
}
p.thanks{ font-size: 1.8em; border: 1px solid #3ab54a;
padding: 15px; margin: 0 25px; background: #d8f0db; color: #3ab54a;}

.events-list li{
	margin: 10px 10px 0 10px;
	font-size: 1.4em;
}
.events-list li small{
	display: block;
	margin: 0 0 0.5em 0;
	font-size: 0.8em;
}

.partners-list li{
	float: left;
	width: 50%;
	margin: 10px 0 0 0;
	text-align: center; font-size: 1.4em;
}
.partners-list li img{ margin: 0 auto; }

.links-list li{
	margin: 10px 10px 0 10px;
	font-size: 1.4em;
}

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

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

#bottom-nav{
	margin: 0 0 10px 0;
	text-align: center;
}
#bottom-nav li{
	display: inline;
	padding: 0 0 0 10px;
	background: url(../img/dot.gif) no-repeat 3px 50%;
	font-size: 1.4em;
}
#bottom-nav li.first-child{ background: none; }

#footer p{
	margin: 0 0 10px 0;
	text-align: center; font-size: 1.4em;
}

.credits{
display: none;
}

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

/* Newsflash */

#notice{
border: 1px solid #3ab54a;
width: 600px;
height: 500px;
z-index: 500;
background: #efefef;
position: absolute;
text-align: center;
margin-left: 85px;
margin-top: 50px;
color: #787878;
background: #fff url(../img/flashbg.jpg) repeat-x 0 0;
}

#notice h2{
margin: 0;
padding: 80px 60px 25px 60px;
font-size: 20px;
color: #666;
font-weight: bold;
}

#notice a { color: #3ab54a; font-weight: bold; }

#notice p{
font-size: 16px;
color: #666;
font-weight: normal;
padding: 0 70px;
margin: 0 0 15px 0;
}

a.close{
position: absolute;
top: 460px;
margin-left: 15px;
text-align: left;
width: 160px;
display: block;
font-size: 16px;
height: 30px;
color: #666;
font-weight: normal;
padding: 0 0 0 30px;
background: #fff url(../img/close.jpg) no-repeat; 
}
a.close:hover{
position: absolute;
top: 460px;
margin-left: 15px;
text-align: left;
width: 160px;
display: block;
font-size: 16px;
height: 30px;
color: #666;
font-weight: normal;
padding: 0 0 0 30px;
background: #fff url(../img/close.jpg) no-repeat; 
}