/* styles.css
* Author: Daniel Ker 2008
* ngx.morpha[at]gmail[dot]com
* For the Bendigo National Swap Meet
*/

/* -----------COLOR SCHEME
*      Border/Background Elements: #99CC33
*      Forground / Selected Elements: #FF9900
*      Windows and Containers: #FFFF99
*/

/*--------------------------------------------------------------------
*                               HTML Element's
-----------------------------------------------------------------------*/

img {
	border: 0px;
}

body {
	background-image: url();
	background-position: bottom-right;
	background-repeat: no-repeat;
	background-color: #AAA;
	font-family: sans-serif, Myriad, Arial;
	margin: 0px;
	padding: 0px;
}

/*--------------------------------------------------------------------
*                                    MAIN Classes
-----------------------------------------------------------------------*/

/* Keeps everything boxed together and in the center of the page*/
div.container {
	width: 1000px;
	border: 1px solid #000;
	/*border-right: 3px solid #99CC33;
	border-left: 3px solid #99CC33; */
	
	/*Centered in Firefox*/
	margin-left: auto;
	margin-right: auto;
	/* Fix for the centering bug for IE*/
	position:absolute;
	left: 50%;
	margin-left: -500px;
	
	margin-top: 3px;
	margin-bottom: 3px;
	background-color: #FFF;
}

/* Contains the banner image.*/
div.head {
	width: 1000px;
	height: 96px;
	background-color: #99CC33;
	background-position: top;
	background-repeat: no-repeat; 
}

/* The BODY is the div element inwhich ALL data is displayed.*/
div.body {
	background-color: #FFFFFF;
	width: 1000px;
	text-align: left;
	background-image: url(corner_pic2.jpg);
	background-position: bottom right;
	background-repeat: no-repeat;
	
	min-height: 480px;
}

/* Outside of the BODY element, At the very bottom of the page*/
div.footer {
	border-top: 1px solid #000;
	width: 1000px;
	background-color: #99CC33;
	text-align: center;
	font-size: 12px;
	padding-top: 3px;
	padding-bottom: 3px;
}

/* These are the default boxes that data goes in.*/
div.stuff_goes_here {
	border: 1px solid #000;
	background-color: #FFFF99;
	margin: 15px;
	/* The margin causes a render error at the bottom of the body div. Fixed by giving div.container a bgcolor*/
	padding: 10px;
	border-bottom: 2px solid #000;
	border-right: 2px solid #000;
	text-align: left;
}

/* Usualy found in stuff_goes_here elements. This is the heading formating.*/
span.heading {
	font-size: 22px;
	font-weight: normal;
	color: #000;
	
}

/* Usualy found in search bos and item elements. This is the heading formating.*/
span.smallheading {
	font-size: 18px;
	font-weight: normal;
	color: #000;
	float: left;
	
}

/* Back to Top buttons found on long pages*/
a.top{
	padding-left: 800px;
}

/* This makes text look like a hyperlink*/
span.termsofservice {
	color: #0033FF;
	text-decoration: underline;
}

/*---------------------------------------------------------------------  
*                              MENU STYLES
-----------------------------------------------------------------------*/

/* The default styles for the navigation menu*/
div.nav {
	height: 77px;
	width: 1000px;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	background-color: #99CC33;
	padding: 0px;
	margin: 0px;
}

/* Styles for the images in the navigation menu*/
.nav img {
	height: 51px;
	width: 51px;
	border: 0px;
}

/* UNordered List used for the menu buttons. */
.nav ul {
	background-color: #99CC33;
	border: 0px solid #000;
	text-align: center;
	padding: 0px;
	margin: 0px;
	list-style-type: none;
}

/*This is what makes the 'tabs' sit horizontaly and not verticaly*/
.nav ul li {
	float:left;
}

/* The default menu appearance*/
.tab{
	margin: 0px;
	padding-top: 3px;
	padding-left: 7px;
	padding-right: 7px;
	background-color: #99CC33;
	border-right: thin dashed;
}

/*When the mouse hovers over a menu item */
.tab:hover {
	padding-top: 3px;
	padding-left: 7px;
	padding-right: 7px;
	background-color: #FF9900;
	border-right: thin dashed;
}

/* If the page your on is the one for the tab, then its color is orange */
.tab_active{
	margin: 0px;
	padding-top: 3px;
	padding-left: 7px;
	padding-right: 7px;
	background-color: #FF9900;
	border-right: thin dashed;
}

/*---------------------------------------------------------------------  
*                              PAGE HEADER BLOCK STYLES
-----------------------------------------------------------------------*/

/* This DIV is INSIDE the BODY element. It shows the Heading of where you are and the BACK button*/
div.pageheader {
	height: 28px;
	width: 100%;
	background-color: #FF9900;
	padding: 0px;
	border-bottom: 1px solid #000;
}

/* Styles for the <<BACK button*/
.backbutton {
	font-size: 22px;
	font-weight: normal;
	color: #000;
	float: right;
	text-decoration: none;
	margin-right: 3px;
}

/* Styles for the <<BACK button, WHEN mouse is over it.*/
.backbutton:hover {
	font-size: 22px;
	font-weight: normal;
	color: #000;
	float: right;
	text-decoration: underline;
	margin-right: 3px;
}

/* The header itself, not to be confused with the class 'span.heading'*/
span.header {
	font-size: 22px;
	font-weight: normal;
	color: #000;
	float: left;
	text-decoration: none;
	margin-left: 5px;
}

/*---------------------------------------------------------------------  
*                              SEARCH STYLES
-----------------------------------------------------------------------*/

/* The styles for the search boxes used.*/
div.searchbox {
	border: 1px solid #000;
	background-color: #FFFF99;
	margin: 3px;
	padding: 5px;
	border-bottom: 2px solid #000;
	border-right: 2px solid #000;
	text-align: right;
}

.sale_item {
	border: 1px solid #000;
	background-color: #FFFF99;
	border-bottom: 2px solid #000;
	border-right: 2px solid #000;
	text-align: left;
	width: 240px;
	height: 100px;
}

/*---------------------------------------------------------------------  
*                              SUB MENU STYLES
-----------------------------------------------------------------------*/

table.submenu {
	border: 1px solid #000;
	padding: 0px;
	margin: 0px;
	border-spacing: 0px;
}

.submenutitle {
	background-color: #FFFF99;
	font-weight: bold;
	text-align: center;
	border-bottom: 1px solid #000;
}