/* LAYOUT */
@import url("layout.css");

body{
	
	
	height:100%;
	font-family: Helvetica, Verdana,Tahoma, Arial,  sans-serif;
	text-align:center;
	margin-top:0;
	padding:0;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: center top;
	padding:0px!important; /*this padding hack fixes things */
	_padding:0px 0px 0px 1px;
}

/*dodgy hack for safari*/
@media screen and (-webkit-min-device-pixel-ratio:0){
html {
	margin-left: 3px;
	overflow-Y: scroll;
}
}

/* LINKS */

 a {color:#522E92;font-weight:bold;text-decoration:none;font-size:9pt;}
 a:hover {color:#EC008C;text-decoration:none;font-weight:bold;font-size:9pt;}

a.logo {}
a.logo:hover {}
a.teenslink{
	background: url(images/cpc-teens-link.png) 0 0 no-repeat;
	display:block;
	width:190px;
	height:400px;
	text-indent:-999px;
	outline:none;
	
}

a.teenslink:hover{
	background: url(images/cpc-teens-link.png) 0 -400px no-repeat;
	display:block;
	width:190px;
	height:400px;
	text-indent:-999px;
	outline:none;
	
}
	
}

#lhsnav a { border:0;padding:0;margin:0;}

a.topnav {color:#fff;font-weight:bold;text-decoration:none;font-size:9pt;line-height:2.3em;}
a.topnav:hover {color:#ccc;font-weight:bold;font-size:9pt;text-decoration:none;}

a.contactlinks {color:#522E92; font-weight:bold;font-size:9pt;text-decoration:none;}
a.contactlinks:hover {color:#EC008C; font-weight:bold;font-size:9pt;text-decoration:none;}

a.nav2{text-decoration:none;}
a.nav2on{text-decoration:none;}


/* TEXT - HEADINGS*/

h1{
	color: #522E92;
	font: 1em Helvetica,Tahoma, Arial, Helvetica, sans-serif;
	font-weight:bold;
	padding:0;
	margin:0 0 0 25px;
}

h1.graphic{
	
	margin-left:26px;
	margin-top:6px;
	margin-bottom:18px;
	padding-bottom:6px;
	border-bottom: 1px #D1B9FF  dashed ;
	width:530px;
	
}

#bottombrd{
	border-bottom: 1px #D1B9FF dashed ;
	width:530px;
	margin-left:26px;
	margin-top:6px;
	margin-bottom:18px;
}

h1.special{
	color: #666;
	font: 1.0em Arial, Helvetica, sans-serif;
	font-weight:bold;
	padding:0;
	margin:0 0 0 20px;
}


h2{
	color: #666;
	font: 0.8em Arial, Helvetica, sans-serif;
	font-weight:bold;
	padding:0;
	margin-left:28px;
	margin-top:6px;
	margin-bottom:0;
}

h3{
	color: #522E92;
	font: 1.4em Helvetica,Tahoma, Arial, Helvetica, sans-serif;
	font-weight:bold;
	padding:0;
	margin:0 0 0 28px;
}


/* lists */
ul.normal{padding:0; margin:0 25px 0 44px;}
ul.normal li {font-size:0.8em;list-style-type:disc;margin:2px;margin-left:20px;margin-right:37px;color:#5C5C5C;line-height : 1.6;}

/* TEXT - PARAGRAPHS*/

p{font-size:9.5pt; color:#5C5C5C; margin:8px 20px 8px 25px; padding:2px;line-height : 1.8; }

p.footer{font-size:9.5pt; color:#522E92; margin:40px 64px 8px 0px;_margin:40px 64px 8px 0px; padding:2px;line-height : 1.6;float:right;font-weight:bold;overflow : hidden; }
p.address{font-size:9.5pt; color:#666; margin:12px 2px 8px 18px;_margin:12px 2px 8px 9px; padding:2px;line-height : 1.4;float:right;font-weight:bold;text-align:left;float:left; }
p.comm{font-size:9pt; color:#666; margin:8px 8px 8px 8px; padding:0;line-height:1.6;}
p.menu{font-size:1em; margin:0 0 0 0; padding:0px; text-align:right;}
p.topnavtest{font-size:9.5pt; color:#fff; margin:0 0 8px 0; padding:0;line-height : 1.6;background:#5D3B99;height:28px;width:260px;display:block;}

p.contact{font-size:0.9em; color:#5C5C5C; margin:2px 25px 2px 37px; padding:2px;}
p.error{font-weight:bold; font-size: 0.8em; color: #c00;}
p.success{font-weight:bold; font-size: 0.8em; color: #090;}
p.copyright{font-size:0.7em;color:#000;text-align:center;margin-top:4px;margin-bottom:6px;}

p.links{margin-bottom:0px;}
p.rightlinks{text-align:left;margin-bottom:20px;}

p.links a{font-size:9pt;}
p.rightlinks a{font-size:9pt;}

td.date{font-size:0.8em;font-weight:bold;color:#666;}
td.norm{font-size:0.8em;color:#666;}


/* IMAGES */

img.newspic{float:right;margin: 5px 25px 5px 20px;}
#lhsnav img{
	
	margin-top:0;
	display:block;
	
}

#phone img{
	
	margin-left:0px;
	margin-top:10px;
	
}

/* ACCESSIBILITY */

span.invisible {visibility:hidden;}
label{font-weight: bold; color:#000; font-size:0.8em;}

/* STYLEY TWEAKS */

.imgcell a {display:block;}
.imgcell img {display:block;}
strong {font-weight: bold;}

img  {
margin : 0 0 0 0;
border : 0;
display : block;
} 

/* Extra Stuff */


/*main navigation*/

a.homelink  {

height : 25px;
width : 63px;
display : block;
overflow : hidden;
float:left;
background : url("images/homelink.gif") no-repeat 0 0;

}

a.homelink:hover  {

height : 25px;
width : 63px;
display : block;
overflow : hidden;
float:left;
background : url("images/homelink.gif") no-repeat 0 -25px;

}

a.homelink-on  {

height : 25px;
width : 63px;
display : block;
overflow : hidden;
float:left;
background : url("images/homelink.gif") no-repeat 0 -25px;

}


a.childrenlink  {

height : 25px;
width : 193px;
display : block;
overflow : hidden;
float:left;
background : url("images/childrenlink.gif") no-repeat 0 0;


}

a.childrenlink:hover  {

height : 25px;
width : 193px;
display : block;
overflow : hidden;
float:left;
background : url("images/childrenlink.gif") no-repeat 0 -25px;

}

a.childrenlink-on {

height : 25px;
width : 193px;
display : block;
overflow : hidden;
float:left;
background : url("images/childrenlink.gif") no-repeat 0 -25px;

}

a.publiclink  {

height : 25px;
width : 129px;
display : block;
overflow : hidden;
float:left;
background : url("images/publiclink.gif") no-repeat 0 0;

}

a.publiclink:hover  {

height : 25px;
width : 129px;
display : block;
overflow : hidden;
float:left;
background : url("images/publiclink.gif") no-repeat 0 -25px;

}

a.publiclink-on {

height : 25px;
width : 129px;
display : block;
overflow : hidden;
float:left;
background : url("images/publiclink.gif") no-repeat 0 -25px;

}

a.professionalslink  {

height : 25px;
width : 115px;
display : block;
overflow : hidden;
float:left;
background : url("images/professionalslink.gif") no-repeat 0 0;

}

a.professionalslink:hover  {

height : 25px;
width : 115px;
display : block;
overflow : hidden;
float:left;
background : url("images/professionalslink.gif") no-repeat 0 -25px;

}

a.professionalslink-on {

height : 25px;
width : 115px;
display : block;
overflow : hidden;
float:left;
background : url("images/professionalslink.gif") no-repeat 0 -25px;

}


a.traininglink  {

height : 25px;
width : 81px;
display : block;
overflow : hidden;
float:left;
background : url("images/traininglink.gif") no-repeat 0 0;

}

a.traininglink:hover  {

height : 25px;
width : 81px;
display : block;
overflow : hidden;
float:left;
background : url("images/traininglink.gif") no-repeat 0 -25px;

}

a.traininglink-on {

height : 25px;
width : 81px;
display : block;
overflow : hidden;
float:left;
background : url("images/traininglink.gif") no-repeat 0 -25px;

}




a.committeelink  {

height : 25px;
width : 132px;
display : block;
overflow : hidden;
float:left;
background : url("images/committeelink.gif") no-repeat 0 0;

}

a.committeelink:hover  {

height : 25px;
width : 132px;
display : block;
overflow : hidden;
float:left;
background : url("images/committeelink.gif") no-repeat 0 -25px;

}

a.committeelink-on {

height : 25px;
width : 132px;
display : block;
overflow : hidden;
float:left;
background : url("images/committeelink.gif") no-repeat 0 -25px;

}





a.contactlink  {

height : 26px;
width : 283px;
display : block;
overflow : hidden;
float:left;
background : url("images/contactlink.gif") no-repeat 0 0;

}

a.contactlink:hover  {

height : 26px;
width : 283px;
display : block;
overflow : hidden;
background : url("images/contactlink.gif") no-repeat 0 -26px;

}

a.contactlink-on {

height : 26px;
width : 283px;
display : block;
overflow : hidden;
background : url("images/contactlink.gif") no-repeat 0 -26px;

}




a.feedbacklink  {

height : 26px;
width : 283px;
display : block;
overflow : hidden;
background : url("images/feedbacklink.gif") no-repeat 0 0;

}

a.feedbacklink:hover  {

height : 26px;
width : 283px;
display : block;
overflow : hidden;
background : url("images/feedbacklink.gif") no-repeat 0 -26px;

}

a.feedbacklink-on {

height : 26px;
width : 283px;
display : block;
overflow : hidden;
background : url("images/feedbacklink.gif") no-repeat 0 -26px;

}




a.newslink  {

height : 26px;
width : 283px;
display : block;
overflow : hidden;
background : url("images/newslink.gif") no-repeat 0 0;

}

a.newslink:hover  {

height : 26px;
width : 283px;
display : block;
overflow : hidden;
background : url("images/newslink.gif") no-repeat 0 -26px;

}

a.newslink-on {

height : 26px;
width : 283px;
display : block;
overflow : hidden;
background : url("images/newslink.gif") no-repeat 0 -26px;

}





a.linkslink  {

height : 25px;
width : 102px;
display : block;
overflow : hidden;
float:left;
background : url("images/linkslink.gif") no-repeat 0 0;

}

a.linkslink:hover  {

height : 25px;
width : 102px;
display : block;
overflow : hidden;
float:left;
background : url("images/linkslink.gif") no-repeat 0 -25px;

}

a.linkslink-on {

height : 25px;
width : 102px;
display : block;
overflow : hidden;
float:left;
background : url("images/linkslink.gif") no-repeat 0 -25px;

}