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

body {
	font-family: Tahoma, Geneva, sans-serif;
	margin: 0px;
	padding: 0px;
	color: #373839;
	font-size: 12px;
	background-color: #E2E0DC;
	line-height: 18px;
}
a:link, a:active, a:visited {
	color:#1CABE1;
}
a:hover {
	color: #DE0300;

}
h1 {
	font-size: 20px;
	color: #373839;
	font-family: Tahoma, Geneva, sans-serif;
	padding: 15px 0;
	margin: 0;
	text-align: center;
	text-transform: capitalize;
	line-height: 30px;
}
h1 span{
	font-size:12px;
	color:#373839;
	font-weight: normal;
}
h2 {
	background:url(../images/bluearrow.jpg) center left no-repeat;
	font-size: 13px;
	color: #0EAADB;
	font-family: Tahoma, Geneva, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	padding: 20px 0 20px 20px;
	margin: 0 0 0 3px;
	float: left;

}


h3 {
	font-family: Tahoma, Verdana, Helvetica;
	font-size: 14px;
	font-weight: normal;
	color: #1680F0;
	text-transform: capitalize;
	margin: 0;
	padding: 5px 0 10px 0;
}
h4 {
	margin: -2px 0 6px 0;
	padding: 0;
	font-size: 14px;
}
h5 {
	margin: 0;
	padding: 0 5px 0 0;
	float: left;
	font-size: 11px;
}
.shadow{
	position:relative;
	display:inline;
	z-index:100;
	background-color: #1B1E25;
	width:979px;
	height:auto;
	display: block;
	margin:0 auto
}
 
.shadow_inner{
	overflow:hidden;
	position:absolute;
	top: -1000px;
	filter:alpha(Opacity=3); /*modify to change the shade solidity/opacity, same as below*/
	opacity:0.03; /*firefox 1.5 opacity*/
	-moz-opacity:0.03; /*mozilla opacity*/
	-khtml-opacity:0.07; /*opacity*/
	z-index:10;
}
.page {
	background:#fff;
	height:auto;
	padding:0;
	width:977px;
	display: table;
	border: 1px solid #FFF;
	border-top: 0;
}
#container {
	width:977px;
	float:left;
	height:auto;
	margin:0 auto;
	position: relative;
	padding-bottom: 10px;
}
#header {
	width:977px;
	height:146px;
	padding: 0;
	float:left
}
#header img{
	border:none;
	float:left;
	margin-right: 30px;
}
.header_logo{
	width:285px;
	height:auto;
	float: left;
	padding: 30px 0 0 0;
}
#header_right {
	background:url(../images/donatetop.jpg) top right no-repeat;
	float:right;
	height:141px;
	width:960px;
	padding: 4px 0 0 0;
	position:relative;
	font-size: 10px;
	color: #B6E7F1;
	font-weight: bold;
}
#header_right form{
	position:absolute;
	top:75px;
	right:123px;
	height:50px;
	width:100px
}
.topsmall {
	font-size: 10px;
	color: #B6E7F1;
	float: right;
	padding: 120px 20px 0 0;
	font-weight: bold;
}	
.hr, a.hr:link, a.hr:active, a.hr:hover, a.hr:visited{
	position: absolute;
	top:20px;
	left:150px;
	height:80px;
	width: 105px;
}
#header_right b{
	font-size:10px;
	color: #86D7E8;
	float: right;
	padding: 40px 10px 0 0;
}
#tabmenu {
	width:977px;
	height:26px;
	background:url(../images/menubckg.jpg) top left repeat-x;
	float:left;
	border-bottom: 3px solid #DDF2F9;
}
#tabmenu a:link, #tabmenu a:active, #tabmenu a:visited {
	background:url(../images/menubckg.jpg) top left repeat-x;
	color:#FFF;
	float: left;
	width: auto;
	padding: 4px 20px 0 20px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-decoration: none;
	height: 22px;
	border-right: 1px solid;
	border-left: 1px solid;
	border-left-color: #38B5DE;
	border-right-color: #2396BC;
	font-size: 13px;
}
#tabmenu a:hover {
	background:url(../images/menubckg.jpg) bottom left repeat-x;
	color:#FFF;
}
#main1 {
	width:525px;
	height:auto;
	padding: 0;
	text-align: justify;
	float: left;
	line-height: 22px;
	position: relative;
}
#main1 img{
	border:solid;
	border-width:1px;
	border-bottom-color:#E6E6E6;
	border-right-color:#E6E6E6;
	border-top-color:#E6E6E6;
	float: left;
	border-left-color: #E6E6E6;
	margin: 0 10px 5px 0;
}
#main1 h2{
	padding:0;
	color: #0F9CC7;
	clear: both;
	float: none;
	background: none;
	font-size: 16px;
	border-left-color: #E6E6E6;
	float: left;
	float: left;
	width: 100%;
	line-height: 30px;
}
#main {
	width:957px;
	float:left;
	padding: 0 10px;
	margin: 20px 0 0 0;
}
#leftcolumn {
	width:200px;
	height:auto;
	float:left
}
#column1 {
	width:215px;
	float:left;
	height: 100%;
	line-height: 22px;
}
#column1 span{
	font-size:10px;
}
 #column2 {
	width:200px;
	float:right;
	line-height: 22px;
}
 #column2 ul{
	 margin:0 0 5px 15px;
	 padding:0}
#column1 div{
	background: url(../images/sidedot.jpg) left top repeat-x;
	float: left;
	width: 200px;
}
#column2 div {
	background: url(../images/sidedot.jpg) left top repeat-x;
	float: right;
	width: 200px;
}
#column1 div div, 
#column2 div div {
	background: left bottom repeat-x;
	background-image: url(../images/sidebottom.jpg);
}
#column1 div div div, 
#column2 div div div {
	background: left top repeat-y;
	background-image: url(../images/sidedot.jpg);
}
#column1 div div div div, 
#column2 div div div div{
	background: right top repeat-y;
	background-image: url(../images/sideright.jpg);
}
#column1 div div div div div,
#column2 div div div div div {
	background: left top no-repeat;
	background-image: url(../images/sidedot.jpg);
}
#column1 div div div div div div,
#column2 div div div div div div{
	background: right top no-repeat;
	background-image: url(../images/sidetopright.jpg);
}
#column1 div div div div div div div,
#column2 div div div div div div div {
	background: left bottom no-repeat;
	background-image: url(../images/sidebottomleft.jpg);
}
#column1 div div div div div div div div,
#column2 div div div div div div div div{
	background: right bottom no-repeat;
	background-image: url(../images/sidebottomright.jpg);
	height: auto;
	padding: 10px 10px 15px 10px;
	width: 180px;
}
#footer {
	width:850px;
	height:50px;
	clear:both;
	text-align: center;
	padding: 20px 0 0 150px;
	color: #808184;
	margin: 0 auto;
}
.icusa {
	width:150px;
	height:20px;
	float: right;
}
a.icusa:link, a.icusa:active, a.icusa:hover, a.icusa:visited {
	color:#999;
	}
#banner {
	float:left;
	border:0}
#breadcrumb {
	width:800px;
	height:20px;
	padding:10px 0 10px 20px;
	float: left;
	font-size: 11px;
}
#breadcrumb a:link, a:active, a:hover, a:visited{
	color:#1CABE1
}
.dove {
	background:url(../images/dove.png) top left no-repeat;
	width:186px;
	height:218px;
	position:absolute;
	top:205px;
	left:-80px
}
.phaze {
	background:url(../images/number.jpg) top left no-repeat;
	height:30px;
	width:30px
}
ol {
	list-style-type:upper-alpha;
	font-weight: bold;
	color: #333;
	padding-top: 10px;
	padding-bottom: 10px;
	text-transform: capitalize;
	line-height: 16px;
}
ol ol{
	list-style-type: decimal;
}
ol ol ol{
	list-style-type: lower-alpha;
	font-weight: normal;
}
ol em {
	font-weight:normal;
	font-size: 11px;
	font-style: normal;
}
ol li {
	padding-top:10px;
	padding-bottom:10px;}
ol li li, ol li li li {
	padding-top:0;
	padding-bottom:0}
.redbutton, a.redbutton:link, a.redbutton:active, a.redbutton:visited {
	background:url(../images/redbutton.jpg) top left no-repeat;
	width:177px;
	height:31px;
	float:left;
	text-align: center;
	padding: 9px 0 0 0;
	color: #FFF;
	font-weight: bold;
	margin-bottom: 5px;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 10px;
}
a.redbutton:hover {
		background:url(../images/redbutton.jpg) bottom left no-repeat;}
.bluebutton, a.bluebutton:link, a.bluebutton:active, a.bluebutton:visited {
	background:url(../images/bluebutton.jpg) top left no-repeat;
	width:177px;
	height:31px;
	float:left;
	text-align: center;
	padding: 9px 0 0 0;
	color: #FFF;
	font-weight: bold;
	margin-bottom: 5px;
	margin-top: 5px;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 10px;
}
a.bluebutton:hover {
		background:url(../images/bluebutton.jpg) bottom left no-repeat;}
#shelter {
	background:url(../images/gimmeshelter.jpg) top left no-repeat;
	width:977px;
	height:236px;
	float:left;
	border-bottom: 3px solid;
	border-bottom-color: #DDF2F9;
	border-top: 3px solid #DDF2F9;
}
.bannerleft {
	float:left;
	width:420px;
	height:105px;
	padding: 110px 0 0 40px;
}
.bannerright {
	width:481;
	height:235px;
	float:right}
.bannerleft li {
	background:url(../images/checkbox.png) top left no-repeat;
	padding:0 0 0 30px}
.bannerleft ul {
	color:#FFF;
	font-size: 12px;
	line-height: 21px;
	list-style: none;
}
.fll {
	visibility:hidden;
	display:none}
.yearlist ul{
	list-style-type:none;
	margin: 0;
	padding: 0;
}
.yearlist li {
	font-weight:bold;
	list-style: none;
	margin: 0;
	padding: 0;
}
.yearlist span {
	font-weight:normal;
}
.minislide-box1 {
	width:500px;
	float:left;
	height:94px;
	background:#F7EACA  url(images/ybbl.jpg) bottom left no-repeat;
}
.minislide-box2 {
	background:url(images/ybbr.jpg) bottom right no-repeat;}
.minislide-box3 {
	background:url(images/ybtr.jpg) top right no-repeat;}
.minislide-box4 {
	background:url(images/ybtl.jpg) top left no-repeat;
	height: 94px;
	padding: 0 8px 0 8px;
}
.a1, a.a1:link, a.a1:active {
	background:url(../images/partners/aa.png) no-repeat;
	background-position:top left;
	position:absolute;
	top: 24px;
	left:284px;
	height: 122px;
	width:105px
}
a.a1:hover {
	background-position:bottom left;}
.a2, a.a2:link, a.a2:active {
	background:url(../images/partners/medh.png) no-repeat;
	background-position:top left;
	position:absolute;
	top: 24px;
	left:389px;
	height: 122px;
	width:105px
}
a.a2:hover {
	background-position:bottom left;}
.a3, a.a3:link, a.a3:active {
	background:url(../images/partners/imuas.png) no-repeat;
	background-position:top left;
	position:absolute;
	top: 24px;
	left:494px;
	height: 122px;
	width:105px
}
a.a3:hover {
	background-position:bottom left;}
.a4, a.a4:link, a.a4:active {
	background:url(../images/partners/ccg.png) no-repeat;
	background-position:top left;
	position:absolute;
	top: 24px;
	left:599px;
	height: 122px;
	width:105px
}
a.a4:hover {
	background-position:bottom left;}
.contactus {
	width:400px;
	position:relative;
	height:300px;
	padding: 30px 0 0 110px;
	font-family: Tahoma, Geneva, sans-serif;
	float: left;
}
.contactus p{
	width: 240px;
	clear: left;
	margin: 0;
	padding: 5px 0 5px 0;
	padding-left: 75px;
	height: auto;
	border-bottom: 1px dotted;
	border-bottom-color: #F3F3F3;
}

.contactus label{
	float: left;
	margin-left: -72px; /*width of left column*/
	width: 65px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
	padding-top: 5px;
	font-size: 12px;
	font-weight: bold;
}

.contactus input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
	width: 212px;
	height: 22px;
	padding: 5px 0 0 3px;
}
.contactus select{
	width: 220px;
}
.contactus textarea{
	overflow:auto;
	width: 213px;
	height: 80px;
}
.message {
	position:absolute;
	top:-90px;
	height:142px;
	background:url(../images/errormessage.png) top left no-repeat;
	z-index: 10000000000;
	width: 331px;
	padding: 15px 0 0 15px;
	left: 90px;
}
.error {
	color: #C60D0D;
	text-transform: none;
	font-size: 11px;
	line-height: 19px;
}
/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

.contactus input, .contactus select, .contactus textarea {
	font-family: Tahoma, Geneva, sans-serif;
	font-size:13px;
	border: 1px solid;
	border-color: #999;
	background-color: #F3F3F3;
	padding:2px
}
* html .threepxfix{
margin-left: 3px;
font-size:13px
}
.submit, .submit a:link, input .submit, input .submit a:link, a.submit:link{
	background:#000 url(../images/submit.jpg) top left no-repeat;
	height:30px;
	width:79px;
	border: none;
	float: left;
}
.phonenum {
	width:90px;
	height:75px;
	float:left;
	background: url(../images/phone.png) top left no-repeat;
	padding:15px 0 0 80px;
	border-bottom:1px dotted #E5E5E5;
	margin: 0 0 4px 0;
}