/* CSS Document */

* {
	margin:0; padding:0;
	font-size:100%;
}

body{
	background:#000000 url(images/top-tail.gif) 0 46px repeat-x;
	text-align:center;
}

img {vertical-align:top;}
a img { border:0;}

ul { list-style:none;}

.left { float:left;}
.right {float:right;}
.clear  { clear:both;}


html, input, textarea
	{
		font-family:Arial;
		font-size:0.75em;
		line-height:1.167em;
		color:#585148;
	}

input, select { vertical-align:middle; font-weight:normal;}

a {color:#db0048;}
a:hover{text-decoration:none;}
p {padding-top:14px;}

/* ============================= main layout ====================== */

h2 {font-size:1.5em; line-height:1.001em; text-transform:uppercase; font-weight:normal; margin-bottom:20px;}
.box h2 {font-size:1.667em; margin-bottom:22px;}
h3 {font-size:1.083em; line-height:1.01em; text-transform:uppercase; color:#00a4ce; margin-bottom:14px;}

.link {display:block; color:#363843; font-weight:bold; background:url(images/link-bg.gif) no-repeat 0 0; padding:1px 0 2px 25px; float:left;}
.link2 {font-weight:bold; float:right; font-size:0.917em;}

li {color:#db0048;}
li a {line-height:1.667em;}

.imgindent {margin:0 20px 0 0; float:left;}

/* ============================= header ====================== */

#header .donation {display:block; background:url(images/donation-bg.jpg) top left no-repeat; position:absolute; text-align:center; width:104px; padding:37px 0; margin:271px 0 0 789px; color:#fff; text-transform:uppercase; font-size:1.083em; text-decoration:none; font-weight:bold;}
#header .row1 {padding:15px 37px 65px 21px;}
#header a {color:#00a4ce;}
#header .row1 strong {float:right; color:#fff;}
#header strong span {color:#d5003f;}
#header .logo {margin:0 0 0 45px;}
#header .slogan {margin:31px 0 0 64px;}

.menu {padding:86px 0 0 0;}
.menu ul {width:100%;}
.menu li {float:left; font-size:1.083em;}

.menu li a { display:block; color:#585148 !important; font-weight:bold; text-transform:uppercase; text-decoration:none; cursor:pointer;}
.menu li a span {display:block; background:#fff url(images/menu-right-bg.gif) top right no-repeat;}
.menu li a span span {background:url(images/menu-left-bg.gif) top left no-repeat;}
.menu li a strong {display:block; padding:17px 0 22px 0; width:140px; text-align:center;}

.menu li a:hover {color:#fff !important; margin-top:5px;}
.menu li a:hover span {background:url(images/menu-tail-bg-active.gif) top left repeat-x;}
.menu li a:hover span span {background:url(images/menu-right-bg-active.gif) top right no-repeat;}
.menu li a:hover span strong {background:url(images/menu-left-bg-active.gif) top left no-repeat; padding:17px 0 17px 0;}

.menu .active {margin-top:5px; color:#fff !important;}
.menu .active span {background:url(images/menu-tail-bg-active.gif) top left repeat-x;}
.menu .active span span{background:url(images/menu-right-bg-active.gif) top right no-repeat;}
.menu .active strong {background:url(images/menu-left-bg-active.gif) top left no-repeat; padding:17px 0 17px 0;}

.menu .important {margin-top:5px; color:#fff !important;}
.menu .important span {background:url(images/menu-tail-bg-active.gif) top left repeat-x;}
.menu .important span span{background:url(images/menu-right-bg-active.gif) top right no-repeat;}
.menu .important strong {background:url(images/menu-left-bg-active.gif) top left no-repeat; padding:17px 0 17px 0;}

.menu .li3 a span {background:#fff url(images/menu-right-bg2.gif) top right no-repeat;}
.menu .li3 a span span {background:url(images/menu-left-bg.gif) top left no-repeat;}
.menu .li3 a:hover span {background:url(images/menu-tail-bg-active.gif) top left repeat-x;}
.menu .li3 a:hover span span {background:url(images/menu-right-bg2-active.gif) top right no-repeat;}
.menu .li3 a:hover span strong {background:url(images/menu-left-bg-active.gif) top left no-repeat;}
.menu .li3 .active span {background:url(images/menu-tail-bg-active.gif) top left repeat-x;}
.menu .li3 .active span span {background:url(images/menu-right-bg2-active.gif) top right no-repeat;}
.menu .li3 .active span strong {background:url(images/menu-left-bg-active.gif) top left no-repeat;}

.menu .li4 a span {background:#fff url(images/menu-right-bg3.gif) top right no-repeat;}
.menu .li4 a span span {background:url(images/menu-left-bg3.gif) top left no-repeat;}
.menu .li4 a:hover span {background:url(images/menu-tail-bg-active.gif) top left repeat-x;}
.menu .li4 a:hover span span {background:url(images/menu-right-bg3-active.gif) top right no-repeat;}
.menu .li4 a:hover span strong {background:url(images/menu-left-bg3-active.gif) top left no-repeat;}
.menu .li4 .active span {background:url(images/menu-tail-bg-active.gif) top left repeat-x;}
.menu .li4 .active span span {background:url(images/menu-right-bg3-active.gif) top right no-repeat;}
.menu .li4 .active span strong {background:url(images/menu-left-bg3-active.gif) top left no-repeat;}

/* ============================= content ====================== */

#page8 #content {padding:46px 35px 57px 27px;}
.col-pad {padding-right:28px;}
.col-pad2 {padding-right:22px;}

#content .indent {padding:6px 0 30px 0; background:#fff; margin:0;}
#content .indent2 {padding:6px 0 50px 0; background:#fff;}
#content .indent3 {padding:6px 0 60px 0; background:#fff;}

.box {border-top:7px solid #1d1f2c;}
.box .inner {border-right:1px solid #c2c2c2; border-left:1px solid #c2c2c2;}
#content .box .indent { padding:24px 25px 50px 23px;}

.box2 {background:url(images/line.gif) right repeat-y;}
.box2 .left-bg {background:url(images/line.gif) left repeat-y;}
.box2 .border {border-top:7px solid #1d1f2c; padding:24px 25px 50px 23px;}
.img {margin-bottom:20px;}
.img2 {margin:20px 0 20px 0;}
.phone {float:right; margin-right:240px; position:relative;}

.relative {position:relative;}
.padding1 {padding-top:32px; position:relative;}
.padding2 {padding-top:40px; position:relative;}
.padding3 {padding-top:25px; position:relative;}
.padding3 img {position:relative;}
.padding3 .link {position:relative;}
.padding4 {padding-top:35px; position:relative;}
.padding4 img {position:relative;}
.padding4 .link {position:relative;}
.indent2 img {position:relative;}
.indent2 .link {position:relative;}
.margin1 {margin-top:17px;}
.margin2 {margin-bottom:12px;}
.color2 {color:#00a4ce;}
.text2 {font-size:1.083em; line-height:1.077em;}


/* ============================= footer ====================== */

#footer .right-bg {background:url(images/footer-right-bg.gif) top right no-repeat; width:100%;}
#footer .left-bg {background:url(images/footer-left-bg.gif) top left no-repeat; font-size:1.083em; color:#000005;}
#footer .indent {padding:39px 0 0 24px;}
#footer img {margin:-11px 0 0 30px; position:relative;}
#footer a {font-weight:bold; text-decoration:none; color:#00a4ce;}
#footer a:hover {text-decoration:underline;}

/* ============================= forms ============================= */

#ContactForm {position:relative;}
#ContactForm .rowi {height:41px;}
#ContactForm .link {float:right; margin:45px -15px 0 40px;}

.input {width:299px; height:23px; border:1px solid #c2c2c2; background:none; padding:0 0 0 5px; font-size:1em;}
textarea {width:299px; height:147px; border:1px solid #c2c2c2; background:none; padding:0 0 0 5px; overflow:auto; font-size:1em;}