html,body {
    height:100%;
    padding:0px;
    margin-bottom: 1px;
}

body
{
	font-family:arial,tahoma;
	font-size:12px;
	margin:0px auto;
	padding:0px;
	color:#000;
	background:#1e4127;
}

/*h3, legend {
    color:#003c70;
    text-transform:uppercase;
    font-size:15px;
}
*/

legend {
	color:#0085cc;
	font-weight: bold;
}

h1, h2, h3, h4, h5, h6 {
	margin-bottom: 0px;
	padding-bottom: 0px; 
}

p {
	margin-top: 0px;
}

img {
	border: none;
}

#body {
    min-height:100%;
    width:1000px;
    margin:0px auto;
    position:relative;
    z-index:1;
    background:white;
}

#header{
    height:200px;
    background:#003c70;
}
.slogan{
    text-align:center;
    font-weight:bold;
}
#logo {
    display:block;
    background: white;
    text-align:cecenter;
    width:200px;
    height:180px;
    padding-top:20px;
    float:left;
}

#slide {
    display:block;
    width:800px;
    float:right;
    background:url(/img/header_bg.jpg) no-repeat right;
    height:200px;
}

#menu {
    background:#900;
    text-align:center;
    border-top:1px solid white;
    border-bottom:1px solid white;
    padding:5px;
    position:relative;
    overflow:auto;
    z-index:2;
    width:990px;
}
#menu span:hover{
    color:#003;
    font-weight:bold;
}

#menu span a {
    color:white;
    padding:0px 10px;
    text-transform:uppercase;
    font-size: 13px;
    word-spacing: 50px;
}

#footer {
    position:absolute;
    bottom:0px;
    left:0px;
    right:0px;
    color:#000;
    /*font-size:11px;*/
	padding-left: 28px;
	clear:both;
    /*padding:15px;*/
}

.spacerdiv {
	height:8px;
}

.rightsidebox {
	border:1px #a8a8a8 solid;
	background: #dadada;
	width: 253px;
	margin-bottom: 8px;
}

.rightsidebox_inside {
	padding: 6px;
}

.rightsidebox_header {
	border-bottom:1px #a8a8a8 solid;
	padding: 6px;
}

.rightsidebox_header, .rightsidebox_header_text {
	color:#632523;
	font-weight: bold;
	font-size: 125%;
}

#content {
    min-height:300px;
    overflow:auto;
    position:relative;
    z-index:0;
}
#services{
    background: url(/img/back.jpg);
    min-height:220px;
    overflow:auto;
}
.sections li{
    vertical-align:top;
    list-style:none;
    float:left;
}
.sections {
    overflow:auto;
    margin:0px;
    border-bottom:5px solid white;
    padding:0px;
}
.s4,.s5,.s6 {
    padding:5px;
    border-top:5px solid white;
}
.s1,.s2,.s3 {
    font-family: Century Gothic;
    font-size: 12px;
    padding:5px;
    overflow:auto;
    height:280px;
}

.s1,.s2,.s4,.s5{
    border-right:5px solid white;
}

.s1,.s4 {
    width:300px;
    background: url(/img/back.jpg);
    color: #000033;
}

.s5 {
    background: url(/img/back.jpg);
    color: #000033;
    width:200px;
}

.s4 {
    background:white;
}
.s6 {
    width:460px;
    background:#ffffcc;
}

.s2 {
    width:200px;
    background:#ffffcc;
}
.s2 img,.s16 img,.s8 img,.s10 img {
    margin-right:10px;
}
.s2 div {
    padding:2px 0px;
}
.s3  {
    width:460px;
    background: url(/img/back.jpg);
    color: #000033;
    height:200px;
}

.s7 {
    width:590px;
    color: #000033;
    background: url(/img/back.jpg);
}
.s7 p, .s7 h3{
    padding:10px;
}
.s7 .white {
    background: white;
}
.s8 {
    width:390px;
    padding:10px;
}
.s10,.s11 {
    padding:10px;
}
.s9 {
    width:200px;
}
.s13 {
    width:580px;
    padding:10px;
}
.s14 {
    width:180px;
    background:#ffffcc;
    padding:10px;
}
#see {
    background: url(/img/back.jpg);
    padding:10px;
}
.s10 {
    width:380px;
}
.s11 {
    width:380px;
    background: url(/img/back.jpg);
    color: #000033;
}
.s16{
    width:300px;
}
.s16 .form {
    background: url(/img/back.jpg);
    padding:10px;
}
.s15 {
    width:420px;
    padding:10px;
    margin:0px 30px;
}

.s17 {
    width:590px;
    color: #000033;
}
.ss{
    padding:10px;
}
.blank {
    background:white;
    padding:20px 5px;
    height:40px;
}
#menu a, .command {
    cursor:pointer;
    text-decoration:none;
    color: #000033;
    position:relative;
    z-index:3;
}
.about {
    text-align:justify;
    margin:0px;
}
.marked {
    font-weight:bold;
}

/*.form label{
    display:block;
    width:100px;
    float:left;
}*/
.row {
    margin:5px;
}
.options a.command:hover {
    font-weight:bold;
}
.options {
    padding:0px 20px;
    margin:0px;
}
.options li {
    float:none;
    padding:2px;
    list-style:square;
}
.button {
    background: url(/img/button.jpg) right;
    margin:5px;
    padding:5px;
    font-weight:bold;
    color:white;
    text-align:center;
    cursor:pointer;
}
.portfolio .sections span{
    color: #000033;
}
.portfolio .sections li{
    width:250px;
    padding:20px;
}
.submenu {
    position:absolute;
    margin:0px;
    padding:0px;
    left:0px;
    top:0px;
    border:1px solid green;
}
.submenu li {
    list-style:none;
    margin:0px;
    padding:0px;
}
.menu_back{
    background:;
}
.sections a,.sections img {
    border:0px solid white;
    text-decoration:none;
}
.msg {padding:10px; padding-left:35px;}
.msg.warning {background:url("/img/adminiziolite/ico-warning.gif") 10px 50% no-repeat;}
.msg.info {background:url("/img/adminiziolite/ico-info.gif") 10px 50% no-repeat;}
.msg.done {background:url("/img/adminiziolite/ico-done.gif") 10px 50% no-repeat;}
.msg.error {background:url("/img/adminiziolite/ico-delete.gif") 10px 50% no-repeat;}

.error {
	border:2px solid #FFAEAE;
	background:#FEEBEB url("/img/adminiziolite/ico-delete.gif") 10px 50% no-repeat;
	border: 1px solid;
  	padding-top: 5px;
  	padding-bottom: 5px;
  	padding-left: 30px;
  	padding-right: 0px;
	margin-top: 10px;
	margin-bottom: 10px;
}

a.whitelink {
	color: #fff;
	text-decoration: none;
}

a.topnav {
	color: #000;
	text-decoration: none;
	font-weight: 500;
}

ul.bottomnav {
	list-style-type: none;
	margin-left: 0px;
	padding-left: 0px;
	line-height: 1.5;
}

ul.bottomnav a {
	text-decoration: none;
}

input.submit {
	color: #fff;
	font-family:arial,tahoma;
	font-size:14px;
	font-weight: bold;
	background: url('/img/submit.jpg') no-repeat top left;
}

.breadcrumbs {
	font-size: 90%;
	font-style:italic;
}

.homepage_text {
	text-align: justify;
}

.subpage_text, .indent {
	margin-left:38px;
	margin-right:38px;
	text-align: justify;
}

.lower {
	padding-top:15px;
}

.subpage_header {
	background-image:url('/img/sub_page_header.jpg');
	background-repeat:no-repeat;
	width:718px;
	height:73px;
	margin-left:0px;
	padding-left:28px;
}
.subpage_header_educate {
	background-image:url('/img/sub_page_header_educate.jpg');
	background-repeat:no-repeat;
	width:718px;
	height:211px;
	margin-left:0px;
	padding-left:28px;
}
.subpage_header_inform {
	background-image:url('/img/sub_page_header_inform.jpg');
	background-repeat:no-repeat;
	width:718px;
	height:211px;
	margin-left:0px;
	padding-left:28px;
}
.subpage_header_empower {
	background-image:url('/img/sub_page_header_empower.jpg');
	background-repeat:no-repeat;
	width:718px;
	height:211px;
	margin-left:0px;
	padding-left:28px;
}
.subpage_header_donations {
	background-image:url('/img/sub_page_header_donations.jpg');
	background-repeat:no-repeat;
	width:718px;
	height:73px;
	margin-left:0px;
	padding-left:28px;
}
.subpage_header_media {
	background-image:url('/img/sub_page_header_media.jpg');
	background-repeat:no-repeat;
	width:718px;
	height:73px;
	margin-left:0px;
	padding-left:28px;
}
.subpage_header_events {
	background-image:url('/img/sub_page_header_events.jpg');
	background-repeat:no-repeat;
	width:718px;
	height:73px;
	margin-left:0px;
	padding-left:28px;
}
.subpage_header_resources {
	background-image:url('/img/sub_page_header_resources.jpg');
	background-repeat:no-repeat;
	width:718px;
	height:73px;
	margin-left:0px;
	padding-left:28px;
}
.subpage_header_text {
	padding-top:22px;
	padding-left:15px;
	color:#fff;
	font-weight:normal;
	font-size:200%;
}
.subpage_header_picture {
	padding-top:178px;
	padding-left:15px;
	color:#fff;
	font-weight:normal;
	font-size:200%;
}

.event_title {
	font-size: 150%;
}

form#volunteers {
	padding:3px;
	position:relative;
	border:0px;
	text-align:center;
}
 
div#fullname,
div#email,
div#cellphone {
	position:relative;
	float:left;
	margin-right:3px;
}
 
input#fullname-field,
input#email-field,
input#cellphone-field {
	width:226px;
	padding-left:10px;
}
 
label.overlabel {
	color:#999;
}
label.overlabel-apply {
	position:absolute;
	top:5px;
	left:12px;
	z-index:1;
	color:#999;
}

/* column container */
	.colmask {
		position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	    clear:both;
	    float:left;
        width:100%;				/* width of whole page */
		overflow:hidden;		/* This chops off any overhanging divs */
	}
	/* ultimatelayout 3 column settings */
	.ultimatelayout {
	    background:#fff;    	/* Right column background colour */
	}
    .ultimatelayout .colmid {
        float:left;
        width:200%;
        margin-left:-200px; 	/* Width of right column */
        position:relative;
        right:100%;
        background:#fff;    	/* Centre column background colour */
    }
    .ultimatelayout .colleft {
        float:left;
        width:100%;
        margin-left:-50%;
        position:relative;
        left:400px;         	/* Left column width + right column width */
        background:#fff;    	/* Left column background colour */
    }
    .ultimatelayout .col1wrap {
        float:left;
	    width:50%;
	    position:relative;
	    right:200px;        	/* Width of left column */
	    padding-bottom:1em; 	/* Centre column bottom padding. Leave it out if it's zero */
	}
	.ultimatelayout .col1 {
        margin:0 215px;     	/* Centre column side padding:
                            	Left padding = left column width + centre column left padding width
                            	Right padding = right column width + centre column right padding width */
        position:relative;
	    left:200%;
	    overflow:hidden;
	}
    .ultimatelayout .col2 {
        float:left;
        float:right;			/* This overrides the float:left above */
        width:170px;        	/* Width of left column content (left column width minus left and right padding) */
        position:relative;
        right:15px;         	/* Width of the left-had side padding on the left column */
    }
    .ultimatelayout .col3 {
        float:left;
        float:right;			/* This overrides the float:left above */
        width:170px;        	/* Width of right column content (right column width minus left and right padding) */
        margin-right:45px;  	/* Width of right column right-hand padding + left column left and right padding */
        position:relative;
        left:50%;
    }
	
    /* 3 column blog style settings */
	.blogstyle {
	    background:#fff;    	/* Right column background colour */
	}
    .blogstyle .colmid {
        float:left;
        width:200%;
        margin-left:-200px; 	/* Width of right column */
        position:relative;
        right:100%;
        background:#fff;    	/* Centre column background colour */
    }
    .blogstyle .colleft {
        float:left;
        width:100%;
        margin-left:-200px; 	/* Width of centre column */
        background:#fff;    	/* Left column background colour */
    }
    .blogstyle .col1wrap {
        float:left;
	    width:50%;
	    padding-bottom:1em; 	/* Centre column bottom padding. Leave it out if it's zero */
	}
	.blogstyle .col1 {
        margin:0 15px 0 415px;	/* Centre column side padding:
                            	Left padding = left column width + centre column left padding width
                            	Right padding = right column width + centre column right padding width */
        position:relative;
	    left:100%;
	    overflow:hidden;
	}
    .blogstyle .col2 {
        float:right;
        width:170px;        	/* Width of left column content (left column width minus left and right padding) */
        position:relative;
        left:185px;         	/* Width of the left-had side padding on the left column */
    }
    .blogstyle .col3 {
        float:right;
        width:170px;        	/* Width of right column content (right column width minus left and right padding) */
        position:relative;
        left:555px;
    }
    /* 2 column left menu settings */
	.leftmenu {
	    background:#fff;
	}
	.leftmenu .colright {
        float:left;
        width:200%;
		position:relative;
		left:200px;
        background:#fff;
    }
    .leftmenu .col1wrap {
	    float:right;
	    width:50%;
	    position:relative;
	    right:200px;
	    padding-bottom:1em;
	}
	.leftmenu .col1 {
        margin:0 15px 0 215px;
	    position:relative;
	    right:100%;
	    overflow:hidden;
	}
    .leftmenu .col2 {
        float:left;
        width:170px;
        position:relative;
        right:185px;
    }
    /* 2 column right menu settings */
	.rightmenu {
	    background:#fff;
	    padding-top:8px;
		/*padding-left:23px;*/
	}
	.rightmenu .colleft {
        float:left;
        width:200%;
        margin-left:-200px;
        position:relative;
        right:100%;
        background:#fff;
    }
    .rightmenu .col1wrap {
	    float:left;
	    width:50%;
	    position:relative;
	    left:50%;
	    padding-bottom:1em;
	}
	.rightmenu .col1 {
        margin:0 15px 0 238px; /* Normal: 200 238px */
        overflow:hidden;
		width:650px; /* 697 650 */
	}
    .rightmenu .col2 {
        float:right;
        width:253px;
        position:relative;
        left:187px;
    }
	/* 2 column right menu (subpage) settings */
	.rightmenu_subpage {
	    background:#fff;
	    padding-top:8px;
		/*padding-left:23px;*/
	}
	.rightmenu_subpage .colleft {
        float:left;
        width:200%;
        margin-left:-200px;
        position:relative;
        right:100%;
        background:#fff;
    }
    .rightmenu_subpage .col1wrap {
	    float:left;
	    width:50%;
	    position:relative;
	    left:50%;
	    padding-bottom:1em;
	}
	.rightmenu_subpage .col1 {
        margin:0 15px 0 200px;
        overflow:hidden;
		width:724px;
	}
    .rightmenu_subpage .col2 {
        float:right;
        width:253px;
        position:relative;
        left:187px;
    }
	/* Banner - settings */
	.topbanner {
		height:103px;
	    background:#fff;
	}
	.topbanner .colleft {
        float:left;
        width:200%;
        margin-left:-200px;
        position:relative;
        right:100%;
        background:#fff;
    }
    .topbanner .col1wrap {
	    float:left;
	    width:50%;
	    position:relative;
	    left:50%;
	    padding-bottom:1em;
	}
	.topbanner .col1 {
        margin:0 15px 0 215px;
        overflow:hidden;
	}
    .topbanner .col2 {
        float:right;
        width:480px;
        position:relative;
        left:185px;
		text-align:right;
    }
    /* 1 column full page settings */
	.fullpage {
	    background:#fff;
	}
	.fullpage .col1 {
        margin:0 15px;
	}
	.fullpage .col1_flush {
        margin:0 0px;
	}
	.fullpage .col1_line {
		margin:0 0px;
		border-top: 1px solid #1e4127;
	}
	.fullpage .col1_footer {
		margin:0 38px;
	}
	
#container4 {
	clear:left;
	float:left;
	width:100%;
}
#container3 {
	clear:left;
	float:left;
	width:100%;
	position:relative;
	right:25%;
}
#container2 {
	clear:left;
	float:left;
	width:100%;
	position:relative;
	right:25%;
}
#container1 {
	float:left;
	width:100%;
	position:relative;
	right:25%;
}
#col1 {
	float:left;
	width:21%;
	position:relative;
	left:75%;
	overflow:hidden;
}
#col2 {
	float:left;
	width:21%;
	position:relative;
	left:81%;
	overflow:hidden;
}
#col3 {
	float:left;
	width:21%;
	position:relative;
	left:85%;
	overflow:hidden;
}
#col4 {
	float:left;
	width:21%;
	position:relative;
	left:89%;
	overflow:hidden;
}

/*** Pagination ***/
#pagHolder {
	margin-bottom: 7px;
}
a.pagNav {
	color: #878787;
	border: 1px solid #999b9a;
	text-decoration: none;
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 3px;
	padding-bottom: 3px;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-right: 3px;
}
.current {
	background-color: #ffc027;
	color: #000;
	border: 1px solid #999b9a;
	text-decoration: none;
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 3px;
	padding-bottom: 3px;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-right: 3px;
}
a.pagDisabled {
	color:#FFF;
	background-color: #DAD8DD;
	border: 1px solid #999b9a;
	text-decoration: none;
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 3px;
	padding-bottom: 3px;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-right: 3px;
}
a.pagNav:hover {
	background-color: #990225;
	color: #fff;
}	
.paginator_numbers {
	padding: 2px 5px;
	background: #7799BB;
	color: #FFF;
	border:1px solid #007BC4;
	text-decoration: none;
}

#recaptcha_widget_div { width: 236px; overflow:hidden; }
#recaptcha_image img  { width: 220px; height: 57px; margin: 0px 0 0px 0;} 
.message{ background-color:#F96; border:2px; border-color:#000; margin:2px; padding:5px;}