BODY {
    margin: 0;
    padding: 0;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    background-color: #ffffff;
}
a:link {
color:#8BC53F;
text-decoration:none;
}
A, a img {text-decoration: none; color: #8bc53f;}
A:HOVER {text-decoration: underline;}
IMG {border: none;}
label{cursor: pointer;}
.relax {
	clear: both;
	height: 0;
	line-height: 0;
	font-size: 0;
}

/*Page*/
#page {
    margin: auto;
    text-align: left;
    width: 902px;
    min-height: 500px;
}

/********  Header  ************/
.header {
    float: left;
    display: inline;
    width: 100%;
}
.header-content {
	width: 100%;
	float: left;
	display: inline;
	background: transparent url("../images/bg/bg-header.png") no-repeat center top;
	}

.header-content a.logo{
	float: left;
	margin: 20px 0 0 54px;
	}

.header-content a.logo img{
	margin: 0;
	padding: 0;
	float: left;
	}

.header-box {
	float: right;
	display: inline;
	margin: 0;
	padding: 0;
	width: 172px;
	}

.login {
	margin: 0;
	padding: 0;
	width: 100%;
	}

.login div{
	margin: 7px 0 20px 0;
	padding: 0;
	}

.login label,
.login p, .login p a{
	color: #2a4d5e;
	font-size: 0.7em;
	margin: 0;
	padding: 0;
	font-weight: normal;
	}
.login p a {
	font-size: 1em;
	position: relative;
	color: #8bc53f;
	}

input [type="text"]{
	border: 1px solid #ececec;
	width: 84px;
	margin: 0 0 0 6px;
	padding: 0;
	font-size: 0.8em;
	background: url("../images/bg/bg-input-text.jpg") repeat-x left top;
	}
.login input{
	width: 84px;
	}

input.input-button{
	width: 23px;
	height: 19px;
	font-size: 0.5em;
	font-weight: bold;
	color: white;
	background: url("../images/bg/bg-button-go.png") no-repeat center top;
	border: none;
	margin: 0 0 0 2px;
	cursor: pointer;
	}
.currently {
	float: left;
	display: inline;
	margin-bottom: 18px;
	}

.currently img,
.currently a img{
	padding: 0;
	margin: 0 0 2px 0;
	}
.currently a{
	margin: 0 0 1px 0;
	padding: 0 0 0px 0;
	float: left;
	}

/********  main menu *********/
.main-menu {
	margin: 0px 0 0px 0;
	padding: 0px 0 5px 0;
	width: 100%;
	float: left;
	display: inline;
	text-align: left;
	background: transparent url("../images/bg/bg-menu.png") no-repeat center top;
	height: 49px;
	}

.main-menu ul{
	list-style-type:  none;
	display: block;
	margin: 0px 0 0 108px;
	padding: 0px 0 0px 0;
	line-height: 150%;
}

/*@media all and (width) {.main-menu ul {margin-top: 4px; }}*/
.main-menu ul li {
	display: inline;
	padding: 0 0 5px 0;
	margin: 0;
	}
.main-menu ul li a{
	color: #2a4d5e;
	text-transform: uppercase;
	font-size: 0.8em;
	font-weight: bold;
	font-family: "Myriad Pro", Arial, Helvetica, sans-serif; 
	letter-spacing: 0.05em;
	position: relative;
	padding: 3px 10px 4px 10px; /* 3 10 3 10 */
}

.main-menu ul li a:hover,
.main-menu ul li a.selected{
	text-decoration: none;

	}

.main-menu ul li a:hover,
.main-menu ul li.active a,
.main-menu ul li a.selected{
	color: #00abc8;
}
.main-menu ul li a:hover,
.main-menu ul li.active a,
.main-menu ul li a.selected{
	background-color: #ffffff;
	}
	
.main-menu ul li ul{
	margin: 0;
	padding: 0;
/*	display: none; //* this line was moved to inline css b/c of the IE6 SSL no-dropdown bug */
	width: 100%;
	float: left;
	position: relative;
	
	}

.main-menu ul li ul.selected
{
	display: block;
}

.main-menu ul li ul li{
	margin: 0;
	padding: 0;
	float: left;
	display: inline;
	}

.main-menu ul li:hover ul{
	display: block;
	}

.main-menu ul li ul li a{
	color: #FFFFFF;
	font-size: 0.8em;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif; 
	letter-spacing: 0em;
	padding: 5px 10px;
	margin: 0;
	position: relative;
	float: left;
}

.main-menu ul li ul li a:hover{
	color: #2a4d5e;
	background-color: transparent;
	}


/*********  Content **********/
.content {
    float: left;
    display: inline;
    width: 100%;
}
.content-home{
	float: left;
    display: inline;
    width: 100%;
	margin-top: -30px;
	width: 100%;
	}

.sub-content {
	width: 100%;
	float: left;
	display: inline;
	margin: 0;
	padding: 0;
	}

.gratitude {
	margin: 20px 0 0 17px;
	padding: 0;
	float: left;
	display: inline;
	}

.sub-cont-box,
.sub-cont-box-green{
	float: right;
	display: inline;
	background: transparent url("../images/bg/sub-cont-box-bg.png") no-repeat center top;
	width: 175px;
	margin: 20px 20px 0 20px;
	padding: 10px 0;
	}
.sub-cont-box-green
{
	background: transparent url("../images/bg/sub-cont-box-bg-green.png") no-repeat center top;
}
.sub-cont-box p,
.sub-cont-box-green p{
	color: #3eb66f;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	margin: 0 10px;
	padding: 0;
	}	
.sub-cont-box p i,
.sub-cont-box-green p i{
	font-size: 0.7em;
	}

.sub-cont-box div,
.sub-cont-box-green div{
	float: left;
	background-color: transparent;
	position: relative;
	}
.sub-cont-box a,
.sub-cont-box-green a{
	padding: 0;
	margin: 3px 7px;
	float: left;
	position: relative;
	}
.sub-cont-box a img,
.sub-cont-box-green a img{
	margin: 0;
	padding: 0;
	}
/*******  SHADOW *************/
.shadow-content{
	margin: 0;
	padding: 0;
	width: 100%;
	height: 31px;
	float: left;
	display: inline;
	background: transparent url("../images/bg/shadow-content.png") no-repeat center top;
	}	
/**** MAIN-CONTENT ******/
.main-content{
	margin: 18px 0 0 0;
	padding: 0 0 15px 0;
	float: left;
	dispaly: inline;
	/*background: transparent url("../images/bg/bg-main-content.gif") repeat-y left top;*/
	width: 100%;
	}

.main-content-home{
	margin: -10px 0 0 0;
	background: none;
	padding: 0 0 15px 0;
	float: left;
	dispaly: inline;
	width: 100%;
	}
	
.center h4,
.recents h3,
.right-side h4,
.article h4{
	font-family: "Myriad Pro", Arial, Helvetica, sans-serif;
	font-weight: bold; 
	letter-spacing: 0.05em;
	text-transform: uppercase;
	color: #2a4d5e;
	font-size: 1em;
	margin: 10px 0 0 20px;
	padding: 0;
	float: left; 
	display: inline;
	width: 80%;
	}

/*********  LEFT SIDE CONTENT **********/
.left-side {
	width: 210px;
	float: left;
	display: inline;
	margin: 0 10px 0 40px; 
	padding: 0;
	}

.left-side.home{
	width: 255px;
	margin: 0 20px 0 20px;
	}

.info {
	float: left;
	display: inline;
	width: 100%;
	margin: 0 0 0 0px;
	border-bottom: 1px solid #e6e6e6;
	}

.info h3,
.info p{
	margin: 0;
	line-height: 150%;
	padding: 0;
	}
	
.info h3{
	font-family: "Myriad Pro", Arial, Helvetica, sans-serif; 
	letter-spacing: 0.05em;
	text-transform: uppercase;
	color: #8bc53f;
	font-size: 0.9em;
	margin-top: 9px;
	}	
	
.info p{
	font-family: Arial, Helvetica, sans-serif; 
	letter-spacing: 0em;
	font-size: 0.65em;
	color: #00abc8;
	padding: 0 0 12px 0;
	}	

.left-box{
	float: left;
	display: inline;
	}
.left-side .left-box a{
	margin: 38px 0 0 0;
	display: block;
	}

.left-side.home .left-box a{
	margin: 18px 0 0 0;
	padding: 0;
	float: left;
	}
.left-box a img{
	margin: 0;
	padding: 0;
	}

.search-form,
.search-form div,
.search-form input,
.search-form input.input-button,
.search-form label{
	float: left;
	margin: 0;
	padding: 0;
	}
.search-form{
	margin-bottom: 15px;
	}
.search-form input{
	width: 143px;
	margin: 0px 2px 0 0;
	}
.search-form input.input-button{
	width: 20px;
	}
.search-form label,
p.data {
	font-family: Arial, Helvetica, sans-serif; 
	letter-spacing: 0em;
	font-size: 0.7em;
	color: #2a4d5e;
	margin: 3px 0;
	}
	
.recents{
	border-bottom:1px solid #E6E6E6;
	}
.recents h3 {
	margin: 0;
	padding: 0;
	font-size: 1em;
	width: 100%;
	}
.recents ul{
	list-style-type: none;
	margin: 0 0 20px 0;
	padding: 0;
	}
.recents ul li{
	margin: 0;
	padding: 0;
	line-height: 90%;
	}
.recents ul li a{
	font-size: 0.7em;
	}

/*********  CENTER CONTENT **********/
.center {
	width: 290px;
	float: left;
	display: inline;
	margin: 0;
	padding: 0;
	border-left: 1px solid #E6E6E6;
	border-right: 1px solid #E6E6E6;
	}

.box-content-img{
	margin: 0 20px 0 20px;
	padding: 0;
	float: left;
	display: inline;
	}
	
.center a,
.right-side a,
.article p,
.box-content-img p,
.box-content-img p a{
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	color: #666;
	font-size: 0.65em;
	line-height: 120%;
	letter-spacing: 0em;
	}

.center a,
.right-side a {
	float: left;
	display: inline;
	color: #8bc53f;
	margin: 2px 0 5px 20px;
	font-size: 0.65em;
	font-family: Arial, Helvetica, sans-serif;
	}

.box-content-img a{
	float: left;
	display: inline;
	margin: 3px 9px 3px 2px;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	}

.box-content-img a img{
	margin: 0;
	padding: 0;
	font-size: 0.65em;
	}

.box-content-img p {
	float: left;
	display: inline;
	width: 175px;
	margin-top: 5px;
	margin-left: 5px;
	}
.box-content-img p a {
	color: #8bc53f;
	font-size: 0.85em;
	text-transform: uppercase;
	float: none;
	margin-left: 0px;
	}

.center h4.stories{
	margin-top: 22px;
	}
/**********  ARTICLE **********/
.center.articles{
	width: 408px;
	margin: 0 20px;
	border: none;
	}

p.data {
	font-size: 0.6em;
	margin-bottom: 10px;
	}

.article{
	float: left;
	display: inline;
	margin: 0 0 18px 0;
	padding: 0;
	width: 100%;
	}

.article span{
	width: 100%;
	display: block;
	float: left;
	}

.article h4{
	font-size: 0.7em;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	letter-spacing: 0em;
	display: inline;
	float: left;
	width: auto;
	padding-bottom: 2px;
	}
.article a{
	font-size: 0.55em;
	float: left;
	margin: 0;
	padding: 2px 10px 3px 2px;
	text-transform: none;
	}
.article a.cnt-com{
	margin-left: 10px;
	padding-left: 5px;
	background: transparent url("../images/bg/bg-cnt-com.png") no-repeat left top;
	}

.article .box-icons {
	margin: 0;
	padding-bottom: 5px;
	}

.article .box-icons a.icon-1{
	margin: 0;
	}

.article p {
	float: left;
	display: inline;
	margin-top: 1px;
	font-size: 0.7em;
	}
.article a.read-more{
	padding-left: 0; 
	}

/*********  RIGHT SIDE CONTENT **********/
.right-side {
	width: 185px;
	float: right;
	display: inline;
	margin: 0;
	padding: 0;
	}

.right-side.home {
	float: left;
	width: 280px;
	margin: 0  0px 0 18px;
	}


.right-side a{
	margin: 0;
	padding: 0;
	float: left;
	}

.right-side a img{
	margin: 0;
	padding: 0;
	}

.box-content{
	height: 43px;
	margin: 0 0 6px 0;
	padding: 0 0 0px 0;
	float: left;
	display: inline;
	width: 100%;
	background: transparent url("../images/bg/box-content.png") no-repeat left top;
	}

.box-content h4{
	line-height: 100%;
	width: 100%;
	}
.box-content a{
	margin-top: 4px;
	margin-bottom: 7px;
	}
.box-content.big a{
	margin-top: 2px;
	margin-bottom: 8px;
	line-height: 130%;
	}
.box-content.big{
	background: transparent url("../images/bg/box-content-big.png") no-repeat left top;
	height: 54px;
	}
.sub-box {
	float: left;
	display: inline;
	width: 228px;
	margin: 7px 0 0px 8px;
	padding: 0;
	}
.sub-box h4{
	margin: 0;
	padding: 0;
	}
.box-content form,
.box-content form div{
	float: left;
	display: inline;
	margin: 0;
	padding: 0;
	}
.box-content .input-button{
	float: left;
	display: inline;
	margin: 15px 8px 0 0px;
	padding: 0;
	}
	
.box-content.big .input-button{
	margin-top: 27px;
	}
	
.box-content.small{
	background: transparent url("../images/bg/box-content-small.png") no-repeat left top;
	padding-bottom: 8px;
	}
.box-content.small h5{
	float: left;
	display: inline;
	color: #b3b3b3;
	margin: 0px 0 0px 0;
	padding: 0;
	font-size: 0.65em;
	font-family: Arial, Helvetica, sans-serif;
	}
.box-icons{
	float: left;
	display: inline;
	margin: 4px 0 0 50px;
	padding: 0 0 0 0px; 
	}
.box-content.small .sub-box{
	width: auto;
	}
.box-icons a{
	margin: 0 0 0 8px;
	padding: 0 0px 0 0px;
	}

.box-icons a img{
	margin: 0;
	padding: 0;
	}

/***************/
.right-side .currently{
	margin-bottom: 0px;
	}
.right-side .currently img{
	/*float: right;*/
	display: inline;
	}
.right-side a.banner,
.right-side a.banner img.banner{
	margin: 0;
	padding: 0;
	}
.right-side a.banner{
	margin-top: 10px;
	/*float: right;	*/
	}
	
/*******  Footer *************/
.footer {
     float: left;
     display: inline;
     width: 100%;
     margin: 0;
     padding: 15px 0 10px;
     font-family: Arial, Helvetica, sans-serif;
	 font-weight: normal;
}

.footer p{
	width: 550px;
	margin: 0 0 0 15px;
	padding: 0;
	color: #2a4d5e;
	float: left;
	 font-size: .8em;

	}
.footer ul {
	float: right;
	display: inline;
	margin: -4px 4px 0 0;
	padding: 0;
	}	
.footer ul li{
	display: inline;
	color: #dadada;
	padding: 0;
	margin: 0 3px;
	}
	
div.footer ul li a {
	color: #8bc53f !important;
	font-size: 0.8em !important;
	font-family: Arial, Helvetica, sans-serif;
	}

/****** Counter *******/


div.counter
{
	width: 167px;
}

div.counter div.counterTop,
div.counter div.counterBottom
{
	height: 17px;	
	overflow: hidden;
	text-align: right;
	background-repeat: repeat-x;
	padding-right: 10px;
	font-family: arial;
	font-weight: bold;
	font-size: 30px;
	position: relative;
}

div.counter div.counterTop
{

	background-image: url(../images/counterTop.png);
	border-bottom: 1px solid #496270;
	color: #b0b43b;
}

div.counter div.counterBottom
{
	background-image: url(../images/counterBottom.png);
	color: #e1e33b;
}

div.counter div.counterBottom span.bottomText
{
	position: relative;
	top: -17px;
}

/***** Left Center content to contain dynamic pages for the sub wrapper **********/

div.leftCenterContent
{
	float: left;
	width: 700px;
}

div.leftCenterContentHome
{
	float: left;
	width: 600px;
}

ul.thankYourCaregiver
{
	left: 230px;
	width: 500px !important;
}

ul.AboutGN
{
	left: 350px;
	width: 400px !important;
}

/********** Overiding Convio default styles **********/

P, LI, OL, UL, TABLE, TR, TH, TD, DIV .Explicit {
	font-family: Arial, Helvetica, sans-serif;
	color: #666;
}
.Hint, .appArea {
	font-family: Arial, Helvetica, sans-serif;
	color: #666;
}
	

.FormCaption {
	margin-top: 0pt;
	margin-right: 0pt;
	margin-bottom: 0pt;
	margin-left: 0pt;
	padding-top: 0pt;
	padding-right: 0pt;
	padding-bottom: 0pt;
	padding-left: 0pt;
	font-family: Arial,Helvetica,sans-serif;
	color: #666;
	font-size: 0.65em;
	letter-spacing: 0em;
}

/*
This was to keep the text in the donation forms from hitting the side bar.
td.FormCaption p {
	width:600px;
}
*/

/*first level headlines*/
h1, h2, h3, .ObjTitle, .eventtitle, .TribHeading2, .cons-prof h3, .TributeTitle {
	text-transform: uppercase;
	color: #2a4d5e; 
	font-weight: bold;
}

/*second level headlines*/
h5.FormSectionHeader, .locationtitle, .TribHeading3, p.cstmHeading, #about .headline, #journal .headline, #colBox h5
{
	font-family: Arial,Helvetica,sans-serif;
	text-transform: uppercase;
	color: #2a4d5e;
	letter-spacing: 0.05em;
	font-size:14px;
}
#about .headline, #journal .headline 
{
		margin-top:1em;
}
#colBox h5 {
background-color:#ecf4dc;
}


table.DonationAppTable {
	table-layout:fixed;
}

td.minicalcell {
background-color:#ecf4dc;
}
td.minicaltitle {
background-color:#dff4f4;
}

table.FormBox {
border:none;
border-collapse:collapse;
}
td.TableHeadings {
	background-color:#aaa;
}
p.PaddedListHeadingsR a {
color:#555;
text-decoration:none;
}
.FormBox {
background-color:#ecf4dc;
background-image:none;
font-family:Arial,Helvetica,sans-serif;
font-size:8pt;
}

.FormBox99 {  /* override Friendraiser Style line 156  (personal Funding form)  */
background-color:#ECF4DC;
background-image:none;
border:none;
padding:0;
}
div.FormBox99 {
	border:none;
}



table.ProgressBox {
border:none;
padding-left:4px;
padding-right:4px;
}
.ProgressBox {
	background-color:#CCC;
}
.ProgressBoxCurrent {
	background-color:#dff4f4;
}

p.label, label.wrapable, .cons-pers h4, {
	color:#777;
}

/*fixing verticle spacing in FF for form tables*/
.FormBox tr td p { 
	padding-top:0.5em;
	margin:0;
}
div.appArea table tbody tr td td p{
	padding:0;
	margin:0;
}

div.appArea table tbody tr td td label{
	padding:0;
	margin:0;
}


/*rollovers*/
      a.srollover {
          display: block;
          width: 160px;
          height: 60px;
			background-image: url("../images/pictures/medical-center_roll.png");
          background-position:  0 0;
		background-repeat:  no-repeat;
          text-decoration: none;
      }
		/*
      a:hover.srollover {
          background-position: 0px -60px;
      }
		*/
		div.sub-cont-box a:hover,
		div.sub-cont-box-green a:hover
		{ 
			background-position: 0px -60px;
		}
	  a.srollover2 {
          display: block;
          width: 167px;
          height: 391px;
          background-image: url("../images/banners/right-banner_roll.jpg");
		background-position: 0 0;
			background-repeat: no-repeat;
          text-decoration: none;
      }
      a:hover.srollover2 {
          background-position: 0px -391px;
      }