body {
font-family: Arial, Verdana, Sans-Serif;
color:#333333;
font-size:12px;
margin: 10px 0 0 0;
padding: 0;
text-align: justify;
font-weight: 500;
background: #e7e7e7 url(../images/bg.jpg) 0 0;
background-repeat : repeat-x;
}
#container {
text-align: left;
/* width: 780px; */
width: 940px;
padding: 0;
margin-top: 10px;
margin: 0 auto;
border: 0px solid #aaa;
}
#header {
border: 0 solid #c00;
/* width: 780px; */
width: 940px;
background: #FFFFFF;
}
#headerAddress {
text-align: right;
font-weight: bold;
font-size: 14px;
color: #666666;
vertical-align:middle;
padding: 20px 10px 0 0;
background: #FFFFFF;
}
/*a {
color: #DF6C00;
}*/
#headerLogo {
background: #c3c3c3 url(../images/logo8a.jpg) 0 0 no-repeat;
text-align: left;
border-bottom: 0px solid #aaa;
float: left;
}
#headerLogo2 {
float: left;
border: 0px solid #c00;
text-align: left;
padding: 0 0 0 60px;
}
#topNav {
width: 635px;
height: 16px;
padding: 0 0 0 305px;
margin: 0;
background: #EDEDED url(../images/nav-bg.jpg) 0 0 repeat-x;
text-align: center;
}
html>body #topNav {
height: 32px;
}
.topSpacer {
width: 940px;
height: 15px;
border: 0px solid #c00;
margin: 0;
background: #c4c4c4;
background: url(../images/top.gif) 0 0;
background-repeat : no-repeat;
}
.bttmSpacer {
width: 940px;
height: 12px;
margin: 0;
background: #e7e7e7;
background: url(../images/btm.gif) 0 0;
background-repeat : no-repeat;
}
.navSpacer {
background-color: #734143;
width: 10px;
height: 16px;
float: left;
margin: 0 3px 0 0;
}
a {
color: #253360;
}
a:hover {
color: #DF6C00;
}
.nav a:link {
color: #253360;
border: 0px solid #eee;
font-weight: bold;
font-size:12px;
padding: 7px 6px 2px 6px;
margin: 0;
height: 16px;
text-decoration: none;
float: left;
overflow: visible;
display: inline;
}
html>body .nav a:link {
height: 26px;
}
.nav a:visited {
color: #253360;
border: 0px solid #eee;
font-size:12px;
font-weight: bold;
padding: 7px 6px 2px 6px;
margin: 0;
height: 16px;
text-decoration: none;
float: left;
}
html>body .nav a:visited {
height: 26px;
}
.nav a:hover {
color: #DF6C00;
border: 0px solid #FB0308;
font-size:12px;
font-weight: bold;
padding: 7px 6px 2px 6px;
margin: 0;
height: 16px;
text-decoration: none;
float: left;
}
html>body .nav a:hover {
height: 26px;
}
.nav a:active {
color: #253360;
border: 0px solid #eee;
font-size:12px;
font-weight: bold;
padding: 7px 6px 2px 6px;
margin: 0;
height: 16px;
text-decoration: none;
float: left;
}
html>body .nav a:active {
height: 26px;
}
.navOn a:link {
color: #329932;
border: 0px solid #FB0308;
font-size:12px;
font-weight: bold;
padding: 7px 6px 2px 6px;
margin: 0;
height: 16px;
text-decoration: none;
float: left;
overflow: visible;
display: inline;
}
}
html>body .navOn a:link {
height: 26px;
}
.navOn a:visited  {
color: #329932;
border: 0px solid #FB0308;
font-size:12px;
font-weight: bold;
padding: 7px 6px 2px 6px;
margin: 0;
height: 16px;
text-decoration: none;
float: left;
}
html>body .navOn a:visited {
height: 26px;
}
.navOn a:hover {
color: #DF6C00;
border: 0px solid #FB0308;
font-size:12px;
font-weight: bold;
padding: 7px 6px 2px 6px;
margin: 0;
height: 16px;
text-decoration: none;
float: left;
}
html>body .navOn a:hover {
height: 26px;
}
.navOn a:active {
color: #329932;
border: 0px solid #FB0308;
font-size:12px;
font-weight: bold;
padding: 7px 6px 2px 6px;
margin: 0;
height: 16px;
text-decoration: none;
float: left;
}
html>body .navOn a:active {
height: 26px;
}
#contentMain {
border: 0px solid #391C00;
width: 890px;
font-size:12px;
text-align: left;
padding: 22px 25px 30px 25px;
background: #FFFFFF;
margin: 0px;
}

#mainLeft {
border: 0px solid #c00;
float: left;
padding: 0;
margin: 0;
width:240px;
}
#mainRight {
border: 0px solid #c00;
float: right;
text-align: left;
padding: 0 0 8px 8px;
margin: 0;
width:635px;
}
#mainImg3 {
border: 0 solid #c00;
float: none;
text-align: center;
padding: 2px 0;
background: #231F20;
margin: 0;
}
#contentMain ul {
margin: 6px 3px 16px 18px;
padding: 0;
}
#contentMain ul li {
list-style-type : square;
margin: 0 0 6px 0;
}
h1 {
font-size: 17px;
line-height:100%;
color: #176132;
font-weight: bold;
font-family: Arial, Verdana, Sans-Serif;
margin: 0 0 8px 0;
padding: 0px;
}
/*h2 {
font-size: 14px;
color: #176132;
font-weight: bold;
font-family: Arial, Verdana, Sans-Serif;
margin-bottom: 0px;
padding-bottom: 0px;
}*/
h3 {
font-size: 14px;
line-height:100%;
color: #333333;
font-weight: bold;
font-family: Arial, Verdana, Sans-Serif;
margin: 0;
padding: 0;
}
table tr th {
background:#253360;
text-align:left;
}
.clearDiv {
clear: both; 
height: 1px; 
font-size: 1px; 
overflow: hidden; 
}
.clearNavDiv {
clear: both; 
height: 1px; 
font-size: 1px; 
overflow: hidden;
background: #EDEDED; 
}
.clearDiv2 {
clear: both; 
height: 4px; 
font-size: 4px; 
overflow: hidden; 
}
html>body .clearDiv2 {
clear: both; 
height: 4px; 
font-size: 4px; 
overflow: hidden; 
}

#foxfix {
clear: none;
height: 1px; 
font-size: 1px;
overflow: hidden; 
}
html>body #foxfix {
height: 6px; 
font-size: 6px; 
overflow: hidden; 
}
.mouseOff {
border: 1px solid #aaa;
/*border: 1px solid #D2A7CD;*/
}
.mouseOn {
border: 1px solid #eee;
}
.mouseDown {
border: 1px solid #eee;
}
.mouseUp {
border: 1px solid #eee;
}
.clear {
clear : both; 
height : 1px; 
font-size : 1px; 
overflow : hidden; 
} 

.center {
text-align: center;
}

#contactForm {
border:0px solid #c00;
}
#contactForm table {
border:1px solid #cccccc;
background:#efefef;
text-align:center;
}
.rq {
color:#c00;
}
.special {
width:600px;
color: #111;
background: #C1D5ED;
padding: 5px;
line-height:150%;
display:block;
margin-bottom:8px;
}

.team-photo {
margin: 20px 20px 20px 10px;
width:280px;
float:left;
text-align:left;
}
.team-photo2 {
margin: 20px 5px;
float:left;
text-align:left;
}

/*  TABLES & FORMS */
table {
	padding: 3px;
	margin: 0;
	border: 0;
}
th {
	font-weight: bold;
	text-align: center;
	color: #fff;
	background-color: #08296B;
}
form { margin: 0; /* remove extra space after form */ }
label { font-weight:bold; cursor:pointer; } /* makes form labels clickable */
select,input,textarea { 
	font-size:12px;
	background-color: #fff;
	color: #333;
	margin:1px;
	border: 1px solid #999;
}

/* ADDITIONAL FORMATTING */


/* ######### WHITE BACKGROUND CONTAINER ######### */

#rnd_container {
background: #ffffff; 
margin: 0 5px 5px 15px;
width:214px;
}
.rnd_top, .rnd_bottom {
display:block; 
background:#FFFFFF; 
font-size:1px;
}
.rnd_b1, .rnd_b2, .rnd_b3, .rnd_b4 {
display:block; 
overflow:hidden;
}
.rnd_b1, .rnd_b2, .rnd_b3 {
height:1px;
}
.rnd_b2, .rnd_b3, .rnd_b4 {
background:#FFFFFF; 
border-left:1px solid #CCCCCC; 
border-right:1px solid #CCCCCC;
}
.rnd_b1 {
margin:0 5px; 
background:#CCCCCC;
}
.rnd_b2 {
margin:0 3px; 
border-width:0 2px;
}
.rnd_b3 {
margin:0 2px;
}
.rnd_b4 {
height:2px; 
margin:0 1px;
}
.rnd_content {
display:block;
border:0 solid #CCCCCC;
border-width:0 1px;
padding: 0 0px 5px 10px;
background:#FFFFFF;
text-align:left;
font-size:11px;
color:#000000;
line-height:130%;
border-bottom:0px solid #CCCCCC;
}

/* ######### END WHITE BACKGROUND CONTAINER ######### */



/* ######### GRAY BACKGROUND CONTAINER ######### */

#rnd2_container {
background: #ffffff; 
margin: 0 5px 5px 15px;
width:214px;
}
#rnd2_containerActivity {
background: #ffffff; 
margin: 0 5px 5px 15px;
width:184px;
}
#rnd2_containerActivity2 {
background: #ffffff; 
margin: 0 5px 5px 15px;
width:244px;
}
#rnd2_containerActivity3 {
background: #ffffff; 
margin: 0 5px 5px 15px;
width:204px;
}
.rnd2_top, .rnd2_bottom {
display:block; 
background:#FFFFFF; 
font-size:1px;
}
.rnd2_b1, .rnd2_b2, .rnd2_b3, .rnd2_b4 {
display:block; 
overflow:hidden;
}
.rnd2_b1, .rnd2_b2, .rnd2_b3 {
height:1px;
}
.rnd2_b2, .rnd2_b3, .rnd2_b4 {
background:#DDDDDD; 
border-left:1px solid #DDDDDD; 
border-right:1px solid #DDDDDD;
}
.rnd2_b1 {
margin:0 5px; 
background:#DDDDDD;
}
.rnd2_b2 {
margin:0 3px; 
border-width:0 2px;
}
.rnd2_b3 {
margin:0 2px;
}
.rnd2_b4 {
height:2px; 
margin:0 1px;
}
.rnd2_content {
display:block;
border:0 solid #DDDDDD;
border-width:0 1px;
padding: 0 10px 5px 10px;
background:#DDDDDD;
text-align:left;
font-size:11px;
color:#000000;
line-height:120%;
border-bottom:0px solid #DDDDDD;
}
.sideHeader {
font-size: 13px;
color: #176132;
font-weight: bold;
font-family: Arial, Verdana, Sans-Serif;
margin: 5px 0 0 0;
padding: 0;
}
.sideHeader2 {
font-size: 13px;
color: #DF6C00;
font-weight: bold;
font-family: Arial, Verdana, Sans-Serif;
margin: 5px 0 0 0;
padding: 0;
}

/* ######### END GRAY BACKGROUND CONTAINER ######### */


.testimonial {
	font-weight: bold;
	color:#253360;
}
.teambuildingActivities {
width:440px;
padding:0;
margin:0;
border:1px solid #000;
color:#000;
font-size:11px;
}
table.teambuildingActivities {
border-collapse:collapse;
}
table.teambuildingActivities th {
color:#fff;
font-weight:bold;
background:#008606;
text-align:left;
padding:3px 5px;
border:1px solid #000;
}
table.teambuildingActivities td {
text-align:left;
padding:3px 5px;
border:1px solid #000;
} 
.new {
background: url(../images/new.jpg) top right no-repeat;
padding:2px 38px 30px 0;
}
#byPhilanthropicCause {
background: url(../images/philanthropic-cause.jpg) 0 0 no-repeat;
min-height:480px;
}
#activityPosition {
position:absolute;
display:block;
height:560px;
}
#childhoodActivity {
position:relative;
top:30px;
left:230px;
}
#educationActivity {
position:relative;
top:40px;
left:30px;
}
#environmentActivity {
position:relative;
top:90px;
left:10px;
}
#healthActivity {
position:relative;
top:160px;
left:30px;
}
#reliefActivity {
position:relative;
top:175px;
left:320px;
}
#outActivity {
position:relative;
top:20px;
left:670px;
}
#childrenActivity {
position:relative;
top:-187px;
left:684px;
}
#hungerActivity {
position:relative;
top:-407px;
left:670px;
}
#militaryActivity {
position:relative;
top:-565px;
left:472px;
}
.activityButton {
text-align:center;margin:0 auto;
margin-top:100px;
margin-left:0px;
}


a.button {
	margin-right:8px;
	line-height:150%;
	display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: right;
	text-decoration: none;
	font: 16px/100% Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding: 7px;
	text-shadow: 0 -1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.4);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.4);
	box-shadow: 0 1px 2px rgba(0,0,0,.4);
}
a.storeLink {
	color: #eee;
	border: solid 1px #ddd;
	background: #f18400;
	background: -webkit-gradient(linear, left top, left bottom, from(#f18400), to(#f9b36d));
	background: -moz-linear-gradient(top,  #f18400,  #f9b36d);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f18400', endColorstr='#f9b36d');
	margin:0 40px;
}	
a.storeLink:hover {
	background: -webkit-gradient(linear, left top, left bottom, from(#f9b36d), to(#f18400));
	background: -moz-linear-gradient(top,  #f9b36d,  #f18400);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9b36d', endColorstr='#f18400');
}
a.storeLink:active {
	background: -webkit-gradient(linear, left top, left bottom, from(#f9b36d), to(#f18400));
	background: -moz-linear-gradient(top,  #f9b36d,  #f18400);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9b36d', endColorstr='#f18400');
	margin-top: 1px;
}

a.storeLink2 {
	font: 14px/100% Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #eee;
	border: solid 1px #ddd;
	background: #008606;
	background: -webkit-gradient(linear, left top, left bottom, from(#008606), to(#4CB251));
	background: -moz-linear-gradient(top,  #008606,  #4CB251);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#008606', endColorstr='#4CB251');
}	
a.storeLink2:hover {
	background: -webkit-gradient(linear, left top, left bottom, from(#4CB251), to(#008606));
	background: -moz-linear-gradient(top,  #4CB251,  #008606);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#4CB251', endColorstr='#008606');
}
a.storeLink2:active {
	background: -webkit-gradient(linear, left top, left bottom, from(#4CB251), to(#008606));
	background: -moz-linear-gradient(top,  #4CB251,  #008606);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#4CB251', endColorstr='#008606');
	margin-top: 1px;
}

.viewByContainer {
position:relative;
}
.viewBy a {
width:520px;
height:124px;
text-indent:-9999px;
position:absolute;
top:240px;
left:60px;
background-image: url(../images/view-by-philanthropic-cause.jpg); 
}
.viewBy a:hover {
background-position: 0 -123px;
}
.viewByTI a {
width:520px;
height:124px;
text-indent:-9999px;
position:absolute;
top:780px;
left:60px;
background-image: url(../images/view-by-philanthropic-cause.jpg); 
}
.viewByTI a:hover {
background-position: 0 -123px;
}