/* ********************** */
/* GLOBAL DOCUMENT STYLES */
/* ********************** */
	html {
	margin: 0;
	padding: 0;
}


body {
	background-image:url('main-bg.jpg');
	background-repeat: repeat-y;
	color: #333;
	margin: 0;
	margin-right: 5%;
	padding: 0;
	text-align: center;
	font-family: "trebuchet ms", arial, helvetica, sans-serif;
	font-size: 14px;
	padding-bottom: 60px;
	padding-top: 20px;
}



h1,h2,h3,h4,h5,h6 {
	margin-left: 15px;
}


p, blockquote, form, table {
	margin-left: 20px;
	margin-right: 20px;
	text-align: justify;
}

/* ************************************************************** BODY ***** */

body#indexpg #maincol {
	padding-top: 0;
}

/* -------------------------------------------------------------- ID=GALLERY */

body#gallery {
	font-family: Impact, Impact, Charcoal, sans-serif;
	background-color: #0D6D9D;
}

/* ************************************************************** DIV ****** */
/* DIV */


div.float {
	float: left;
	padding: 1em;
	border: none;
}




div#sqlqueryresults {
	display: block;
	width: 100%;
	float: left;
}


ul#adminlist {
	float: left;
	list-style-type: upper-roman;
}

div#pagewidth {
	background-image: url('pagewidth-bg.jpg');
	background-position: center;
	background-attachment: scroll;
	background-repeat: repeat-y;
}

body#gallery div#pagewidth {
	/*background-image: url('pagewidth-bgal.png');
	background-repeat: none;  */

	background: #0d6d9d;
}


body#gallery div#pagewidth div#wrapper div#maincol {
	background-image: none;
	background: #0d6d9d;
	border-top: 10px ridge #0D6D9D;
}


body#gallery #maincol div.float {
	background-color: #0D6D9D;
}

div textarea {
	margin-left: 2em;
}


/* ************************************************************* PARAGRAPH ** */
/* PARA */


div.float p {
	text-align: center;
}

p#cantseeme {
	visibility: hidden;
}


p#galselect {
	font-variant: small-caps;
}

/* ************************************************************* IMAGE ****** */
/* IMAGE */



img#uspaImg {
	text-align:left;
}

/* ************************************************************* TABLE ****** */
/* TABLE */

table#finalform table tr th {
	text-align: left;
}


table#finalform, #finalform th,#finalform td, #finalform p {
	font-size: x-small;
}


table#finalform li {
	padding-right: 0.5em;
	list-style-type: none;
}


td.finalform {
	padding: 0 10px;
	border-right: 2px dotted #330099;
	border-left: 2px dotted #330099;
	border-bottom: 2px dotted #330099;
}


td.finalformspc {
	padding: 0 10px;
	vertical-align: top;
	border-right: 2px dotted #330099;
	border-left: 2px dotted #330099;
	border-bottom: 2px dotted #330099;
}


td.finalformspc2 {
	padding: 0 10px;
	border-right: 2px dotted #330099;
	border-left: 2px dotted #330099;
	border-bottom: 2px dotted #330099;
}


td.finalformspc2 input {
	float: right;
	bottom: 40px;
	position: relative;
}

/* ************************************************************** FORM ****** */
/* FORM */

td textarea {
	margin: inherit;
}
/* ************************************************************ LISTS ****** */
/* LISTS */

/* ---------------------------------------------------------------------- UL */

ul.phplistitem li {
	display: table-cell;
	background-color: #CCD7E1;
	border: 2px ridge #eef;
	list-style-type: none;
	clear: both;
	margin-left: -1em;
}

#altmaincol dl dd ul {
	background-color: #eef;
}


dl dd ul {
	background-color: #fff;
	margin-top: 2em;
	padding-bottom: 2em;
}

/* ---------------------------------------------------------------------- LI */

.contactlist li {
	list-style-image: url(spclbullet.png);
}

dl dd ul li {
	padding: 7px;
	border-collapse: collapse;
	list-style-image: url(whitebgbullet.png);
	background-color: #eee;
	border-top:1px solid #ccc;
	border-right:1px solid #fff;
	border-bottom:1px solid #fff; 
	border-left:1px solid #bbb;
	width: 15em;
}
/* -------------------------------------------------------- DEFINITION LISTS */
/* DEFINITION LISTS */

/* ---------------------------------------------------------------------- DL */

#altmaincol dl {
	background-color: #eef;
}


dl {
	background-color: #fff;
	font-size: 13px;
	padding-left: 2em;
}


dl dt {
	margin-top: 1.5em;
	font-size: 120%;
	font-weight: bold;
	font-family: Georgia, Times New Roman, Times, Serif;
}


dl dd {
	margin-top: 1em;
	font-size: 13px;
	font-family: arial, helvetica, sans-serif;
}

/* ***************************************************************** SPAN ****** */
/* SPAN */


	


/* ****************************************************************** H1 **** */
/* H1 */


#gallery h1 {
	font-weight: normal;
	color: #F7FB04;
	font-style: italic;
	border-bottom: 4px ridge #BDDCEC;
}

/* ----------------------------------------------------------------- H2 -----*/

#gallery h2 {
	color: #FFF;
	font-weight: normal;
}

/* *************************************************************** ANCHOR ** */
/* ANCHOR */

#navlist a {
		display: block;
		text-decoration: none;
		margin-bottom: 0.5em;
		margin-top: 0.5em;
		color: white;
		background: #39c;
		background-image: url('buttons/state-1.gif');
		border-width: 1px;
		border-style: solid;
		border-color: #5bd #035 #068 #6cf;
		/* border-left: 1em solid #fc0; */
		/* this comment removed the yellow left border */
		/* border-left: 1em; */
		padding: 0.25em 0.5em 0.4em 0.75em;
}


#navlist a:active, #navlist a:focus {
		background: url('buttons/lots-o-work.jpg');
}


#navlist a#current {
		border-color: #f00 #035 #068 #f00;
}


#navlist a {
		width: 99%;
		/* only necessary for Internet Explorer */
}


#navcontainer>#navlist a {
		width: auto;
		/* only necessary if you use the hacks above for the Internet Explorer */
}


#navcontainer>#navlist2 a {
		width: auto;
		/* only necessary if you use the hacks above for the Internet Explorer */
}


/* BELOW IS HOVER STATE */
#navlist a:hover, #navlist a#current:hover {
		background: #0D6D9D;
		background-image: url('buttons/state-hover.jpg');
		background-repeat: no-repeat;
		border-color: #F69 #Fcf #Fbd #Fbd;
		padding: 0.4em 0.35em 0.25em 0.9em;
}


/* BELOW IS HUH? STATE */
#navlist a:active, #navlist a#current:active {
		background: #39c;
		border-color: #069 #6cf #5bd white;
		padding: 0.4em 0.35em 0.25em 0.9em;
		color: #fde;
}

/* ***************************** PSEUDO-CLASSES **************************** */
/* LINK -- VISITED ----------------------------------------- LINK -- VISITED */


#gallery #maincol ul a:link, #gallery #maincol ul a:visited {
	color: #00CCFF;
}

/* HOVER -- FOCUS ------------------------------------------- HOVER -- FOCUS */

#gallery #maincol ul a:hover, #gallery #maincol ul a:focus {
	color: #FF0;
}




 
/* ******* */
/* CLASSES */
/* ******* */

.errortrip {
	font-weight:bold;
}
.impact {
	font-family:Impact, impact, Charcoal, sans-serif;
}
.impact-i {
	font-family:impact, Impact, Charcoal, sans-serif;
	font-style:italic;
}

.bcunder {
	color: #663399;
	text-decoration: underline;
}


.invertedout {
	background-color: #0D6D9D;
	font-weight: bold;
	color: #EEF;
	display: inline-block;
	padding: 0.2em;
}


.invertedoutblanko {
	color: #FFF;
	font-style: italic;
	border-bottom: 2px ridge #004;
}


.antihead {
	margin-top: 0.5em;
}


.imgout {
	border: 5px groove #eef;
	display: block;
	margin: 0 auto;
}


ul.nobull {
	list-style: none;
}


.normaltext {
	font-family: tahoma, "Trebuchet MS", Verdana, Arial, helvetica, sans-serif;
}


.normaltextbold {
	font-family: tahoma, "Trebuchet MS", Verdana, Arial, helvetica, sans-serif;
	color: #fff;
	font-weight: bold;
}


.dropcap {
	float: left;
	font-size: 50px;
	font-family: Verdana, Helvetica, sans-serif;
	color: #777;
	margin-right: 3px;
	line-height: 40px;
}


.strem {
	font-family: Georgia, Times New Roman, Times, Serif;
	font-weight: bold;
	font-style: italic;
	border-bottom: 2px solid #008;
	margin-right: 2em;
}




.phpinput {
	display: block;
	background-color: #cde;
	width: auto;
	margin: 1em 2em 2em 2em;
	padding: 0.3em;
}


.phpinput input {
	background-color: #ffe;
}


.phpinput td {
	padding: 3px;
	background-color: #559;
}


.important {
	font-weight: bold;
	color: red;
}


.important2 {
	font-weight: bold;
	color: red;
	font-size: 12px;
	font-family: serif;
	font-style: italic;
	width: 26%;
	margin-left: 10%;
	background-color: #fff;
	padding: 1em;
	border: 3px groove #EFEFFF;
	display: block;
}


.antihead {
	margin-top: -1em;
}






.celly {
	list-style-type: square;
}


.paddy {
	padding: 10px;
	background-color: #fff;
	text-align: left;
	border-right: 2px dotted #330099;
	border-left: 2px dotted #330099;
	border-top: 2px dotted #330099;
}


.darkback {
	background-color: #0D6D9D;
	color: #FF0;
	padding: 1em;
}


/* *** */
/* IDS */
/* *** */
#spikeslogo {
	float: right;
	padding: 1em;
	margin-top: -3em;
	border: 0;
}


#frontheadline {
	font-family: Impact, Impact, Charcoal, sans-serif;
	font-style: italic;
	font-weight: normal;
	color: #FF0;
}


#tandemcell {
	background-color: #FF0;
	font-weight: bold;
	font-family: monospace;
	color: #003399;
	border: 3px groove #fff;
}


#iadcell {
	background-color: #FFBF89;
	font-weight: bold;
	font-family: monospace;
	color: #003399;
	border: 3px groove #fff;
}


#thalignlt tr th {
	text-align: left;
}



ul#homelinks li {
	list-style-image: url(spclbullet.png);
	padding-bottom: 1em;
}


#pseudonav {
	height: 14em;
	background-color: #3399CC;
	display: table-cell;
	width: auto;
}


#oneimgfloat {
	border: 5px outset #6FAAC8;
	float: right;
	padding: 0;
	margin: 0 15px 0 10px;
}


#pagesfloat {
	border: 5px outset #6FAAC8;
	float: left;
	vertical-align: top;
	padding-left: 2em;
	padding: 0;
	margin: 0 15px 0 10px;
}


#botimgdiv {
	float: right;
	padding: 0;
	margin: 0 10px 0 10px;
}


#botimgdiv img {
	border: 5px outset #B9AE70;
}


.whiteline {
	border-bottom: 5px dotted #fff;
}


/* ********************** */
/* MAIN PAGE LAYOUT DIVS  */
/* ********************** */
#spacer {
	height: 200px;
	display: block;
}


#pagewidth {
	width: 800px;
	background-image: url('pagewidth-bg.gif');
	/* #0d6d9d; */
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}


#header {
	position: relative;
	height: 150px;
	background-color: #0D6D9D;
	background-image: url('head-bg.gif');
	background-repeat: repeat-x;
	width: 100%;
}


#leftcol {
	width: 19%;
	float: left;
	position: relative;
	background-color: #0d6d9d;
}


#maincol {
	background-image: url('maincol.gif');
	background-repeat: repeat-x;
	background-color: #eef;
	display: inline;
	float: right;
	padding-top: 1em;
	position: relative;
	text-align: left;
	width: 80%;
	height: 100%;
	margin-bottom: 0px; /* from 85px */
	/* max at 90 */
}


#altmaincol {
	background-image: url('maincol.gif');
	background-repeat: repeat-x;
	background-color: #eef;
	display: inline;
	float: right;
	padding-top: 1em;
	position: relative;
	text-align: left;
	width: 80%;
	height: 100%;
	margin-bottom: 85px;
	/* max at 90 */
}

#footer {
	text-align: left;
	background-color: black;
	 
	height: 160px;	 
	 display: block;  
}
/* * html #footer {
	margin-top:900px;
	display:block;
	padding-top:20px;
	position:relative;
} */

 


#cwdfooter {
	color: #FFF;
	font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;
	font-size: 10px;
	font-style: italic;
}


#testimony p {
	color: #555;
	font-family: Georgia, "Palatino Linotype", "Times New Roman", Serif;
}


#cwdfooter a:visited, #cwdfooter a:link {
	color: #0099CC;
}


#cwdfooter a:hover {
	color: #ff0;
}


#altmaincol li {
	background-color: #fff;
}


#altmaincol li:first-child {
	font-weight: bold;
}


#navcontainer {
	background: #0d6d9d;
	font-size: 16px;
}


#navcontainer ul>li {
	margin-top: -1em;
	/* margin-bottom:1em; 

border-bottom: 0.2em solid #17a; */
	padding: .2em .5em .4em .75em;
}


#navlist {
	color: white;
	background: #0D6D9D;
	border-bottom: 0.2em solid #17a;
	border-right: 0.2em solid #17a;
	padding: 0 1px;
	margin-left: 0;
	width: 12em;
	font: normal 0.8em Verdana, sans-serif;
}


* html body div#pagewidth div#wrapper div#leftcol div#navcontainer ul#navlist {
	width: 10em;
	/*background:#F00;*/
}


#navlist li {
	list-style: none;
	margin: 0;
	font-size: 1em;
}



.unfloat:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}


.unfloat {
	display: inline-table;
}


* html .unfloat {
 
	height: 1%;
	 
}


.unfloat {
	display: block;
}

 

@media print{
/* PRINT START */

	#leftcol{
	display:none;
	} 
	
	#twocols, #maincol{
	width:100%; float:none;
	}
	
/* PRINT END */
}