/* ---------- Global Styles ----------*/

html,body{margin:0;padding:0}

body	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	text-align:center;
	background: #660066 url('/images/bg-gradient.gif') repeat-x;
	}

h1	{
	font: normal 1.7em Georgia, Times, serif;
	margin: 6px 0 10px 0;
	color: #566423;
	border-bottom: 1px dotted #B6CCB6;
	} /* displayed at 20px */
h2	{
	font: normal 1.4em Georgia, Times, serif;
	margin: 6px 0 6px 0;
	color: #566423;
	} /* displayed at 17px */
h3	{
	font: normal 1.2em Georgia, Times, serif;
	margin: 6px 0 6px 0;
	color: #566423;
	} /* displayed at 12px */
h4	{
	font-weight: bold;
	font-size: 1.1em; 
	margin: 0 0 4px 0;
	color: black;
	} /* displayed at 12px */

p {margin: 0 0 16px 0; line-height: 18px;}

blockquote {
	font-family: Georgia, Times, serif;
	font-size: 1.1em;
	font-style: normal;
	text-align: left;
	}
cite {
	font: italic 1.0em Georgia, Times, serif;
	text-align: left;
	}

acronym {border-bottom: 1px dotted #AFBD20; speak: normal;}
abbr {border-bottom: 1px dotted #AFBD20; speak: spell-out;}

hr {width: 67%; color: #AFBD20; background-color: #AFBD20;}


/*-------- Header ------------*/

div#headcontainer{width:720px; height: 180px; text-align:left; margin-top:20px}
div#header{position:relative; width:720px; height: 180px; margin:0 auto; background-image: url('images/header.jpg'); background-repeat: no-repeat}
div#logo{position:absolute; left:25px; top:18px;}
div#rotateimg{position:absolute; left:340px; top:25px;}
img.rotate {border: 1px solid #556321; margin-right:5px}

/*------------- Main Navigation ---------------*/

#mainnav	{
    position:absolute;
	left:0;
	bottom:0;
	padding: 0px 0px 0px 10px;
	margin-left: auto;
	margin-right: auto;
	font: bold 13px Arial, Helvetica, sans-serif;
	line-height:normal;
	}

	#mainnav ul {
		margin:0;
		padding: 5px 10px 0 10px;
		list-style:none;
		}

	#mainnav li {
		display:inline;
		margin:0;
		padding:0;
		}

	#mainnav a {
		float:left;
		color:#fff;
		background:url(images/tableftC.gif) no-repeat left top;
		margin:0;
		padding:0 0 0 4px;
		text-decoration:none;
		}

	#mainnav a span {
		float:left;
		display:block;
		background:url(images/tabrightC.gif) no-repeat right top;
		padding: 5px 15px 4px 6px;
		color:#FFF;
		}

	/* Commented Backslash Hack hides rule from IE5-Mac \*/
	#mainnav a span {float:none;}
	/* End IE5-Mac hack */

	#mainnav a:hover span, #mainnav #activetab a:hover span{
		color:#FFC324;
		background-position:100% -42px;
		}
	#mainnav #activetab a span {
		color:#FFF;
		background-position:100% -42px;
		}

	#mainnav a:hover, #mainnav #activetab a:link, #mainnav #activetab a:visited
		{
		background-position:0% -42px;
		}


/*-------- Body Container ------------*/

div#shadowcontainer{width:720px; background-image: url('images/body-shadow.gif'); 
background-repeat: repeat-y}
div#bodycontainer{width:700px; border-left:10px;border-right:10px; 
text-align:left; background:#AFBD20}


/*-------- Local Navigation ------------*/

div#subnav	{ 
	float:left;
	width:700px; 
	margin:0 auto; 
	background: #BF2E1A;
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #fff;
	}

	#subnav ul {
		float:left;	
		margin: 0;
		padding: 5px 10px 7px 20px;	
		list-style:none;
		}
		
	#subnav li {
		margin: 5px 5px 5px 0;
		padding-left: 7px;
		border-left: 1px solid #FCB0A4;
		display:inline;
		list-style:none;
		}
		
	#subnav li.first {
		margin-left: 0;
		border-left: none;
		list-style: none;
		display: inline;
		}
		
	#subnav a {
		color:#fff;
		font-weight: normal;
		border-bottom-style: solid;
		border-bottom-width: 1px;
		border-bottom-color: #fff;
		text-decoration: none;
		}
	
	#subnav a:hover {
		color:#FFC324;
		border-bottom-color: #FFC324;
		}
	
	#subnav #activetab a{border-bottom-width: 0px;color:#FCB0A4; font-weight:bold; }
	#subnav #activetab a:hover {color:#FFC324;}
	
	#subnav #gear, #subnav #goodsearch {
		float:right;
		margin: 0;
		padding: 5px 20px 7px 0px;
		}
	#subnav #gear a, #subnav #goodsearch a {border-bottom-width: 0px; color:#FFC324}

/*-------- Curved Boxes ------------*/

.corner{display:block;}
.corner *{display:block;height:1px;overflow:hidden;background:#FEFBE9;}
.corner1{border-right:1px solid #d0d777;padding-right:1px;margin-right:3px;border-left:1px solid #d0d777;padding-left:1px;margin-left:3px;background:#eaebb7;}
.corner2{border-right:1px solid #b6c335;border-left:1px solid #b6c335;padding:0px 1px;background:#eeefc3;margin:0px 1px;}
.corner3{border-right:1px solid #eeefc3;border-left:1px solid #eeefc3;margin:0px 1px;}
.corner4{border-right:1px solid #d0d777;border-left:1px solid #d0d777;}
.corner5{border-right:1px solid #eaebb7;border-left:1px solid #eaebb7;}
.corner_content{padding: 5px 12px 1px 12px;background:#FEFBE9;} 


/*-------- Main Content ------------*/

div#left-column{float:left; width: 420px; border:10px solid #AFBD20;font-size:1.3em;text-align:justify;}
div#right-top-column{float:right; width:250px; border-top:10px solid #AFBD20; border-right:10px solid #AFBD20; border-bottom:10px solid #AFBD20;font-size:1.3em; line-height: 1.3em;}
div#right-bottom-column{float:right;clear:right;width:250px; border-right:10px solid #AFBD20; border-bottom:10px solid #AFBD20; font-size:1.3em; line-height: 1.3em;}

#left-column a, #right-top-column a, #right-bottom-column a
	{
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #E5D0CD;
	text-decoration: none;
	color: #BF2E1A;
	}
	
#left-column a:hover, #right-top-column a:hover, #right-bottom-column a:hover
	{background-color: #FEF2B2;}
	
p.highlight {
	background-color: #F3F2CD;
	padding: 10px;
	margin: 15px 10px 10px 10px;
	text-align:justify;
	font-family:Georgia, Times, serif;
	color:#7B2984;
	line-height: 1.3em;
	border-left: 1px solid #E5D0CD;
	border-right: 1px solid #E5D0CD;
	}

.normaltext {font-family: Arial, Helvetica, sans-serif; font-weight:normal}

#left-column ul, #right-top-column ul, #right-bottom-column ul {
	margin: 0 0 0 5px;
	padding: 3px 30px 0px 10px;
	list-style: none;
}

#left-column ul li, #right-top-column ul li, #right-bottom-column ul li {
	background: url(images/bullet.gif) no-repeat 0 3px;
	list-style: none;
	padding: 0px 0 6px 12px;
	margin: 0;
}

.cleardefault {color:#707070}
.info {color:#566423; float:right; }
#map {float:right; border: 1px solid #BF2E1A; }
	
#signup_form {margin: 0;padding: 0;}

#signup_form #email {width: 110px; margin: 0;padding: 0;border: 1px solid #CBCBCB;}

#signup_form #submit {
	text-decoration:none;
	font-weight:bold;
	font-size:.85em;
	color: #fff;
	border-top: 1px #BF2E1A solid;
	border-left: 1px #BF2E1A solid;
	border-right: 1px #330000 solid;
	border-bottom: 1px #330000 solid;
	padding:0px 2px 0 2px;
	background:#BF2E1A;
	margin-left:4px;
	cursor: pointer;
	}

#signup_form #submit:active {
	border-top: 1px #330000 solid;
	border-left: 1px #330000 solid;
	border-right: 1px #BF2E1A solid;
	border-bottom: 1px #BF2E1A solid;
	}

#signup_form #emailabout {color:#566423; line-height: 1.2em; margin-top:8px}


/*-------- Various Tables ------------*/


/* Products and Brands tables in Products page */
.products {
	width: 390px;
	padding: 0;
	margin: 0;
	font: 0.95em Arial, Helvetica, sans-serif;
}
.products td {
	width: 195px;
	border-right: 1px solid #F9DBB4;
	border-bottom: 1px solid #F9DBB4;
	background: #FDFCFA;
	padding: 4px 4px 4px 4px;
	color: #4f6b72;
	text-align:center;
}
.products td.top {
	border-top: 1px solid #F9DBB4;
}
.products td.left {
	border-left: 1px solid #F9DBB4;
}
.products td.alt {
	background: #FDF6EC;
}


/* Product listings in Special Orders */
.listing {
	font-family: Arial Narrow, Helvetica Condensed, condensed, sans-serif;
	white-space: nowrap;
	border-collapse: collapse;
	border: 1px solid #E0E0E0;
	background-color: white;
}
.listing th {
	padding: 2px 2px;
	border: 1px solid black;
	border-bottom: 3px double black;
	text-align: center;
}
.listing td {
	padding: 2px 4px;
	border: 1px dotted #F8F8F8;
	border-bottom: 1px solid #F3F3F3;
	text-align: left;
	vertical-align: bottom;
}


/* Member hours tables for Approvals */
.hours {
	font-family: Arial Narrow, Helvetica Condensed, condensed, sans-serif;
	white-space: nowrap;
	border-collapse: collapse;
}
.hours th, .hours td	{
	padding: 0 4px;
	text-align: left;
	}
.hours tr {
	background-color: white;
}
.hours th {
	padding: 2px 10px;
	border: 1px solid black;
	border-bottom: 3px double black;
	text-align: center;
}
.hours td {
	padding: 0px 10px;
	border: 1px solid #AFBD20;
}


/*-------- Footer ------------*/

div#footer{background:#BF2E1A; color: #FFF; clear:both; width:100%;}
	#footer ul {
		float:left;	
		margin: 0;
		padding: 8px 10px 0px 5px;	
		list-style:none;
		}
		
	#footer li {
		margin: 0px 5px 0px 0;
		padding-left: 7px;
		border-left: 1px solid #fff;
		display:inline;
		list-style:none;
		}
		
	#footer li.first {
		margin-left: 0;
		border-left: none;
		list-style: none;
		display: inline;
		}
		
	#footer a {
		color:#fff;
		font-weight: normal;
		text-decoration: none;
		}
	
	#footer a:hover {
		color:#FFC324;
		}
	
	#footer p {margin:0;padding:8px 10px 0px 5px}
	
	#footer #copyright {
		float:right;
		margin: 0;
		padding: 8px 15px 0px 5px;
		}

div#footer2{background-image: url('/images/footer.gif'); background-repeat: no-repeat;
width: 720px; height: 25px; margin-bottom: 10px; clear:left; }
div#footer2 p{margin:0;padding:5px 10px; }