/* -- RESET STYLES -- */

*, body, ul, li, ol, dd, dt, dl, blockquote {
	margin:0;
	padding:0;
}

/* -- HTML ELEMENTS -- */

body {
	margin:0 auto;
	font-family:verdana, arial, sans-serif;
	font-size:0.8em;
	color:#333;
	background:#fff url(images/bg.jpg) fixed bottom repeat-x;
}
a, a:link, a:visited {
	color:#00c;
}
a:hover, a:active, a:focus {
	color:#c00;
}
a:hover img, a:focus img {
	border-color:#ccf;
}
a img { /* Firefox fix */
	border:none;
}
img {
	border-color:#333;
	max-width:90%;
}
table {
	border-bottom:0 #fff none;
	border-left:0 #fff none;
	border-right:0 #fff none;
	border-top:0 #fff none;
}
ul, ol {
	margin:0.5em 1.5em;
}
td, input {
    font-family:verdana, arial, sans-serif;
}
hr {
	color:#ccf;
	background-color:#ccf;
	width:70%;
	margin:0.5em auto;
}
input,textarea {
	background:#fff;
	color:#333;
	max-width:90%;
}

/* -- TYPOGRAPHY -- */

h1, h2, h3, h4, h5, h6 {
	font-family:arial, sans-serif;
	font-weight:normal;
	margin:0.5em 1em;
}
/* approx 21px*/
h1 {
	font-size:2.1em;
	text-align:center;
	/*text-shadow: #ccf 3px 3px 3px;*/
}
/* approx 16px*/
h2 {
	font-size:1.6em;
	font-weight:bold;
}
/* approx 14px*/
h3 {
	font-size:1.4em;
	font-weight:bold;
}
/* approx 12px*/
h4 {
	font-size:1.2em;
	font-weight:bold;
}
/* approx 10/12 */
p, blockquote {
	font-size:1em;
	line-height:1.2em;
    margin:0.5em 1em;
}

/* -- PAGE ELEMENTS -- */

#container {
    margin:1em auto;
    max-width:1004px;
    text-align:left;
    width:90%;
    padding-top:25px;
}
#header {
    clear:both;
    height:90px;
}
#logo {
    float:left;
    height:77px;
    width:269px;
	max-width:100%;
}
#ads {
    float:right;
    margin:0;
    text-align:center;
    width:468px;
}
#search {
    float:right;
    padding-top:1px;
}
#search input {
    padding:0 5px;
    margin:0 5px;
}

html>body #menu {
	position:fixed;
	z-index:10; /* Prevent certain problems with form controls */
}
#content {
    background:#fff;
    border:solid 1px #ccf;
    clear:both;
    padding:1em 0;
    text-align:left;
    width:100%;
    height:100%;
}
#content img {
    margin:0.5em 1em;
    border:solid 1px #333;
}
#footer {
    clear:both;
    padding:1em 0;
}
#validation {
    float:left;
}
#copyright {
	float:right;
	padding-top:0.5em;
}

/* CUSTOM CLASSES */

div.button a {
	background:#ccf url('images/bg_menubar.png') repeat-x top;
	font-weight:bold;
	text-decoration:none;
	border:#00c solid 1px;
	white-space:nowrap;
	color:#00c;
	margin:0.3em auto;
	padding:0.1em;
	display:block;
	text-align:center;
	clear:left;
	width:70%;
}
div.button a:hover, div.button a:focus {
	background:#00c url('images/bg_menubar_hover.png') repeat-x top;
	color:#fff;
}

.AmazonList {
	margin:0.3em;
	float:right;
}
.AmazonList td {
	background:#fff;
	padding:0.3em;
}
.AmazonMain {
	background:#fff;
	padding:0.3em;
	vertical-align:top;
}
.AmazonItem {
	display:block;
	clear:left;
	padding:0.5em;
}
.AmazonBox {
	border:solid 1px #00c;
	padding:0.3em;
	margin:0.3em;
	display:block;
	background:#fff;
	vertical-align:top;
}
.AmazonBox h3 {
	text-align:center;
	white-space:nowrap;
}
img.prodImage {
	float:left;
}
img.rating {
	vertical-align:middle;
}

.terms {
	font-size:0.9em;
}

.mapinfowindow {
	white-space:nowrap;
}

.soundbite {
	display:block;
	float:right;
	padding:0.5em;
	margin:0.5em;
	width:150px;
	font-weight:bold;
	border:solid 1px #00c;
	background:#ccf url(images/bg.jpg) repeat-x top;
}

/* Quotations */
.quoteslist table {
	width:80%;
}

.quoteslist td {
	border:#00c 1px solid;
}

.quote {
    text-align:center;
    display:block;
    margin:2em;
}
.quote .author {
    font-weight:bold;
    display:block;
    padding:0.5em;
}

/* Tips table */
table.tips {
	width:90%;
	border-top:1px solid #ccf;
	border-right:1px solid #ccf;
	margin:1em auto;
	border-collapse:collapse;
}
.tips caption {
	letter-spacing:.1em;
	margin:1em 0;
	padding:0;
	caption-side:top;
}
.tips tr.odd td, .tips tr.odd .column1 {
	background:#eef
}
.tips .column1	{
	font-weight:bold;
}
.tips td {
	border-bottom:1px solid #ccf;
	border-left:1px solid #ccf;
	padding:.3em 1em;
}
.tips th {
	font-weight:normal;
	border-bottom:1px solid #ccf;
	border-left:1px solid #ccf;
	padding:.3em 1em;
}
.tips thead th, .tips tfoot th {
	background:#ccf url(images/bg_menubar.png) top repeat-x;
	text-align:center;
	font-weight:bold;
	white-space:nowrap;
}

/* Resources table */
table.resources {
	width:80%;
	margin:1em auto;
	border:solid 1px #00c;
}
.resources td {
	padding:.3em 1em;
}

/* W3C buttons */
.w3cbutton {
  margin:0.5em 0;
  width:15em;
  font-family:arial,sans-serif;
  font-weight:bold;
  float:left;
}
.w3cbutton a {
  display:block;
  width:70%;
}
.w3cbutton a:link, .w3cbutton a:visited, .w3cbutton a:hover, .w3cbutton a:focus {
  background-color:#ccf;
  color:#333;
  text-decoration:none;
}
.w3cbutton a:link, .w3cbutton a:visited {
  border-top:1px solid #ccf;
  border-bottom:1px solid #666;
  border-left:1px solid #ccf;
  border-right:1px solid #666;
}
.w3cbutton a:hover, .w3cbutton a:focus {
  border-bottom:1px solid #ccf;
  border-top:1px solid #666;
  border-right:1px solid #ccf;
  border-left:1px solid #666;
}
.w3cbutton span.w3c {
  padding:0 0.3em;
  background-color:#fff;
  color:#00c;
}
.w3cbutton span.tick {
  color:#00c;
}