@charset "utf-8";
/* CSS Document */

body{
		color:#222;
		margin:0px;
		border:0px;
		padding:0px;
		font-family:Verdana;
		font-size:11px;
		background-color:white;
}

html {
     overflow: -moz-scrollbars-vertical;
}

a{
		color:#DA251D;
		font-weight:normal;
		margin:0px;
		padding:0px;
		text-decoration:none;
}

a:hover, a:hover h3{
		text-decoration:underline;
}

p{
		text-align:justify;
		margin:0px 0px 15px 0px;
}

img{
		border:0px;
}

/* start divs and constants */
table.menu-table, table.logo-table, div.arrows, table.social-media-table, div.content, table.textshow{
		position:absolute;
		left:50%;
		top:20px;
		margin-left:-513px;
		width:1026px;
		height:636px;
		background-color:transparent;
}

div.arrows{
		background-image:url(../constant/recycle-arrows.jpg);
}

div.content, table.textshow{
		top:160px;
		margin-left:-214px;
		width:424px;
		height:370px;
		overflow:auto;
		padding-right:10px;
}

table.textshow{
		height:100px;
		top:555px;
		padding-right:0px;
}

table.logo-table{
		top:32px;
		height:auto;
		margin-left:258px;
		width:200px;
}

table.menu-table{
		top:32px;
		height:auto;
		margin-left:-456px;
		width:184px;
		z-index:99;
}

table.social-media-table{
		position:absolute;
		top:54px; /*was 30px with extra row of buttons added*/
		width:452px;
		height:auto;
		margin-left:-220px;
}
/* end divs and constants */



/* start content div */
div.content{
		scrollbar-highlight-color:white;
		scrollbar-3dlight-color:white;
		scrollbar-arrow-color:white;
		scrollbar-face-color:black;
		scrollbar-shadow-color:white;
		scrollbar-track-color:white;
		scrollbar-darkshadow-color:white;
}

div.content p img{
		float:left;
		padding:4px 7px 0px 0px;
}

div.content a:hover img{
		filter:alpha(opacity=60); 
		-moz-opacity:0.6;
		opacity:0.6;
}

h1, h2, h3{
		margin-bottom:3px;
		font-size:13px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
}

h3{
		font-size:11px;
		font-style:italic;
		margin:10px 0px 10px 10px;
		padding:5px;
		background-color:#FFEF99;
}

a h3{
		color:black;
}

h3 a{
		font-weight:bold;
}

h1{
		margin-top:0px;
		padding-top:0px;
		font-size:14px;
}

div.content p{
		margin-left:10px;
}

li{
		margin-bottom:12px;
		list-style:none;
}

.pdf li{
		list-style-image:url(../constant/pdf.png);
		margin-left:25px;
		padding-left:25px;
		text-indent:-10px;
}

ol li{
		margin-bottom:12px;
}

div.content div.yellow-background{
		background-color:#FFEF99;
		padding:10px;
		margin-bottom:10px;
		margin-left:10px;
}

div.content div.yellow-background *{
		padding:0px;
		margin:0px;
}

div.content div.yellow-background h3{
		margin-left:10px;
}

*.last {
		margin-bottom:0px;
		padding-bottom:0px;
}

div.content table.community{
		width:100%;
		margin-left:10px;
		margin-top:20px;
		border-top:2px solid #ccc;
		padding-top:15px;
}

div.content table.community td{
		padding-left:10px;
		padding-bottom:10px;
		text-align:left;
		vertical-align:top;
		height:auto;
}

div.content table.community td h2, div.content table.community td a h2, div.content table.community td h4, div.content table.community td a h4{
		margin:0px;
		color:#222;
}

div.content table.community td h2{
}

div.content table.community td a:hover h2, div.content table.community td a:hover h4{
		color:#999;
}

div.content table.community td.community-logo{
		width:100px;
}

div.content table.community td.community-name{
		height:30px;
}

div.content table.community td.community-title{
		width:87px;
}

div.content table.contact-table{
		margin-top:10px;
		margin-left:10px;
}

div.content table.contact-table td{
		padding-left:20px;
		padding-bottom:10px;
		vertical-align:top;
		text-align:left;
}
/* end content div */



/* start logo-table table */
table.logo-table td{
		vertical-align:top;
		height:150px;
		width:200px;
		padding:10px 20px 0px 10px;
		margin:0px;
		background-color:#d7eacc;
}

table.logo-table td.logo{
		height:239px;
		padding:0px 0px 23px 18px;
		background-color:transparent;
}

table.logo-table td.bottom-slides{
		padding-top:0px;
}

table.logo-table td img{
		margin:0px;
		padding:0px;
}
/* end logo-table table */



/* start menu-table table */
table.menu-table td{
		text-align:right;
		padding-bottom:15px;
}
/* end menu-table table */



/* start social-media-table table */
table.social-media-table td{
		padding:0px 0px 14px 0px;
}

table.social-media-table td img{
		display:inline;
		margin-left:5px;
}

table.social-media-table td.top-socmedia{
		padding-bottom:5px;
}

table.social-media-table td.title-heading-td{
		padding:0px 12px 0px 0px
}

table.social-media-table td.title-heading-td img{
		margin-left:0px;
}

table.social-media-table td.facebook-like{
		width:100px;
}
/* end social-media-table table */


/* start slideshow table */
table.textshow td{
		background-image:url(../constant/torn-paper.png);
		background-position:center;
		background-repeat:no-repeat;
		vertical-align:top;
		text-align:center;
		padding:35px 0px 0px 0px;
}
/* end slideshow table */


/* giraffes */
.giraffes{
		position:absolute;
		left:50%;
		top:670px;
		width:auto;
		height:auto;
		margin-left:310px;
		padding:5px;
}

.giraffes td{
		padding-right:5px;
		vertical-align:bottom;
}

.giraffes h5{
		padding:0px;
		float:left;
		font-size:10px;
		font-weight:normal;
		margin:0px 0px 0px 0px;
}

.giraffes a{
		text-decoration:none;
		color:#666;
}

.giraffes a:hover img{
		filter:none; 
		-moz-opacity:1.0;
		opacity:1.0;
}
/* end giraffes */