﻿	#logo {
		background: url('new_logo.png');
		position: absolute;
		z-index: 300;
		top: 0px;
		left: 15px;
		width:171px;
		height:409px;
		outline:none;
	}

	#reachout {
		position: absolute;
		top: 30px;
    right: 17px;
    width: 99px;
		height: 64px;
    z-index: 400;
	}
	
	#newsletter {
		position: absolute;
		z-index: 301;
		top:-45px;
		left:0px;
		width:195px;
		height:39px;
	}

	#donate {
		position: absolute;
		z-index: 302;
		top:-45px;
		left:0px;
		width:115px;
		height:39px;
	}
	
	#mission {
		position: absolute;
		z-index: 200;
		width:400px;
		height:400px;
		margin:40px 20px 0 0;
		padding:0;
		top: 0px;
		right: 0px;
		overflow: hidden;
	}
	#mission p {
		color:#fff;
		font-family: Arial;
    	font-size: 1.5em;
    	margin: 4px 0 0 0;
	}

	 /* General styles */
	body {
		background: #afb8bd url('top_nav.jpg') right repeat-y;
        margin:0;
        padding:0;
        border:0;			/* This removes the border around the viewport in old versions of IE */
        width:100%;
        min-width:1000px;    /* Minimum width of layout - remove line if not required */
							/* The min-width property does not work in old versions of Internet Explorer */
		font-size:90%;
    }
	a {
		font-family: Verdana, Tahoma, Arial, sans-serif;
		font-size: 10pt;
    	color:#009900;
	}
/*	a:hover {
		color:#fff; 
		background:#369; 
		text-decoration:none;
	}
*/
	a:visited {
		color:#666666;
	}
    h1, h2, h3 {
        margin:5px 0 0 0;
        padding:0;
        font-family: Verdana, Tahoma, Arial, sans-serif;
        font-size: 1em;
        color:#fff;
    }    
    p {
    	margin: 3px 0 0 0;
    	padding: 3px 0 6px 6px;
    	font-family: Verdana, Tahoma, Arial, sans-serif;
    	font-size: .8em;
    	color:#000;
    }
	img {
		border-style: none;
	}
	/* Header styles */
    #header {
        clear:both;
        float:left;
        width:100%;
        text-align:right;
    }
	#header p,
	#header h1,
	#header h2 {
	    padding:.4em 0 0 0;
        margin:0;
	}
	#header a {
		padding: 0 3px 0 3px;
		text-decoration: none;
		font-family: Arial, Helvetica, sans-serif;
		font-size: .9em;
		font-weight: bold;
		color:#4c4c4c;
	}
	#header a.first:hover {color:#be4ece; text-decoration:none;}
	#header a.second:hover {color:#56AA1C; text-decoration:none;}
	#header a.third:hover {color:#4cacc6; text-decoration:none;}
	#header a.fourth:hover {color:#ec7726; text-decoration:none;}
	#header a.fifth:hover {color:#c83775; text-decoration:none;}
	
	#header_links {		/* Header links - Home | Contact Us */
		float: right;
    padding: 8px 8px 0 0;
    width: 130px;
	}
	
	#header_links a {
		color: #000;
		font-family: Arial, Helvetica, sans-serif;
		font-size: .85em;
		font-weight:normal;
	}
	#nav_align {
		float:right;
	}
	#header ul {
	    clear:left;
	    width:100%;
	    list-style:none;
	    margin:15px 0 0 0;
	    padding:0;
	}
	#header ul li {
	    display:inline;
	    list-style:none;
	    margin:0;
	    padding:0;
	}
	#header ul li a {
	    display:block;
	    float:left;
	    margin:0 0 0 1px;
	    padding:3px 10px 14px;
	    right: 140px;
	    text-decoration:none;
	    position:relative;
		font-size: 13pt;
	}
	/* hover links colors */
	/*
	#header ul li a:hover {
	    background:#369;
		color:#fff;
	}
	#header ul li a.active,
	#header ul li a.active:hover {
	    color:#fff;
	    background:#000;
	    font-weight:bold;
	}
	#header ul li a span {
	    display:block;
	}
	*/

	/* column container */
	.colmask {
		position:relative;		/* This fixes the IE7 overflow hidden bug */
	    clear:both;
	    float:left;
        width:100%;			/* width of whole page */
		overflow:visible;	/* This chops off any overhanging divs */
	}
	/* common column settings */
	.colleft,
	.colmid,
	.colright {
		float:left;
		width:100%;
		position:relative;
	}
	.col1,
	.col2,
	.col3 {
		float:left;
		position:relative;
		padding:0 0 1em 0;
		overflow:hidden;
	}
	/* 3 Column settings */
	#post_container {
		margin-left: 5%;
		margin-right: 5%;
		overflow: visible;
	}

	.posts {
		z-index:300;
		background: url('post.png') no-repeat;
		width:282px;
		height:133px;
		margin: 20px 7px 0 7px;
		overflow:visible;
	}
	
	.textbox {
		margin: 0 5px 0 10px;
		width:252px;
		height:116px;
		overflow: hidden;
	}
}
	
/*	.post1{width:270px; height:60px; padding:0 0 0 15px; border: 1px solid #000;} */
/*	.post2{width:270px; height:60px; padding:0 0 0 15px; border: 1px solid #000;} */
/*	.post3{width:270px; height:60px; padding:0 0 0 15px; border: 1px solid #000;} */

	.threecol {
	/*	background:#eee;		 right column background colour */
	}
	.threecol .colmid {
	/*	right:33%;				 width of the right column */
	/* 	background:#fff;		center column background colour */
	}
	.threecol .colleft {
	/*	right:33%;				 width of the middle column */
	/*	background:#f4f4f4;		 left column background colour */
	}
	
	.threecol .col1 {
	/*	width:29%;				 width of center column content (column width minus padding on either side) 29*/
	/*	left:102%;			 100% plus left padding of center column */
	}
	.threecol .col2 {
	/*	width:29%;				 Width of left column content (column width minus padding on either side) 29*/
	/*	left:39%;				 width of (right column) plus (center column left and right padding) plus (left column left padding) */
	}
	.threecol .col3 {
	/*	width:29%;				 Width of right column content (column width minus padding on either side) 29*/
	/*	left:77%;				 Please make note of the brackets here:
								(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
	}
	/* 3 Column blog style settings */
	.blogstyle {
		background:#eee;		/* right column background colour */
	}
	.blogstyle .colmid {
		right:25%;				/* width of the right column ORIG 25*/
		background:#f4f4f4;		/* center column background colour */
	}
	.blogstyle .colleft {
		right:25%;				/* width of the middle column */
		background:#fff;		/* left column background colour */
	}
	.blogstyle .col1 {
		width:46%;				/* width of center column content (column width minus padding on either side) */
		left:52%;				/* 100% plus left padding of center column */
	}
	.blogstyle .col2 {
		width:21%;				/* Width of left column content (column width minus padding on either side) */
		left:56%;				/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
	}
	.blogstyle .col3 {
		width:21%;				/* Width of right column content (column width minus padding on either side) */
		left:60%;				/* Please make note of the brackets here:
								(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
	}
	/* 2 Column (left menu) settings */
	.leftmenu {
		background:#fff;		/* right column background colour */
	}
	.leftmenu .colleft {
		right:75%;				/* right column width */
		background:#f4f4f4;		/* left column background colour */
	}
	.leftmenu .col1 {
		width:71%;				/* right column content width */
		left:102%;				/* 100% plus left column left padding */
	}
	.leftmenu .col2 {
		width:21%;				/* left column content width (column width minus left and right padding) */
		left:6%;				/* (right column left and right padding) plus (left column left padding) */
	}
	/* 2 Column (right menu) settings */
	.rightmenu {
		background:#eee;		/* right column background colour */
	}
	.rightmenu .colleft {
		right:25%;				/* right column width */
		background:#fff;		/* left column background colour */
	}
	.rightmenu .col1 {
		width:71%;				/* left column content width (left column width minus left and right padding) */
		left:27%;				/* (right column width) plus (left column left padding) */
	}
	.rightmenu .col2 {
		width:21%;				/* right column content width (right column width minus left and right padding) */
		left:31%;				/* (right column width) plus (left column left and right padding) plus (right column left padding) */
	}
	/* 2 Column (double page) settings */
	.doublepage {
		background:#eee;		/* right column background colour */
	}
	.doublepage .colleft {
		right:50%;				/* right column width */
		background:#fff;		/* left column background colour */
	}
	.doublepage .col1 {
		width:46%;				/* left column content width (column width minus left and right padding) */
		left:52%;				/* right column width plus left column left padding */
	}
	.doublepage .col2 {
		width:46%;				/* right column content width (column width minus left and right padding) */
		left:56%;				/* (right column width) plus (left column left and right padding) plus (right column left padding) */
	}
	/* Full page settings */
	.fullpage {
		background:#000;		/* page background colour */
		width: 100%;
		height: 371px;
		
	}
	.fullpage .col1 {
		width:100%;				/* page width minus left and right padding ORIG 96 */
		left:0;				/* page left padding ORIG 2*/
	}
	
	/* Footer styles */
	#footer {
        clear:both;
        float:left;
        width:100%;
        text-align:right;
    }
    #footer p {
		padding: 0 8px 0 0;
        margin: 0px;
        font-family: Arial, Helvetica, sans-serif;
		font-size: .9em;
	}
    #footer a {			/* Footer links - Home | Site Map | Contact Us | Employment | Privacy Policy */
		text-decoration: none;
		color: #000;
		}
