body {
	margin:0;
	color:#333;
	background-color:yellow;
	font-family:arial, verdana, helvetica, sans-serif;
	font-size:12px;
}

a { color:#06c; text-decoration:none }
a:hover { color:#009; }

p, li, blockquote, td {
	line-height:1.3em;
}

h2 {
	color:#009;
	font-size:24px;
	font-weight:normal
}

h4 {
	color:#009;
	font-size:12px;
	font-weight:normal;
	border-bottom:1px solid #ccc;
}

.small { font-size:11px; color:#666 }
.wee { font-size:10px }
.inlineImage-right {
	float:right;
	margin:0 0 6px 6px;
}

.inlineImage-left {
	float:left;
	margin:0 6px 6px 0;
}

/* hr styling from http://www.saila.com/usage/tips/defn.shtml?hr */

hr {
	text-align: center;
	width: 100%;
	height: 1px;
	color: #ccc;
	border: none;
	clear:both;
} /* For Internet Explorer */


html>body hr {
 	margin-right: 0;
 	width: 100%;
 	height: 1px;
 	background-color: #ccc;
 	border: none;
} /* For Gecko-based browsers */

html>body hr {
	margin-right: 0;
	width: 100%;
	height: 1px;
	background-color: #ccc;
	border: 0px solid #ccc;
} /* For Opera and Gecko-based browsers */

#topOuter {
	width:100%;
}

#top {
	width:700px;
	margin:15px auto;	
}

#mainOuter {
	border-top:2px solid #ccc;
	border-bottom:2px solid #ccc;
	width:100%;
	background-color:white;
}

#main {
	width:700px;
	margin:0px auto;
	/* clearing floats trick by http://annevankesteren.nl/archives/2005/03/clearing-floats */
	_height:1%;
  	overflow:auto;
}

#footer {
	width:100%;
	text-align:center;
	background-color:yellow;
	padding:1em 0;
}

#nav {
  	padding-top:20px;
  	float:left;
	width:149px;
}

#nav p { margin:0; }

ul {
	margin-bottom:0.5em;
}

#nav ul {
	margin-bottom:2em;
}

ul li {
	list-style-image: url("../images/listarrow-yellow2.gif");
}

ul li.activeSection {
	list-style-image: url("../images/listarrow-blue2.gif");
}

ul#downloadsList li {
	list-style-image: url("../images/download.png");
}

#content {
	float:left;
	width:530px;
	border-left:1px solid #ccc;
	padding-top:20px;
	padding-left:20px;
	padding-bottom:50px;
}

.clearer { clear:both }

#title_stanners {
	background-image:url("../images/stanners.gif");
	width:554px;
	height:48px;
	text-indent:-1000px;
	/* style when text is visible */
	color:blue;
	margin:0 auto;
}

#breadcrumbs {
	font-size:11px;
	color:#999;
	border-bottom:1px solid #ccc;
	padding-bottom:0.3em;
}

#footer {
	font-size:11px;
}

/* form styling */

#pooh {
	display:none;
}

legend {
	font-weight:bold;
	color:#06c;
}

fieldset {
	border: 1px solid #06c;
}

input, textarea, select {
	border: 1px solid #06c;
	background-color:#eee;
	font-family:arial, verdana, helvetica, sans-serif;
	font-size:small;
	color:#06c;
}

input.nostyling {
	border:none;
	background-color:transparent;
}

input:focus, textarea:focus, select:focus {
 	border: 1px solid #06c;
 	color:#009;
 	background-color:#fff;
}

input.submit {
	background-color:#06c;
	color:white;
	font-weight:bold;
	border-width:4px;
}

/* /form styling */

td, th {
	text-align:left;
	vertical-align:top;
	padding:0.3em;
}

.productImage {
	float:right;
	margin:10px 0 10px 10px;
}

.productImage img {
	border:1px solid #ccc;
	padding:6px;
	background-color:white;
}

#contactTable {
	border:1px solid #ccc;
}

#contactTable td { padding:0.5em }