/* BASIC CSS for PREVENTION FIRST */

/* BASELINE SETTINGS  ----------------------*/

body, div, dl, dt, dd, ul, ol, li, 
h1, h2, h3, h4, h5, h6, pre, 
form, fieldset, input, 
p, blockquote, th, td { margin: 0; padding: 0; }

table { 
border-collapse: collapse; border-spacing: 0; }

fieldset, img { border: 0; }

address, caption, cite, code, dfn, em, th, var { 
font-style: normal; font-weight: normal; }

strong { font-weight: bold; }

ol {  margin: .5em 0;  margin-left: 6px; padding-left: 0; }
ul {  margin: 0;  margin-left: 0; padding-left: 0; }
ul { list-style-type: disc; list-style-position: inside;
	margin-left: 0; }
ol { list-style-type: none; list-style-position: inside;
	margin-left: 0; }
caption, th {  text-align: left; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; }

.yellowgreen   { color: #e3f1d5; }  /* pale yellowgreen */
.palegreen1    { color: #dce7e2; }
.palegreen2    { color: #d6e2dd; }
.palegreen3    { color: #ceded8; }
.palegreen4    { color: #c2d6cd; }
.palegreen5    { color: #b5cdc4; }
.palegreen6    { color: #a9c5ba; }
.palegreen7    { color: #9dbdb0; }
.palegreen8    { color: #91b5a8; }

.bannergreen    { color: #5a917e; }
.mediumgreen	{ color: #6f9f8e; }

.prussiandark     { color: #002d56; }
.prussianmedium   { color: #37658f; }
.prussianmedlt	  { color: #5e75a0; }
.prussianlight    { color: #d2d9e6; }
.black        { color: #333333; }

.litetan	  { color: #c1bab2; }
.palebeige    { color: #fcf7d6; }
.flesh	      { color: #eee0cf; }

.red		  { color: #ba5757; }
.purple       { color: #ac66bb; }
.britepurple  { color: #a9269b; }

.grey         { color: #777778; font-style: italic; }

.dustyred     { color: #ba5757; }

/* MASTER STRUCTURE SETTINGS  ----------------------*/

html { font-size: 16px; }

html, body { 
	margin: 0;  
	padding: 0;  
	background-color: #ffffff;   /* white */
	position: relative; 
	background-image: url(basics/LF_TILE.gif); 
	background-position: left top; 
	background-repeat: repeat-y;	
	height: 99%;
	min-height: 90%;  /* -- IE needs something different -- */
}
body {
	font-size: 76%; 
	font-family: "Trebuchet MS", Geneva, Verdana, Arial, sans-serif; 
	text-align: center;
}
/* -------------- CONTAINER  ----------------------*/
#container {             /* major background area  HOLDS LEFT GRAPHIC */
	/* position: absolute; top:  0; left: 0;*/

	position: relative;	
	width: 100%; 	
	height: 220%;      
	min-height: 220%; 	 
	/* height: auto; DON'T USE - DOESN'T WORK */
	margin: 0; 
	padding: 0; 
	text-align: center; 	
	background-image: url(basics/RT_TILE.gif); 
	background-position: right top; 
	background-repeat: repeat-y;
		
}

/* ------------ CONTENT SECTION ----------------------*/
#content {       /* WORKS :: CENTERS CONTENT :: DO NOT CHANGE */
	position: absolute;   
	top: 24px;
	left: 50%;
	width: 770px; 
	margin-left: -375px;
	height: 100%; 
	min-height: 100%;
	text-align: left;
	background-color: #ffffff;
}
/* ------------ MOBILE DEVICE LINK AT TOP  ----------------------*/
#mobile_link {      
	position: absolute;   
	top: 12px;
	left: 50%;
	width: 100px; 
	margin-left: -309px; 
	height: 12px; 
	text-align: left;
	text-transform: uppercase;
	letter-spacing: .05em;
	font-size: .86em; 
	font-family: "Trebuchet MS", Geneva, Verdana, Arial, sans-serif;	
	z-index: 600;	
}
#mobile_link a:link,
#mobile_link a:visited { 
	color: #6f9f8e; text-decoration: none; 
	border-bottom: 1px dotted #6f9f8e; padding-bottom: 1px;
}
#mobile_link a:hover,
#mobile_link a:active { 
	color: #ba5757; text-decoration: none; 
	border-bottom: 1px dotted #ba5757; padding-bottom: 1px; 
}

/* ------------ MAIN CONTENT SECTION ---------------------- */


/* BANNER ELEMENTS ---------------------------------- */
#branding { 
	position: absolute;
	top: 6px;
	width: 770px;
	height: 76px; 
	padding: 0px;
	z-index: 201;
}

#logo { border: none; padding: 0; margin: 0; 
	float: left; 
	width: 200px;
	height: 76px;
}
#tagline { border: none; padding: 0; margin: 0;
	float: right;	 
	width: 570px;
	height: 76px;
}
#taglinetext { position: absolute; 
	left: 200px;
	top: 25px; 
	width: 450px;
	padding-left: 32px;
	text-align: left;	 
	color: #fbfcd5;            /* pale yellow */
	font-family: "Trebuchet MS", Geneva, Verdana, Arial, sans-serif; 	
	font-size: 17px;
	font-weight: bold;
	letter-spacing: .2em;
	z-index: 290;
}

/*  MAIN :: CONTENT HOLDER ============================================== */

#main {  
	position: absolute;
	top: 80px;
	left: 0px;                
	width: 769px;
	height: auto;
	background-color: #ffffff;
	border-right: 1px solid #d2d9e6;   /* prussianlite */
}

/* BASIC LINK COLORS ===================================================== */

a:link    { color: #5a917e; } /* green */
a:visited { color: #8866aa; } /* purple-grey */
a:hover   { color: #a9269b; } /* brite purple  */
a:active  { color: #a9269b; } /* brite purple   */

/* MENU ELEMENTS ========================================================= */

#sweethearts {   /* ---------------- RANDOMIZED PHOTOS ----------- */
	float: left;
	top: 0px;
	width: 200px;
	height: 200px;
	border: none;
	background-color: #ffffff;
}

#navcontainer  {   /* ------------ MAIN NAVIGATION BLOCK -------- */
	float: left;	
	top: 0;
	left: 0; 
	margin: 0;
	width: 200px;
	height: auto;
	text-align: left;	
	background-color: #dce7e2;         /* was prussian dark, now pale green */
	text-decoration: none;
	z-index: 25;
}

#navcontainer .menu ul { list-style-type: none; }


#navcontainer .menu li {
	float: left;	
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
	width: 200px;
	height: auto;        /*  USE THIS - WORKS */ 
}

.menu a:link,
.menu a:visited { 
	text-decoration: none;
	color: #37658f;       /* prussianmedium */
	font-weight: bold;
	font-size: 10px;
	font-family: "Trebuchet MS", Geneva, Verdana, Arial, sans-serif; 
	padding-bottom: 2px;
	padding-left: 12px;
}

/* --------------- MOUSEOVERS ---------------------- */

.menu a:hover,
.menu a:active {
	text-decoration: none;
	color: #002d56; 		     	/* prussian dark */	
	font-weight: bold;
	font-size: 10px;
	font-family: "Trebuchet MS", Geneva, Verdana, Arial, sans-serif; 	
	padding-bottom: 2px;
	border-bottom: 1px dotted #002d56;
	padding-left: 12px;
}

.menu1, .menu2, .menu3, .menu4, .menu5, .menu6, .menu7, .menu8, .menu9 { 
	float: left; 
} 
.menu1 img, .menu2 img, .menu3 img, .menu4 img, .menu5 img, .menu6 img, .menu7 img, .menu8 img, .menu9 img { 
	float: left; 
} 

/* GRADIENT EFFECTS ========================================== */
.menu1 {
	width: 192px;
	height: 18px;
	background-color: #dce7e2;	
	background-image: url(basics/navTrinePlain.gif);  /* empty */
	background-position: left center;
	background-repeat: no-repeat;	
	padding: 8px 0 0 8px;
}
.menu2 {
	width: 192px;
	height: 18px;
	background-color: #d4e2db;
		background-image: url(basics/navTrineSide.gif); /* Pointer Triangle */
	background-position: left center;
	background-repeat: no-repeat;
	padding: 8px 0 0 8px;
}

#about1 .menu2a,
#about2 .menu2a,
#about3 .menu2a {
	width: 182px;
	height: 18px;
	background-color: #d4e2db;
		background-image: url(basics/navCorners-wider.gif); /* inset */
	background-position: left center;
	background-repeat: no-repeat; 
	padding: 8px 0 0 18px; }

.menu3 {
	width: 192px;
	height: 18px;
	background-color: #ccddd4;
		background-image: url(basics/navTrinePlain.gif);
	background-position: left center;
	background-repeat: no-repeat;
	padding: 8px 0 0 8px;
}
.menu4 {
	width: 192px;
	height: 18px;
	background-color: #c4d8cd;
		background-image: url(basics/navTrinePlain.gif);
	background-position: left center;
	background-repeat: no-repeat;
	padding: 8px 0 0 8px;
}
.menu5 {
	width: 192px;
	height: 18px;
	background-color: #bcd3c6;
		background-image: url(basics/navTrineSide.gif);
	background-position: left center;
	background-repeat: no-repeat;
	padding: 8px 0 0 8px;
}

#involved1 .menu5a,
#involved2 .menu5a,
#involved3 .menu5a {
	width: 182px;
	height: 18px;
	background-color: #bcd3c6;
		background-image: url(basics/navCorners-wider.gif);
	background-position: left center;
	background-repeat: no-repeat;
	padding: 8px 0 0 18px; 
}
.menu6 {
	width: 192px;
	height: 18px;
	background-color: #b4cebf;
		background-image: url(basics/navTrineSide.gif);
	background-position: left center;
	background-repeat: no-repeat;
	padding: 8px 0 0 8px;
}

#research1 .menu6a,
#research2 .menu6a,
#research3 .menu6a,
#research4 .menu6a {
	width: 182px;
	height: 18px;
	background-color: #b4cebf;
		background-image: url(basics/navCorners-wider.gif);
	background-position: left center;
	background-repeat: no-repeat; 
	padding: 8px 0 0 18px; }
	
.menu7 {
	width: 192px;
	height: 18px;
	background-color: #acc9b8;
		background-image: url(basics/navTrineSide.gif);
	background-position: left center;
	background-repeat: no-repeat;
	padding: 8px 0 0 8px;
}

#policy1 .menu7a,
#policy2 .menu7a,
#policy3 .menu7a,
#policy4 .menu7a {
	width: 182px;
	height: 18px;
	background-color: #acc9b8;
		background-image: url(basics/navCorners-wider.gif);
	background-position: left center;
	background-repeat: no-repeat; 
	padding: 8px 0 0 18px; }

.menu8 {
	width: 192px;
	height: 18px;
	background-color: #a4c4b1;
		background-image: url(basics/navTrineSide.gif);
	background-position: left center;
	background-repeat: no-repeat;
	padding: 8px 0 0 8px;
}
#educ1 .menu8a,
#educ2 .menu8a,
#educ3 .menu8a {
	width: 182px;
	height: 18px;
	background-color: #a4c4b1;
		background-image: url(basics/navCorners-wider.gif);
	background-position: left center;
	background-repeat: no-repeat;
	padding: 8px 0 0 18px;
}

.menu9 {
	width: 192px;
	height: 40px;
	background-color: #9cbfaa;
		background-image: url(basics/navTrinePlain.gif);
	background-position: left center;
	background-repeat: no-repeat;
	padding: 8px 0 0 8px;                     
}
/* .menu10 {
	width: 192px;
	height: 18px;
	background-color: #94baa3; 
		background-image: url(basics/navTrineSide.gif);
	background-position: left center;
	background-repeat: no-repeat;
	padding: 8px 0 0 8px;                    
}                               here if you need it */

	 /* -----  YOU ARE HERE NAVBAR  LINKS: ---------------------------  */

#homepage li#home .menu1, 

#calendarpage li#calendar .menu3, 

#programspage li#programs .menu4

{	background-color: #37658f;         /* BACKGROUND prussian medium */
	width: 192px;
	height: 18px;	
		background-image: url(basics/navCorners-plainBlue.gif); /* empty Blue */
	background-position: left center;
	background-repeat: no-repeat;
}

/* Multi-page section uses triangle pointing down on section headers ----- */

#aboutuspage li#about .menu2,

#getinvolvedpage li#involved .menu5,

#researchpage li#research .menu6,

#policypage li#policy .menu7, 

#educationpage li#educ .menu8

{	background-color: #37658f;         /* BACKGROUND prussian medium */
	color: #fff;
	width: 192px;
	height: 18px;	
		background-image: url(basics/navTrine-WhiteDown.gif); /* trine down */
	background-position: left center;
	background-repeat: no-repeat;
}



/* YOU ARE HERE for SECONDARY BLOCKS UNDER SECTION HEADERS */


	#visionpage li#about1 .menu2a,

	#corepage li#about2 .menu2a,

	#purposepage li#about3 .menu2a,
	
	
	#workingpartner_page li#involved1 .menu5a,
	
	#coalitionadvisory_page li#involved2 .menu5a,
	
	#emailsubscribe_page li#involved3 .menu5a,
	
	
	#needspage li#research1 .menu6a,
	
	#csurveypage li#research2 .menu6a,
	
	#phonsurveypage li#research3 .menu6a,
	
	#teensurveypage li#research4 .menu6a,
	
	
	#polcommpage li#policy1 .menu7a,
	
	#recommendationpage li#policy2 .menu7a,
	
	#hbpage li#policy3 .menu7a,
	
	#teencommpage li#policy4 .menu7a,
	
	
	#edu_comm_page li#educ1 .menu8a,
	
	#edu_overview_page li#educ2 .menu8a,
	
	#pilot_page li#educ3 .menu8a

{	background-color: #37658f;         /* BACKGROUND prussian medium */
	color: #fff;
	width: 182px;
	height: 18px;
		background-image: url(basics/navCorners-widerBlue.gif); /* blank */
	background-position: left center;
	background-repeat: no-repeat;	
}

#ecpage li#ec .menu9

{	background-color: #37658f;         /* BACKGROUND prussian medium */
	color: #fff;
	width: 192px;
	height: 40px;          /* ------------ longer because it is two lines */
		background-image: url(basics/navCorners-plainBlue.gif);
	background-position: left center;
	background-repeat: no-repeat;
}

#homepage li#home .menu1 a, 

#aboutuspage li#about .menu2 a, 

	#visionpage li#about1 .menu2a a, 	
	#corepage li#about2 .menu2a a, 	
	#purposepage li#about3 .menu2a a, 

#calendarpage li#calendar .menu3 a, 

#programspage li#programs .menu4 a,

#getinvolvedpage li#involved .menu5 a,
 
	#workingpartner_page li#involved1 .menu5a a,	
	#coalitionadvisory_page li#involved2 .menu5a a,	
	#emailsubscribe_page li#involved3 .menu5a a,

#researchpage li#research .menu6 a,

	#needspage li#research1 .menu6a a,
	#csurveypage li#research2 .menu6a a,
	#phonsurveypage li#research3 .menu6a a,
	#teensurveypage li#research4 .menu6a a,

#policypage li#policy .menu7 a,

	#polcommpage li#policy1 .menu7a a,
	#recommendationpage li#policy2 .menu7a a,
	#hbpage li#policy3 .menu7a a,
	#teencommpage li#policy4 .menu7a a,

#educationpage li#educ .menu8 a, 

	#edu_comm_page li#educ1 .menu8a a,	
	#edu_overview_page li#educ2 .menu8a a,	
	#pilot_page li#educ3 .menu8a a,

#ecpage li#ec .menu9 a 

{	font-weight: bold;
	color: #ffffff;                    /* white text */
	text-decoration: none;		
}
/* removes underline on mouseover when You Are Here is active */

#homepage li#home .menu1 a:hover, 
#homepage li#home .menu1 a:active,

#aboutuspage li#about .menu2 a:hover,
#aboutuspage li#about .menu2 a:active,

	#visionpage li#about1 .menu2a a:hover, 
	#visionpage li#about1 .menu2a a:active,
	
	#corepage li#about2 .menu2a a:hover, 
	#corepage li#about2 .menu2a a:active,
	
	#purposepage li#about3 .menu2a a:hover, 
	#purposepage li#about3 .menu2a a:active,

#calendarpage li#calendar .menu3 a:hover, 
#calendarpage li#calendar .menu3 a:active,

#programspage li#programs .menu4 a:hover,
#programspage li#programs .menu4 a:active,

#getinvolvedpage li#involved .menu5 a:hover, 
#getinvolvedpage li#involved .menu5 a:active,

	#workingpartner_page li#involved1 .menu5a a:hover,
	#workingpartner_page li#involved1 .menu5a a:active,
	
	#coalitionadvisory_page li#involved2 .menu5a a:hover,
	#coalitionadvisory_page li#involved2 .menu5a a:active,
	
	#emailsubscribe_page li#involved3 .menu5a a:hover,
	#emailsubscribe_page li#involved3 .menu5a a:active,

#researchpage li#research .menu6 a:hover, 
#researchpage li#research .menu6 a:active,

	#needspage li#research1 .menu6a a:hover,
	#needspage li#research1 .menu6a a:active,
	
	#csurveypage li#research2 .menu6a a:hover,
	#csurveypage li#research2 .menu6a a:active,
	
	#phonsurveypage li#research3 .menu6a a:hover,
	#phonsurveypage li#research3 .menu6a a:active, 
	
	#teensurveypage li#research4 .menu6a a:hover,
	#teensurveypage li#research4 .menu6a a:active,
	
#policypage li#policy .menu7 a:hover, 
#policypage li#policy .menu7 a:active,
		
	#polcommpage li#policy1 .menu7a a:hover,
	#polcommpage li#policy1 .menu7a a:active,
	
	#recommendationpage li#policy2 .menu7a a:hover,
	#recommendationpage li#policy2 .menu7a a:active,
	
	#hbpage li#policy3 .menu7a a:hover,
	#hbpage li#policy3 .menu7a a:active,
	
	#teencommpage li#policy4 .menu7a a:hover,
	#teencommpage li#policy4 .menu7a a:active,
	
#educationpage li#educ .menu8 a:hover, 
#educationpage li#educ .menu8 a:active,

	#edu_comm_page li#educ1 .menu8a a:hover,
	#edu_comm_page li#educ1 .menu8a a:active,
		
	#edu_overview_page li#educ2 .menu8a a:hover,
	#edu_overview_page li#educ2 .menu8a a:active,
		
	#pilot_page li#educ3 .menu8a a:hover,
	#pilot_page li#educ3 .menu8a a:active,

#ecpage li#ec .menu9 a:hover,  
#ecpage li#ec .menu9 a:active

{	font-weight: bold;
	color: #ffffff;                    /* white text */
	border-bottom: none;		
}

.indentnav { padding-left: 12px; }


#footer {           /* ----  FOOTER IS BLUE AREA BELOW NAV BAR --- */
	float: left; 
	width: 200px;
	height: auto; 
	background-color: #002d56;         /*  prussiandark */
	padding: .5em 0 0 0;
	margin: 0;
	border-bottom: 2em solid #fff;
}
#footer p.text {
	color: #ffffff;
	text-align: center;
	padding: .25em .5em .75em .5em;
	line-height: 14px;
	font-size: 10px;
	font-family: "Trebuchet MS", Geneva, Verdana, Arial, sans-serif; 
		z-index: 100;
}
#footer .text a:link,
#footer .text a:visited {
	letter-spacing: .1em;
	font-weight: bold;
	color: #b5cac4;     /* pale green */	
}

#footer .text a:hover,
#footer .text a:active {
	letter-spacing: .1em;
	font-weight: bold;
	color: #ffffff;     /* white */	
	text-decoration: underline;
}

#lightsweep {           /* ----  GRADIENT for bottom of blue box --- */
	float: left; 
	width: 200px;
	height: 200px; 
	background-color: #fff;         /*  white */
	padding: 0;
	margin: 0;
	border-bottom: none;
	background-image: url(basics/lightsweep.gif);
	background-position: left top;
	background-repeat: no-repeat;
	
}


/*  TEXT TREATMENTS -------------------------------------- */

.intro { color: #444444;              /* dark grey */
	text-transform: none; 
	font-style: italic;
	padding-top: 0;
	padding-bottom: 10px;
	font-weight: bold;
	font-size: 1em; 
	line-height: 1.4em;
	font-family: "Trebuchet MS", Geneva, Verdana, Arial, sans-serif; 
}

h1 { color: #37658f;             /* prussianmedium */
	text-transform: none; 
	padding-top: 12px; 
	padding-bottom: .5em;
	font-style: italic; 
	font-weight: bold;
	font-size: 1.4em; 
	font-family: "Trebuchet MS", Geneva, Verdana, Arial, sans-serif; 
}
h1.top { padding-top: 20px; font-style: italic; padding-bottom: 1em; }

h2 { color: #6f9f8e;             /* mediumgreen */
	text-transform: none; 
	padding-bottom: .1em;
	font-weight: bold;
	font-size: 1.2em; 
	font-family: "Trebuchet MS", Geneva, Verdana, Arial, sans-serif; 
}
h3 { color: #37658f;             /* prussianmedium*/
	text-transform: uppercase; 
	padding-top: .2em;
	padding-bottom: .1em;
	font-weight: bold;
	font-size: 1.1em; 
	font-family: "Trebuchet MS", Geneva, Verdana, Arial, sans-serif; 
}
h4 { color: #37658f;              /* prussianmedium */
	text-transform: uppercase; 
	padding-bottom: .1em;
	font-weight: bold;
	font-size: 1em; 
	font-family: "Trebuchet MS", Geneva, Verdana, Arial, sans-serif; 
}
h4.intro { color: #333333;              /* dark grey */
	text-transform: none; 
	font-style: italic;
	padding-bottom: .5em;
	font-weight: bold;
	font-size: .97em; 
	line-height: 1.2em;
	font-family: "Trebuchet MS", Geneva, Verdana, Arial, sans-serif; 
}

h5 { color: #91b5a8;             /* palegreen8 */
	text-transform: uppercase; 
	padding-bottom: .2em;
	font-weight: bold;
	font-size: .95em; 
	font-family: "Trebuchet MS", Geneva, Verdana, Arial, sans-serif; 
}
h6 { color: #002d56;            /* prussiandark */
	text-transform: uppercase; 
	padding-bottom: .2em;
	font-weight: bold;
	font-size: .85em; 
	font-family: "Trebuchet MS", Geneva, Verdana, Arial, sans-serif; 
}

#secondary h6.list { color: #002d56;            /* prussiandark */
	padding-left: .5em;
	text-transform: none; 
	padding-bottom: .2em;
	font-weight: bold;
	font-size: .85em; 
	font-family: "Trebuchet MS", Geneva, Verdana, Arial, sans-serif; 
}

/* PRIMARY SECTION ------------------------------------------*/

#primary { 
	position: absolute;
	top: 0;
	left: 200px;	
	width: 450px;	
	height: auto; 	
	height: 100%; 
	min-height: 500px;
	margin: 0; 
	padding: 0;	
	background-image: url(basics/BrocadeSwirlies-450.gif); 
	background-position: left top;  
	background-repeat: no-repeat;
	z-index: 199;		
}

#primarywide { position: absolute; 
	top: 0; 
	left: 200px;   
	width: 575px;
	height: auto; 	
	height: 100%; 
	min-height: 500px;  
	margin: 0; 
	padding: 0;  
	border: none;
	background-image: url(basics/BrocadeSwirlies-450.gif); 
	background-position: left top;  
	background-repeat: no-repeat;
	z-index: 198; 
}
		
#primary .text {	
	padding-top: 12px;
	padding-left: 32px;
	color: #333333;
	width: 370px;	
	line-height: 1.4em;
	font-size: .95em;
	font-family: "Trebuchet MS", Geneva, Verdana, Arial, sans-serif; 
}
#primarywide .text {	
	padding-top: 12px;
	padding-left: 32px;
	color: #333333;
	width: 370px;	
	line-height: 1.4em;
	font-size: .95em;
	font-family: "Trebuchet MS", Geneva, Verdana, Arial, sans-serif; 
}
		
#primary .text p {	
	padding-bottom: .2em; 
	padding-left: 12px;
}

#primary .text p.linktext  {	
	padding-bottom: 12px;  
	padding-left: 12px;
}
p.researchtext,
div#item1 p.researchtext { padding-bottom: 1.5em; }

#primary li,
#primarywide li { line-height: 1.4em; padding-left: 1em; padding-bottom: .6em; }

ul.about { padding-top: 0; }

/* SECONDARY PANEL ----------------------------------- */

#secondary { 
	position: absolute;
	left: 644px;
	width: 125px;
	height: 400px;
	top: 0px;
	background-image: url(basics/SEARCH-GRADIENT.gif);
	background-position: top right;
	background-repeat: no-repeat;
}

#secondary .text { color: #333333; padding: 24px 0px 24px 14px; }

#secondary h4 { padding-bottom: 1em; }

#secondary li { line-height: 1.2em; padding-left: 1em; padding-bottom: .5em; }

#secondary a {
	line-height: 1.4em;
	font-size: .9em;
	font-family: "Trebuchet MS", Geneva, Verdana, Arial, sans-serif;
}
#secondary a:link,
#secondary a:visited { 
	color: #5a917e;               /* dk green */
	font-weight: bold;
 	text-decoration: none;
 	padding-bottom: 1px;
 	border-bottom: 1px dotted #5a917e;
}

#secondary a:hover,
#secondary a:active { 
	color: #ba5757;               /* dusty red */
	font-weight: bold;
 	padding-bottom: 1px;
 	border-bottom: 1px solid #ba5757; 
}

/* SECONDARY H4 LINKS --------------------------*/

#secondary h4.ec {
	color: #002d56;            /* prussiandark */
	line-height: 1.2em;
	font-size: .85em;
	text-transform: uppercase;
	font-family: "Trebuchet MS", Geneva, Verdana, Arial, sans-serif;
}
 


/* SECONDARY PANEL: PREVIEW PAGES  ---------------------------- */

#secondary ul.returnblock { list-style-type: none; 
	margin-left: 0; }
	
#secondary ul.returnblock a:link, 
#secondary ul.returnblock a:visited { 
	color: #5a917e;               /* dk green */
	font-weight: bold;
 	text-decoration: none;
 	padding-bottom: 1px;
 	border-bottom: 1px dotted #5a917e;
}
#secondary ul.returnblock a:hover, 
#secondary ul.returnblock a:active { 
	color: #ba5757;               /* dusty red */
	font-weight: bold;
 	padding-bottom: 1px;
 	border-bottom: 1px solid #ba5757; 
}


/* BOTTOM SECTION  --------------------- DISABLED

#bottom {   
	position: absolute;
	bottom: 0px; 
	width: 770px;
	height: 28px;
	left: 0; 
	right: 0;
	padding-bottom: 0; 
	background-image: url(basics/bottom.gif); 
	background-position: left bottom; 
	background-repeat: no-repeat; 
	z-index: 19; 
} ------------------------------------------------   */



/* TOP NAV BANNER BAR --------------------------------------*/


div#banner_nav_bar { 
	position: absolute;
	top: 10px;
	left: 32px;	
	width: 400px;	
	height: 26px; 	
	margin: 0 0 14px 0; 
	padding: 0 0 14px 0;	
	z-index: 500;		
 }
div#banner_nav_bar a:link,
div#banner_nav_bar a:visited { text-align: left;	 
	color: #37658f;         
	font-family: "Trebuchet MS", Geneva, Verdana, Arial, sans-serif; 	
	font-size: 1em; 
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	padding-bottom: 2px;
	border-bottom: 1px dotted #37658f;
}

div#banner_nav_bar a:hover,
div#banner_nav_bar a:active { text-align: left;	 
	color: #ba5757;          
	font-family: "Trebuchet MS", Geneva, Verdana, Arial, sans-serif; 	
	font-size: 1em; 
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	padding-bottom: 2px;
	border-bottom: 1px solid #ba5757;
}



/* MISCELLANEOUS ITEMS ----------------------------------- */

.alpha a:link { font-weight: bold; 	
	text-transform: uppercase;
	font-family: Georgia, serif; 	
	font-size: 1.25em;
	color: #5a917e;               /* dk green */
 	text-decoration: none; 
 	}

.alpha a:visited { font-weight: bold; 	
	text-transform: uppercase;
	font-family: Georgia, serif; 	
	font-size: 1.25em;
	color: #666666;              
 	text-decoration: none; 
 	} 
.alpha a:hover,
.alpha a:active { font-weight: bold; 	
	text-transform: uppercase;
	font-family: Georgia, serif; 	
	font-size: 1.25em;
	color: #222222;              
 	text-decoration: none; 
 	}
	
p.zip a:link { font-size: 97%; 
	line-height: 127%; 
	letter-spacing: .1em; 
	font-weight: bold;
	}

p.zip a:visited { font-size: 97%; 
	line-height: 127%; 
	letter-spacing: .1em; 
	font-weight: bold;
	color: #666666; 
	}
	
p.zip a:hover,
p.zip a:active { font-size: 97%; 
	line-height: 127%; 
	letter-spacing: .1em; 
	font-weight: bold;
	color: #222222;
	}
	
/* grey : see above in colorchart */
	
.smaller {
	font-size: 85%;
}
.larger {
	font-size: 110%;
}
.bolder { 
	font-weight: bold; text-transform: uppercase;
	padding-bottom: .3em;
}
.bolderplain { font-weight: bold; }

.ital { 
	font-style: italic; 
}
.stretched { letter-spacing: .53em; }

.lowercase { text-transform: lowercase; }

.returntotop a { font-style: italic; font-size: 9px; }

/*   LISTING ITEMS ----------------------------------------*/

#clinicspage table.listing { width: 410px;  }

#clinicspage table.listing td { 
	width: 44%; 
	padding-right: 10px;  }

#clinicspage table.listing td a { 
	width: 180px; 
	padding-bottom: 8px; 
	font-size: 90%; 
	line-height: 1.2em; }
	
	
#clinicsdetailpage table.listing td {  
	padding-right: 10px;  }

#clinicsdetailpage table.listing td a {  
	padding-bottom: 8px; 
	font-size: 90%; 
	line-height: 1.2em;  }

table tr.underline { border-top: 1px dotted #37658f;
	border-bottom: 1px dotted #37658f; 
	padding-top: 4px; 
	padding-bottom: 4px; }
	
.underline { border-bottom: 1px dotted #37658f;
	border-top: 1px dotted #37658f;	 
	padding-top: 2px; padding-bottom: 1px; }
	
.overline { 
	border-top: 1px dotted #37658f;	 
	padding-top: 2px; padding-bottom: 2px; }
		
/* ASSOCIATES LISTINGS -------------------------   */


.associates_list { 
	width: 410px; 
	padding: 6px;
	font-size: 90%; 
	line-height: 1.2em;
	font-family: "Trebuchet MS", Geneva, Verdana, Arial, sans-serif;
	color: #333333;
}
	
/* GET INVOLVED ITEMS --------------------------------*/

div.alert { font-weight: bold; color: #990000; /* red */
	font-size: .8em; line-height: 1.2em; }

.highlight { font-weight: bold; 
	background-color: #91b5a8;         /* palegreen8 */
	color: #002d56;                   /* prussian */
	font-size: .85em; line-height: 1.2em;
	padding: 6px; }
	
.databasehighlight  { 
	width: 320px;
	font-weight: bold; 
	background-color: #d6e2dd;         /* lite green */
	color: #002d56;                   /* prussian */
	font-size: .85em; 
	line-height: 1.2em;
	padding: 3px 15px 3px 5px;
	border-top: 1px dotted #002d56;
	border-bottom: 1px dotted #002d56;
	margin-bottom: 1em; }

.tooltip {
	padding: 5px;
	background-color: #ffffdd;
	border: 1px solid #37658f;
	font-size: 10px;
	width: 250px;
	line-height: 13px; 
	z-index: 500; 
}
  
#trigger_1 a:hover,
#trigger_1 a:active  { display: block; visibility: visible; } 

/*  FORM INPUT -------------------------------------- */

fieldset { border: none; 
	padding: 0;
	margin: 2px 0 0 0;
	width: 500px; 
}

label { 
	margin-top: 2px;
	padding: 3px 3px 3px 0;
	color: #666666;
	font-size: 9px;  
	line-height: 110%;
	font-family: Verdana, Arial, sans-serif;
}
input, textarea { 
	margin-top: 1px;
	margin-left: 1em;
	margin-right: 1em;
	margin-bottom: 1em;
	padding: 2px;
	border-top: 	1px solid #5a917e;
	border-left: 	1px solid #5a917e;
	border-right: 	1px solid #d2d9e6;
	border-bottom:  1px solid #d2d9e6;
	background-color: #f0f2f8;            /*  pale lite blue */ 
	color: #002d56;            /* prussiandark */
	font-size: .9em;
	font-family: Verdana, Geneva, Helvetica, Arial, sans-serif;
}

/* submit */
input.btn, input.resetbtn {
	margin-top: .75em;
	margin-left: 1em;
	margin-right: 1em;
	margin-bottom: 1em;
	padding: 2px;
	border-right: 	1px solid #5a917e;
	border-bottom: 	1px solid #5a917e;
	border-top: 	1px solid #d2d9e6;
	border-left:    1px solid #d2d9e6;
	background-color: #f0f2f8;            /*  pale lite blue */ 
	color: #002d56;            /* prussiandark */
	font-size: .9em;
	font-family: Verdana, Geneva, Helvetica, Arial, sans-serif;
}