address,
blockquote,
body, dd, div, 
dl, dt, 
fieldset, form,
frame, frameset,
h1, h2, h3, h4, 
h5, h6, iframe, 
noframes, 
object, ol, p, 
ul, applet, 
center, dir,
hr, menu, pre   { display: block }
/* sets base font size - all others are relative to this font  font-size: 0.76em*/
body            { padding: 0; color: #cc0000; background: #330000; text-align: left;  font-family: verdana, arial, helvetica, bitstream vera sans, sans-serif; font-size: 0.7em; }
li              { display: list-item; }
head            { display: none }
table           { display: table; line-height: 0.9em; background-color: #330000; margin-left: auto; margin-right: auto; }
tr              { display: table-row; }
thead           { display: table-header-group }
tbody           { display: table-row-group; }
tfoot           { display: table-footer-group }
col             { display: table-column }
colgroup        { display: table-column-group }
td, th          { display: table-cell }
caption         { display: table-caption }
th              { font-weight: bolder; text-align: center }
caption         { text-align: center }
h1              { font-size: 1.5em; margin: 0; }
h2              { font-size: 1.5em; margin: .5em 0; margin-top: .5em }
h3              { font-size: 1.3em; color: #ffffff; text-align: left; 		margin-left: .1em; margin-top: 2em; background-color: #0000ff; padding: 5px; }
.blank3h	{ font-size: 1.3em; color: #ffffff; text-align: left; 		margin-left: .1em; margin-top: 2em; background-color: #0000ff; padding: 5px; }
h4		{ font-size: 1.2em; color: #cc0000; margin-bottom: 1em; margin-top: 2em; 		text-align: left; margin-left: 0; }
h5              { font-size: 1.2em; line-height: 1.0em; margin-top: 3em; color: 		#000000; text-align: center }
h6              { font-size: .67em; margin: 2.33em 0 }
p,
fieldset, form,
dir,
menu            { margin: 1.33em 0; color: rgb(0, 0, 0) }
h1, h2, h3, h4,
h5, h6, b,
strong, dt	{ font-weight: bolder }
blockquote      { color: #993300; font-weight: bolder; line-height: 1.4em; margin-right: 0px; padding-top: 10px; padding-bottom; 10px;}
i		{ font-style: italic; font-size: 1em }
cite, em,
var, address    { font-style: italic; font-size: .9em }
pre, tt, code,
kbd, samp       { font-family: monospace }
pre             { white-space: pre }
big             { font-size: 1.17em }
sub, sup, cite	{ font-size: .9em;}
small		{ font-size: .8em }
sub             { vertical-align: sub }
sup             { vertical-align: super }
s, strike, del  { text-decoration: line-through }
hr              { border: 1px inset }
	/* 'padding' removes ul alignment error in Firefox */
dir,
menu, dl	{ margin: 0 0 0 0px; padding: 0; color: rgb(0, 0, 0); }
ul    { margin: 0 0 0 14px; padding: 0; color: rgb(0, 0, 0); }
ol              { list-style-type: decimal; margin-left: -20px; margin-right: 0px; color: rgb(0, 0, 0); }
ol ul, ul ol,
ul ul, ol ol    { margin-top: 0; margin-bottom: 0 }
u, ins          { text-decoration: underline }
dt		{ color: rgb(102, 51, 102); margin-top: 3px; margin-left: 0; padding: 0; }
 /*god page dt format */
.color1		{color: #3300ff; font-weight: normal;}
dd		{ margin-left: 20px; color: rgb(0, 0, 0); margin-top: 0px; font-size: 1.0em; line-height: 1.3em; padding: 0;}
 /*god page dd format */
.color		{color: #cc0033;}
li		{ margin-left: 0px; margin-top: 0; color: rgb(0, 0, 0); font-size: 1.0em; line-height: 1.3em }


center          { text-align: center }
/*br:before       { content: "\A" } */

p {
	font-size: 1.0em;
	line-height: 1.5em;
	margin: 1.2em 0em 1.2em 0em;
	}

	/* Adjusts DL (dd & dt) for use as page menu  */
.menu1 		{ margin: 0 0 0 20px; font-size: 1em; line-height: 1.5em; padding: 0; list-style-type: none; }
.menu1a 		{ margin: 0 0 0 20px; font-size: 1em; line-height: 1.5em; padding: 0; list-style-type: none; }
.menu2   { margin: 0 0 0 40px;}

	/* Used to set conditions of main text area  */
td#main 		{ background-color: #cccccc; text-align: left; vertical-align: 		top; padding:20px; line-height: 1.5em; }
	/*div.maintable {align: center; }*/

	/* Used to set conditions of main text area  */
#maintexttable 		{ width: 95%; text-align: center; margin-left: auto; margin-right: auto; background-color: white; border: 1px }

	/* set conditions of main text area  */
#mainheadingtable	{ width: 95%; text-align: center; margin-left: auto; margin-right: auto; background-color: white; border: 1px }

	/* set conditions of logo and images full row background 	area  */
tr#logo		{ background-color: #ffffff; padding: 5px; }

	/* set conditions of logo and images full row background 	area  */
.mainrow1		{ background-color: #ff00ff; border-color: #0000ff; border-bottom: 2px solid; }

	/* set conditions of logo small table  */
#bua		{ background-color: #ffffff; border: 5px;} 

	/* set conditions of if logo small table  */
#iflogo		{ background-color: #ffffff; } 
/* FORMAT 'IF YOU LIVE' LOGOS*/
.if	{ text-align: center; vertical-align: top; font-size: larger; color: blue; background-color: white; font-weight: bold; font-style: italic; }

	/* make some unnecessary but structurally required 	headings invisible */
.texthide 		{ font-size: 0.8em; color: #330000; text-align: left; 		margin-left: 12px }
	/* display late news item line */
.breakingnews 		{ font-size: 1em; color: #ffff33; text-align: left; 		background-color: #000000; font-weight: bolder; vertical-align: top; line-height: 1.5em; }

	/*NAVIGATION*/
	/* Used to make navigation text narrower */
.men 		{ font-size: 1em; color: rgb(255, 255, 255); background-color: #cccccc; text-align: left; line-height: 1.2em; padding-left: 5px; }
	/* distinguish current navigation text as breadcrumbs */
.now 		{ font-size: 1em; color: #ffffff; text-align: left; line-height: 1.5em; font-weight: bold; background-color: rgb(204, 0, 0); padding-left: 5px;}
.nowsub { font-size: 1em; color: #ffffff; text-align: left; line-height: 1.5em; background-color: #ff3333; padding-left: 5px;}
	/* Alter navigation subheadings cells */
.navtable th	{ background-color: rgb(255, 255, 255); }
	/* Alter navigation table */
.navtable	{ vertical-align: top; width: 100%; text-align: left; background-color: rgb(0, 0, 0); }
	/* Alter column on right hand side of navigation */
.navright 	{ background-color: rgb(0, 0, 0); width: 5px; }
	/* Alter cells to left hand side of navigation */
.navleft	{ width: 0; }
	/* adjust text headings in Navigation panel */
.nav 		{ margin-left: 4px; margin-top: 2px; margin-bottom: 2px; font-size: 		1.1em; line-height: 1em; background-color: #ffffff; padding: 0; color: #cc0000}
.soon { background-color: #000033; line-height: 1.2em; padding-left: 5px;}



/*DAD ADVICE*/
/* format dad advice - height is (image height+10) */
.dad 		{ font-size: 1em; text-align: left; line-height: 1.15em; background-color: #0099cc; height: 102px; margin-top: 30px; margin-bottom: 25px; padding: 3px }
/* format dad advice */
.dadimage	{ width: 120px; height: 92px; float: left; margin: 5px }


/* SECTION SEPARATION BARS*/
/* wraps bar and top image together*/
.wrapbar { width: 100%; margin-top: 0px; }
/* stops images floating apart and allowing text in between*/
.barclose { clear: both; margin-bottom: 0px; }
/* format TOP arrow image- align settings with BAR*/
.top	{ width: 8%; height: 10px; border: 0; float: right; background-color: #ffffff; padding: 5px; margin-top: 25px;}
/* format separation bars used without TOP image*/
.baronly { width:100%; height: 6px; border: 0; margin-top: 15px; }
/* format separation bars - align settings with TOP*/
.bar	{ width:85%; height: 6px; border: 0; float: left; margin-top: 15px; }



/* control main body heading table */
.heading1	{ color: rgb(255, 255, 204); background-color: rgb(204, 0, 0); padding: 0px; text-align: center; vertical-align: top; }
.heading2	{ color: rgb(204, 0, 0); padding: 5px; text-align: center; vertical-align: top; font-weight: bold; line-height: 1.5em; }

/* FLOWCHART TABLES */
/* control for flowchart tables*/
.flowchild{
	line-height: 1.1em; padding: 5px; background-color: rgb(255, 204, 153); text-align: center; vertical-align: middle; color: rgb(0, 0, 0);
	}
.flowjoiner{
	line-height: 1.1em; padding: 5px; text-align: center; vertical-align: middle; color: rgb(0, 0, 0);
	}
.flowpuberty{
	line-height: 1.1em; padding: 5px; text-align: center; vertical-align: middle; color: rgb(255, 255, 0);  background-color: rgb(0, 0, 0); text-transform: uppercase;
	}
.flowhomo{ 
	line-height: 1.1em; padding: 5px; text-align: center; vertical-align: middle; color: rgb(0, 0, 0);  background-color: rgb(255, 102, 102); text-transform: none;
	}
.flowhomoadult{
	font-size: 0.9em; line-height: 1.1em; padding: 5px; text-align: center; vertical-align: middle; color: rgb(51, 51, 255);  background-color: rgb(255, 102, 102); text-transform: uppercase; font-weight: bolder;
	}
.flowgay{
	line-height: 1.1em; padding: 5px; text-align: center; vertical-align: middle; color: rgb(0, 0, 0);  background-color: rgb(255, 51, 0); text-transform: none;
	}
.flowgayadult{
	font-size: 0.9em; line-height: 1.1em; padding: 5px; text-align: center; vertical-align: middle; color: rgb(51, 51, 255);  background-color: rgb(255, 51, 0); text-transform: uppercase; font-weight: bolder;
	}
.flowhetero{ 
	line-height: 1.1em; padding: 5px; text-align: center; vertical-align: middle; color: rgb(0, 0, 0);  background-color: rgb(102, 255, 153); text-transform: none;
	}
.flowheteroadult{
	font-size: 0.9em; line-height: 1.1em; padding: 5px; text-align: center; vertical-align: middle; color: rgb(51, 51, 255);  background-color: rgb(102, 255, 153); text-transform: uppercase; font-weight: bolder;
	}
.flowbridge{
	line-height: 1.1em; border: 5px #999999 solid; padding: 5px; text-align: center; vertical-align: middle; color: rgb(255, 255, 255);  background-color: rgb(51, 102, 153); text-transform: none;
	}
.flow-homo-bridge{
	line-height: 1.1em; border: 1px rgb(0, 0, 0) solid; padding: 5px; text-align: center; vertical-align: middle; color: rgb(255, 0, 0);  background-color: rgb(255, 255, 255); text-transform: none;
	}
.mtablebg{
	background-color: #999999; padding: 3px;
	}
.gtablebg{
	background-color: #999999; padding: 3px;
	}

/* control for popular table on gay page*/
.narrow2{
	line-height: 1.2em; background-color: rgb(255, 255, 255)
	}

/* IMAGES */
/* control for IMAGES ON RIGHT HAND SIDE*/
.rightimage{
	border: 0px ; margin-bottom: 5px; margin-top: 5px; margin-left: 10px;  float: right
	}
/* control for IMAGES ON RIGHT HAND SIDE*/
.leftimage{
	border: 0px ; margin-bottom: 5px; margin-top: 5px; margin-right: 10px;  float: left
	}
/* control for IMAGES IN CENTER*/
.centerimage{
	border: 0px ; margin-bottom: 10px; margin-top: 10px;  margin-right: 10px; margin-left: 10px; 
	}

/* IMAGE LINK BORDERS*/
/*control for 3 sided borders for collage images*/
.borderleft{
	border-left: 2px solid; border-top: 2px solid; border-bottom: 2px solid; border-right: 0 
	}
/*control for 3 sided borders for collage images*/
.borderright{
	border-left: 0; border-top: 2px solid; border-bottom: 2px solid; border-right: 2px solid; 
	}

/*control for 4 sided borders for images*/
.borderall {
	border: 2px solid; 
	}

a:link {text-decoration: underline}
a:visited {text-decoration: underline}
a:hover {text-decoration: none; color: red; font-size: 1.0em; background-color: #ffff66}
a:active {text-decoration: none; }


/*control for main logo image*/
.logo {
	border: 2px solid white;
}
.logo:link {text-decoration: none; }
.logo:visited {text-decoration: none; }
.logo:hover {text-decoration: none; border: 2px solid blue;  }
.logo:active {text-decoration: none; }

/* control for FOOTNOTE TEXT*/
.footer{
	font-size: 0.75em; line-height: 1.5em
	}

.printlink { visibility: visible; color: rgb(102, 51, 102);
}

/* safe sex table (and other tables)*/
.safe {padding: 4px; background-color: #aaaaaa; color: black; line-height: 1.2em; text-align: left;}


/* control for search results table*/
#search{
	background-color: #ffffff; padding: 5px; height: 850px; width: 98%;
	}

/* An example of style for HTML 4.0's ABBR/ACRONYM elements */

abbr, acronym   { font-variant: small-caps; letter-spacing: 0.1em }
a[href]         { text-decoration: underline }
:focus          { outline: thin dotted invert }


/* Begin bidirectionality settings (do not change) */
BDO[DIR="ltr"]  { direction: ltr; unicode-bidi: bidi-override }
BDO[DIR="rtl"]  { direction: rtl; unicode-bidi: bidi-override }

*[DIR="ltr"]    { direction: ltr; unicode-bidi: embed }
*[DIR="rtl"]    { direction: rtl; unicode-bidi: embed }

/* Elements that are block-level in HTML4 */
address, blockquote, body, dd, div, dl, dt, fieldset, 
form, frame, frameset, h1, h2, h3, h4, h5, h6, iframe,
noscript, noframes, object, ol, p, ul, applet, center, 
dir, hr, menu, pre, li, table, tr, thead, tbody, tfoot, 
col, colgroup, td, th, caption 
                { unicode-bidi: embed }
/* End bidi settings */

@page 		{ margin: 1.5cm }

/*
@media print {
  h1, h2, h3,
  h4, h5, h6    { page-break-after: avoid; page-break-inside: avoid }
  blockquote, 
  pre           { page-break-inside: avoid }
  ul, ol, dl    { page-break-before: avoid }
}
*/

@media aural {
  h1, h2, h3,
  h4, h5, h6    { voice-family: paul, male; stress: 20; richness: 90 }
  h1            { pitch: x-low; pitch-range: 90 }
  h2            { pitch: x-low; pitch-range: 80 }
  h3            { pitch: low; pitch-range: 70 }
  h4            { pitch: medium; pitch-range: 60 }
  h5            { pitch: medium; pitch-range: 50 }
  h6            { pitch: medium; pitch-range: 40 }
  li, dt, dd    { pitch: medium; richness: 60 }
  dt            { stress: 80 }
  pre, code, tt { pitch: medium; pitch-range: 0; stress: 0; richness: 80 }
  em            { pitch: medium; pitch-range: 60; stress: 60; richness: 50 }
  strong        { pitch: medium; pitch-range: 60; stress: 90; richness: 90 }
  dfn           { pitch: high; pitch-range: 60; stress: 60 }
  s, strike     { richness: 0 }
  i             { pitch: medium; pitch-range: 60; stress: 60; richness: 50 }
  b             { pitch: medium; pitch-range: 60; stress: 90; richness: 90 }
  u             { richness: 0 }
  a:link        { voice-family: harry, male }
  a:visited     { voice-family: betty, female }
  a:active      { voice-family: betty, female; pitch-range: 80; pitch: x-high }
}