
a:link {
	text-decoration: underline;
	border: none;
	color: #0cf;
	background: transparent;
}
a:visited {
	text-decoration: none;
	color: #ccf;
	background: transparent;
	border-bottom: 1pt dotted #ccf;
}
a:hover, a:active, a:focus {
	text-decoration: none;
	color: #FFF;
	background: #33c;
	border-bottom: 1pt dotted #000;
}

#subsite_body {
	background: #222;
}
#subsite_container {
	font-family: Verdana, Arial, sans-serif;
	color: #DDD;
	background: #100 url(../_images/main-background3.jpg) 0 0px;
	margin: 0 auto 0 auto;
/*	width: 90%;	*/
	padding: 0;
	overflow: hidden;
}

/*******
* banner
*******/

#banner {
	position: relative;
	background: transparent url(../_images/banner-mid.jpg) repeat-x 0 0px;
  	height: 0.1%;	/* IE hack I think */
}


#banner-left {
	background: url(../_images/banner-l.jpg) no-repeat 0 0px;
	height: 150px;
	width: 215px;
	position: absolute;
	top: 0;
	left: 0;
}
#banner-right {
	background: url(../_images/banner-r.jpg) no-repeat 0 0px;
	height: 150px;
	width: 285px;
	position: absolute;
	top: 0;
	right: 0;
}

#banner a {
	text-decoration: none;
	border: none;
	background: transparent;
	color: #ff6;
}
#banner a:hover {
	text-decoration: none;
	letter-spacing: 15px;
	color: #fff;
}
#logo_words {
	text-decoration: none;
	font-size: 1.9em;
	letter-spacing: 15px;
	padding: 0.5em 30px 0 30px;
	text-align: left;

	position: relative;
	top: 0;
	left: 0;

	z-index: 98;

	float: left;
}
#logo_words span {
	padding: 1em 0 1.5em 0;
}

#logo_sub {
	text-align: right;
	font-size: 0.8em;
	font-weight: normal;
	letter-spacing: 10px;
	padding: 20px 30px 40px 10px;
	color: #f63;

	position: relative;
	top: 0;
	right: 0;
}

/******
* menu
******/
#menu {
	background: transparent;
	text-align: center;
	display: block;
	overflow: hidden;
 	padding: 5px 0 10px 0;

 	position: relative;
 	top: 0;
 	left: 0;

 	z-index: 99;
}
#menu {
	display: inline-block;
}

#menu ul {
 	list-style-type: none;
}
#menu li {
	float: left;
	text-align: center;
	color: #DDD;
	font-size: 0.9em;
	font-family: Arial, sans-serif;
	font-weight: bold;
	padding: 5px 15px 5px 15px;
	white-space: nowrap;
}
#menu span {
	padding: 5px;
}
.top-menu-me {
	color: #AAA;
}

#menu a {
	text-decoration: underline;
	color: #DDD;
	border: none;
	letter-spacing: 0;
}
#menu a:hover, #menu a:focus {
	text-decoration: none;
	color: #FFF;
	background: #33c;
	border-bottom: 1pt dotted #000;
	letter-spacing: 0;
}

/***********
* google ads
***********/
.gad-box {
	background: #0D0702;
	position: relative;
	top: 0;
	right: 0;
	padding: 20px 0 20px 20px;
	float: right;
}
.gad-box-left {
	background: #0D0702;
	position: relative;
	top: 0;
	left: 30px;
	padding: 20px 20px 20px 0;
	float: left;
}
.gads {
	position: relative;
	top: 0;
	left: 0;
	width: 180px;
	height: 620px;
}
#gad-banner {
	text-align: center;
	background: #0D0702;
	height: 93px;
	clear: both;
	padding: 2px 0 0 0;
}

/*****
* main
*****/
#main {
	background: #100 url(../_images/main-background3.jpg) 0 0px;
 	padding: 0;
}

/*******
* images
********/
.img-words {
	padding: 10px 0 0 0;
	text-align: center;
	color: #AAA;
}
.img-border {
	margin: 50px;
	border-top: 1pt silver solid;
}

.img-block {
	padding: 10px 0 10px 0;
	font-size: 0.7em;
	text-indent: 0;
	display: block;
	overflow: hidden;
	text-align: center;
}
.img-block {
	display: inline-block;
}
.img-block img {
	border: none;
}
.img-block a:link {
	color: transparent;
	border-bottom: 1pt solid transparent;
}

.img-block0 {
	padding: 0;
	font-style: italic;
	font-size: 0.7em;
	text-indent: 0;
	display: block;
	overflow: hidden;
	text-align: center;
}

.img-block-right {
	float: right;
	clear: right;
	padding: 10px 30px 10px 30px;
	font-size: 0.7em;
	text-indent: 0;
	text-align: center;
}
.img-block-right img {
	border: none;
}
.img-block-right a:link {
	color: transparent;
	border-bottom: 1pt solid transparent;
}

.img-block-right-tiny {
	float: right;
	clear: right;
	padding: 5px;
	font-size: 0.7em;
	text-indent: 0;
	text-align: center;
	border: 1pt silver solid;
	margin: 0 5px 5px 5px;
}
.img-block-right-tiny img {
	border: none;
}
.img-block-right-tiny a:link {
	color: transparent;
	border-bottom: 1pt solid transparent;
}

.img-block-left {
	float: left;
	clear: left;
	padding: 30px 0 10px 60px;
	font-size: 0.7em;
	text-indent: 0;
	text-align: center;
}
.img-block-left img {
	border: none;
}
.img-block-left a:link {
	color: transparent;
	border-bottom: 1pt solid transparent;
}

.img-block-float {
	float: left;
	padding: 20px;
	font-size: 0.7em;
	text-indent: 0;
	text-align: center;
}
.img-block-float img {
	border: none;
}
.img-block-float a:link {
	color: transparent;
	border-bottom: 1pt solid transparent;
}

.img-detail-outer {
	display: block;
	overflow: hidden;
	padding: 30px;
}
.img-detail-outer {
	display: inline-block;
}

.img-detail-block {
	padding: 30px;
	font-size: 0.9em;
	border-top: solid 15px #333;
	border-left: solid 15px #333;
	background: #111;
	display: block;
	overflow: hidden;
}
.img-detail-block {
	display: inline-block;
}
.img-detail-block img {
	border: none;
	float: left;
	margin: 0 30px 20px 0;
}


.img-block-viewer {
	padding: 10px 0 10px 0;
	font-size: 0.7em;
	text-indent: 0;
	display: block;
	overflow: auto;
	text-align: center;
}
.img-block {
	display: inline-block;
}


.idb-caption {
	font-size: 1.1em;
	padding: 0 1em 0.5em 0;
	font-weight: bolder;
}
.idb-camera {
	padding: 0.5em;
}
.idb-comment {
	margin: 0.8em 20px 0 20px;
}


/************
* sitemap.php
*************/
.sm-block {
	display: block;
	overflow: hidden;
	padding: 20px 50px 0 50px;
}
.sm-block {
	display: inline-block;
}
.sm {
	border-top: solid 15px #333;
	border-left: solid 15px #333;
	background: #222;
	padding: 20px;
}

.sm dt {
	padding: 0 0 0.5em 1em;
}
.sm dd {
	padding: 0 0 0.4em 3em;
}

/**********************
* definitions/index.php
***********************/
.defns-div {
	display: block;
	overflow: hidden;
	padding: 0px 30px 30px 30px;
}
.defns-div div {
	display: inline-block;
}

#defns {
	padding-top: 1em;
}
#defns h3 {
	font-size: 1.1em;
	font-weight: bolder;
	background: #333;
	padding: 10px 0 10px 15px;
}

#defns p, .defns-p {
	padding: 5px 0 10px 10px;
	border-left: solid 20pt #333;
}



/******
* Lists and tables
*******/
.related-int-ul, .related-ext-ul, .other-ul {
	padding: 0 30px 0 30px;
 	list-style: none;
}
.related-int-ul li {
	padding: 0 30px 0.5em 20px;
	background: transparent url(../_images/bullet_ros_blue.gif) no-repeat 0 0.2em;
}
.related-ext-ul li {
	padding: 0 30px 0.5em 20px;
	background: transparent url(../_images/bullet_ros_red.gif) no-repeat 0 0.2em;
}
.other-ul li {
	padding: 0 30px 0.5em 20px;
	background: transparent url(../_images/bullet_ros_green.gif) no-repeat 0 0.2em;
}

.no-pad-ul {
	padding: 0.5em 0 0 0;
 	list-style: none;
}
.no-pad-ul li {
	padding: 0 30px 0.8em 30px;
	background: transparent url(../_images/bullet_sqs_blue.gif) no-repeat 0% 20%;
}

/* IE hack (used to my advantage to create white "borders" */
.table-block {
	padding: 0;
	margin: 0 30px 0 30px;
	border: 2pt #ffc solid;
}

.table-block a {
	color: #fc6;
}

.table-block table {
	font-size: 0.9em;
	color: #FFF;
}

/* cellspacing (if present) is in the code for IE's sake */

.table-block th {
	vertical-align: middle;
	text-align: center;
	padding: 15px;
/*	border: 2pt #ffc solid;	*/
	background: #930;
}
.table-block td {
	vertical-align: top;
	padding: 15px;
	border: 1pt #ffc solid;
}
.odd-row {
	background: #300;
}
.even-row {
	background: #630;
}
