/*
 ***************************************************************************
 *
 * FILE:         style.css
 * VERSION:      1.0.0
 * COPYRIGHT:    (c) 2006  All rights reserved.
 * AUTHOR(S):    Michael Huffman (mhuffman@mindspring.com)
 *
 * DESCRIPTION:  This file...
 *
 * HISTORY:
 * 2006.10.20  MWH Created file.
 *
 ***************************************************************************
 *
 * BLUE:    0971B3
 * LT BLUE: 1485CC
 * YELLOW:  FFF41A
 * RED:     FF0000
 * DK RED:  B31212
 *
 ***************************************************************************
 */

*    { margin: 0; padding: 0; }

html { height: 100%; }

body {
	background:	#DDDDDD url("/images/bricks_bg.jpg") 0 0 repeat;
	font:   	62.5% "Lucida Grande", Arial, sans-serif; 
	color:        	#000000;
}

a         { color: #066FFD; text-decoration: none; }
a img     { border: none; }
a:link    { color: #066FFD; text-decoration: none; }
a:visited { color: #066FFD; text-decoration: none; }
a:active  { color: #066FFD; text-decoration: none; }
a:hover   { color: #066FFD; text-decoration: underline; }

p { margin: 0.5em 0; }

h4 { 
	margin: 	0.25em 0 0.25em 0; 
	color: 		#000000;
	font-size: 	1.25em;
	font-weight: 	bold; 
	border-bottom:	1px solid #AAAAAA;
}

h5 { 
	margin: 	0.25em 0 0.25em 0; 
	color: 		#000000;
	font-size: 	1.25em;
	font-weight: 	bold; 
}

label {
  display:      block;
  float:        left;
  width:        100px;
  text-align:   right;
  margin-right: 0.5em;
  padding-top:  3px;
  padding-bottom: 3px;
}

label:after { content: ": " }

td { 
	vertical-align:	top;
	padding: 	3px; 
}

tr.even { background: #FFFFFF; }
tr.odd  { background: #EEEEEE; }

img { border: 0; }

button {
   vertical-align:   middle;
   font-family:      "Lucida Grande", Verdana, Arial, Helvetica;
   color:            #000000;
   border-top:       0px;
   border-left:      0px;
   border-bottom:    0px;
   border-right:     0px;
   background-color: #EEEEEE;
   padding-left:     0px;
   padding-right:    0px;
}

input {
   vertical-align:   top;
   font-family:      "Lucida Grande", Verdana, Arial, Helvetica;
   font-style:       normal;
   font-weight:      normal;
   font-size:        10px;
   border-top:       1px solid #666666;
   border-left:      1px solid #666666;
   border-bottom:    1px solid #000000;
   border-right:     1px solid #000000;
   background-color: #FFFFFF;
   margin-bottom:    5px;
   margin-right:     5px;
   padding:          2px;
}

select {
   vertical-align:   top;
   font-family:      "Lucida Grande", Verdana, Arial, Helvetica;
   font-style:       normal;
   font-weight:      normal;
   font-size:        10px;
   border-top:       1px solid #666666;
   border-left:      1px solid #666666;
   border-bottom:    1px solid #000000;
   border-right:     1px solid #000000;
   background-color: #FFFFFF;
}

option {
   vertical-align:   top;
   font-family:      "Lucida Grande", Verdana, Arial, Helvetica;
   font-style:       normal;
   font-weight:      normal;
   font-size:        10px;
   background-color: #FFFFFF;
   padding:          1px;
}

textarea {
   font-family:      "Lucida Grande", Verdana, Arial, Helvetica;
   font-size:        11px;
   border-top:       1px solid #666666;
   border-left:      1px solid #666666;
   border-bottom:    1px solid #000000;
   border-right:     1px solid #000000;
   background-color: #FFFFFF;
   padding:          2px;
}

ol {
   padding:          3px;
   padding-bottom:   6px;
}

ol li {
   padding:          3px 0px 3px 0px;
}

/***************************************************************************/

#page { 
 	width:		805px;
        margin:         0 auto 0;
        margin-left:    187px;
	/* background:	#FFFFFF;*/
	border-left:	1px solid #AAAAAA;
	border-right:	1px solid #AAAAAA;
}

#admin_page {
	width:		805px;
	margin:		0 auto 0;
	margin-left:	187px;
	border-left:	1px solid #AAA;
	border-right:	1px solid #AAA;
}

#header { 
	text-align:	center;
}

#admin_header {
	padding:	20px;
	font-size:	18px;
}

#content {
	clear:		left;
	background: 	#DDDDDD;
	position:	relative;
	width:		805px;
	margin:		0 auto 0;
        margin-left:    187px;
	padding-top:  	1em;
	border-left:	1px solid #AAAAAA;
	border-right:	1px solid #AAAAAA;
	overflow:	hidden;
}

#left { 
	float:		left;
	position:	relative;
	margin:		0;
	margin-left:	-1px;
	padding:	0px 10px 0px 3px;
	height:	        auto;
	width:	        580px; 
	background:	#DDDDDD;
	font-family:	Verdana, Arial, Helvetica;
	font-style:	normal;
	font-weight:	normal;
	font-size:	12px;
	border-left:	1px solid #AAAAAA;
	overflow:	hidden;
}

#left li { 
	margin-left:  	24px;
        padding:        3px;
}

#right  { 
	float:		right;
	position:	relative;
	margin:		0;
	margin-right:	-1px;
	padding:	0px 3px 0px 0px;
	width:	        208px; 
	height:		auto;
	background:	#DDDDDD;
	font-family:	Verdana, Arial, Helvetica;
	font-style:	normal;
	font-weight:	normal;
	font-size:	12px;
	border-right:	1px solid #AAAAAA;
	overflow:	hidden;
}

#footer {
	float:		left;
	color:       	#AAAAAA; 
	background:	#DDDDDD;
	margin:		0;
	margin-left:	-1px;
	width:	   	805px;
	padding:	1em;
	line-height:	3em;
	border-left:	1px solid #AAAAAA;
	border-right:	1px solid #AAAAAA;
}

#footer a:link            { color: #AAAAAA; }
#footer a:visited         { color: #AAAAAA; }
#footer a:hover, a:active { color: #666666; }

/***************************************************************************/

/* =================================================================== *
 * This copyright notice must be untouched at all times.               *
 *                                                                     *
 * The original version of this stylesheet and the associated (x)html  *
 * is available at http://www.cssplay.co.uk/menus/final_drop.html      *
 * Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.          *
 * This stylesheet and the associated (x)html may be modified in any   *
 * way to fit your requirements.                                       *
 * =================================================================== */

.menu {
  margin: 		0 auto 0;
  width:		805px;
  height:		32px;
  font-size:		0.85em;
  position:		relative;
  z-index:		100;
  border-right:		1px solid #000;
  text-align:		left;
}

/* hack to correct IE5.5 faulty box model */
* html .menu {width:806px; w\idth:805px;}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none;}
.menu ul ul {width:115px;}

/* float the list to make it horizontal and a relative positon so that you 
 * can control the dropdown menu positon 
 */
.menu li {float:left;width:115px;position:relative;}

/* style the links for the top level */
.menu a, .menu a:visited {
  display:		block;
  font-size:		11px;
  text-decoration:	none;
  color:		#FFFFFF;
  background:		#0971B3;
  width:		104px;
  height:		30px;
  border:		1px solid #000;
  border-width:		1px 0 1px 1px;
  padding-left:		10px;
  line-height:		29px;
}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {width:115px; w\idth:104px;}

/* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- */

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {
  background:#0971B3 url(/images/fly.gif) 98% 50% no-repeat;
}
/* style the second level hover */
.menu ul ul a.drop:hover{
  background:#1485CC url(/images/menus/fly.gif) 98% 50% no-repeat;
}
.menu ul ul :hover > a.drop {
  background:#1485CC url(/images/fly.gif) 98% 50% no-repeat;
}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {
  background: #0971B3;
}
/* style the third level hover */
.menu ul ul ul a:hover {
  color:#FFF41A; background:#1485CC;
}

/* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- */

/* hide the sub levels and give them a positon absolute so that they take up
 * no room 
 */
.menu ul ul {
  visibility:		hidden;
  position:		absolute;
  height:		0;
  top:			31px;
  left:			0;
  width:		115px;
  border-top:		1px solid #000;
}
/* another hack for IE5.5 */
* html .menu ul ul {top:30px;t\op:31px;}

/* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- */

/* position the third level flyout menu */
.menu ul ul ul{left:115px; top:-1px; width:115px;}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-115px;}

/* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- */

/* style the table so that it takes no ppart in the layout - required for IE 
 * to work 
 */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {
  background:		#0971B3;
  color:		#FFFFFF;
  height:		auto;
  line-height:		1em;
  padding:		5px 10px;
  width:		94px;
  border-width:		0 1px 1px 1px;
}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:98px;w\idth:94px;}

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover {color:#FFF41A; background:#1485CC;}
.menu :hover > a, .menu ul ul :hover > a {color:#FFF41A;background:#1485CC;}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }

/* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- */

/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}

/* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- */

.menu ul ul a.auth {
  color:		#FFFFFF;
  background:		#666;
}

.menu ul ul a.auth:hover {
  color:		#FFF41A;
  background:		#999;
}

/***************************************************************************/

.logohead {
	padding:	1em;
}

.payment:hover { background:	#999; }

.small {
   font-family:      Verdana, Arial, Helvetica;
   font-style:       normal;
   font-weight:      normal;
   font-size:        10px;
   padding:          2px;
   color:            #666666;
}

.req {
   color: blue;
}

.paginate {
   font-family:      "Lucida Grande", Verdana, Arial, Helvetica;
   font-style:       normal;
   font-weight:      normal;
   font-size:        10px;
   padding:          2px;
   color:            #666666;
}

.menuhead {
   padding:        3px 3px 3px;
   color:          #FFF41A;
   background:     #0971B3;
   font-family:    "Lucida Grande", Verdana, Arial, Helvetica;
   font-style:     normal;
   font-weight:    normal;
   font-size:      12px;
	border:	1px solid black;
}

.menuhead2 {
   padding:        3px 3px 3px;
   color:          #FFF41A;
   background:     #000000;
   font-family:    "Lucida Grande", Verdana, Arial, Helvetica;
   font-style:     normal;
   font-weight:    bold;
   font-size:      12px;
}

.menuhead3 {
   padding:        3px 3px 3px;
   color:          #FFF41A;
   background:     #CC0000;
   font-family:    "Lucida Grande", Verdana, Arial, Helvetica;
   font-style:     normal;
   font-weight:    bold;
   font-size:      12px;
}

.item {
   margin:              3px;
   padding:             3px;
   border:              1px solid #DDD;
   float:               left;
   height:              360px;
   width:               255px;
   text-align:          center;
}

.item img { border: 1px solid black; }

.scrap {
   margin:              3px;
   padding:             3px;
   border:		1px solid #AAA;
   float:		left;
   height:              246px;
   width:               275px;
   text-align:          center;
}

.scrap img {
   border:		1px solid black;
}

.info {
   border:       1px solid #AAA;
   background:   #FFF;
   padding:      8px;
}

/***************************************************************************
 *
 * END:  style.css
 *
 ***************************************************************************/