html, body{margin:0; padding:0;}
body{color:#575757; background:#fff; font:62.5% Verdana, sans-serif;}
img{border:none;}
body#body{text-align:center;}
#container{margin:0 auto; text-align:left; width:750px; margin-bottom:50px;}
#header{height:135px; background:#009999; color:#fff; position:relative; margin-bottom:5px;}
#header h1{width:437px; height:22px; text-indent:-9999px; background:url(slogan.png) no-repeat; left:27px; top:21px; position:absolute; margin:0; padding:0;}
#header h1{ behavior: url(images/iepngfix.htc) }

body.What #header, body.What h2{background:#D50045;}
body.Volunteering #header, body.Volunteering h2{background:#F9D34D;}
body.Community #header, body.Community h2{background:#8CDC77;}
body.Spare #header, body.Spare h2{background:#90D7D0;}
body.Practical #header, body.Practical h2{background:#106FA1;}
body.Where #header, body.Where h2{background:#7A55CE;}
body.Monthly #header, body.Monthly h2{background:#DA0386;}

body.Forums #header, body.Forums h2{background:#F93F3F;}
body.News #header, body.News h2{background:#D7F94D;}
body.Usefull #header, body.Usefull h2{background:#35B8CB;}
body.How #header, body.How h2{background:#9590D7;}
body.Contact #header, body.Contact h2{background:#FBC73C;}
body.Funding #header, body.Funding h2{background:#5FEAC5;}
body.Job #header, body.Job h2{background:#BC5DA7;}


a{color:#009999;}


#logo{position:absolute; right:15px; top:14px;}
#h-content-area{position:absolute; width:437px; height:50px; left:27px; top:48px; font:bold 120% Helvetica Neue, Helvetica, Arial, sans-serif;}
.phone{position:absolute; top:108px; left:27px; font:180% Helvetica Neue, Helvetica, Arial, sans-serif;}

#content{width:499px; float:right; font-size:110%; line-height:150%;}
#sidebar{width:245px; float:left; font-size:110%; }
#footer{clear:both; border-top:6px solid #fff; font-size:90%; color:#717171;}
#txt{margin:9px;}
p{margin:0; padding:0; line-height:180%; margin-bottom:1em;}

h2{font-size:145%; margin:0; padding: 3px 9px; color:#fff; background:#009999; clear:both;}
h3{font-size:109%; margin:0; padding:0; padding-top:4px; padding-bottom:12px;}
h4{font-size:109%; margin:0; padding:0;}
h6{ margin:0; padding:0;}
form{margin:0; padding:0;}
input{margin:0; padding:0; vertical-align:middle; font-size:110%;}
fieldset{border:none; margin:0; padding:0; padding-left:55px; padding-top:15px; position:relative;}
legend{display:none;}
label strong{float:left; margin-left:-55px; width:50px; text-align:right;}
#search{border:1px solid #CACACA; padding-bottom:10px; margin-bottom:6px;}
#search-field{width:130px; border:1px solid #CACACA; padding:1px;}
input.submit, button.submit{background:#8A8889; border:none; padding:1px 8px; font-weight:bold; color:#fff; font-size:110%;}

button.submit{padding:0 8px; height:18px; font-size:100%;}

form.form-contact{width:400px; margin:0px 0 20px;}
form.form-contact br{display:none;}
input.text, .textarea, input.text3{border:1px solid #CACACA; padding:1px; width:100%; font:1em Verdana, sans-serif;}
.textarea{height:80px;}
form.form-contact input.submit{margin-left:150px; background:#8A8889; border:none; padding:1px 8px; font-weight:bold; color:#fff;}
.red{color:#D50045;}
form.form-contact fieldset{padding-left:0;}
form.form-contact label {display:block; padding-bottom:5px; padding-left:150px;}
form.form-contact label.error input.text, form.form-contact label.error textarea{border:1px solid #D50045;}
form.form-contact label strong{float:left; margin-left:-150px; width:140px; display:inline;}

ul#l-nav{margin:0; padding:0; list-style:none; margin-bottom:6px; }
ul#l-nav li{line-height:100%; font-size:109%; font-weight:bold; padding:0; height:1%;  border:1px solid #D4D4D4; margin-bottom:2px; background:url(corner.gif) 100% 100% no-repeat; text-transform:lowercase;}
ul#l-nav li a, ul#l-nav li strong{color:#545454; text-decoration:none; display:block; padding:7px 10px;}
ul#l-nav li li a{color:#7D7D7D; text-decoration:underline; padding:2px 10px;}

ul#l-nav ul{margin:0; padding:0; list-style:none; margin-top:4px; margin-left:15px; padding-bottom:7px;}
ul#l-nav li li{border:none; background:none;}


ul#l-nav li.What {border-color:#D50045;}
ul#l-nav li.Volunteering {border-color:#F9D34D;}
ul#l-nav li.Community {border-color:#8CDC77;}
ul#l-nav li.Spare {border-color:#90D7D0;}
ul#l-nav li.Practical {border-color:#106FA1;}
ul#l-nav li.Where {border-color:#7A55CE;}
ul#l-nav li.Monthly {border-color:#DA0386;}

ul#l-nav li.Forums {border-color:#F93F3F;}
ul#l-nav li.News {border-color:#D7F94D;}
ul#l-nav li.Usefull {border-color:#35B8CB;}
ul#l-nav li.How {border-color:#9590D7;}
ul#l-nav li.Contact {border-color:#FBC73C;}
ul#l-nav li.Funding {border-color:#5FEAC5;}
ul#l-nav li.Job {border-color:#BC5DA7;}




#print{border:1px solid #CACACA; background:url(corner.gif) 100% 100% no-repeat; position:relative; margin:0; padding:10px; margin-bottom:6px; list-style:none; padding-bottom:2px;}
#print li{padding:0; margin:0; line-height:100%; width:100%;}
#print li span{display:block; padding:5px 0 12px; padding-left:27px;}
#print li#etf span{background:url(mail.gif) 5px 5px  no-repeat;}
#print li#ptp span{background:url(print.gif) 5px 8px  no-repeat; padding-top:8px;}
#print li a{color:#B9B9B9; text-decoration:underline;}
#print li#etf{background:url(ptp.gif) 0 100% repeat-x;}



#downloads{border:1px solid #CACACA; background:url(corner.gif) 100% 100% no-repeat; position:relative; margin-bottom:6px; padding-top:25px;}
#downloads h4{position:absolute; width:245px; padding:3px 0; left:-1px; top:-1px; background:#8A8889; text-indent:19px; color:#fff;}
#downloads ul{margin:0; padding:0; list-style:none;  padding:0 19px 10px;}
#downloads li{margin-bottom: 5px; background-repeat:no-repeat; background-position:0 4px; padding-left:20px; padding-bottom:5px; padding-top:2px;}
#downloads a{color:#404040;}

#latest{border:1px solid #CACACA; background:url(corner.gif) 100% 100% no-repeat; position:relative; margin-bottom:6px; padding:35px 0 15px;}
#latest h4{position:absolute; font-size:145%; width:245px; padding:3px 0; left:-1px; top:-1px; background:#D50045; text-indent:19px; color:#fff;}
div.news{margin:0 15px 10px 10px;}
div.news strong.news-name{display:block; margin-bottom:7px; color:#D50045;}
div.news a{color:#D50045;}

body.Monthly strong.news-name{ margin-bottom:0; font-size:120%;}
body.Monthly strong.news-name a{}
em.day{font-weight:bold; font-size:100%; font-style:normal; color:#999; display:block; margin-bottom:0px;}
body.Monthly div.news{margin-bottom:20px;}

div.training_block{text-align:center; padding:10px;} 
div.training_block a{font-weight:bold; font-size:130%;}
.backy{margin:10px 0;}

#copy{background:#717171; color:#fff; padding:5px 0;}

#f-nav{margin:0; padding:0; list-style:none; float:right; display:inline; margin-right:5px; margin-top:0px;}
#f-nav li{display:inline; border-left:1px solid #fff; padding:0 5px; padding-left:4px; line-height:120%;}
#f-nav li a{color:#fff;}
address{font-style:normal; padding-left:14px;}
#xplode{color:#717171; float:right; margin:4px 10px; display:inline; font-weight:bold;}
#c{margin:4px 10px; margin-right:150px;}

div.snippet{float:left; width:245px; margin-right:9px; margin-bottom:6px;}
#snip2{margin-right:0;}

div.snippet div{border:1px solid #D4D4D4;  background:url(corner.gif) 100% 100% no-repeat; padding:7px 10px; color:#404040; font-size:109%; font-weight:bold; letter-spacing:-1px;}
div.snippet div a{color:#009999; text-decoration:none; margin-left:5px;}


.contact_form{margin:20px 0;}
#contact_form input, #contact_form select{border:1px solid #CACACA; padding:1px; width:219px; font:1em Verdana, sans-serif;}
#contact_form select{width:222px;}

#contact_form textarea{height:14px; font:1em Verdana, sans-serif; width:219px; border:1px solid #CACACA; padding:1px; overflow:hidden; vertical-align:middle;}
#contact_form input.submit{width:auto; border:none;}

div.typelist{padding-left:40px; margin:5px 0; text-indent:-3px;}
div.typelist strong{float:left; margin-left:-40px; width:30px; padding-left:3px;}

div.hr1 hr{display:none;}

div.hr1{margin:15px 0; border-top:1px solid #cacaca; font-size:1px; line-height:1px; height:1px;}

h3.directory{background:#7A55CE; padding:1px 10px; color:#fff; margin:10px 0;}

a.croplink {width:100%; display:block; overflow:hidden;}