body, p, td, th, div, ul, ol { color: #000000; }
body 
	{ 
	max-width: 900px; 
	margin: 0% 2%;
	padding: 0% 1% 1% 1%;
	background: #000000; 
	font: normal normal normal small Georgia, Tahoma, Verdana, Arial, sans-serif; 
	}
	
div
	{ 
	margin: 1% 3%; 
	padding: 1% 3%; 
	background: #000000;  
	}
	
p
	{ 
	text-align: left; 
	margin: 1% 3%; 
	padding: 1% 3%; 
	background: #ffffff; 
	font: normal normal normal small Georgia, Tahoma, Verdana, Arial, sans-serif; 
	}
	
ul { margin: 0%; padding: 0%; }

table tr td { margin: 0%; padding: 0%; text-align: center; }
	
img { margin: .5%; border: .25em inset #808080; }

a:link { text-decoration: underline; color: blue; }
a:visited { text-decoration: underline; color: #990099; }
a:hover { text-decoration: underline; background: #000000; color: #ff0000; }
a:active { text-decoration: none }
/*a:link img { border-style: none }
a:visited img { border-style: none }*/

h1 
	{ 
	margin-left: auto; 
	margin-right: auto; 
	text-align: left; 
	margin-top: 0%; 
	margin-bottom: 0%; 
	padding: .5%; 
	background: transparent;
	color: #ffffff;
	font: normal normal bold 275% Georgia, Arial, sans-serif; 
	}

h2 
	{ 
	margin-left: auto; 
	margin-right: auto; 
	margin-top: 0%; 
	margin-bottom: 0%; 
	padding: 2% .5% .5% .5%; 
	background: #ffffff; 
	border-left: thick solid #005b88; 
	border-right: thick solid #005b88; 
	}

h3 
	{ 
	margin-left: auto; 
	margin-right: auto; 
	margin-top: 0%; 
	margin-bottom: 0%; 
	padding: .5%; 
	background: #ffffff; 
	border-left: thick solid #005b88; 
	border-right: thick solid #005b88; 
	}
	
	/* sub-headers */
	
.subheader1
	{ 
	margin-left: auto; 
	margin-right: auto; 
	text-align: left; 
	margin-top: 0%; 
	margin-bottom: 0%; 
	padding: 2% 3% .5% 3%; 
	border-left: thin solid #005b88; 
	border-right: thin solid #005b88; 
	background: #ecffec;
	color: #000000; 
	font: normal normal normal xx-large Verdana, Arial, Helvetica, sans-serif; 
	}
	
.subheader2
	{ 
	margin-left: auto; 
	margin-right: auto; 
	text-align: left; 
	margin-top: 0%; 
	margin-bottom: 0%; 
	padding: 2% 3% .5% 3%; 
	border-left: thin solid #005b88; 
	border-right: thin solid #005b88; 
	background: #ecffec;
	color: #000000; 
	font: normal normal normal x-large Verdana, Arial, Helvetica, sans-serif; 
	}
	
.subheader3
	{ 
	margin-left: auto; 
	margin-right: auto; 
	text-align: left; 
	margin-top: 0%; 
	margin-bottom: 0%; 
	padding: 2% 3% .5% 3%; 
	border-left: thin solid #005b88; 
	border-right: thin solid #005b88; 
	background: #ecffec;
	color: #000000; 
	font: normal normal normal large Verdana, Arial, Helvetica, sans-serif; 
	}
	
.subheader4
	{ 
	margin-left: auto; 
	margin-right: auto; 
	text-align: left; 
	margin-top: 0%; 
	margin-bottom: 0%; 
	padding: 2% 3% 1% 3%; 
	border-left: thin solid #005b88; 
	border-right: thin solid #005b88; 
	background: #ecffec;
	text-decoration: underline;
	color: #000000; 
	font: normal normal normal medium Trebuchet, Verdana, Arial, Helvetica, sans-serif; 
	}
	
	/* special use */

#bestviewed 
	{ 
	text-align: center; 
	background: transparent; 
	}
	
.bestviewed
	{ 
	text-align: center; 
	background: transparent; 
	color: #a7a7a7; 
	font: normal normal normal small Verdana, Arial, Helvetica, sans-serif; 
	}
	
#bywid1 
	{ 
	text-align: center; 
	background: transparent; 
	}
	
.bywid1
	{ 
	text-align: center; 
	background: transparent; 
	color: #ffffff; 
	font: normal normal normal small Verdana, Georgia, Arial, sans-serif; 
	}

#nextpage 
	{
	float: right; 
	text-align: right; 
	background: #171717; 
	margin: 0%; 
	padding: 0%;
	color: #ffffff; 
	font: normal normal normal large Verdana, Tahoma, Georgia, Arial, sans-serif; 
	}

	
/* I Agree button */
	
#iagree-div
	{
	width: 28%; 
	background: #f0e7d7;
	margin: 1% auto;
	padding: 2%; 
	}

ul#iagreebutton
	{
	width: 95%;
	list-style: none;
	margin: 0% auto;
	padding: 2%;
	text-align: center;
	font: normal normal bold large Verdana, Arial, Helvetica, sans-serif; 
	}

ul#iagreebutton li
	{
	display: block;
	width: 95%;
	margin: 0% auto;
	}

ul#iagreebutton li a
	{
	display: block;
	width: 95%;
	margin: 0% auto;
	border-width: thin;
	border-color: #ffe #aaab9c #ccc #fff;
	border-style: solid;
	color: #777;
	text-decoration: none;
	background: #f7f2ea;
	}

#iagree ul#iagreebutton li a { width: auto; }

ul#iagreebutton li#active a
	{
	width: 95%;
	margin: 0% auto;
	background: #f0e7d7;
	color: #800000;
	}

ul#iagreebutton li a:hover, ul#iagreebutton li#active a:hover
	{
	width: 95%;
	margin: 0% auto;
	color: #800000;
	background: transparent;
	border-color: #aaab9c #fff #fff #ccc;
	}
	
/* end of I agree button */


/* -------------------------- main page ------------------------------- */


/*main menu*/

#mainnavdiv 
	{ 
	float: left; 
	width: 16%; 
	background: transparent; 
	margin-left: auto; 
	margin-right: 1%; 
	margin-top: 0%; 
	padding: 3% .5% 5% 1%; 
	border-left: medium solid #003333; 
	text-align: left; 
	}

#mainnav 
	{ 
	width: 96%; 
	margin: 1% .5% 2% .25%; 
	padding: 1% 2% 1% 0%; 
	font: normal normal bold medium Verdana, Georgia, Arial, sans-serif; 
	}

#mainnav li 
	{ 
	list-style: none; 
	background: #171717; 
	text-align: left; 
	margin: 1% .5% 6% 2%; 
	padding: 1% 2% 1% 1%; 
	border-top: thin none #006699; 
	border-right: thin none #006699; 
	border-bottom: thin outset #006699; 
	border-left: thin none #006699; 
	color: #007c77; 
	display: block; 
	}
#mainnav li a:link { color: blue; text-decoration: none; }

#mainnav li a:visited { color: #990099; text-decoration: none; }

#mainnav li a:hover { border-color: green; color: white; background: blue; display: block; text-decoration: none; }


/* end of main menu */

/*style; variant; weight; size / line-height; family*/


/* continue Main Page */

#headerdiv 
	{ 
	text-align: left; 
	border-top: medium solid #003333; 
	border-right: thick solid #003333; 
	border-bottom: .75em solid #003333; 
	border-left: 1em solid #003333; 
	background: transparent; 
	margin: 0% 0% 0% 0%; 
	padding: 1% 1% .5% 20%; 
	}

#maindiv1 
	{ 
	width: auto; 
	background: transparent; 
	margin-left: auto; 
	margin-right: auto; 
	margin-top: .5%; 
	margin-bottom: .5%; 
	padding: .15% .0% .5% 0%; 
	border-top: thin none #003333; 
	border-right: medium inset #003333; 
	border-bottom: thick outset #003333; 
	border-left: medium inset #003333; 
	color: #000000; 
	font: normal normal normal medium Verdana, Georgia, Arial, sans-serif; 
	}
/*/1.25*/
#thumbs
	{ 
	margin-top: .5%; 
	margin-right: 0%; 
	margin-bottom: .5%; 
	margin-left: 0%;
	padding: 0%;
	text-align: center;
	background: transparent; 
	list-style: none;
	}
	
#thumbs li
	{ 
	margin-top: .5%; 
	margin-right: 0%; 
	margin-bottom: .5%; 
	margin-left: 0%;
	padding: 0%;
	text-align: center;
	background: transparent; 
	list-style: none;
	}
	
#thumbs img { margin: 0%; padding: 0%; }
#thumbs a:links img { border: .25em outset #57028a; }
#thumbs a:visited img { border: .25em solid #3a015c; }
#thumbs a:hover img { border: .25em outset #808080; }
	
/* ----------------- GalleryPages --------------------------- */

/* - index pages thumbs - */

#gallery1 li 
	{ 
	list-style: none; 
	background: transparent; 
	text-align: center; 
	display: inline; 
	margin-left: auto; 
	margin-right: auto; 
	padding: 0% .5% .5% .5%; 
	}

#gal-entry-1 
	{ 
	list-style: none; 
	background: transparent; 
	text-align: center; 
	display: inline; 
	margin-left: auto; 
	margin-right: auto; 
	padding: 0% .5% .5% .5%; 
	}

/*--- gallery pages navigation back, home, next ----*/

/*gallerynav-all-sizes*/

#galnav-div-1 
	{ 
	width: 72em; 
	margin: 0%; 
	padding: 0%; 
	background: transparent; 
	text-align: center; 
	}
	
#galnav-1 ul 
	{ 
	padding: 0%; 
	margin: 0%; 
	background: transparent;  
	}
	
#galnav-1 li 
	{ 
	list-style: none; 
	margin: 0%; 
	display: inline; 
	color: #ffffff; 
	font: normal normal bold medium Verdana, Georgia, Arial, sans-serif; 
	}
	
#galnav-1 li a 
	{ 
	border-left: thin none #cccccc; 
	background: transparent; 
	text-decoration: none; 
	}
	
#galnav-1 li a:link { color: blue; }
#galnav-1 li a:visited { color: purple; }
#galnav-1 li a:hover { border-color: #006393; color: white; background: blue; }	

/*end of gallery navigation back, home, next */


/* ----------------------- profile page ----------------------- */

/* profile nav list */

#profile-nav
	{
	width: 25%; 
	text-align: left;
	margin: 1%;
	padding: .25% .75% .25% .75%; 
	background: transparent; 
	}
	
#profile-nav li 
	{ 
	text-align: left;
	margin: 1%;
	padding: .25% .75% .25% .75%; 
	list-style: circle outside;
	background: transparent;
	color: #c0c0c0; 
	font: normal small-caps normal medium Verdana, Georgia, Arial, sans-serif;  
	}

#profile-nav li a 
	{ 
	padding: .25% .75% .25% .75%;  
	background: transparent; 
	text-decoration: none; 
	}
	
#profile-nav li a:link { color: #c0c0c0; }

#profile-nav li a:visited { color: #8f8f8f; }

#profile-nav li a:hover { text-decoration: underline; color: #ffffff; }

/*end of profile navigation */

/* continue profile */

#headshot 
	{ 
	margin-left: auto; 
	margin-right: auto; 
	text-align: left;  
	margin-top: 0%; 
	margin-bottom: 0%; 
	padding: 2% 3% 0% 5%; 
	border-right: thin solid #005b88; 
	border-left: thin solid #005b88; 
	background: #006600;
	}
	
/*profile div also used by about*/
#profilediv1 
	{ 
	width: 60%; 
	background: #d9ffd9; 
	margin-left: auto; 
	margin-right: auto; 
	margin-top: .5%; 
	margin-bottom: .5%; 
	padding: .15% 1% .5% 1%; 
	border-top: thin none #003853; 
	border-right: medium inset #003853; 
	border-bottom: thick outset #003853; 
	border-left: medium inset #003853;  
	}

	
/* also using stats li on printing-agree */
#stats li 
	{ 
	list-style: none outside none; 	
	margin-left: auto; 
	margin-right: auto; 
	text-align: left; 
	margin-top: 0%; 
	margin-bottom: 0%; 
	padding: 0% 3% .5% 5%; 
	border-left: thin solid #005b88; 
	border-right: thin solid #005b88; 
	background: #ecffec;
	color: #000000; 
	font: normal normal normal small Verdana, Arial, Helvetica, sans-serif; 
	}
	
	
/* ---------- end of Profile page ----------------- */


/* ------------about page------------------------*/



/* about nav list */

#about-nav
	{
	width: 42%; 
	text-align: left;
	margin: 1%;
	padding: .25% .25% 5% 1.75%; 
	background: #d9ffd9; 
	}
	
#about-nav li 
	{ 
	text-align: left;
	margin: 1%;
	padding: .5% .15% .5% 1.75%; 
	list-style: none; 
	color: #c0c0c0; 
	font: normal normal normal medium Verdana, Georgia, Arial, sans-serif;  
	}

#about-nav li a 
	{
	text-align: left;
	margin: 1%; 
	padding: .5% .15% .5% 1.75%;   
	text-decoration: underline; 
	}
	
#about-nav li a:link { color: blue; }

#about-nav li a:visited { color: purple; }

#about-nav li a:hover { color: red; }

/*end of about navigation */

/*about contents list */

#about-contents li
	{ 
	list-style: none; 	
	margin-left: auto; 
	margin-right: auto; 
	text-align: left; 
	margin-top: 0%; 
	margin-bottom: 0%; 
	padding: 0% 3% .5% 5%; 
	border-left: thin solid #005b88; 
	border-right: thin solid #005b88; 
	background: #ecffec;
	color: #000000; 
	font: normal normal normal small Verdana, Arial, Helvetica, sans-serif; 
	}
	
#about-how
	{ 
	list-style: none; 	
	margin-left: auto; 
	margin-right: auto; 
	text-align: left; 
	margin-top: 0%; 
	margin-bottom: 0%; 
	padding: .5% 6% 1% 6%; 
	border-left: thin solid #005b88; 
	border-right: thin solid #005b88; 
	background: #ecffec;
	color: #000000; 
	}
	
#about-how li
	{ 
	list-style: none; 	
	margin-left: auto; 
	margin-right: auto; 
	text-align: left; 
	margin-top: .5%; 
	margin-bottom: 1%; 
	background: #ecffec;
	color: #000000; 
	font: normal normal normal medium Arial, Helvetica, sans-serif;
	} 


/*continue about page */

#aboutdiv1 
	{ 
	width: 60%; 
	background: #d9ffd9; 
	margin-left: auto; 
	margin-right: auto; 
	margin-top: .5%; 
	margin-bottom: .5%; 
	padding: .15% 1% .5% 1%; 
	border-top: thin none #003853; 
	border-right: medium inset #003853; 
	border-bottom: thick outset #003853; 
	border-left: medium inset #003853;  
	}

	
	/* ------ end about page ---------------- */

/*font size*/

.small { font-size: small }



/*text decorations*/

.bold { font-weight: bold }
.italic { font-style: italic }
.underline { text-decoration: underline }


/* float and align*/

.floatright { float: right }
.floatleft { float: left }

.textaligncenter { text-align: center }
.textalignright { text-align: right }
.textalignleft { text-align: left }

.verticalalignback { margin: 0%; padding: 0%; vertical-align: 3.5em }
.verticalalignnext { vertical-align: 3.5em }

.back { margin: 0%; padding: 0% 30% 0% 0%; }
.next { margin: 0%; padding: 0% 0% 0% 30%; }


/*background images*/

.background-gallery2 { background: #000000 url(img/qbist11.gif) no-repeat fixed top left }

.background-gallery1 { background: #000000 url(img/qbist14.gif) no-repeat fixed top left }

.background-index { background: #000000 url(img/qbist10.gif) no-repeat fixed top left }

.background-indexb { background: #000000 url(img/qbist15.gif) no-repeat fixed top left }

/*.? { background: #000000 url(img/qbist4.gif) no-repeat fixed top left }*/

/*.? { background: #000000 url(img/qbist10.gif) no-repeat fixed top left }*/


/*style; variant; weight; size / line-height; family*/



/* -------------------------------  general text content ----------------------------------*/


#ptop1 
	{ 
	margin-left: auto; 
	margin-right: auto; 
	text-align: left; 
	text-indent: 1.5em; 
	margin-top: 0%; 
	margin-bottom: 0%; 
	padding: 2% 3% .75% 3%; 
	border-right: thin solid #005b88; 
	border-left: thin solid #005b88; 
	background: #ecffec;
	color: #000000;
	font: normal normal normal medium Georgia, Trebuchet, Verdana, Arial, Helvetica, sans-serif; 
	}

.pmid1 
	{ 
	margin-left: auto; 
	margin-right: auto; 
	text-align: left; 
	text-indent: 1.5em; 
	margin-top: 0%; 
	margin-bottom: 0%; 
	padding: .75% 3% .75% 3%; 
	border-left: thin solid #005b88; 
	border-right: thin solid #005b88; 
	background: #ecffec;
	color: #000000;
	font: normal normal normal medium Georgia, Trebuchet, Verdana, Arial, Helvetica, sans-serif; 
	}

#pbottom1 
	{ 
	margin-left: auto; 
	margin-right: auto; 
	text-align: left; 
	text-indent: 1.5em; 
	margin-top: 0%; 
	margin-bottom: 2%; 
	padding: .5% 3% 2% 3%; 
	border-left: thin solid #005b88; 
	border-right: thin solid #005b88; 
	border-bottom: thick solid #005b88; 
	background: #ecffec;
	color: #000000;
	font: normal normal normal medium Georgia, Trebuchet, Verdana, Arial, Helvetica, sans-serif; 
	}
	
	
/* ------------------------ footer navigation ------------------------ */

#navfooterdiv 
	{ 
	margin: 0% 1% 4% 1%; 
	padding: .25%; 
	background: transparent; 
	text-align: center; 
	}
	
#footernav 
	{ 
	padding: .25% .5% .25% .75%; 
	margin-left: 0; 
	background: transparent; 
	font: normal small-caps normal medium Verdana, Georgia, Arial, sans-serif; 
	}
	
#footernav li 
	{ 
	list-style: none; 
	margin: 0; 
	display: inline; 
	}

#footernav li a 
	{ 
	padding: .25% .75% .25% .75%; 
	border-left: thin none #cccccc; 
	background: transparent; 
	text-decoration: none; 
	}
	
#footernav li a:link { color: blue; }

#footernav li a:visited { color: purple; }

#footernav li a:hover { border-color: #006393; color: #ffffff; background: blue; }

/* end footer navigation */