:focus { outline: 0; }

html {
	background: #003052 url(../images/bgRepeat.jpg);
	height: 100%;
	}
body {
	background: url(../images/bigBG.jpg) center top no-repeat;
	color: #fff;
	font-family: Trebuchet MS, Arial, sans-serif;
	height: 100%;
	margin: 0px;
	padding: 0px;
	}
html>body {
	height: auto;
	min-height: 100%;
	}

	h1, h3{
	color:#8FCAE7;
	}

a, .underlinetxt {
	color:#96d2ef;
	text-decoration: none;
	}
a:hover {
	color:#aeecff;
	text-decoration: underline;
	}
a img { border: 0; }

.italictxt{
font-style:italic;
margin-bottom:0;
}

#container {
	background: transparent;
	margin: 0 auto;
	padding: 0 0 40px 0;
	width: 960px;
	}

#header {
	background: transparent;
	clear: both;
	height: 131px;
	overflow: hidden;
	position: relative;
	}

#social-icons-top {
	background: transparent;
	clear: both;
	height: 131px;
	overflow: hidden;
	float:right;
	margin:30px;
	}

img#toplogo {
	position: absolute;
	bottom: 0;
	left: 10px;
	}
#repbox {
	font-size: 13px;
	font-weight: bold;
	position: absolute;
	top: 10px;
	right: 10px;
	text-align: right;
	width: 400px;
	height: 124px;
	}
#repbox img#reppic {
	float: right;
	height: 80px;
	margin-left: 20px;
	}
#repbox p.welcome {
	clear: both;
	font-size: 16px;
	font-weight: normal;
	margin: 0; padding: 17px 0 0 0;
	}
#repbox p.welcome span {
	background: url(../images/chevrons.png) 0 50% no-repeat;
	padding-left: 17px;
	}

#peekaboo {
	background: url(../images/bg_50percent.png);
	border: 1px solid #094f75;
	border-bottom: 0;
	height: 10px;
	margin: 20px 10px 0 10px;
	}

ul#topmenu {
	background: #16668c;
	border: 0px solid #094f75;
	clear: both;
	display: block;
	font-family: Trebuchet MS, Arial Narrow, sans-serif;
	font-size: 15px;
	font-weight: bold;
	list-style: none;
	margin: 0 0 0 0;
	overflow: hidden;
	padding: 0;
	width: 960px;
	}
ul#topmenu li {
	border-right: 1px solid #004266;
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	}
ul#topmenu li a {
	background: url(../images/mainmenu_ring.gif) 8px 50% no-repeat !important;
	color: #fff;
	display: block;
	float: left;
	padding: 5px 14px 5px 22px;
	text-decoration: none;
	text-transform: uppercase;
	}

ul#topmenu li a:hover, #bodyhome li#menuhome a, #bodywhat li#menuwhat, #bodyproduct li#menuproduct a, #bodyopp li#menuopp a, #bodygiving li#menugiving a, #bodypress li#menupress a, #bodyblog li#menublog a, #bodyjoin li#menujoin a {
	background: url(../images/mainmenu_ring_hover.gif) 8px 50% no-repeat #3a7fa6 !important;
	cursor: pointer;
	}
ul#topmenu li a span {
	float: left;
	}

#maincontent {
	clear: both;
	font-size: 14px;
	position: relative;
	}
#maincontent img#leftdrop {
	position: absolute;
	top: 0; left: 0;
	}
#maincontent img#rightdrop {
	position: absolute;
	top: 0; right: 0;
	}
#maincontent #titlesubmenu {
	border: 0px solid #094f75;
	padding: 0;
	margin: 0;
	clear: both;
	}
#maincontent #titlesubmenu img {
	height: 104px !important;
	width: 938px !important;
	overflow: hidden;
	}
#maincontent #titlesubmenu ul {
	list-style: none;
	margin: 0 0 0 22px;
	padding: 0 0 10px 0;
	}
#maincontent #titlesubmenu ul li {
	display: block;
	float: left;
	margin: 0; padding: 0;
	}
#maincontent #titlesubmenu ul li a {
	background: url(../images/submenu_dot.png) left center no-repeat;
	display: block;
	float: left;
	font-size: 18px;
	margin: 0 24px 0 0;
	padding: 0 0 0 15px;
	}
#maincontent #titlesubmenu ul li a:hover, #maincontent #titlesubmenu ul li a.hilite {
	background: url(../images/submenu_dot_hilite.png) left center no-repeat;
	color: #fff;
	text-decoration: none;
	}
#maincontent #mainbox {
	background: #01111f url(../images/mainbox_fade_bg.png) 0 80px repeat-x;
	border: 1px solid #094f75;
	border-top: 0;
	border-bottom: 0;
	margin: 0 10px;
	min-height: 450px;
	}
#maincontent #mainboxi {
	margin: 0 10px;
	}
#maincontent #mainbox .padded {
	padding: 20px 250px 40px 30px;
	line-height:20px;
	}

#maincontent #mainbox .notsopadded {
	padding: 20px 20px 20px 30px;
	line-height:20px;
	}

#footer {
	background: url(../images/bg_50percent_big.png) center center no-repeat;
	border: 1px solid #094f75;
	clear: both;
	display: block;
	height: 60px;
	margin: 0 10px;
	padding: 25px 40px 35px 40px;
	overflow: hidden;
	}
#footer .copyright {
	color: #3384a9;
	float: left;
	font-family: Arial, sans-serif;
	font-size: 15px;
	margin: 0;
	padding: 0;
	text-align: left;
	width: 50%;
	line-height: 1.7em;
	}
#footer .links {
	color: #3384a9;
	float: right;
	font-family: Arial, sans-serif;
	font-size: 15px;
	margin: 0;
	padding: 0;
	text-align: right;
	width: 49%;
	/*line-height: 2.5em;*/
	}
#footer .copyright a {
	color: #4db8e9;
	text-decoration: none;
	}
#footer .copyright a:hover {
	color: #fff;
	}

#bigHeadList ul{
 list-style: none;
}

#bigHeadList ul li{
 font-style: italic;
}

#faq-content {

	overflow:hidden;
	padding-bottom:45px;
	padding-left:30px;
	padding-right:50px;
	width:647px;
	padding-top:20px;
	}
#faq-footer {
	background:url(images/contentFooter.png) no-repeat;
	height:10px;
	width:732px;
	}
#faq-content p {
	margin:0px;
	padding-top:10px;
	}
.handcursor {
cursor:hand;
	color:#fff;
	font: bold 1em Trebuchet MS, Arial, Helvetica, sans-serif;
	margin-bottom: 0 !important;
	padding-bottom: 0 !important;
	margin-bottom:30px;
	}
.switchgroup1 {
	color:#81c4e7;
	font: normal 100% Trebuchet MS, Arial, Helvetica, sans-serif;
	padding-bottom:20px;
	}
p.switchgroup1 {
	margin-top: 6px !important;
	padding-top: 0 !important;
    padding-top:6px;
	}
.switchgroup1 a {
	color: #95eeff;
	}
.switchgroup1 a:hover {
	color: #fff;
	text-decoration: none;
	}

.faq-title-names {
	color: #81C4E7;
	margin-bottom: 10px;
	padding-bottom: 0px;
	margin-top: 40px;
	font-family: Trebuchet MS, Arial, Verdana;
	}
.switchgroup1 ul li {
	margin-bottom: 5px;
	}
#executive-director {
	float: left;
	width: 90%;
	}
#executive {
	float: left;
	width: 40%;
	}
#director {
	float: left;
	width: 50%;
	}

.bluetitle {
	color: #C2E4F5;
	font-weight: normal;
	}
#btn-join {
	background: url(../images/btn_join.png) 0px 0px;
	display: block;
	float: left;
	height: 47px;
	text-decoration: none;
	width: 190px;
	}
#btn-join-sp {
	background: url(../images/btn_join_sp.png) 0px 0px;
	display: block;
	float: left;
	height: 47px;
	text-decoration: none;
	width: 190px;
	}
#btn-join:hover, #btn-join:active, #btn-join-sp:hover, #btn-join-sp:active {
	background-position: 0px 47px;
	cursor: pointer;
	}

#panel {
	height: auto;
	display: none;
}
.slide {
	margin: 0;
	padding: 0;
}
.btn-slide {
	text-align: left;
	padding: 0px 0px 0px 0;
	margin: 0 auto;
	display: block;
	font: bold 100% Arial, Helvetica, sans-serif;
	color: #8FCAE7;
	text-decoration: none;
}
.active {
	background-position: right 12px;
}

.white{
color: #FFF;
}


.superbit {
	font:8px arial;
	margin:0 0 4px 2px;
	}

.clearme {
	clear: both;
	height: 0;
	overflow: hidden;
	}
	
#maincontent .infopoints {
	margin-bottom: 25px;
  margin-top: 25px;
}

#maincontent .infopoints h2 {
	background-color: transparent;
	background-image: url(../images/boxes_orange_list_arrow.png);
	background-position: 0px 6px;
	background-repeat: no-repeat;
	border-bottom: 1px dashed #cbcbcb;
	color: #B3E3F7;
	font-size: 20px;
	padding-bottom: 3px;
	margin: 0px;
	padding-left: 15px;
}

.note{
font: normal italic 11px arial, verdana,sans-serif;
color: #CCC;
padding-left: 40px;
}