* {font-size: 100%; padding: 0; margin: 0;}

body 
{
	margin: 0;
	padding: 0;
	font: 76% Arial, Helvetica, sans-serif;
	background: #64a2d1 url('/i/main-bg.gif') top left repeat-x;
	color: #000000;
	text-align: center;
	line-height: 1.2em;
}


/*	default links	*/
a { text-decoration: underline; color: #004B82; font-weight: bold; }
a:hover, a:focus { text-decoration: underline !important; color: #228B22; }
a img { border: 0; }


/* ----------------------------------------------------------->> MAST   */

#wrap					/*contains page*/
{
	width: 760px;
	margin: 0 auto;
	text-align: left;
	position: relative;
	background: #fff;
}

#oWrap					/*contains page*/
{
	width: 780px;
	margin: 0 auto;
	text-align: left;
}

#iWrap					/*contains page*/
{
	width: 760px;
	text-align: left;
	background: #fff;
	display: block;
	float: left;
	padding: 0 10px;
}

#options
{
	float: left;
	width: 780px;
	display: none;
	margin: 20px 0 0 0;
	background: #ccc;
	padding: 0 0 30px 0;
	color: #fff;
	background: #044E85 url('/i/options_bg.png') bottom left no-repeat;
}

#options a { color: #fff; font-weight: bold; }

#bigA	{ font-size:16px; }
#medA	{ font-size:12px; }
#smallA	{ font-size:10px; }



.mast					/*logo +  image*/
{
	width: 760px;
	height: 130px;
	margin: 0 0 3px 0;
	display: block;
	background: url('/i/mast.png') top left no-repeat;
	position: relative;
}


img#logo
{
	position: absolute;
	top: 31px;
	right: 0;
	display: block;
	width: 214px;
	height: 79px;
	margin: 0;
	padding: 0;
	background: #eee;
	border: 0;
	text-align: center;
	font-size: 120%;
}

#skip_nav		{ display: none; }

#mast_links
{
	position: absolute;
	top: 0;
	right: 0;
	border-bottom: 2px solid #004B82;
}

#mast_links a
{
	font-weight: bold;
	padding: 0 2px;
}


/* ----------------------------------------------------------->> MAIN NAV   */
#main_nav
{
	text-align: left;
	width: 760px;
	display: block;
	float: left;
	background: #C5E064 url('/i/main_nav.png') bottom left no-repeat;
	margin-bottom: 10px;
	padding: 1px 0 2px 0;
}

#main_nav ul
{
	list-style: none;
	padding: 0;
	margin: 0 0 0 20px;
}

#main_nav li
{
	list-style-type: none;
	float: left;
	margin: 0;
	padding: 0;
}

#main_nav li a
{
	float: left;
	display: block;
	color: #021;
	border-right: 1px solid #fff;
	text-decoration: none;
	text-align: center;
	padding: 10px;
	font: 90% Arial, Helvetica, sans-serif;
	font-weight: bold;
}

#main_nav li a:hover, #main_nav li a:focus
{
	background: #717aa2;
	color: #fff;
	text-decoration: underline;
}


#main_nav li.nav_home a:hover,		
#main_nav li.nav_home a:focus		{ background: #003366; border: 0; }
#main_nav li.nav_home_active a		{ background: #003366; color: #fff;  border: 0;}

#main_nav li.nav_blue a:hover		{ background: #003366; }
#main_nav li.nav_blue a:focus		{ background: #003366; }
#main_nav li.nav_blue_active a		{ background: #003366; color: #fff; }
#main_nav li.nav_blue_active_last a,
#main_nav li.nav_blue_last			{ border: 0; }

#main_nav li.nav_purple a:hover,
#main_nav li.nav_purple a:focus		{ background-color: #752153; }
#main_nav li.nav_purple_active a	{ background-color: #752153; color: #fff; }
#main_nav li.nav_purple_active_last a,
#main_nav li.nav_purple_last a		{ border: 0; }

#main_nav li.nav_green a:hover		{ background-color: #458B00; }
#main_nav li.nav_green a:focus		{ background-color: #458B00; }
#main_nav li.nav_green_active a		{ background-color: #458B00; color: #fff; }
#main_nav li.nav_green_active_last a,
#main_nav li.nav_green_last a		{ border: 0; }

#main_nav li.nav_orange a:hover,
#main_nav li.nav_orange a:focus		{ background-color: #c04700; }
#main_nav li.nav_orange_active a	{ background-color: #c04700; color: #fff; }
#main_nav li.nav_orange_active_last a,
#main_nav li.nav_orange_last		{ border: 0; }

#main_nav li.nav_red a:hover,
#main_nav li.nav_red a:focus		{ background-color: #B22222; }
#main_nav li.nav_red_active a		{ background-color: #B22222; color: #fff; }
#main_nav li.nav_red_active_last a,
#main_nav li.nav_red_last			{ border: 0; }

#main_nav li.nav_dblue a:hover,
#main_nav li.nav_dblue a:focus		{ background-color: #434d75; }
#main_nav li.nav_dblue_active a		{ background-color: #434d75; color: #fff; }
#main_nav li.nav_dblue_active_last a,
#main_nav li.nav_dblue_last			{ border: 0; }

.last								{ border: 0; }




/* ----------------------------------------------------------->> CONTENT   */

#content
{
	float: left;
	width: 760px;
	display: block;
	margin: 10px 0 0 0;
}


/* Can have other classes applied it to control h1 & box colours */
.main
{
float: left;
display: block;
width: 550px;
font-size: 110%;
}


#right
{
float: left;
display: block;
width: 200px;
margin: 7px 0 0 10px;
}


img.title_image
{
float: left;
margin: 10px 0 0 0;
}



.main br { display: block; margin: 0 0 10px 0; }
 .main p { width: auto; line-height: 150%; padding: 10px 0;} 

/* 	general h1 rules	 */
.main h1 		{ font: normal 230% Arial, Helvetica, sans-serif; color: #036; background: #fff; }

/* page specific rules */
.main.purple h1	{ color: #AB4582; }
.main.orange h1	{ color: #c04700; }
.main.dblue h1		{ color: #24587b; }
.main.dgreen h1	{ color: #14736D; }
.main.red h1		{ color: #B22222; }
.main.purple h1	{ color: #752153; }
.main.green h1		{ color: #458B00; }


/* 	univerisal rules for content boxes	*/
.main .box
{
	display: block;
	padding: 0 0 1em 0;
	float: left;
	width: 100%;
	position: relative;
	margin: 5px 0 1em 0;
	font-size: 90%;
}

.breadcrumb
{
	float: left;
	width: 100%;
	display: block;
	font-size: 80%;
	margin: 4px 0;
}


h2	{ font: normal 170% Arial, Helvetica, sans-serif; color: #000; text-indent: 10px; padding: .2em 0; }
.main .box h2	{ font: normal 170% Arial, Helvetica, sans-serif; color: #fff; text-indent: 10px; padding: .2em 0; }
.main .box h3	{ font: normal 150% Arial, Helvetica, sans-serif; color: #fff; text-indent: 10px; padding: .2em 0; }
.main .box h4  { color: #000; margin: 0 0 0 10px; font-size: 130%; }

.main .box h2, 
.box h3 		{ border-bottom: 2px solid #fff; }

.box p { padding: 10px; line-height: 150%; color: #000; width:auto; }

.main .box b 	{ color: #000;  }
.main .box strong { font-size: 110%; color: #000; }

.main .box p img
{
	float: left;
	margin: 0 5px 5px 0;
}


/*  default blue box */
.box				{ background: #fff;  } 
.box h2,
.box h3 			{ background: #1E8DB7 url('/i/head_blue.png') bottom left repeat-x; }

/* 	- GREEN */
.green .box		{ background: #E2EAD4 url('/i/bottom_green.png') bottom left repeat-x;   }
.green .box h2,
.green .box h3	 	{ background: #579C7A  url('/i/head_green.png') bottom left repeat-x; }

/* 	-BLUE */
.blue .box			{ background: #E9F2F7;  } 
.blue .box h2,
.blue .box h3 		{ background: #1E8DB7 url('/i/head_blue.png') bottom left repeat-x; }

/* 	-RED */
.red .box			{ background: #F5EBE4; }
.red .box h2,
.red .box h3 		{ background: #B22222 url('/i/head_red.png') bottom left repeat-x; }

/* 	-ORANGE */
.orange .box		{ background: #F5EBE4; }
.orange .box h2,
.orange .box h3 	{ background: #c04700; }

/* 	-PURPLE */
.purple .box		{ background: #FAEFF6; }
.purple .box h2,
.purple .box h3 	{ background: #752153; }

/* 	- DARK GREEN */
.dgreen .box		{ background: #E2EAD4; }
.dgreen .box h2,
.dgreen .box h3	{ background: #14736b; color: #fff; }

/* 	- DARK BLUE */
.dblue .box		{ background: #E8E9F2; }
.dblue .box h2,
.dblue .box h3 		{ background: #24587b; }



/*	SIDEBAR BOX */
.sidebox	
{ 
	display: block;
	padding: 0 0 .7em 0;
	float: left;
	width: 100%;
	position: relative;
	margin: 5px 0 1em 0;
	background: #E2EAD4 url('/i/bottom_green.png') bottom left repeat-x;
}

.sidebox	p { padding: 5px .5em; line-height: 150%; }

.sidebox h2,
.sidebox h3 	
{ 
	background: #14756D url('/i/head_dgreen.png') bottom left repeat-x; color: #fff;
	border-bottom: 2px solid #fff;
 }

.sidebox h2 { font: normal 170% Arial, Helvetica, sans-serif; color: #fff; text-indent: 10px; padding: .2em 0; }
.sidebox h3 { font: normal 130% Arial, Helvetica, sans-serif; color: #fff; text-indent: 10px; padding: .2em 0; }

.sidebox ul
{
list-style: none;
}

.sidebox ul li
{
list-style-type: none;
margin: .5em;/*
padding: 0 0 0 16px;
background: url('/i/bullet_box2.gif') 0 2px no-repeat;*/
}

img.sub_banner { margin: 0 0 10px 0; float: left; } 
img.stock { float: right; margin: 10px 10px 5px 0; }
img.side { float: left; margin: 10px 0 5px 20px; }



/* columns appearing in .main */
.col { float: left; width: 265px; margin: 5px 0 0 5px; display: block;  }
.col strong { display: block; }
.col p { padding: 1em 0 1em 0; }



/* ----------------------------------------------------------->>	LIST STYLINGS	*/


.main ul
{
	list-style: none;
	margin: 1em 0 0 1em;
	display: block;
	width: 490px;
}

.main ul li
{
	list-style-type: none;
	margin: 0 0 1em 20px;
	padding: 0 0 0 18px;
	background: url('/i/bullet_box2.gif') 0 2px no-repeat;
	display: block;
	color: #222;
	font-size: 120%;

}

.main ul.sub li { background-image: none; font-size: 90%; }


strong.downloads
{
	font-size: 130%;
	display: block;
	color: #777;
	letter-spacing: .1em;
	margin: 10px 0 5px 0;
}

/* ----------------------------------------------------------->>	LINKS WITH ICONS	*/
a.download	{ padding: 2px 0 2px 20px;  background: url('/i/download1.gif') 0 25% no-repeat; }
a.more		{ display: block; float: right; margin: 0 10px 0 0; }

a.discussion
{
	display: block; float: left; margin: 10px 0 0 20px;
	padding-left: 20px;
	background: url('/i/discussion.gif') 0 50% no-repeat;
	font-size: 150%;
}


/* ----------------------------------------------------------->>	QUESTION BOXES	*/
.question
{
	float: left;
	width: 400px;
	display: block;
	background: #fff;
	margin: 10px 0 20px 10px;
	padding: 0 0 10px 0;
	background: url('/i/question.png') bottom left no-repeat;
}

.question strong
{
	float: left;
	width: 100%;
	display: block;
	background: url('/i/question.png') top left no-repeat;
	text-indent: 7px;
	padding: 5px 0 5px 0;
}

.question a
{
	display: block; margin: 0 0 .7em 0;
}


/* ----------------------------------------------------------->>	CONTACT LIST WITH ICONS	*/
ul#contact_list
{
	list-style: none;
	margin: 0 0 0 5px;
	padding: 0;
}

ul#contact_list li
{
	list-style-type: none;
	padding: 10px 0 0 45px;
	margin: 0;
	min-height: 35px;
	height: 35px;
	color: #000;
	font-size: 110%;
	background-image: none;
}

html>body ul#contact_list li { height: auto; }

ul#contact_list li b
{
	display: block;
	width: 80px;
	color: #333333;
}

ul#contact_list li.contact_telephone	{ background: url('/i/telephone.png') 0 50% no-repeat; }
ul#contact_list li.contact_textphone	{ background: url('/i/textphone.png') 0 50% no-repeat; }
ul#contact_list li.contact_fax		{ background: url('/i/fax.png') 0 50% no-repeat; }
ul#contact_list li.contact_email	{ background: url('/i/email.png') 0 50% no-repeat; }
ul#contact_list li.contact_web		{ background: url('/i/web.png') 0 50% no-repeat; }


/* ----------------------------------------------------------->>	QUICK LINKS + ICONS	*/
.quick_links { display: block; background: #fff; }

.quick_links ul
{
	list-style: none;
	margin: 0;
	padding: 0;
	float: left;
	text-align: center;
}

.quick_links ul li
{
	float: left;
	font: 150%  Arial, Helvetica, sans-serif;
	color: #777;
	width: 200px;
	padding: 0;
	margin: 0 0 10px 0;
	background-image: none;
}

.quick_links ul li.title { margin: 0 0 15px 0; letter-spacing: .1em; }

html>body .quick_links ul li.button { margin-left: 10px; }

.quick_links ul li a 
{
	display: block;
	background: #c20;
	color: #fff !important;
	width: 190px;
	padding: 0;
	height: 34px;
	font-weight: bold;
	line-height: 210%;
	font-size: 80%;
	text-decoration: none;
}


.quick_links ul li a:hover, .quick_links ul li a:focus { text-decoration: underline; }

#hiv_button  a { background: #752153 url('/i/hiv_button.png') top left no-repeat; }
#cancer_button  a { background: #14736b url('/i/cancer_button.png') top left no-repeat; }
#ms_button  a { background:#24587b url('/i/ms_button.png') top left no-repeat; }
#mentalhealth_button  a { background: #c04700 url('/i/mentalhealth_button.png') top left no-repeat; }

#teens_button  a { background: #fff; width: 180px; height: 80px; margin-top: 5px; border-bottom:2px solid #fff; color: #000 !important; }
#teens_button  a:hover { border-bottom:2px solid #B22222; color: #000 !important; }

img.browseAloud { margin-bottom: 10px; }

/* ----------------------------------------------------------->> FOOTER   */
#footer
{
	float: left;
	display: block;
	width: 780px;
	font-size: 90%;
	margin: 0 0 30px 0;
	padding: 30px 0;
	text-align: center;
	background: #fff url('/i/footer_bg.png') bottom left no-repeat;
}

#footer ul
{
	list-style: none;
	margin: 0 10px 10px 10px;
	display: block;
	width: 740px;
}

#footer ul li
{
	list-style-type: none;
	display: inline;
	padding: 2px 5px;
	border-left: 1px solid #bbb;
}

#footer ul li.first { 	border: 0; }


#footer p
{
	display: block;
	width: 720px;
	margin: 0 20px;
}


/* ----------------------------------------------------------->> COMMENTS   */
h3.comments, h2.comments
{
	float: left;
	margin: 1em 0 .4em 0;
	width: 528px;
	font-size: 150%;
	color: #fff;
	background: #B22222 url('/i/comment_white.gif') 0 50% no-repeat;
	padding: .2em 0 .2em 22px;
	border-bottom: 1px solid #900;
}

strong.comment_form
{
	float: left;
	margin: .5em 0 .4em 0;
	width: 100%;
	font-size: 120%;
	padding: .3em 0;
	border-top: 1px solid #efefef;
}

.main form
{
	float: left;
	width: 520px;
	display: block;
	margin: 0 0 0 10px;
}

.main label
{
	float: left;
	width: 530px;
	display: block;
	font-weight: bold;
	color: #000;
}

html>body .main label {width: 540px;  }


p.info
{
	float: left;
	padding: 20px 5px 5px 5px;
	width: 510px;
	display: block;
	margin: 15px 0 5px 10px;
	background: #FAFAD2 url('/i/info.png') 3px 3px no-repeat;
	border: 1px solid #EEE8AA;
	text-indent:35px;
}


.single_comment
{
	float: left;
	width: 500px;
	display: block;
	background: #fff;
	margin: 10px 0 20px 10px;
	padding: 0 0 10px 0;
	background: url('/i/comment_b.png') bottom left no-repeat;
}

.single_comment strong
{
	float: left;
	width: 100%;
	display: block;
	background: url('/i/comment_b.png') top left no-repeat;
	text-indent: 7px;
	padding: 5px 0 5px 0;
}

.single_comment_alt
{
	float: left;
	width: 500px;
	display: block;
	background: #fff;
	margin: 10px 0 20px 10px;
	padding: 0 0 10px 0;
	background: url('/i/comment_a.png') bottom left no-repeat;
}

.single_comment_alt strong
{
	float: left;
	width: 100%;
	display: block;
	background: url('/i/comment_a.png') top left no-repeat;
	text-indent: 7px;
	padding: 5px 0 5px 0;
}
.single_comment p, .single_comment_alt p
{
padding: 1em;
}

.small_date
{
	font-size: 90%;
	text-indent: 7px;
	padding: 5px 0 5px 0;
}

.comment_b
{
	float: left;
	width: 400px;
	display: block;
	background: #fff;
	margin: 10px 0 20px 10px;
	padding: 0 0 10px 0;
	background: url('/i/comment_b.png') bottom left no-repeat;
}

.comment_b strong
{
	float: left;
	width: 100%;
	display: block;
	background: url('/i/comment_b.png') top left no-repeat;
	text-indent: 7px;
	padding: 5px 0 5px 0;
}





/* ----------------------------------------------------------->> FORMS   */

/* form error styling */
.error
{
background: #fff;
border: #777;
width: 350px;
margin: 10px 0 10px 50px;
color: #900;
float: left;
display: block;
}

.errormsg
{
border:1px solid #333;
padding:5px;
width:20em;
background: #ccc;
}    

.form_error
{
background:#fcc;
}

.errormsg img, .message img { border: 0; }

.message
{
float: left;
margin: 0 0 0 50px;
width: 300px;
display: block;
font-size: 110%;
}

.error_form
{
color: #FF360F;
font-weight: bold;
margin-bottom: .5em;
}


/*	LINK ICONS	*/




a[href $='.pdf'], [href $='.PDF'] { 
   padding-right: 18px;
   background: transparent url('/i/pdf.gif') no-repeat center right;
}

a[href $='.doc'], a[href $='.DOC'] { 
   padding-right: 18px;
   background: transparent url('/i/doc.gif') no-repeat center right;
}

/*.main a[href ^="mailto:"] {
   padding-right: 20px;
   background: transparent url('/i/icon_mailto.gif') no-repeat center right;
}*/

a[class ="popup"] {
   padding-right: 18px;
   background: transparent url('/i/icon_popup.gif') no-repeat center right;
}

a[class ~="popup"] {
   padding-right: 18px;
   background: transparent url('/i/icon_popup.gif') no-repeat center right;
}


/*	PAGINATE	*/
.paginate
{
	float: left;
	font-size: 80%;
	text-align: left;
	margin: 0;
	padding: 0;
}



.paginate ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	list-style: none;
	float: left;
}

.paginate ul li
{
	list-style-type: none;
	list-style: none;
	margin: 0 .7em 0 0;
	padding: 5px;
	float: left;
	width: auto;
	background-image: none !important;
	font-weight: bold;
}

.paginate ul li a
{
	float: left;
	margin: 0;
	padding: 5px;
	background: #efefef;
	border: 1px solid #cdcdcd;
	width: auto;
}

.paginate ul li a.current, .paginate ul li a:hover
{
	text-decoration: none;
	background: #fdef77;
	color: #333;
	border: 1px solid #cfc255;
	background-image: none !important;
}


/*	MISC		*/
.small { font-size: 80% !important; }

h3.site_map { color: #600; margin-top: 50px; font-size: 150%; }