/* CSS Document */

 body {

	margin: 0px;
	margin-top: -2px;
	margin-left: -2px;
	color            : #000000;
	scrollbar-face-color:		white;
	scrollbar-arrow-color:	#FF3333;
	scrollbar-track-color:	white;
	/*  scrollbar-shadow-color:	
	  scrollbar-highlight-color:*/
	scrollbar-3dlight-color: #FF3333;
	/*  scrollbar-darkshadow-Color:*/
	
}
img
{
	border: 0;
	padding: 3px;
}

#sitemap 
{
text-align: left;
padding-left: 30px;
font-size: 100%;
}

#sitemap h2 a{
  	font-family: Comic Sans, Comic Sans MS, cursive;
	font-weight: bold;
	font-size: 88%;
	padding: 0px;
	maring: 0px;
}
#sitemap a{
	text-decoration: none;
	font-size: 95%;
	}
#sitemap ul {
	padding-left: 10px;
	
	}
	
#sitemap ul li {
list-style-type:none;
padding-left: 10px;
}

h1 {
  	font-family: Comic Sans, Comic Sans MS, cursive;
	font-weight: bold;
	color: black;
	font-size: 36px;
}


th, td, tr, p, div {
  font-family: Comic Sans, Comic Sans MS, cursive;
  font-size        : 13px;
  color            : #333333;
}

ul {
  margin           : 0px 0px 0px 0px;
}

hr {
  background       : #CCCCCC;
  height           : 1px;
  width            : 100%;
}
.title {
	font-family: sans-serif;
	font-size: 24px;
	font-weight: bold;
	color	: #7B8DA1; 

}

li.latestnews {
	list-style: none;
	padding: 0px;
	margin: 0px;
}

ul.latestnews {
	list-style: none;
	padding: 0px;
	margin: 0px;

}

.html .latestnews
{

}

.latestnews
{
	text-align: left;
	font-size: 14px;
}

.background
{
	float: left;
}

.logo
{
	position: absolute;
	left: 0px;
	top: 0px;
	cursor: pointer;
	display: block;
	border: 0px;

}

.homeship
{
	position: absolute;
	left: 50px;
	top: 468px;
	cursor: pointer;
	display: block;
	border: 0px;

}

.pathway
{
line-height: 17px;
}
#screen
{
	float:left; 
	position: absolute; 
	left: 70px; 
	top: 50px;
}
#blob1
{
	float:left; 
	position: absolute; 
	left: 130px; 
	top: 160px; 
	width: 100px;
	height: 200px;
}
/*****************************************************
Main page
******************************************************/
#aboutContent
{
float:left; 
position: absolute; 
left: 230px; 
top: 90px; 
}

#newsContent
{
float:left; 
position: absolute; 
left: 480px; 
top: 80px; 
}

#tickerContent
{
background-color: black; 
float:left; 
position: absolute; 
left: 75px; 
top: 388px; 
width: 655px; 
height: 25px; 
overflow: hidden;
color: white;
border-top: 1px solid red;
border-bottom: 2px solid yellow;
}

#tickerContent a{
color: #00FF33;
}



#blob2
{
	
	float:left; 
	position: absolute; 
	left: 440px; 
	top: 170px; 

}


#ContentNoScroll, #ContentScroll{ 
	float:left; 
	position: absolute; 
	left: 130px; 
	top: 126px; 
	width: 550px; 
	height: 335px;
	overflow: auto;
	/*text-align: justify;*/
	padding-left: 10px;
}

#LeftBalloon table, #RightBalloon table, #LeftBalloon td, #RightBalloon td{
text-align: center;
}


#LeftBalloon{ 
	float:left; 
	position: absolute; 
	left: 180px; 
	top: 170px; 
	height: 150px;
	width: 240px;
	text-align: center;
	font-family: Comic Sans, Comic Sans MS, cursive;
	font-size        : 17px;
	font-weight      : bold;
	color            : #333333;
	padding-left: 0px;
	/*background-color: green;*/
	
}
#RightBalloon{ 
	float:left; 
	position: absolute; 
	left: 420px; 
	top: 120px; 
	width: 200px; 
	height: 150px;
	overflow: auto;
	text-align: center;
	font-family: Comic Sans, Comic Sans MS, cursive;
	font-size        : 17px;
	font-weight      : bold;
	color            : #333333;
}

#ContentNoScroll{ 
	overflow: hidden;
}

#buttons a {
	text-decoration: none;
	border: 0px;
	border: none;
	border-width: 0px;
	
}

#buttons img {
	border: none;
}

#buttons a:link {
	text-decoration: none;
	border: 0px;
}


.programsButton {
		position: absolute;
		left: 740px;
		top: 100px;
		cursor: pointer;
		display: block;
		height:67px; 
		width:158px;    
}
.facilitatorsButton {
		position: absolute;
		left: 760px;
		top: 150px;
		cursor: pointer;
		display: block;
		height:67px; 
		width:158px;    
}
.testimonialsButton {
		position: absolute;
		left: 780px;
		top: 210px;
		cursor: pointer;
		display: block;
		height:67px; 
		width:158px;    
}
.scopeButton {
		position: absolute;
		left: 780px;
		top: 260px;
		cursor: pointer;
		display: block;
		height:67px; 
		width:158px;    
}
.linksButton {
		position: absolute;
		left: 780px;
		top: 320px;
		cursor: pointer;
		display: block;
		height:67px; 
		width:158px;    
}
.shopButton {
		position: absolute;
		left: 780px;
		top: 370px;
		cursor: pointer;
		display: block;
		height:67px; 
		width:158px;    
}
.contactButton {
		position: absolute;
		left: 770px;
		top: 420px;
		cursor: pointer;
		display: block;
		height:67px; 
		width:158px;    
}

.founderButton {
		position: absolute;
		left: 730px;
		top: 480px;
		cursor: pointer;
		display: block;
		height:67px; 
		width:158px;    
}


.mainlevel {
	font-size: 16px;
	text-align: center;
}

table.contentpane{
 width            : 90%;
 border-collapse  : collapse;
 border-spacing   : 0px;
 text-align: justify;
 }

.contentpane{
	width: 90%;
}  
.contentheading {
  	font-size	: 16px;
    color:	black;
	font-weight: bold;
	padding-bottom: 5px;
	padding-top: -5px;
	text-align: center;
}

.contentheading a{
  	font-size	: 16px;
    color:	black;
	font-weight: bold;
	padding-bottom: 5px;
	padding-top: -5px;
	text-align: center;
}


table.contentpaneopen {
	width: 95%;
	margin-bottom: 10px;
}


table.contentpaneopen td{
	width: 100%;
	margin-bottom: 10px;
}


.sectiontableheader {


  font-size        : 11px;


  font-weight      : normal;


  text-transform   : uppercase;


  /*letter-spacing   : 1px;


  padding          : 4px;


  */


}


.sectiontableentry1 {


  vertical-align   : top;


  padding          : 3px;


  background       : #E6EEF2;


}








.sectiontableentry2 {


  vertical-align   : top;


  padding          : 3px;


}








/* added styles */





.blog {
	align: center;
	padding-left: 10px;
}

table.blog{
  text-align: justify;
}

.componentheading
{
  font-weight: bold;
text-align: center;
  font-size: 16px;
}


.contentpagetitle {
  color:		black;
  font-size:	13px;
  margin-top: 10px;
}


.createdate {


  color:		#660099;


  font-size:	12px;


}
a.contentpagetitle {
	text-decoration: none;
}

a:hover.contentpagetitle {
	text-decoration: underline;
}

a.readon {
	color: #000066;
	margin-bottom: 10px;
	padding-bottom: 10px;
}


/*********************************************
Navigation
**********************************************/
dl#navigation{
	margin: 0;
	padding: 0;
	height: 475px;
	width: 233px;
	position: absolute;
	border: 1px;
	left: 700px;
	top: 40px;
}

dt{ margin: 0; padding: 0; position: absolute; font-size: 85%; display: none;  }
dd{ margin: 0; padding: 0; position: absolute;  font-size: 85%; }

dd span{ display: none;}
dd a { /*background-color: #00CC00; */}
dd a:hover{
	position: absolute; 
	/*background: transparent url(http://www.safeteen.ca/content/templates/safeteen/buttons_new.png) 233px 475px no-repeat; */
	top: 0px; 
	left: 0px; 
	color: #009966;
}

dd a:hover span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	font-weight: bold;
	position: absolute;
	bottom: 100%;
	margin: 0;
	color: #000;
	padding: 2px;
	width: 75px;
}

/* ---------- Hotspot Declarations ---------- */
dd#programsDef{ top: 5px; left: 5px; }
dd#programsDef a{ position: absolute; width: 150px; height: 50px; text-decoration: none; }

dd#facilitatorsDef{ top: 65px; left: 40px; }
dd#facilitatorsDef a{ position: absolute; width: 190px; height: 50px; text-decoration: none; }

dd#testimonialsDef{ top: 130px; left: 50px; }
dd#testimonialsDef a{ position: absolute; width: 180px; height: 50px; text-decoration: none; }

dd#scopeDef{ top: 185px; left: 50px; }
dd#scopeDef a{ position: absolute; width: 120px; height: 40px; text-decoration: none; }

dd#linksDef{ top: 230px; left: 55px; }
dd#linksDef a{ position: absolute; width: 120px; height: 50px; text-decoration: none; }

dd#shopDef{ top: 285px; left: 60px; }
dd#shopDef a{ position: absolute; width: 100px; height: 45px; text-decoration: none; }

dd#contactDef{ top: 340px; left: 50px; }
dd#contactDef a{ position: absolute; width: 140px; height: 50px; text-decoration: none; }

dd#founderDef{ top: 400px; left: 15px; }
dd#founderDef a{ position: absolute; width: 150px; height: 80px; text-decoration: none; }