body {
	padding: 0;
	margin: 0;
	font-family: arial, "Luxi sans", verdana, sans-serif;
    background: #000 url(/images/body_bg.jpg) no-repeat fixed 50% 0;}
    
    body.profile {
        background: #000 url(/images/body_profile_bg.jpg) no-repeat fixed 50% 0;}
        
    body.services {
        background: #000 url(/images/body_services_bg.jpg) no-repeat fixed 50% 0;}
        
    body.newsletter {
        background: #000 url(/images/body_newsletter_bg.jpg) no-repeat fixed 50% 0;}
    
    body.tips {
        background: #000 url(/images/body_tips_bg.jpg) no-repeat fixed 50% 0;}

@font-face {
    font-family: 'nevisBold';
    src: url('/css/fonts/nevis-webfont.eot');
    src: url('/css/fonts/nevis-webfont.eot?#iefix') format('embedded-opentype'),
         url('/css/fonts/nevis-webfont.woff') format('woff'),
         url('/css/fonts/nevis-webfont.ttf') format('truetype'),
         url('/css/fonts/nevis-webfont.svg#nevisBold') format('svg');
    font-weight: normal;
    font-style: normal;}

#notification {
	display: none;
    float: left;
    width: 100%;
    font-size: 0.9em;
    background: #deff00;
    border-bottom: 1px solid #000;
    padding: 0.2em 0;
    text-align: center;
    box-shadow: 0 0 2px #000;
    -moz-box-shadow: 0 0 2px #000;
    -webkit-box-shadow: 0 0 2px #000;}
    
img {
	border: 0;
	vertical-align: bottom;}
	
a {
	color: #000;
	font-weight: bold;
	text-decoration: none;}

a:hover {
    text-decoration: underline;
    color: #5dae00;}

a:focus {
    outline: none !important;}
    
p {
	margin: 0 0 1.4em 0;
	line-height: 1.5em;}
	
h2 {
    width: 100%;
    color: #fff;
    font-weight: normal;
    font-size: 1.4em;
    font-family: nevisBold, arial, sans-serif;
    text-transform: lowercase;}
    
    h2 span {
        display: block;
        text-transform: lowercase;
        color: #5dae00;
        margin-top: -0.13em;
        line-height: 1;
        font-size: 4em;}

        #ie6 h2 span {
            position: relative;
            line-height: 1;
            margin-top: -0.3em;}
            
h3 {
    font-size: 1.5em;
    color: #5dae00;
    font-weight: normal;
    padding: 0;
    margin: 0 0 0.2em 0;
    font-family: nevisBold, arial, sans-serif;}

.green {
    color: #5dae00;}
            
#header {
	position: relative;
	float: left;
	width: 100%;
	margin-bottom: 5px;
	overflow: hidden;}
    
    #ie6 #header {
        float: left;
        width: 100%;}
    
    #header .top {
        position: relative;
        float: left;
        width: 100%;
        top: -13px;
        margin-bottom: -13px}
        
	#logo {
		position: relative;
		margin: 0 0 0 45px;
        float: left;
        width: auto;
        border-radius: 13px;
        -moz-border-radius: 13px;
        -webkit-border-radius: 13px;
        behavior: url('/css/PIE.htc');
        padding: 18px 8px 15px 10px;
        background: #fff;}
	            
        #logo h1 {
            margin: 0;
            padding: 0;
            text-align: center;}
            
        #logo a {
            background: transparent;
            text-align: center;}
	
	#social {
		position: absolute;
	    right: 10px;
	    bottom: 0;}
	       
	    #social ul li {
	        float: left;
	        margin: 0 4px;}
	        
	        #social ul li a {
	            width: 100%;}
	            
            #social div.addthis_toolbox a {
                color: #fff;}
                
                #social div.addthis_toolbox a:hover {
                    color: #fff;}
                
        
    
#navigation {
    position: relative;
    top: 15px;
    float: left;
    width: 100%;
    clear: both;
    background: #fff;
    padding: 18px 0 21px 0;
    border-radius: 13px;
    -moz-border-radius: 13px;
    -webkit-border-radius: 13px;
    behavior: url(/css/PIE.htc);
    margin: 0 0 5px 0;}
    
    #navigation ul {
        float: right;
        margin-right: 60px;}
        
        #navigation ul li {
            float: left;
            padding: 0;
            margin: 0;}
            
            #navigation ul li a {
                font-size: 1.1em;
                font-weight: bold;
                padding: 0 .7em;
                letter-spacing: .06em;
                background: transparent;
                color: #000;
                border-left: 2px solid #000;}
                
                #navigation ul li:first-child a, #navigation ul li a.first {
                    border: none;}
                
                #navigation ul li a:hover {
                    color: #5dae00;}
                        
#content {
	position: relative;
	float: left;
	width: 90%;
	height: 100%;
    min-height: 150px;
    padding: 4% 5%;
    color: #fff;
    background: transparent url(/images/28_opaque_white.png) repeat 0 0;}
    
    #content #loading {
	    position: absolute;
	    z-index: 30;
	    left: 50%;
	    top: 40%;
	    width: 120px;
	    height: 120px;
	    margin: -60px 0 0 -60px;
	    background: transparent url(/images/loading_bg.png) no-repeat 50% 50%;}
    
        #content #loading img {
            position: relative;
            margin: 42px 0 0 35px;}
            
        #content #loading p {
            margin: 10px 0 0 0;
            font-weight: bold;
            color: #fff;
            text-align: center;
            width: 100%;} 
            
    #content #contentWrapper {
        float: left;
        width: 92%;
        padding: 2% 4%;
        background: transparent url(/images/95_opaque_brown.png) repeat 0 0;}
        
    #content #contentWrapper #contentHeader {
        float: left;
        width: 100%;
        padding: 0 0 0.5em 0;
        margin: 0 0 1em 0;
        min-height: 100px;
        border-bottom: 2px solid #5dae00;}
        
        #content #contentWrapper #contentHeader .rightColumn {
            padding-top: 3.0em;}
        
    #content .leftColumn {
        float: left;
        clear: both;
        width: 54%;
        padding: 0 2%;}
        
    #content .rightColumn {
        float: left;
        width: 39.5%;
        padding: 0 0 0 2%;}
    
    
    #content a {
	    color: #fff;
	    font-weight: bold;
	    text-decoration: none;
	    padding: 0.2em 0.4em;
	    background: #000;}

    #content a:hover {
        color: #5dae00;}
    
    #content ul, #content ol {
	    margin-top:0;
	    margin-bottom:1.5em;}
	
	#content li {
	    margin:0 0 .8em 0;}
	    
	#content p {
	    margin:0 0 1.75em 0;}
	        
	#content table {
	    border-collapse:collapse;
	    margin:1em 0;}
	    
	#content table th {
	    font-weight:bold;}
	    
	#content table td {
	    padding:.2em .4em;}
	    
	#content .listSeparator {
	    margin:0 0 2em 0;
	    height:1px;
	    border-bottom:1px solid #737373;}
    
        
        
        
#footer {
	float: left;
	clear: left;
	width: 100%;
    padding: 13px 0 35px 0;
    text-align: left;
    background: #221f1d;}
    
    #footer .liquidExpander {
        position: static;}
        
    #footer .liquidWrapper {
        width: 99%;
        padding: .5% .5% 2% .5%;}
        
    #footer .columnWrapper {
        float: left;
        width: 100%;
        overflow: hidden;}
        
    #footer .column {
        float: left;
        width: 31%;
        margin: 0 .7%;
        height: 100%;
        padding: 0 0 10000px 0;
        margin-bottom: -10000px;
        background: #fff;}
        
        #ie6 #footer .column {
        	width:  31.5%;}
        
        #footer .rightColumn {
            padding-top: 0;
            background: transparent;}
        
            #footer .rightColumn a {
                color: #fff;}
                
                
        #footer h2 {
            width: 100%;
            color: #fff;
            font-size: 1.5em;
            margin: 0;
            line-height: 1;
            padding: 0 0 10px 0;
            text-align: right;
            background: #221f1d;}
            
            #footer h2 span {
                font-size: 100%;
                font-family: arial, "Luxi Sans", verdana, sans-serif;
                color: #fff;
                line-height: 1;
                padding: 0.4em 0;
                background: #5dae00;}
                
                #footer h2 span span {
                    display: inline;
                    font-family: nevisBold, arial, sans-serif;
                    padding: 0 0.5em 0 0;}
            
            
            #footer .column p {
                margin: .4em 30px 1.5em 40px;}
                
            #footer .column ul {
                margin-right: 30px;}
            
            #footer .column ul li {
                margin: .2em 0;}
                
            #footer .column a.fullStory {
                clear: both;
                float: right;
                margin: 0 30px 10px 0;}
                
                
            div.newsletterSignup {
                float: left;
                width: 95%;
                padding: 0 0 0.5em 0;
                background-color: #4b6232;}
                    
                #footer div.newsletterSignup h2 {
                    float: left;
                    width: 80%;
                    background: transparent;
                    text-transform: lowercase;
                    padding: 30px 15% 0 5%;
                    margin: 0;
                    line-height: normal;
                    min-height: 67px;
                    background: transparent url(/images/logo_leaves.png) no-repeat 100% 0;}
                
                    div.newsletterSignup ol.form {
                        width: 95%;
                        padding: 0 2.5%;}
                        
                        div.newsletterSignup ul.formActions {
                            width: 92%;
                            padding-right: 4%;}
                            
                            div.newsletterSignup ul.formActions li {
                                margin: 0;}
                            
                    div.newsletterSignup label {
                        clear: both;
                        padding: .2em .5em 0 0;
                        color: #fff;}
                        
                    div.newsletterSignup input[type=text] {
                        padding: .2em 0;
                        margin: 0 0 .2em 0;
                        border: none;}
                        
                    div.newsletterSignup .ten24MailingListSubscriptionSubmit,
                    div.newsletterSignup .ten24MailingListSubscriptionSubmit:hover {
                        width: 107px;
                        height: 22px;
                        border: none;
                        background: transparent url(/images/bn_newsletter_signup.png) no-repeat 0 0;}
                            
                        #ie6 div.newsletterSignup input {
                        	width: 50%;}
                        	
                    div.newsletterSignup ol.form li {
                        margin: 0 0 .5em 0;}
                        
                    div.newsletterSignup ol.form li div.formError {
                        color: #fff;
                        margin-left: 34.5%;
                        text-shadow: #5fae00 0 0 4px;}
            
            
            #footer .contact {
                margin: 0 0 1em 0;
                color: #fff;}
                
                #footer .contact h2, #footer .contact h2 span {
                    background: transparent;
                    text-align: left;
                    color: #5dae00;}
                    
                    #footer .contact h2 {
                        padding: 0;
                        margin: 0;}
                    
                    #footer .contact h2 span span {
                        color: #fff;}
                    
                #footer .contact p {
                    margin: 0;}
                    
div.copyright {
	background: #958c83;
	padding-bottom:50px;}
	                
#copyright {
    width: 100%;
    background: #fff;
    color: #5dae00;
    padding: 20px 0 20px 0;}
    
    #copyright p {
        font-size: .9em;
        text-align: right;
        line-height: 1;
        margin: 0 2em .3em 0;}