/*
Style Sheet for the Solace Eating Disorder Clinic Public Site
2008Aug01	lpb	New Module
*/

/* The following pixel sizes are assigned to the following site areas

pageWidth = 800
hdrWidth = 800 (includes 140px width image and 660px left for text header)
hdrHeight = 140
leftNavHeight = 450
leftNavWidth = 140
splashWidth = 660 (610px of working space with 20px left pad and 30px right pad)
ftrHeight = 50

colors: 006699 is blue
		333333 is black
		cccccc is grey
		cccc33 is bright green
		
		Clip Art Logo
		336633	dark green
		669933	med green
		99cc33	bright green
		333300	dark brown
		
		New colors from Markco
		336633	dark green
		669933	medium green
		339933	bright green		
*/

/******************/
/* Default Styles */
/******************/
body {
	background-image:url(../_images/bodyBackground.jpg); /* bg color is 725A47 */
	background-repeat:repeat;
	margin: 0px 0px 0px 0px;
	padding: 30px 0px 50px 0px;
	width: 800px;
	color: #333300;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align:center;
	vertical-align: middle;
}

p, td {
	color: #333300;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	vertical-align: top;
}

p {
	margin: 0px, 0px, 7px, 0px;
	padding: 0px, 0px, 0px, 0px;
}

table.main {
	width: 800px;
}

ul, ol, li{
	margin-top: 0px;
	margin-bottom: 7px;
}

.liSquare{
	list-style-type: square;	
	margin-top: 0px;
}

.liNumber{
	list-style-type: decimal;	
	margin-top: 0px;
}

input {
	margin-top: 0px;
	margin-right: 10px;
}

.red {
	color:red;
}

/*******************/
/* Left Nav Styles */
/*******************/
td.leftNavDef {
	background-color: #669933;
	height:400px;
	padding-top: 15px;
	padding-left: 6px;
	text-align: center;
	text-transform: capitalize;
	width: 134px;
}

a.leftNavLink, a.leftNavLink:active, a.leftNavLink:visited, a.leftNavLink:link, a.leftNavLink:hover {
	color:#ffffff;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	text-decoration: none; 
}

a.leftNavLink:hover {
	color: #333300;
 }

p.lefNavLink {
	padding-bottom: 10px;
}


/*****************/
/* Header Styles */
/*****************/
.hdrDef {
	background-color:#669933;
	border-bottom-width:thin;
	border-bottom-color:#339933;
	border-bottom-style:solid;
	height: 140px;
	padding:0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	width: 800px;
}

.hdrImage {
	height:140px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width:140px;
}

h1.hdrTextLarge, .hdrTextMed, h1.hdrTextSmall {
	color:#FFFFFF;
	font-family: "Times New Roman", Times, serif; 
	font-size: 38px;
	font-weight: 200;
	text-align: center;
}

.hdrTextMed {
	font-size: 26px;
}

h1.hdrTextSmall {
	font-size: 20px;
}

a.hdrLink, a.hdrLink:active, a.hdrLink:visited, a.hdrLink:link, a.hdrLink:hover {
	color: #ffffff;
	text-decoration: none; 
}


/*************************/
/* Splash Content Styles */
/*************************/
td.splashDef {
	background-image:url(../_images/splashBackground.jpg); 
	background-repeat:repeat;
	font-family:Arial, Helvetica, sans-serif;
	height: 400px;
	margin: 0px 0px 0px 0px;
	padding: 0px 30px 20px 20px;
	width: 610px;
}

.splashText, .splashTextLg {
	color: #333300; line-height: 20px;	
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.splashTextLg {
	font-size: 14px;
	padding-top: 15px;
}

/* Styles on the Home Page are .splashTextHome and .splashTextLgHome */
.splashTextHome, .splashTextLgHome {
	color: #333300;	
	font-family:"Monotype Corsiva";
	font-size: 20px;
	text-align:justify;
	padding: 8px 60px 0px 40px;
}

.splashTextLgHome {
	color:#336633;
	font-size: 26px;
	font-weight:bold;
	padding-top:70px;
	text-align:center;
}

.splashTextHomeBottom {
	color:#336633;
	font-family: "Times New Roman", Times, serif;
	font-size: 16px;
	font-weight: bold;
	text-align: left;
	padding: 115px 0px 0px 40px;
}


a.splashLink, a.splashLink:active, a.splashLink:visited, a.splashLink:link, a.splashLink:hover {
	color: #336633;
	font-size: 12px;
	text-align:left;
	text-decoration: none; 
}

a.splashLink:hover {
	color: #669933;
 }

.snglIndent {
	text-indent: 12px;
}

.picFloatLeft{
	float: left;
	padding-right: 6px;	
}

/* View Larger Image Styles */
.splashDefLargerImg {
	background-image:url(../_images/splashBG.gif); background-repeat:repeat;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
}

a.splashLinkLargerImg, a.splashLinkLargerImg:active, a.splashLinkLargerImg:visited, a.splashLinkLargerImg:link, a.splashLinkLargerImg:hover {
	color: #333300;
	font-size: 10px;
	text-align:center;
	text-decoration: none; 
}

a.splashLinkLargerImg:hover {
	color: #336633;
 }
 
 .splashSpacer { 
 	line-height: 7px;
	 
 }


/*****************/
/* Footer Styles */
/*****************/
.ftrDef {
	background-color: #336633;
	border-top-width:thin;
	border-top-color:#339933;
	border-top-style:solid;
	font-family: Arial, Helvetica, sans-serif;
	height: 70px;
	width: 800px;
	text-align:center;
	vertical-align: middle;
}

.ftrFont {
	color: #ffffff;
	font-size: 12px;
}