/* Copyright 2007 The Savings Experts */

body { 
	margin: 0; 
	padding: 0; 	
	font-size: 100%;
	text-align: left; 
	background: #e0e0e0;
	color: #333;
}


/* Global styles */
a {color: #00A2FF; font-weight: bold; text-decoration: none; } /* The blue colour */
a:link {color: #00A2FF; font-weight: bold; text-decoration: none}
a:hover {color: #333; font-weight: bold; text-decoration: none}

* {margin: 0; padding: 0; border: 0;}
span {color: #00A2FF}
p, ul, p a, h2, h3 {font-family: Arial, Helvetica, sans-serif}

/* Heading styles */
h1 {padding-left: 365px; padding-top: 20px; font-family: Georgia, serif; color: #333; font-weight: normal; font-size: 2.9em}
h1 a:link, h1 a:visited, h1 a:active {text-decoration: none; color: #333; font-weight: normal}
h1 a:link span, h1 a:visited span, h1 a:active span {text-decoration: none; font-weight: normal}
h1 a:hover {color: #00A2FF; text-decoration: none; font-weight: normal}
h1 a:hover span {color: #333; text-decoration: none; font-weight: normal}
h2 {margin: 0; padding-left: 10px; font-size: 0.75em; color: #fff; line-height: 2.0em;}
h2 a:link, h2 a:visited, h2 a:active {color: #fff}
h2 a:hover {color: #ddd}
h3 {margin: 0; padding-left: 20px; font-size: 0.70em; color: #fff; line-height: 1.7em; font-weight: normal}
h3 a:link, h3 a:visited, h3 a:active {color: #fff; font-weight: normal}
h3 a:hover {color: #ddd; font-weight: normal}
h4 {font-family: Georgia, serif; margin: 10px 0 10px 8px; font-size: 1.25em; line-height: 1.25em; font-weight: normal; color:#0000ff;}
h5 {font-family: Arial, Helvetica, sans-serif; margin: 10px 0 10px 10px; font-size: 0.8em; line-height: 1.25em; font-weight: bold; color:#0000ff;}

/* Text styles */
p {margin: 5px 10px 10px 10px; font-size: 0.75em; line-height: 1.5em; text-align: justify;}

p.footer {text-align:center; font-size: 0.70em;}
p.disclaimer {margin-top: 30px; font-size: 0.6em; text-align: center;}
p.misans {margin-left:40px; font-size:0.70em;}
p.quote {text-align:center; background-color: #ccc; margin: 25px 0 -10px 0; padding: 1em; }

ul {margin-left: 40px; font-size: 0.70em; line-height: 1.75em; list-style: outside square;}

/* Divs */

#container {
	width: 770px;
	background: #666;
	overflow: hidden;
	border: solid 1px #333;
	margin: auto;
	margin-top: 15px;
	margin-bottom: 15px;
}

#bar {
	float:left;
	width: 770px;
	height: 25px;
	background: #333;
	clear: both;
}

#hdr {
	background: #fff;
	width: 770px;
	height: 175px;
	background: url('images/siteimage2.jpg') #fff;
}

#ftr {
	float:left;
	width: 770px;
	height: 4.5em;
	line-height: 4.5em;
	background: #fff;
	padding-top: 1px;
}

#navbar {
	width: 770px;
	height: 1.75em; 
	background: #333;
	text-align:right;
}

#lftcol {
	float: left;
	width: 160px;
	background: #666;
	overflow: hidden;
	padding-top:10px;
	padding-bottom:10px;
}

#rgtcol {
	float: left;
	width: 610px;
	background: #fff;
	height: 300px;
	padding-bottom:1010px;
	margin-bottom:-1000px;
}

html>body #rgtcol {min-height: 300px; height:auto;} /* Because of IE */

/* Top Nav Bar */
#navbar ul, #navbar li {display: inline;}
#navbar a {line-height: 30px; padding-right: 10px; display: inline; font-weight: bold; color: #bbb;}
#navbar a:hover {color: #ddd}
#navbar a span {color: #fff}

/* Forms, Input boxes and buttons */
label {float:left; width:20em; height:1.5em;}
input.text {border: 1px solid #333; width: 25em; font-size: 0.95em; height: 1.5em;}
select {border: 1px solid #333; width: 25em; font-size: 0.95em; height: 1.5em;}
input.submit {border: 1px solid #333; width: 24em; height: 2em; background: #00A2FF; color: #fff; font-size: 1.0em}
textarea {border: 1px solid #333; width: 25em; height: 7em; font-size: 0.95em; font-family: Arial, Helvetica, sans-serif;}

/* Specifics */

#rgtcol a {color: #00A2FF; border-bottom:1px dotted #00A2FF;}
#rgtcol a:hover {color: #333; border-bottom:1px dotted #333;}
#rgtcol ul {font-size: 0.8em}