/* Start of CMSMS style sheet 'ell : layout' */
/* ell :: layout and common colours */

body {
	margin: 0;
	padding: 0;
	font: 83%/1.3 trebuchet, Trebuchet MS, arial, helvetica, verdana, sans-serif;
	text-align: center;
	color: #22221B;
	background-color: #fff;
}


#blackTop{
	height:30
px;
	background-color:#2a2a2a;
}

#blackTopContent{
	width: 730px;
	margin: 0em auto 0em auto;
	padding-top:0px;
	padding-right:40px;
	margin: 0em auto 0em auto;
        border:0px solid #ffffff;
	height:39px;
	text-align: right;
	background:url(uploads/layout/blackTopBackground.gif) no-repeat;
	color: #000;
        /*background-color:#3E3E3F;*/
	background-color:#2a2a2a;
}

#blackTopContent a{
	color:#fff;
}


#tcLink{
	float:right;
	width:330px;
	padding-top:13px;
	padding-right:23px;
	border:0px solid pink;
}

#tcLink a{
	font-size:0.9em;
	text-decoration:none;
}


#header{
	height:60px;
	border:0px solid pink;
	background:url(uploads/layout/headerBackground.png) no-repeat;
	background-color:white;
}


#hcLink{
	float:right;
	margin-top:24px;
	padding-left:18px;
	background:url(uploads/layout/hcLinkBackground.gif) no-repeat;
}

#hcLink a{
	font-size:0.9em;
	color:#676767;
	text-decoration:none;
}

#utilityBelt{
	width: 770px;
	margin: 0em auto 0em auto;
        border:0px solid #ffffff;
        border-bottom:1px solid #fff;
	height:30px;
	text-align: left;
	color: #000;
        background-color:#fff;
}


#container
{
	width: 770px;
	margin: 0em auto 0em auto;
	border-left:0;border-right:0;
	padding-left:0;
        border-top:1px solid #ffffff;
	border-bottom:1px solid #ffffff;

	text-align: left;
	background:url(uploads/layout/containerBackground.gif) repeat-y;

}


#homeLink{
	width:132px;
	float:left;
	padding-left:24px;
	padding-top:6px;
}

#homeLink a{
	color: white;

}
#pageTitle{
	width:418px;
	padding-left:9px;
	padding-top:2px;
	float:left;
}

#pageTitle h2{
	color:#fff;
	padding:0;margin:0;
	font-family: tahoma, verdana, sans-serif;
	font-weight: bold;
	font-size:140%;
}

#interestLink{
	padding-top:6px;
}

#interestLink a{
	color: white;
	margin-left:14px;
	text-decoration:none;
}

#interestLink a:hover{
	text-decoration:underline;
}


#topNav{
	width: 770px;
	margin: 0em auto 0em auto;
        border:0px solid #ffffff;
        border-bottom:1px solid #fff;
	height:30px;
	text-align: left;
	color: #000;
        background-color:#fff;
}




#ellProducts{
	width:150px;
	padding-left:10px;padding-top:7px;
	font-family: tahoma, verdana, sans-serif;
	font-weight: bold;
	font-size:1.0em;
	float:left;
}

#navInfo{font-size:0.9em;width:104px;float:left;}
#navVideos{font-size:0.9em;width:102px;float:left;}
#navAudio{font-size:0.9em;width:100px;float:left;}
#navPDF{font-size:0.9em;width:109px;float:left;}
#navRights{font-size:0.9em;width:180px;float:left;}

#navInfo a,#navVideos a, #navAudio a, #navPDF a, #navRights a{
	color: #2A2A2A;
	font-weight:bold;
padding-left:30px;
padding-top:8px;
padding-bottom:3px;
display:block;
border:0px solid pink;
}

#navInfo a.active,#navVideos a.active, #navAudio a.active, #navPDF a.active, #navRights a.active{
	color: #fff;
	font-weight:bold;
}




#headerContent{
	width: 770px;
	height:60px;
	margin: 0em auto 0em auto;
        border:0px solid #ffffff;
	text-align: left;
	color: #000;
        background-color: #FFFFFF;
	background:url(uploads/layout/headerContentBackground.gif) no-repeat;

}

#headerContent h1{
	font-family: tahoma, verdana, sans-serif;
	font-weight: bold;
	font-size:260%;
	color:#3E3E3F;
	width:570px;
	background-color:#fff;
	margin:0;
	padding:0;
	padding-top:0px;
}


#leftNav{
width:156px;
float:left;
padding-top:0;
margin-top:-10px;
}
#leftNav ul, li{
	list-style-type: none;
}


#adultsNav li{
list-style-image: url(uploads/layout/blue_bullet.gif);
}

#youngAdultsNav li{
list-style-image: url(uploads/layout/red_bullet.gif);
}

#childrenNav li{
list-style-image: url(uploads/layout/green_bullet.gif);
}

#content
{
	margin-left:156px;
	padding-left:7px;
	margin-right:200px;
	padding-top:15px;
}

/* right colum gubbins here */

#rightCol{
	float:right;
	width:194px;
	padding-left:00px;
	padding-right:00px;
	border:0px dotted blue;
}

div.rightColBlock{
	padding:8px;
	border:0px dotted green;
	border-bottom:2px solid white;
	font-size:0.9em;
}

#rightCol h3, h4{
	padding:0;margin:0;
	margin-top:10px; margin-bottom:10px;
	font-family: tahoma, verdana, sans-serif;
	font-weight: bold;
	font-size:1.1em;
}


/* footer type stuff */

#bottomLine{
	clear:both;
	width: 770px;
	margin: 0em auto 0em auto;
        border:0px solid #ffffff;
        border-bottom:1px solid #fff;
	height:30px;
	text-align: left;
}


#footer{
	border:1px solid #E50000;
	color: #fff;
	background-color: #E50000;
	text-align: center;
	font-size: 0.8em;
}

#footer a, a:visited{
	color: #fff;
	text-decoration:none;
}
#footer a:hover{
	color: #000;
	text-decoration:underline;
	background-color:inherit;
}
#whiteLine{
	background:url(uploads/layout/whiteLineBackground.gif) no-repeat;
	height:26px;
	border-bottom:0px solid green;
	background-position: right;
	background-color:#fff;
}


#blackBottom{
	background-color:#2a2a2a;
}


#footerContent{
	width: 770px;
	margin: 0em auto 0em auto;
        border:0px solid #ffffff;
	text-align: left;
	color: #fff;
	background-color:#2a2a2a;
	padding-bottom:8px;
	padding-top:8px;

	
}
/* End of 'ell : layout' */

