/*/*/
/* Alala Styles - Copyright Alala 2006 /*

/** Useful Shortcuts:
*	font: font-style  font-variant  font-weight  font-size / line-height  font-family
*	background:  background-color  background-image  background-repeat  background-attachment  background-position 
*	border: border-width  border-style  border-color 
*	margin: top right bottom left 
*	padding: top right bottom left
***/


/********************* STANDARD TAGS **********************/
body {
	padding: 0px;
	margin: 0px;
	text-align: center;
	font: normal .77em/125% Trebuchet MS, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	background: #FFCC99;
}
img, form, p {margin: 0px; padding: 0px;}
p {margin: 0 0 1em 0em;}

h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: .1em 0;	
	
}
h1 {
	margin: 0 0 .3em 0; 
	left: -.2em;
	color: #854491;
	font:  italic bold 1.8em/100% Georgia, "Times New Roman", Times, serif;
	}
h2 {
	margin: .3em 0 .3em 0; 
	left: -.1em;
	color: #854491;
	font:  italic bold 1.45em/100% Georgia, "Times New Roman", Times, serif;
	}
h3 {font-size: 1em; color: #000;}
h4 {font-size: 1.0em; color: #508F8E;}
h5 {font-size: .9em;}
h6 {font-size: 1.0em;}

h3.bottomBorder {border-bottom: 1px solid #CDCDCD; padding: 0 0 .2em 0; width: 450px; }

.hide, #siteName {
	display: none;
	line-height: 0;
	font-size: 0;
}
.clearing {clear: both; height: 0; line-height: 0; font-size: 1px;}
.noWrap {white-space: nowrap;}

/********************* LINKS ******************************/
a:link {
	color: #009A95;
	text-decoration: underline; 
	} 
	a:visited {
	color: #B3539A;
	text-decoration: underline;
	} 
	a:hover, a:active  {
	color: #56B9BE;
	text-decoration: none;
	} 



/********************* CONTENT ****************************/
ul.sleev-on li {
	list-style: none;
	background: url(images/bullet.gif) no-repeat 0 .4em;
	padding-left: 18px;


}
.collage{position: relative;}
.collage img {margin: 40px 0 8em 0;}
.collage img.cancer {
position: absolute;
top: -38px;
left: 205px;
}

img.photo {
	border: 1px solid #DDD;
	padding: 5px;
}



#columnOne .relativeContent {border: 1px solid #DDD;
padding: 5px;
}

.relativeContent, .NewsSummary {font-size: .8em; margin-bottom: 17px;}

	.relativeContent h1, .NewsSummary h1 {
		font: normal bold .9em/140% Arial, sans-serif;
		color: #999;
		text-transform: uppercase;
		letter-spacing: .2em;
		}
	
		.relativeContent h2, .NewsSummary h2 {
		font: normal bold 1em/140% Arial, sans-serif;
		color: #000;
		}
	
	.relativeContent img {
	border-bottom: 1px solid #CCC; 
	padding: 1em 0;
	}


/********************* NAVIGATION *************************/
#nav ul {
	margin: .5em 0 0 0;
	padding: 0 0 .5em 0;
	height: 20px;
	width: 540px; border-bottom: 1px dashed pink;
	background: url(images/menuBG.jpg) repeat-x;
	float: left;
	text-align: left;
	text-transform: uppercase
	}
	#nav ul li {
	display: inline;
	list-style: none;
	margin: 0;
	padding: 0;
	font: normal normal .85em/100% Tahoma, "Times New Roman", Times, serif;
	color: #FFF;
	letter-spacing: .2em;
	}
	#nav ul li a {
	padding: 0 10px;
	color: #149C9A; 
	text-decoration: none;
	}
	#nav ul li a:hover {
	color: #63276C;
}

/********************* LAYOUT *****************************/
#page  {
	margin: 0 auto;
	width: 895px;
	text-align: left;
	background: url(images/pagebg.jpg) repeat-y;
	padding: 0;
}
#masthead {
	background: url(images/banner.jpg) no-repeat;
	height: 136px;
	width: 850px;
	margin-left: 6px; 
	position: relative;
	}
	#masthead img {
	margin-left: 29px;
	}
	#masthead h1 {
	background: url(images/ribbon.gif) no-repeat;
	font-size: 0;
	height: 210px;
	width: 88px;
	position: absolute;
	top: 59px;
	left: 764px;
}
#nav {
	background: url(images/navbg.jpg) repeat-x -14px center;
	margin: 0 0 3em 6px;
	width: 600px;
	height: 28px;
	padding: 10px 0 0 217px;
}

#content {
	width: 770px;
	margin: 0 40px 0;
	padding-bottom: 15px;
	border-bottom: 1px dotted #8DCDCC;
}
	#content #columnOne {width: 22%; float: left; margin-top: 50px;}
	#content #columnTwo {width: 70.5%; float: right; margin-right: 35px;}
	#page.fullWidth #content #columnOne {width: 100%
}
#footer {
	background: url(images/footerbg.jpg) no-repeat 0px 100%;
	text-align: center;
	padding: 20px 30px 15px 30px;
	font-size: .9em;
	width:796px;
	
	}
	#footer a.bleu {color: #4B3126;} 
	#footer a.bleu:hover {color: #009A95;}

/***************** FORM ELEMENTS ********************/
	form {
		margin:0;
		padding:0;
	}
	form div,
	form p {
		font-size: 1em;
		margin: 0 0 .2em 0;
		padding: 0;
	}
	div.formbuilderform {margin-left: 20px;}
	div.formbuilderform label {font-weight: bold; color: #4B3126; }
	div.formbuilderform div.required {color: red;}
	div.formbuilderform input, 
	div.formbuilderform input select, 
	textarea {
		font-size: 1em;
		margin: 0 0 1em 0;
		padding: 2px;
		display: block;
		}
	textarea {
		width: 300px;
		height: 10em;
		font-size: 1.1em;
	}
	td.required {font-weight: bold;}
	form table td table td {padding-right: 25px; background: #F5F5F5;} /* For Check/Radio groups */ 
	table textarea {width: 450px;
}