/*
Theme Name: Friend of the Human race
Theme URI: http://www.makeonline.co.uk
Description: 
Version: 1.0
Author: Kim Lawler
Author URI: http://www.makeonline.co.uk


*/


/*-------------------------------------------------------------------
## HTML ELEMENTS START HERE */

body {
	padding: 0;
    margin: 0;
	background-color: #EAF3F9;
	line-height: 0.7em;
	color: #222222;
    height:100%;
    font: normal normal normal 12px/140% Arial, Helvetica, sans-serif;
}

hr {
	display:block;
	clear:both;
	visibility:hidden;
	height: 0;
	width: 100%;
	margin: 0px;
	padding: 0px;
	border: none;
}

dl {
	margin: 0px 22px;
}

dl dd {
	margin: 0 0 0 0;
}

dl dt {
	font-size: 1.3em;
	font-weight: bold;
}

h1 {
	display: block;
	float: left;
	width: 100%;
	margin: 5px 0;
	font: normal normal normal 2.4em/1.0em Arial, Helvetica, sans-serif;
	text-indent: 10px;
	letter-spacing: 0.25em;
}

h2 {
	display: block;
	width: 100%;
	margin: 0 0 10px 0;
	font: normal normal normal 1.8em/1.0em Arial, Helvetica, sans-serif;
}

h3 {
	display: block;
	width: 100%;
	margin: 0 0 3px 0;
	padding: 0;
	font: normal normal normal 1.4em/1.0em  Arial, Helvetica, sans-serif;
}

h4 {
	display: block;
	margin: 0;
	padding: 0;
	font: normal normal normal 1.4em/1.0em Arial, Helvetica, sans-serif;
}

a {
	text-decoration: underline;
    color: #333333;
    outline: none;
}

a:hover {
	text-decoration: none;
}

a:active{
    outline: none;
}

img {
	border: none 0px;
}

p {
	margin: 0 0 10px 0;
	font: normal normal normal 12px/140% Arial, Helvetica, sans-serif;
}

pre {
	font-size: 1.1em;
}

table,td,th {
	border: none 0;
}

td {
	text-align: left;
	vertical-align: top;
}

th {
	text-align: left;
	vertical-align: middle;
}

ul, dl, ol {
	display: block;
	margin: 0 12px 12px 6px;
	padding: 0;
}

	ul.linkList {
		padding: 0 0 0 0;
		}

		ul.linkList li {
			margin: 0 0 4px 0;
			list-style: none;
			}
			
			ul.linkList li a {
				padding: 3px;
				background: #333333;
				color: #ffffff;
				font: normal normal bold 0.8em/1.0em Arial, Helvetica, sans-serif;
				text-decoration: none;
				text-transform: uppercase;
				}
			
			ul.linkList li a:hover {
				background: #ff0000;
				}

li, dt, dd {
	list-style:disc inside;
}

/*-------------------------------------------------------------------*/

/*-------------------------------------------------------------------
## MAIN LAYOUT BLOCKS START HERE

REMEMBER... the crux of this layout is a columns based format, centrally aligned, which is optimised
for 1024 x 768 but degrades gracefully to support 800 x 600 as long as no more than 12-columns are
used. The ideal is 12-col + stacked 3-cols, where the 3-cols should contain supplementary content
or advertising that will wrap beneath the 12-col block on smaller screens.

*/


.pageBlock{
    width:960px;
    margin: 0 auto;
    background: url('images/drop-shadow.gif') top right repeat-y;
}/* used for drop shadow bg */

/* header */
.blockHeader {
	display: block;
	position: relative;
	width: 842px;
    padding: 30px 56px 0 56px;
	margin: 0 auto;
	border-right: 1px solid #C7DFEF;
    border-left: 1px solid #C7DFEF;
	background-color: #FFFFFF;
}

    .blockHeader h1{
        margin: 0;
        float: left;
        display: block;
        width: 274px;
        height:108px;
    }
    
        .blockHeader h1 a{
            text-indent: -10000px;
            display: block;
            width: 274px;
            height:108px;
            background: url('images/header-logo.gif') top left no-repeat;
        }
        
     .blockHeader h2{
        margin: 0;
        text-indent: -10000px;
        float: right;
        display: block;
        width: 327px;
        height:108px;
        background: url('images/header-text.gif') top left no-repeat;
    }

/* central wrapper */
.blockContent {
	display: block;
	width: 842px;
    padding: 30px 56px 5px 56px;
	margin: 0 auto;
	border-right: 1px solid #C7DFEF;
    border-left: 1px solid #C7DFEF;
	background-color: #FFFFFF;
	text-align: left;
}

/* footer */
.blockFooter {
	display: block;
	clear: both;
	width: 842px;
    padding: 30px 56px 5px 56px;
	margin: 0 auto;
	border-right: 1px solid #C7DFEF;
    border-left: 1px solid #C7DFEF;
	background-color: #FFFFFF;
}

/*-------------------------------------------------------------------*/

/*-------------------------------------------------------------------
## NAVIGATION STYLES START HERE */

ul.nav{
    height: 50px;
    border-bottom: 2px solid #38BB7C;
    margin: 0;
    padding-top: 30px;
}

ul.nav li{
    float: left;
    position:relative;
    list-style: none;
    margin-right: 5px;
}

    ul.nav li a{
        float: left;
        display: block;
        color: #38BB7C;
        height: 50px;
        padding: 0 0 0 10px;
        text-decoration: none;
        font: normal normal normal 16px/100% Arial, Helvetica, sans-serif;
        position:relative;
    }
    
    ul.nav li a span{
        display: block;
        height: 30px;
        float: left;
        padding: 20px 10px 0 0;
    }
    
    ul.nav li a:hover, ul.nav li.current_page_item a, ul.nav li.current_page_ancestor a, ul.nav li.current_page_parent a{
        background: #2BB673 url('images/tab-nav-left.gif') top left no-repeat;
        color: #FFFFFF;
    }
    
    ul.nav li a:hover span, ul.nav li.current_page_item a span, ul.nav li.current_page_ancestor a span, ul.nav li.current_page_parent a span{
        background: #2BB673 url('images/tab-nav-right.gif') top right no-repeat;
       }
       
ul.nav li ul{
    position:absolute;
    top: 50px;
    display:block;
    background: #2BB673;
    clear:both;
    margin:0;
    z-index:100;
    width:200px;
    display:none;
    }    
    
    ul.nav li ul li{
        float:none;
    }   

    ul.nav li ul li a, ul.nav li.current_page_item ul li a{
        background:none;
        float:none;
        color: #ffffff;
    }
    
    ul.nav li ul li a span, ul.nav li.current_page_item ul li a span{
        background:none;
    }
       

ul.nav li.searchForm{
    float: right;
    clear:right;
    margin-right: 0;
    padding: 20px 0 0 0;
}
       
ul.nav li.searchForm form label{
    display: none;
    
}

ul.nav li.searchForm form input.text{
    border:0 !important;
    padding: 4px 0 2px 7px;
    width: 144px;
    *width:146px;
    display:block;
    float: left;
    height:16px;
    font: normal normal normal 11px/100% Arial, Helvetica, sans-serif;
    color: #63A5D3;
    background:url('images/search-bar.gif') top left no-repeat !important;
    
}

ul.nav li.searchForm form #searchsubmit{
    display:block;
    float: left;
    width: 15px;
    margin-left:5px;
}

.blockFooter ul.nav{
    border-top:2px solid #ACE2C8;
    border-bottom: none;
    height:20px;
}


.blockFooter ul.nav li{
    margin-right: 0px;
}

    .blockFooter ul.nav li a{
        color: #2BB573;
        height: 20px;
        padding: 0;
        font: normal normal normal 11px/100% Arial, Helvetica, sans-serif;
        
    }
    
    .blockFooter ul.nav li a, .blockFooter ul.nav li a:hover {
            background: none;
            color: #2BB573;
            padding: 0 7px 0 0;
            text-decoration: none;
        }
        
   .blockFooter ul.nav li a em{
       color: #2BB573;
       margin-right:7px;
       font-style: normal;
   }
    
   .blockFooter ul.nav li a:hover em, .blockFooter ul.nav li.current_page_item a em{
        background: none;
        text-decoration: underline;
        
    }
    
    

/*-------------------------------------------------------------------*/
/*-------------------------------------------------------------------
## SIDEBAR */

ul.sidebar{
    width:270px;
    margin: 0;
    background: #DBEAF5;
}

       ul.sidebar h3{
           background: url('images/sidebar-head.gif') top left no-repeat;
           color: #FFFFFF;
           text-transform: lowercase;
           font: bold normal normal 18px/120% Arial, Helvetica, sans-serif;
           padding: 15px 0 4px 20px;
           margin: 0;
           width: auto;
           height: 31px;
       }
       
       ul.sidebar h4{
           color: #0F75BC;
           text-transform: lowercase;
           display: block;
           padding: 0 0 10px 20px;
           font: bold normal normal 16px/120% Arial, Helvetica, sans-serif;
       }
       
           ul.sidebar li h4{
               padding: 10px 0 0 0;
               
           }
       
       ul.sidebar li{
           list-style: none;
           padding: 0 20px 0 0;
       }
       
       ul.sidebar li img{
           margin-right: 10px;
           display: block;
           width: 130px;
       }

       ul.sidebar li a.view{
            color: #2BB673;
        }
        
       ul.sidebar li a.download{
            color: #0F75BC;
        }
        
        ul.sidebar li p.archive{
            padding: 0 0 0 20px;
            margin:0;
        }
/*-------------------------------------------------------------------
## BLOG AREA */

ul.contentList{
    width:530px;
    float: left;
    background: #E9F8F1;
}

    ul.contentList h3{
           background: url('images/content-list-head.gif') top left no-repeat;
           color: #FFFFFF;
           text-transform: lowercase;
           font: bold normal normal 18px/120% Arial, Helvetica, sans-serif;
           padding: 15px 0 10px 20px;
           width: auto;
           height: 25px;
    }
    
    ul.contentList li{
        list-style: none;
        padding: 20px 25px;
    }
    
        ul.contentList li h4{
            width: 360px;
            float: left;
            padding:0;
            margin: 0 0 15px 0;
        }

        ul.contentList li h4 a{
            text-decoration: none;
            color: #2BB673;
            font: bold normal normal 14px/140% Arial, Helvetica, sans-serif;
            
        }
        
        ul.contentList li small{
            display: block;
            float: right;
            width: 100px;
            padding-top: 5px;
            color: #0F75BC;
            font: normal normal normal 10px/140% Arial, Helvetica, sans-serif;
        }
        
/*-------------------------------------------------------------------
## PAGES */        

.entry{
    background: #E7F1F8 url('images/post-top.gif') top left no-repeat;
    padding: 0;
    border-bottom: 1px solid #FFFFFF;
    margin-bottom: 35px;
    display: block;
    *height: 100%;
    position:relative;
    }

.entry.second{
    background: #DFF4EA url('images/post-top-second.gif') top left no-repeat;
}

.entry.registry, .entry.logos{
    background: #DFF4EA url('images/post-top-registry.gif') top left no-repeat;
}

.entry.logos{
    margin-top:30px;
}

.entry.resources{
    background-image: url('images/bg-resources.gif');
    background-repeat: repeat-y;
    position:relative;
}

    .entry.resources .textcontent{
        padding-top:0px;
        padding-right:0;
        margin-right:0;
        width:360px;
        float:left;
    }
    
        .entry.resources .textcontent strong{
            font-size:16px;
        }
        
        .entry.resources .textcontent h3{
            font: normal bold normal 14px/120% Arial, Helvetica, sans-serif;
            margin-top:20px;
            color: #0E74BB;
        }
        
        .entry.resources .textcontent em{
            font: normal normal normal 12px/120% Arial, Helvetica, sans-serif;
            color: #0E74BB;
        }
    
    
    .entry.resources .mapImage{
        float:right;
        width: 410px;
        position:absolute; 
        top:0;
        right:0;
        overflow:hidden;
    }
    
    .entry.resources .mapImage img.map{
        width: 410px;
        height:auto;
        margin-bottom:10px;
    }
    
    .entry.resources .mapImage span{
        position:absolute;
        top:0;
        right:0;
        background:url('images/corner-rounded.png') top right no-repeat;
        display:block;
        width:22px;
        height:22px;
    }
    
    .entry.resources .mapImage .pageNavi{
        padding:10px;
    }
    
    .entry.resources .mapImage .pageNavi ul{
        border-top:1px solid #D1EEF3;
        margin-top:20px;
        padding-top:10px;
    }
    
    .entry.resources .mapImage .pageNavi ul h3{
        color: #445B60;
        font: normal normal normal 16px/120% Arial, Helvetica, sans-serif;
    }
    
    .entry.resources .mapImage .pageNavi ul li{
        list-style:none;
    }
    
    .entry.resources .mapImage .pageNavi ul li a{
        color: #445B60;
    }
    
    
    .entry.resources h2{
        font: normal bold normal 32px/120% Arial, Helvetica, sans-serif;
        color: #38BB7C;
    }

.resourcesInner{
    background: url('images/post-top.gif') top left no-repeat;
    padding-top:25px;
    display: block;
}

.entry .textcontent{
    padding: 40px 30px 15px 30px;
}

body.home .entry .textcontent{
    padding: 40px 0 0 30px;
    display: block;
    width: 330px;
    float: left;
}

body.page-id-117 .entry .textcontent{
    padding: 40px 0 0 30px;
    display: block;
    width: 414px;
    float: left;
}

body.page-template-page-about-php .entry .textcontent{
    padding: 40px 30px 0 0 ;
    display: block;
    width: 357px;
    float: left;
}

body.page-template-page-what-we-do-php .entry .textcontent{
    padding: 40px 0 0 30px;
    display: block;
    width: 307px;
    float: left;
}

body.page-template-page-what-we-do-php .entry.second .textcontent{
    width: 550px;
}

body.page-template-page-what-we-do-php .entry.registry .textcontent, body.parent-pageid-162 .entry.registry .textcontent, .entry.logos .textcontent{
    padding: 20px 30px 15px 30px;
    width: 380px;
}

body.home .entry.logos .textcontent{
    width: 802px;
    display:block;
    padding:20px;
}

.entry .mainImage{
    float: right;
    display: block;
}

.entry h3{
    color: #2BB673;
    font: bold normal normal 18px/120% Arial, Helvetica, sans-serif;
    margin: 0 0 10px 0;
}

    .entry h3.contact{
        text-transform: lowercase;
        color: #0F75BC;
    }
    
    .entry.registry h3, .entry.logos h3{
        color: #FFFFFF;
        margin: 0 0 50px 0;
    }
    
.entry h4{
    color: #0F75BC;
    font: bold normal normal 18px/120% Arial, Helvetica, sans-serif;
    margin: 0 0 10px 0;
}

span.nametype{
    color:#0F75BC;
}

    span.nametype em{
        font-style: normal;
        color: #2BB673;
    }
    
.mainImageRight{
    float: right;
    display: block;
    margin-left: 40px;
}

.mainImageRight.content{
    width: 355px;
    height:auto;
}

.mainImageLeft{
    float: Left;
    display: block;
    margin-right: 10px;
}

.entry.registry img{
    margin-top: 60px;
}
        
        
.wwdBlock{
    display: block;
    background: #DBEAF5 url('images/wwd-block-header.gif') top left no-repeat;
    width: 400px;
    height: 400px;
    margin-bottom: 30px;
}       

    .wwdBlock img{
        width:400px;
        margin-bottom: 25px;
    } 
    
    .wwdBlock p{
        padding: 0 30px;
    }
    
    

.latestBlock{
    display: block;
    background: #DFF4EA url('images/latest-block-header.gif') top left no-repeat;
    width: 400px;
    height: 400px;
    margin-bottom: 30px;
}

    .wwdBlock h3, .latestBlock h3{
        color: #FFFFFF;
        height:20px;
        font: bold normal normal 18px/120% Arial, Helvetica, sans-serif;
        padding: 15px 0 15px 20px;
        margin: 0;
    }
    
    .latestBlock ul{
        margin-top: 15px;
    }
    
    .latestBlock li {
        list-style: none;
        padding: 10px 30px 5px 30px;
        
    }
    
    .latestBlock li h4{
            width: 200px;
            float: left;
            padding:0;
            margin: 0 0 10px 0;
        }

        .latestBlock li h4 a{
            text-decoration: none;
            color: #2BB673;
            font: bold normal normal 14px/140% Arial, Helvetica, sans-serif;
            
        }
        
        .latestBlock li small{
            display: block;
            float: right;
            width: 100px;
            padding-top: 5px;
            color: #2BB673;
            font: normal normal normal 10px/140% Arial, Helvetica, sans-serif;
        }
        
        .latestBlock li p{
            margin:0;
        }
        
a.more{
        display: block;
        height: 19px;
        background:url('images/read-more.gif') top right no-repeat;
        padding: 0px 15px 0 0;
        margin: 0 30px 0 0;
        text-decoration: none;
        font: normal normal normal 16px/120% Arial, Helvetica, sans-serif;
        color: #0F75BC;
    }
    
a.register{
        display: block;
        height: 19px;
        background:url('images/green-list-arrow.gif') top right no-repeat;
        padding: 0px 19px 0 0;
        margin: 0;
        text-decoration: none;
        font: normal normal normal 16px/120% Arial, Helvetica, sans-serif;
        color: #2BB673;
}

a.enter{
        display: block;
        height: 22px;
        background:url('images/green-list-arrow.gif') center right no-repeat;
        padding: 0px 19px 0 0;
        margin: 0;
        text-decoration: none;
        font: normal bold normal 18px/120% Arial, Helvetica, sans-serif;
        color: #2BB673;
}
    
.contactBlock{
    float: left;
    width: 160px;
    margin: 0 0 20px 0;
}

    .contactBlock.first{
        margin-left: 30px;
        width: 130px;
    }

    .contactBlock.email{
        width: 250px;
    }
    
    .contactBlock h4{
        color: #0F75BC;
        font: normal normal normal 13px/120% Arial, Helvetica, sans-serif;
    }
/*-------------------------------------------------------------------
## FORM STYLES START HERE */

/*-------------------------------------------------------------------*/

/*-------------------------------------------------------------------
## ADMIN STYLES START HERE */

/*-------------------------------------------------------------------*/


/*-------------------------------------------------------------------
## TABLE STYLES START HERE */

table {
	width: 100%;
	margin: 5px 0 0 0;
}

	table tr td, table tr th {
		border-bottom: 1px solid #cccccc;
	    padding: 3px;
	    font: normal normal normal 1.2em/1.0em Helvetica, Arial, sans-serif;
	    vertical-align: middle;
	}
	
	table tr th {
		border-bottom: 1px solid #333333;
		font-weight: bold;
	}

/*-------------------------------------------------------------------*/

/*-------------------------------------------------------------------
## MESSAGE DISPLAY STYLES START HERE */

/*-------------------------------------------------------------------*/

/*-------------------------------------------------------------------
## FUNCTIONAL STYLES START HERE */

/* float clearer */
.fc, .s{
	clear: both;
	visibility: hidden;
	overflow: hidden;
	width: 0;
	height: 0;
	margin: 0;
	padding: 0;
	line-height: 0;
}

.fLeft{
	float: left;
}

.fRight{
	float: right;
}

/*-------------------------------------------------------------------*/

/*-------------------------------------------------------------------
## FOOTER STYLES START HERE */

.blockFooter a {
	color: #5F532F;
}

.footerBlock{
    width: 400px;
    height:150px;
    display: block;
    background: #DBEAF5 url('images/footer-block-header.gif') top left no-repeat;
}



.footerBlock h3.headerone{
    padding: 30px 17px 20px 17px;
    width: 280px;
    color: #2BB673;
    font: bold normal normal 18px/120% Arial, Helvetica, sans-serif;
}

.footerBlock ul{
    margin-left: 0;
}

.footerBlock label{
    display: none;
}

.footerBlock form#subForm input.text{
    border:0;
    margin: 2px 0 0 15px;
    padding: 4px 0 2px 7px;
    width: 270px;
    height:16px;
    font: normal normal normal 11px/100% Arial, Helvetica, sans-serif;
    color: #63A5D3;
    background:url('images/subscribe-email-input-bg.gif') top left no-repeat;
    float: left;
}

.footerBlock form#subForm input.submit{
    float: left;
    width: 90px;
    font: normal normal normal 16px/120% Arial, Helvetica, sans-serif;
    color: #2BB673;
    padding: 0 10px 0 0;
    cursor: pointer;
    border: none;
    background: url('images/subscribe-button-bg.gif') center right no-repeat;
}

.footerBlock .footerEzineImg{
    display: block;
    height: 150px;
    width: 150px;
    margin: 0 20px 0 0;
}

    .footerBlock .footerEzineImg h4{
        background:url('images/block-h3-rounded.png') top left no-repeat;
        color: #FFFFFF;
        padding: 15px 0 0 10px;
        font: bold normal normal 18px/120% Arial, Helvetica, sans-serif;
    }
    
.footerBlock a.more{
    margin: 20px 0 15px 0;
    font-weight: bold;
}    
    
.footerBlock li, .footerBlock p{
    font: normal normal normal 13px/120% Arial, Helvetica, sans-serif;
}

.footerBlock #confirmation{
    font-weight: bold;
    padding: 0 0 0 20px;
}


/*-------------------------------------------------------------------*/

/*-------------------------------------------------------------------
## DEBUG STYLES START HERE */

.blockDebug {
	width: 760px;
	margin: 0 auto;
	border: 1px dashed #999999;
	padding: 0px;
	background-color: #ffffff;
	text-align: left;
}

.blockDebug {
	margin-top: 15px;
}

.blockDebug li strong {
	font-size: 12px;
}

.blockDebug pre {
	color: blue;
	font-size: 11px;
}

/*-------------------------------------------------------------------*/

/*-------------------------------------------------------------------
## REMAINING MISC STYLES START HERE */

ul.pointList{
    float: left;
    width: 240px;
    margin-right: 20px;
    margin-left:0;
}

    ul.pointList li{
        list-style: none;
        list-style-position: outside;
        text-indent: 0;
        margin-bottom: 15px;
        padding: 0 0 0 25px;
        background: url('images/green-list-arrow.gif') top left no-repeat;
        font: normal normal normal 12px/130% Arial, Helvetica, sans-serif;
    }
    

ul.imageList{
    margin: 0;
    padding: 0;
    overflow: hidden;
    display: block;
}

    ul.imageList li{
        list-style: none;
        width: auto;
        display: block;
        overflow: hidden;
        top: 0;
    }

    ul.imageList.fRight li{
        right: 0;
    }
    
    ul.imageList.fLeft li{
        left: 0;
    }
    
    
    /*width/height for every instance */
    ul#homeImages{
        width: 455px;
        height: 375px !important;
    }
    
    ul#aboutImages{
        width: 415px;
        height: 190px !important;
    }
    
    ul#wwdImages{
        width: 447px;
        height: 250px !important;
    }
    
    ul#forumImages{
        width: 358px;
        height: 314px !important;
    }
    
ul.imageList.fRight{
}

ul.imageList.fLeft{
    margin-right: 40px;
}


ul.profilesList{
    display: block;
    width: 625px;
}

    ul.profilesList li{
        list-style: none;
        padding: 1px 0 0 0;
    }
    
    ul.profilesList li h3{
        width: auto;
        float: left;
        color: #FFFFFF;
        height: 24px;
        padding: 3px 15px 0 10px;
        margin: 11px 0 20px 0;
        background: url('images/prof-h3-blue.gif') top right no-repeat;
        font: bold normal normal 16px/120% Arial, Helvetica, sans-serif;
    }
    
    ul.profilesList li h3.green{
        background: url('images/prof-h3-green.gif') top right no-repeat;
    }
    
    ul.profilesList li p{
        padding: 0 0 0 10px;
        float: left;
        width: 400px;
    }



/*-------------------------------
 * REGISTER FORM
 * ------------------------------------*/

.wpcf7 label{
    display: block;
    float: left;
    width:80px;
    margin-right: 10px;
}

    .wpcf7 label.residence{
        width: 120px;
    }

.wpcf7 span.wpcf7-form-control-wrap{
     display: block;
    float: left;
    height: 20px;
    padding: 0 0 0 14px;
    background: url('images/form-field-left.jpg') top left no-repeat;
    margin: 0 0 10px 0;
}

.wpcf7 span.wpcf7-form-control-wrap.prefered-format{
    background: none;
    padding: 0;
    height: auto;
}

.wpcf7 input.text{
    height: 20px;
    background: url('images/form-field-right.jpg') top right no-repeat;
    border: none;
    width: 400px;
}

.wpcf7 input#residence.text{
    width: 360px;
}


.wpcf7 br{
    clear: both;
}

.wpcf7 fieldset{
    border: none;
    width: 550px;
    padding: 0;
}

.wpcf7 h4{
    font: normal normal normal 12px/120% Arial, Helvetica, sans-serif;
    color: #0F75BC;
}

.wpcf7  small{
    color: #0F75BC;
    display: block;
    float: left;
    height: 20px;
    padding-top: 2px;
    font: normal normal normal 12px/120% Arial, Helvetica, sans-serif;
    margin-left: 10px;
}

.wpcf7 p{
    margin: 0 0 30px 0;
    width: 500px;
}

.wpcf7 input.submit{
    font: normal bold normal 17px/120% Arial, Helvetica, sans-serif;
    color: #2BB673;
    padding: 0 20px 0 0;
    cursor: pointer;
    border: none;
    background: url('images/green-list-arrow.gif') center right no-repeat;
}

.contact-title, .ct {color: #38BB7C;}

#rtitle {font-size: 20px;}
.rsubhead {font-size: 14px;}


/*-------------------------------------------------------------------*/