/* generic html element rules */
body {
	background: #fff;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 76%;
	margin-bottom: 1em;
}
*     { margin: 0; padding: 0; }
div   { text-align: left; }
p {
	line-height: 1.7em;
	margin-bottom: 1em;
}
h1 {
	font-size: 2.2em;
	font-weight: normal;
	font-family: arial, helvetica, sans-serif;
	color: #395B0C;
}
h2 {
	font-size: 1.2em;
	color: #825A3E;
	margin-bottom: 0.2em;
}
a {	color: #195B06; }


/* structural layout */
#container {
	position: relative;
	width: 760px;
	margin: 0px auto;
	padding: 15px;
	background: url(images/logo.gif) no-repeat 15px 15px;
}
#pageHeader {
	margin-left: 152px;
	background: url(images/ss_title.gif) no-repeat;
}
#pageHeader h1 {
	display: block;
	font-size: 32px;      /* this sets the div height rather than 'height' in order to avoid IE weirdness */
	text-indent: -2000px;
}
#pageContent {
	background: #F6F7F4;
	margin: 8px 0 0 152px;
	color: #000;
	_padding: 5px 0;
}
#pageContentContainer {
	padding: 12px 15px;
	border-left: 1px solid #F6F7F4;
	border-right: 1px solid #F6F7F4;
	min-height: 300px;
	_height: 300px;
}
#pageFooter {
	background: url(images/field.jpg) no-repeat bottom;
}


/* page content */
#pageContent ul {
	margin: 0.5em 0 0.5em 0.1em;
	list-style: none;
}
#pageContent li {
	padding-left: 1em;
	line-height: 1.5em;
	background: url(images/bullet.gif) no-repeat 0 0.6em;
	margin-bottom: 0.4em;
}
#pageContent h1 {
	text-transform: lowercase;
	padding-bottom: 2px;
	margin-bottom: 0.7em;
	background: url(images/grad_line.gif) no-repeat bottom left;
}
#username {
	font-size: 0.9em;
	color: #999;
	position: relative;
	top: 1em;
	float: right;
}
#errorMsg {
	border: 1px solid #a00;
	padding: 5px;
	color: #a00;
	background: #fff;
	margin-bottom: 1.5em;
	text-align: center;
}
#notificationMsg {
	border: 1px solid #B2A98E;
	padding: 5px;
	background: #fff;
	margin-bottom: 1.5em;
	text-align: center;
}
.valError {
	border: 1px solid #B2A98E;
	padding: 5px;
	color:#000000;
	background: #fff;
	margin-bottom: 1.5em;
	text-align: center;
}
.bigBttn {
	background: #8E8C5F url(images/button_bg.gif) repeat top;
	height:20px;
	cursor: hand; color: #EAEAE0;
	font-size: 1.1em;
	padding: 0px 4px 3px 4px; margin: 0;
	border-bottom: 1px solid #525137; border-right: 1px solid #525137;
	border-left:   1px solid #CFCEB7; border-top:   1px solid #CFCEB7;
	margin-bottom: 1px;
}
button.blue{
	background: #8E8C5F url(images/button2_bg.gif) repeat top;
}
.formField      { font-size: 1.2em; }
.checkboxInput  { width: 14px; }
* html .bigBttn { padding: 0px; }    /* IE specific */
.bigBttn:hover  { color: #fff; }
.centerText     { text-align: center; }
.pad10          { padding: 10px; }
.smallPrint     { font-size: 0.9em; line-height: 1.1em;}

.insetItem      { background: #DFE0DD; margin-top: 1.5em; position: relative; width: 100%; _padding: 5px 0; }
.insetItem p    { margin: 0; }
.insetContents  { padding: 8px 13px; }
.floatLeft      { float: left;  margin: 0.2em 1.2em 0 0; }
.floatRight     { float: right; margin: 0.2em 0 0 1.2em; }
img.floatLeft,
img.floatRight  { border: 1px solid #666; }

#contactDetails td { font-size: 1.2em; color: #825A3E; font-weight: bold; padding: 0 1em 0.5em 0; vertical-align: top; }
#howItWorks        { width: 210px; }
#howItWorks p      { padding: 0.7em 0;  font-size: 90%; background-image: url(images/grey_separator.gif);
                     background-position: bottom; background-repeat: repeat-x; }
#howItWorks p.last { background-image: none; }

/* dinerNo categories */
.gold			{ background-color:#F1EFC3 }
.silver			{ background-color:#FFFFE6 }
.bronze			{ }

div.submitBttnBottom {margin:20px 0 0 0; text-align:center; width:100%;
		border: 1px solid #B2A98E;
		padding: 2px 3px 1px 3px;
		background: #fff;}

/* * * * Fancy stuff * * * */

/*
Clearfix:
Apply this class to float'ed elements to automatically clear up the
float behind itself. The display mode switching and * html rule below
fixes IE bugs for both Mac and Win versions. Thanks to Holly & John
for this: http://www.positioniseverything.net/easyclearing.html.
*/
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
* html .clearfix { height: 1%; }