/*
Everything related to the layout and appearance of typography should go in here.
Only em should be used for fonts.
Due to reset.css, 1.2em = 12px, 1.5em = 15px, works on all OS and all browsers.
*/

body, form, input, label, select { 
	color: #222;
	font-family: Arial,Helvetica,sans-serif; }

form, input, label, select {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 1.2em; }

h1 {
	font-weight: bold;
	font-size: 1.6em; }

h2 {
	font-weight: bold;
	font-size: 1.4em; }

h3 {
	font-weight: bold;
	font-size: 1.3em; }

p, li {	font-size: 1.2em; }
li li {	font-size: 1em; }

/* using em for bottom margin so heading tags get more margin (its inherited from parent). */
h1, h2, h3, p, table, .bodyform { margin: 10px 10px 1em 10px; }

p { line-height: 1.5em; }

strong { font-weight: bold; }
i { font-style: italic; }
u { text-decoration: underline; }

a { color: #00B1E6; }

#contentbar ul, #contentbar ol, #footer ul {
	list-style-position: outside;
	margin: 0 2.5em; }	
#contentbar ul { list-style-type: disc; }
#contentbar ol { list-style-type: decimal; }	
#contentbar li { margin: 1em 0; }
	
.homeBanner h3 {
	color: #fff;
	font-size: 25px; }
	
.pageBanner h2 {
	color: #fff;
	font-size: 2.5em;
	margin-top: 20px; }

.pagetitle {
	border-bottom: 1px solid #ccc;
	color: #00B1E6;
	font-size: 2em;
	margin:0 10px;
	padding-bottom:10px; }
	
.recentsearches li {
	line-height: 1.5em; }

#footer h3 {
	color: #6c6f70;
	font-size: 1.1em; }
	
#footer ul {
	list-style-position: outside;
	margin: 0 10px; }	
	
#footer li, #footer p {
	color: #6c6f70;
	font-size: 1em;
	line-height: 1.5em; }