/* Note:  Main Body Styles ffcc66?
	Color palette:  99ccff, 6699cc, 336699, 003366, 663366, 330033, cc0000, 003399
	header: 000000
	new header:  062A8D
	or
	f3a819
	search box and bar (includes menu box and bar): ffff99 (original creamsicle, border) ffcc99  (original yellow, lighter, where text goes)
	dark background color for headers and some text: cc0000 (original dark plum),
	link:  cc0000
	visited: 990000
	active: cc0000
	Carlos's color:  f3a819
	baby blue in the word "for" 32bbed
	
	black, white, dark faded red 990000, dark hard red cc0000, light red ff6666?,  pale dark orange ffcc99, pale dark yellow ffff99
	
	
*/

BODY {
	background:#ffffff;
	margin-top:0;
}

A:link {
	color:#cc0000;
	font-weight: bold;
}

A:visited {
	color:#990000;
	font-weight: bold;
}

A:alink {
	color:#cc0000;
	font-weight: bold;
}

A:hover {
	/*color:#ff6666;*/
	background-color: #ffff99;
	font-weight: bold;
}

h1 {
	font-size: 135%;
	font-weight: bold;
	text-align: left;
	font-family: "Albertus Extra Bold",arial,helvetica,sans-serif;

	/*background-color: #006666;*/
	background-color: #990000;
	/*color: #ffffcc;*/
	color: #ffffff;
	padding:3px;
	}

h2 {
	font-size: 114%;
	font-weight: bold;
	text-align: left;
	font-family: "Albertus Extra Bold",arial,helvetica,sans-serif;

	/*background-color: #006666;*/
	/* newer background-color: #ff6666; */
	background-color: #ff8a8a;
	/*color: #ffffcc;*/
	color: #ffffff;
	padding:3px;
	}


h3 {
	/*color: #330033;*/
	color: #cc0000;
	font-family: "Comic Sans MS",arial,helvetica,sans-serif;
	font-size: 106%;
	font-weight:bold;
	margin: 0px;
}

H4 {
	color: #000000;
	font-family: arial,helvetica,sans-serif;
	font-size: 100%;
	font-weight: bold;
}

body {
	color: #000000;
	font-family: arial,helvetica,sans-serif;
	font-size:80%;
}

/* Note:  Pure Design Elements */

.filmtooth {
	float: left;
	position: absolute;
	background-color: #ffffff;
	border: 5px solid #000000;
	margin: 0px;
	height: 5px;
	width: 15px;
}

dt {font-weight: bold;
}

th {
	color: #ffffff;
	font-family: helvetica,sans-serif;
	font-size: 80%;
	font-weight:bold;
	background: #003366;
} 


.parenthetical{
	color: #000000;
	font-family: arial,helvetica,sans-serif;
	font-size:80%;
}



/* Note:  These are the database application styles */
/* Note:  Form Styles */

.formfield {
	float: left;
	text-align: left;
	margin: 2px;
	color: #000000;
	background: #ffffff;
	width: 32%;
}
	
.formfield select {
	margin-left: 2px;
}
	
.formlabel {
	float: left;
	background: #ffff99;
	font-weight: bold;
	margin: 2px;
	padding: 1px;
	text-align: left;
	color: #000000;
	width: 26%;
}

.formrightcol {
	float: right;
	background: #ffff99;
	font-weight: bold;
	margin: 2px;
	padding: 1px;
	width: 145px;
	text-align: left;
	color: #000000;
	width: 20%;
}

	
.required{
	color: #cc0000;
}
	
	
.spacer {
  clear: both;
  font-size: 0px;
  line-height: 0px;
  height: 0px;
  border: 0px;
  width: auto;
  display: block;
}

.formsection {
	width: 99%;
	background: #000000;
	font-weight: bold;
	margin: 5px;
	padding: 2px;
	text-align: left;
	color: #ffffff;
}



.itemdescription {
	float: left;
	margin: 2px;
	padding: 6px;
	width: 170px;
	text-align: left;
	color: #000000;
	}
	
.itemphoto {
	float: left;
	margin: 2px;
	padding: 1px;
	text-align: left;
	color: #000000;
	}
	
.itemdescription2 {
	float: right;
	margin: 2px;
	padding: 6px;
	width: 170px;
	text-align: left;
	color: #000000;
	background: #6699cc;	
	}
	
.itemphoto2 {
	float: right;
	margin: 2px;
	padding: 1px;
	text-align: left;
	color: #000000;
	}	

.itemsubmit {
	border: 2px #cc0000 solid;
	border-bottom: 2px #003366 solid;
	border-right: 2px #ffff66 solid;
	background: #990000;
	color: #ffffff;
	font-weight: bold;
	text-align: center;
	}

.warning {
	color: #ff0000;
	font-weight: bold;
	text-align: left;
	font-family: helvetica,sans-serif;
	font-size:106%;
	background: #ffff99; /*#ffcccc;*/
	padding: 2px;
	}

.greenlight {
	color: #000000;
	font-weight: bold;
	text-align: left;
	font-family: helvetica,sans-serif;
	font-size:105%;
	/*background: #ffcc99;*/
	background: #ffb5b5;
	padding: 2px;
	clear: both;
	}
	
.menu {
	/*background-color: #333333;*/

	}

	
.bartool {
	color: #000000;
	font-weight: bold;
	text-align: left;
	font-family: helvetica,sans-serif;
	font-size:100%;
	/*background-color: #ffcc99;*/
	background-color: #ffb5b5;
	padding: 2px;
	float: left;
	}



.menuchoice {
	color: #eeeeee;
	font-weight: bold;
	text-align: center;
	font-family: verdana,helvetica,sans-serif;
	font-size:85%;
	background-color: #333333;
	padding: 2px;
	width: 19%;
	height: 5em;
	float: left;
	margin-left: 1px;
	background-image: url("http://www.dragonunderglass.com/images/tabtop-off.gif");
	background-repeat: no-repeat;
	background-position: 0px 0px;
	}

.toprightcorner {
	float: right;
	margin: -1px;
}

.bottomline {
	vertical-align: bottom;
}

.menuchoice a:link {
	color: #eeeeee;
	text-decoration: none;
	}

.menuchoice a:visited {
	color: #eeeeee;
	text-decoration: none;
	
	}
	

.menuchoiceon {
	color: #ffffff;
	font-weight: bold;
	text-align: center;
	font-family: helvetica,sans-serif;
	width: 20%;
	font-size:85%;
	background: #006666;
	padding: 2px;
	float: left;
	height: 5em;
}

.menuchoiceon a:link {
	color: #ffffff;
	text-decoration: none;
	
}

.menuchoiceon a:visited {
	color: #ffffff;
	text-decoration: none;
}


.categorygroup {
	background-color: #eeeeee;
	border: 1px solid #cccccc;
	padding: 3px;
	margin:3px;
	margin-bottom: 8px;
}

.category {
	float: left;
	font-size: 105%;
	font-weight: bold;
	text-align: left;
	background-color: #ffff99;
	padding: 2px 4px 2px 4px;
	}
	

.content {
	float: left;
	background-color: #ffffff;
	border: 2px solid #000000;
	padding: 10px;
	margin: 5px;
	width: 43%;
	text-align: left;
}

.bigcontent {
	float: left;
	background-color: #ffffff;
	border: 2px solid #000000;
	padding: 10px;
	margin: 5px;
	width: 72%;
	text-align: left;
}



.subcontent {
	float: left;
	background-color: #ffffff;
	border: 2px solid #000000;
	padding: 10px;
	margin: 10px;
	width: 50%;
	text-align: left;	
}


.shopping {
	float: left;
	border: 1px solid #cccccc;
	padding: 2px;
	margin:2px;
	width: 28%;
	background-color: #ffffcc;	
	text-align: center;
}

.header {
	background-color: #32bbed;
	clear: both;
	color: #ffffff;
	font-size: 200%;
	font-weight: bold;
	font: minstral;
	padding: 10px;
	margin-bottom: 4px;
	/* 
	background-image: url(images/background1.gif);
	
	background-repeat: repeat-x;
	background-position: bottom left;	
	*/
}

.features {
	float: left;
	border: 1px solid #cc0000;
	background-color: #000000;
	padding: 5px;
	margin:3px;
	width: 32%;
	text-align: center;
}

.featurebox {
	border: 1px solid #cc0000;
	background-color: #ffffff;
	padding: 5px;
	margin:3px;
	font-size: 100%;
	/*font-weight: bold;*/
	font: minstral;
	color: #000000;
	text-align: left;
}

.link {
	font-size: 100%;
	font-weight: bold;
	color: #000000;
	text-align: left;
}

.description {
	font-size: 90%;
	font-weight: normal;
	color: #000000;
	text-align: left;
}

.contest {
	border: 1px solid #cc0000;
	margin: 0px 0px 0px 0px;
	padding: 3px;
	/*	background-color: #ffffcc;*/
	background-color: #ffffff;
		text-align: left;
}


.title {
	font-size: 114%;
	font-weight: bold;
	font-family: "Albertus Extra Bold",arial,helvetica,sans-serif;
	text-align: left;
	/*background-color: #006666;*/
	background-color: #ff6666;
	color: #ffffff;
	padding:3px;
	margin-bottom: 2px;
	}



.searchbox {
	font-size: 104%;
	font-weight: bold;
	text-align: left;
	background-color: #ffff99;
	padding: 4px 4px 4px 20px;
	}

.searchbox2 {
	font-size: 104%;
	font-weight: bold;
	text-align: right;
	background-color: #ffffcc;
	padding: 4px 4px 4px 20px;
	}


.searchbar {
	font-size: 97%;
	font-weight: bold;
	text-align: left;
	background-color: #ffffcc;
	padding: 3px 2px 3px 2px;
	margin-left: 10px;
	}

.categorybar {
	float: left;
	width: 17%;
	font-size: 90%;
	font-weight: bold;
	text-align: left;
	/*	background-color: #ffcc99;*/
	background-color: #ffb5b5;
	color: #cc0000;
	padding: 2px 4px 2px 4px;
	margin:2px;
	border: 2px #000000 solid;
	}

.emphasis {
	background-color: #ffff99;

}

.categoryitem {
	font-weight: bold;
	text-align: left;
	background-color: #ffffcc;
	color: #cc0000;
	padding: 4px;
	margin: 4px;
	text-align: left;
	font-size: 150%;
	}


.header .caption {
	/*color: #330033;*/
	color: #cc0000;
	font-family: "Comic Sans MS",arial,helvetica,sans-serif;
	font-size: 50%;
	font-weight:bold;
	margin-left: 10px;

}

.caption {
	/*color: #330033;*/
	color: #cc0000;
	font-family: "Comic Sans MS",arial,helvetica,sans-serif;
	font-size: 110%;
	font-weight:bold;
	margin-left: 10px;

}


.footer {
	/*background-color: #ffcc99;*/
	background-color: #ffb5b5;
	clear: both;
	color: #000000;
	font-size: 80%;
	padding: 10px;
	margin-bottom: 4px;
	text-align: center;
}

.legalese {
	color: #cc0000;
	font-size: 80%;
	padding: 3px;
}