body
{
        background-color: #582C85;
        font-family: verdana,helvetica,arial,sans-serif;
        font-size: 9pt;
        line-height: 140%;
        color: #FFF;     
}

a{ text-decoration: none; }

a img { border: none;}

div#main a:link, div#main a:hover, div#main a:active, div#main a:visited{
    color: #2AF103;
    font-weight: bold;
}

h4{
   color: #F0038B;
   font-size: 11pt;
   font-weight: bold;
   display: inline;
   clear: none;
}
/*
img{ behavior: url("/styles/pngbehavior.htc"); }
*/
div#logo_left
{
        float: left;
        width: 140px;
        margin: 0;
        padding: 15px 0 15px 0;
        text-align: center;
}

div#container
{
        float: right;
        margin: 0;
        padding: 0;
        width: 640px;
        text-align: left;                
}

div#super{
    width: 785px;
}

div#footer{
	text-align: center;
    width: 410px;	
	margin: 0px;
	font-size: x-small;	
	color: #FFF;
	clear: both;   
}
div#footer a:hover, div#footer a:active, div#footer a:link, div#footer a:visited{
	margin: 30px 0px 10px 0px;
	font-size: x-small;	
	color: #FFF;	
}

div#top_menu
{
        margin-left: 365px;
        margin-top: 3px;
        height: 15px;
        display: block;
        clear: both;
}

div#top_menu table{
        /*width: 100%;*/
}
div#top_menu table td{
        padding: 0;
        width: 55px;
        text-align: right;
}

div#menu{
    width: 633px;
    height: 40px;
    display: block;
    clear: both;
    padding: 0;
    margin: 0;
    margin-left: 7px;
    background-image: url('/images/menu_items/menu-background.gif');
    background-repeat: no-repeat;
    background-position: 0 0;
}

div#menu table{
        width: 620px;
        height: 26px;
        margin: 8px 0px 0px 15px;
}
div#menu table td{
        padding: 0;
        margin: 0;
}

div#submenu{
    margin: 5px 0px 0px 0px;
    padding: 0px;
    font-family: impact, sans-serif;
    text-align: left;
}
div#submenu img{
    margin: 0;
    padding: 0;
}
div#submenu table{
    display: inline;
    margin: 0;
    padding: 0;
}
div#submenu table td{
    height: 20px;
    padding: 0px 10px;
    margin: 0;
    vertical-align: middle;
/*    border: 1px solid #F00;*/
    background-color: #9872BF;
}
div#submenu table td.no_pad{
        padding: 0;
}
div#submenu table td a{
        font-size: 8pt;
        color: #FFF;
}
div#submenu table td a:hover{
        color: #39E01E;
}

div#submenu table#personal_safety{ margin-left: 60px; }
div#submenu table#staying_healthy{ margin-left: 130px; }
div#submenu table#growing_up{ margin-left: 200px; }
div#submenu table#dealing_with_feelings{ margin-left: 270px; }
div#submenu table#educational_initiatives{ margin-left: 340px; }

div#content{
    width: 100%;
    min-height: 500px;
    background-image: url('/images/page-background.jpg');
    background-repeat: no-repeat;
/*    background-position: 0 0;*/
    background-attachment: scroll;  
}

div#main{
    width: 412px;
/*    border: 1px solid #FF0; */
    float: left;
    margin: 0;
    padding: 15px 5px 5px 5px;
}
div#main p{
    color: #FFF;
}

div#right_column{
    width: 210px;
/*    border: 1px solid #F00;*/
    float: right;
    margin: 0;
    padding: 15px 2px 2px 2px;
}

div#snippet{
    margin: 20px 0;
    padding: 0px;
    display: block;
}

div#pink_layer{
    width: 200px;
    background-color: #F1038F;
    margin: 0;
    padding: 2px;
}

div#pink_layer a{
   color: #FFF;
   font-size: 8pt;
}

ul.arrow_list{
   margin: 0;
   padding: 0;
   list-style-position: inside;
}

ul.arrow_list li{
   margin: 0;
   padding-left: 0px;
   list-style-image: url('/images/arrow.gif');
}

ul.arrow_list li a:link, ul.arrow_list li a:hover, ul.arrow_list li a:active, ul.arrow_list li a:visited{
   color: #FFF;
   font-size: 8pt;
}

div#whats_on{
    width: 200px;
    background-color: #9872BF;
    margin: 0;
    padding: 2px;
}

div#whats_on a{
   color: #FFF;
   font-size: 8pt;
}

div#whats_on ul{
   margin: 0;
   padding: 0;
   list-style-position: outside;
}

div#whats_on ul li{
    margin: 0;
    padding: 0;
   list-style-type: none;
}

div#whats_on ul li a:link, div#whats_on ul li a:hover, div#whats_on ul li a:active, div#whats_on ul li a:visited{
    margin: 0;
    padding: 0;	
   color: #FFF;
   font-size: 8pt;
}

div#light_pink_layer{
    width: 200px;
    background-color: #F173BE;
    margin: 0;
    padding: 3px;
}

div#feature_title{
    width: 323px;
    height: 74px;
    margin: 5px 0;
    display: table;
/*    padding: 30px 5px 5px 20px; */
}
div#feature_title p{
    margin: 25px 5px 5px 20px;
    padding: 0;
    font-family: impact, sans-serif;
    text-align: left;
    color: #2AF103;
    font-size: 18pt;
    font-weight: bold;
}

div#feature_title p a{
    color: #2AF103;
}
div.feature_image{
    float: right;
    margin: 5px 0 5px 5px;
    padding: 2px;
    border: 1px solid #F0038B;
}
.sub_title{
	font-size: 11pt;
	font-weight: bold;
    margin: 5px 0 0 0;
    padding: 0px;
	color: #F0038B;    
}
p.news_sub_title{
    font-weight: bold;
    font-size: 11pt;
    margin: 5px 0 0 0;
    padding: 0px;
}

.default{
    background-image: url('/images/face-to-face2.png');
    background-repeat: no-repeat;
    background-position: 0 0;
}
.about_us{
    background-image: url('/images/face-to-face.png');
    background-repeat: no-repeat;
    background-position: 0 0;
}
.personal_safety{
    background-image: url('/images/face-to-face2.png');
    background-repeat: no-repeat;
    background-position: 0 0;
}
.personal_safety p{
    margin: 5px 5px 5px 20px;
}
.staying_healthy{
    background-image: url('/images/hands-on-head.png');
    background-repeat: no-repeat;
    background-position: 0 0;
}
.events{
    background-image: url('/images/hands-on-head2.png');
    background-repeat: no-repeat;
    background-position: 0 0;
}
.photogallery{
    background-image: url('/images/hands-on-head2.png');
    background-repeat: no-repeat;
    background-position: 0 0;
}

div.month{
	margin: 10px 0 20px 0;
}
div.month a{
   color: #FFF;
}
.bold{ font-weight: bold; }

table#photoTable {
	margin: 20px 0;
	width: 350px;	
	padding: 0	
}
table#photoTable td{
	padding: 0;
	margin: 0;
	text-align: center;
	font-size: 8pt;
	color: #FFF;	
}
table#photoTable td div{
	width: 170px;
	height: 130px;	
	padding: 8px 5px 5px 5px;
}
table#photoTable td img{
	border: 1px solid #FFF;	
}
table#photoTable td p{
	margin: 3px 0 3px 0;
	padding: 0;
	line-height: 130%;
	font-size: 8pt;
    color: #2AF103;
}
table#photoTable td a:hover{
	cursor: pointer;
}
table#photoTable td a{
	cursor: normal;
}

.gallery_background_1{
    background-image: url('/images/gallery-background-1.png');
    background-repeat: no-repeat;
    background-position: 0 0;
}
.gallery_background_2{
    background-image: url('/images/gallery-background-2.png');
    background-repeat: no-repeat;
    background-position: 0 0;
}
.gallery_background_3{
    background-image: url('/images/gallery-background-3.png');
    background-repeat: no-repeat;
    background-position: 0 0;
}
.gallery_background_4{
    background-image: url('/images/gallery-background-4.png');
    background-repeat: no-repeat;
    background-position: 0 0;
}

div.photo_set_nav{
	width: 100%;
	text-align: center;	
	margin: 20px 0px 10px 0px;
}

div.photo_set_nav a.page_item{
    color: #2AF103;
    font-size: 10pt;
}

div.photo_set_nav a.page_highlight{
    color: #FFF;
    font-size: 10pt;
    font-weight: bold;
}

div#full_photo{
	background-color: #9468C1;
	margin: 15px 0px;
	padding: 10px;	
	text-align: center;
	width: 360px;
}

div#full_photo img{
	border: 1px solid #FFF;
}

table#full_photo_table{
	width: 360px;
	margin: 5px 0;	
}
table#full_photo_table td a{
    color: #2AF103;
    font-size: 9pt		
}

div#prev_next{
	margin: 10px 0;	
}
div#prev_next a:link, div#prev_next a:hover, div#prev_next a:active, div#prev_next a:visited{
	color: #FFF;
	font-weight: bold;
}

table#galleryColTable{
	
}
table#galleryColTable td{
	vertical-align: top;	
	font-size: 8pt;	
	font-weight: normal;	
}
table#galleryColTable p{
	margin: 2px 0 4px 0;	
	line-height: 130%;
}
table#galleryColTable a{
	font-size: 8pt;
	color: #FFF;	
	font-weight: normal;
}

table.drug_info_table{
	width: 100%;	
}
table.drug_info_table td.title{
	font-size: x-small;
	font-weight: bold;
	width: 100px;
	vertical-align: top;
}

div.drugDiv{
	display: none;	
}
/*
.drugTitle:hover, .drugTitle:link, .drugTitle:visited, .drugTitle:active{
	font-size: 11pt;
	font-weight: bold;
	color: #F0038B;   	
}*/
.drugTitle{
	font-size: 10pt;
	font-weight: bold;
	color: #F0038B;   	
}

li.level1{	
	font-size: 10pt;
	padding: 7px;
	font-weight: bold;
}
li.level2{ 
	list-style-type: circle;	
	font-size: 9pt;	
	padding: 3px;	
	margin-left: 25px;
}
li.level2 a{
	font-weight: normal;
	font-size: 8pt;
}

li.level3{ 
	list-style-type: circle;	
	font-size: 10pt;	
	padding: 3px;	
	margin-left: 30px;
}

table.contact_form td{
        font-size: 9pt;
}

table.contact_form input{
        width: 250px;
}
table.contact_form textarea{
        width: 380px;
        height: 200px;
}

div.errors{
	color: #F00;	
}

#totallyErrors {
	background-color: #9872BF;
	border-color: #000;
	border-width: 1px;
	border-style: solid;
	width: 90%;
	padding: 5px 2px;
	margin: 5px 5px;
	font-family: Verdana, Arial, Helvetica;
	font-size: 10px;
	color: #000;
}
p.totallyErrorTitle {
	margin: 0px 0px 5px 0px;
	font-size: 13px;
	font-weight: bold;
	color: #F1038F;
}

table#newsletterTable{
	margin: 10px 0;	
}

table#newsletterTable td{
	padding: 3px;	
}

table#newsletterTable .text{
	width: 250px;	
}

table#join_table{
	width: 410px;
}
table#join_table td{
	padding: 3px;
	font-size: 8pt;
}
table#join_table .text{
	width: 250px;	
}
table#join_table .dropdown{
	width: 250px;	
}
table#join_table td.left_col{
	width: 130px;	
}
table#join_table textarea{
	width: 250px;
	height: 75px;	
}

.required{ color: #F00; }

div#login_form{
	margin: 20px 0;	
}
div#login_form table{
	width: 350px;	
}
div#login_form table td{
	font-size: 8pt;	
	padding: 5px
}
.login_text{
	width: 170px;	
}

/*** FORUMS ***/

div.forum{
	line-height: 24px;
}

div.forum div.categoryName {
	border-top: 1px solid #ddd;
}

div.forum table td{
	font-size: 9pt;
}

div.forum div.categoryName a{
	font-weight: bold;
	font-size: 9pt;
}

div.forum table.topicList th, div.forum table#topicMessages th{
	text-align: left;
	border-bottom: 1px solid #aaa;
	font-size: 9pt;
	padding: 3px;	
}

table.topicList td.topic, table.topicList td.numReplies, table.topicList td.lastPostDate, table.topicList td.noTopics, table#topicMessages tr td {
	text-align: left;
	border-bottom: 1px solid #aaa;
	font-size: 9pt;
	background-color: #9872BF;
	padding: 3px;	
}

table#topicMessages tr td.postedInfoOdd, table#topicMessages tr td.postedInfoEven{
	border-bottom: 0px solid #ddd;
	font-size: 7pt;
	text-align: right;
	color: #aaa;
}

table#topicMessages tr td.messageBodyOdd, table#topicMessages tr td.messageBodyEven{
	padding: 5px 3px;
}

table#topicMessages tr td.authorOdd, table#topicMessages tr td.authorEven{
	border-right: 1px solid #ddd;
}

table#topicMessages tr td div.line {
	display: none;
}

table#topicMessages tr td a{
	display: none;
}

div.topicInfo table tr td{
	font-size: 9pt;
	padding: 3px 0;
}

table.topicList td.action {
	text-align: right;
	padding: 5px 0;
}

div#forumDisclaimer{
	margin: 50px 0px 20px 0px;
	font-size: 8pt;
}

div#topicName{
	font-weight: bold;
	color: #F0038B;
	font-size: 10pt;
}

span#numReplies { display: none; }

#footer {
	clear: both;
}

div.notify {
	border: 1px solid #366EFF;
	background-color: #98CBFF;
	color: #000;
	padding: 2px;
	margin: 5px;
	text-align: center;
	font-weight: bold;
}

p.welcome{
	font-size: 8pt;
	text-align: right;
}

p.welcome a:link, p.welcome a:hover, p.welcome a:active, p.welcome a:visited{
	    color: #2AF103;
}
/* added stuff for the quiz */
div#tInteractiveQuiz {
	color: #F1038F;

}

div#TQuizIntroBlock {
	
}

.compCorrect {
	color: #2AF103;

}

div.TQuizTitle {
	font-size: 12pt;
	font-weight: bold;
	margin: 10px 0 5px 0;
	color: #F1038F;
}

div.TQuizIntro {
	font-size: 9pt;
	margin: 0 5px 10px 0;
	color: white;
}

img.TQuizPhoto {
float: left;
display: block;
border:2px solid black;
margin: 10px 15px 10px 0;
}



div.TQuizQuestion {
	font-size: 14px;
	font-weight: bold;
	line-height: 1.5em;
	color: #F1038F;
}



div.TQuizQuestionBlock {
margin: 10px 5px 0px 0px;
padding: 10px;
}

.TQuizDescription {
	color: white;
}

div.TQuizTieBreakerBlock {
margin: 10px 5px 0px 0px;
padding: 10px;
}

.TQuizTieBreakerTextarea {
width: 400px;
}

.TQuizTieBreakerBreaker {
font-weight: bold;
}

.TQuizUserDetails {
margin: 10px 5px;
padding: 10px;
}

div.TQuizUserDetails p {
	font-weight: bold;
	color: #F1038F;
}

span.TQuizPhotoBlock {
	color: white;
}

div.TQuizUserDetails a {
	color: white;
}

div.TQuizUserDetails label {
	color: #2AF103;
}

div.TQuizLabelQuestion {
	padding: 2px 0;
	color: #2AF103;
}

input.TQuizSubmitButton {
	background: url(/images/form_buttons/background_button_140.gif) no-repeat top left;
	font-size: 12px;
	width: 160px;
	height: 21px;
	color: #2AF103;
	font-weight: bold;
	cursor: pointer;
	margin: 0px 0px 0px 15px;
}

#quizConfirmTerms {
	color: white;
}

div#content .feature_title {
	color: #F1038F;
	padding-top: 10px;
	font-size: 12pt;
	font-weight: bold;
}

.comp_intro a {
	color: #2AF103;
	font-size: 12pt;
}

#success {
	padding-top: 10px;
	font-size: 12pt;
}

#frontpage_section {
    width:412px;
    float:left;
    border-bottom: solid 1px #F1038F;
    padding-bottom: 5px;
    padding-top: 5px;
}

#frontpage_image {
    width:105px;
    float:left;
    padding: 0;
    margin: 0;
    padding-bottom: 10px;
}

#frontpage_image img {
    display:inline;
    border:2px solid #F173BE;
}

#frontpage_text {
    width:300px;
    float:right;
    padding-left:5px;
}

/* =Web Designers */

.web_designers{
    background-image: url('/images/face-to-face.png');
    background-repeat: no-repeat;
    background-position: 0 0;
}

#totally_design h2 {
   color: #F0038B;
   font-size: 11pt;
   font-weight: bold;
   display: inline;
   clear: none;
}

/* =Survey Form */

table#surveyTable td {
    vertical-align: top;
}

table#surveyTable td.name {
    width: 120px;
}

table#questionTable td.question {
    padding-top: 16px;
}

table#questionTable textarea {
    width: 300px;
    height: 60px;
    font-family: arial;
    font-size: 10pt;
}
}