/* Online Business, free web template by davereederdesign.com */

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


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


/* Heading styles */
h1 {margin-left: 10px; font-family: Georgia, serif; color: #333; float: left; font-weight: normal; margin-left: 10px; font-size: 1.55em}
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}

h3 a, h3 a:link, h3 a:hover {font-weight: normal} /* styling for h3 heading links */
h4 a, h4 a:link, h4 a:hover, h5 a:link, h5 a:hover {font-weight: bold} /* styling for other heading links */

h2 {margin: 0; padding-left: 10px; font-size: 0.75em; background-color: #333; color: #fff; line-height: 2.0em} /* headings on black backgrounds */

h3, h4, h5 {font-family: Georgia, serif; margin: 20px 0 0 10px}
h3 {font-size: 1.25em; line-height: 1.25em; font-weight: normal}
h4 {font-size: 0.90em; line-height: 0.90em; font-weight: bold}
h5 {font-size: 0.70em; line-height: 0.70em; font-family: Arial, Helvetica, sans-serif; font-weight: bold} /* appears like bold paragraph text */



/* Text styles */
p {margin: 10px 5px 5px 5px; font-size: 0.80em; line-height: 1.75em}

p.updated {margin-left: 10px; font-size: 0.60em; line-height: 0.90em; letter-spacing: 0.05em; color: #888; float:inherit;}
p.q { font-style: italic}
p.q:first-letter {color: #99CCFF; margin-left: 5px; font-weight: bolder; font-style:normal}
p.an:first-letter {color: #333; font-weight: bolder; margin-left: 5px}
#siteimg p {   /* This is the large text in the site img div */
	margin: 0 0 0 10px; /* removed usual top and bottom margin from paragraph to avoid layout breaking */
	padding-left: 10px;
	padding-top: 90px;
	font-family: Georgia, serif;
	font-size: 1.45em; 
	line-height: 1.05em; 
	font-weight: normal; 
	letter-spacing: -0.05em; 
}

acronym {border-bottom: 1px dashed #333; cursor: help}

ul {margin-left: 10px; font-size: 0.80em; line-height: 1.75em; list-style: inside square;}

ol {margin-left: 10px; font-size: 0.80em; line-height: 1.75em; list-style-type:decimal}

/* Paragraph Links */
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}


/* Divs */

#container {
	width: 770px; /* Suits an 800x600 page, allowing for scrollbar */
	background: #fff;
	overflow: hidden;
}

#topbar {   /* Top bar, can be used for extra links etc */
	width: 770px;
	height: 25px;
	background: #333
}
	
	
#hdr {    /* Header/Banner area */
	width: 770px; /* Suits an 800x600 page, allowing for scrollbar */
	height: 4.5em; /* Same as h1 line-height */
	line-height: 4.5em;
	background: #fff
}

#navbar {   /* Main Navigation area */
	width: 770px; /* Suits an 800x600 page, allowing for scrollbar */
	height: 1.75em; 
	background: #f0f0f0; /* Light Grey */
}

#siteimg {   /* Large Site Image */
	width: 770px; /* Suits an 800x600 page, allowing for scrollbar */
	height: 200px;
	background: url('images/siteimage.jpg') #fff; /* Light Grey */	
}

#lftcol {
	float: left;
	width: 200px;
	background: transparent;
	/*overflow: hidden*/
	
}

#rgtcol {
	float: left;
	width: 570px;
	background: transparent;
	overflow: hidden;

}

#bttmbar { /* bottom bar, containing top button and copyright info etc */
	float: right;
	width: 570px;
	height: 3em;
	line-height: 3em;
	background: #fff;
	overflow: hidden
}
.valsum {margin-left: 5px}
.section { border: 1px solid #333; width: 558px; margin: 5px 0px 10px 5px }

table.lefticonlinks { border: none; margin: 18px 0px 5px 5px; width: inherit}

.topiconlinks { border: solid 1px #99CCFF;  margin: 18px 5px 5px 0px }

/* Main Navigation */
#nav ul {display: inline}

#nav li {display: inline}

#nav a {
	line-height: 30px; /* same as height of nav bar */
	margin-left: 10px; 
	display: inline;
	font-weight: bold
}

#nav a span {color: #333}
.formtable { background-color: #99CCFF; color: #fff; margin: 0px 0px 0px 35px; height: 280px; width: 500px; }
.heading { background-color: #000; margin-top:5px; vertical-align:middle}
/* Forms, Input boxes and buttons */
form.login {float: right; height: 3em; line-height: 3em; margin: 10px 0 0 0; width: 8.0em;}
input {border: 1px solid #333; width:auto; margin:5px 0 0 10px; font-size: 0.95em; background: #fff;}
textarea {border: 1px solid #333; width:auto; margin:5px 0 0 10px; background: #fff; color: #333; font-size: 0.95em}
select {border: 1px solid #333; width:auto; margin:5px 0 0 10px; background: #fff; color: #333; font-size: 0.80em}
input[type="checkbox"], input[type="radio"]{background: transparent;border: 0;}

input.rad { height: 1em; width: 1em; margin: 0px 5px 0px 5px; background-color: #99CCFF; border: none}
.claimButton { left: 500px;}
.fs1 { margin: 0px 40px 30px 40px; border-width:1px 1px 10px 1px; border-color:#99CCFF; border-style:solid; padding: 10px; position:relative;	display:block; background-color: #fff;}
.fs1 legend {font-size:1.1em; color: #99CCFF; border-width:1px 1px 1px 10px; border-color:#99CCFF; border-style:solid; padding: 0.2em 0.5em; position:relative; top: -25px; background-color: #fff;text-transform:uppercase;}
.fs1 label { display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 150px; 
	padding: 0; 
	margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: right; 
	font-size: 0.9em;
}
.fs1 label:first-letter { /* use first-letter pseudo-class to underline accesskey, note that */
	text-decoration:underline;    /* Firefox 1.07 WIN and Explorer 5.2 Mac don't support first-letter */
                                    /* pseudo-class on legend elements, but do support it on label elements */
                                    /* we instead underline first letter on each label element and accesskey */
                                    /* each input. doing only legends would  lessens cognitive load */
                                   /* opera breaks after first letter underlined legends but not labels */
}
/* Images */
img.rightimg {float: right; margin-left: 10px}
img.leftimg {float: left; margin: 5px 5px 5px 5px;}

img.languageimg {float: right; margin: 4px 2px 0 0} /* used for the language flags */
#left {margin-left: 5px;}
.wireFrame {display: none; overflow: hidden; background-color: #eee; position:absolute; z-index: 1}
.info {display: none; width: 138px; height: 120px; font-size: 12px; border-width:10px 1px 10px 1px; border-color:#99CCFF; border-style:solid; background-color: #FFFFFF; padding: 5px; position:absolute; z-index: 2}

.required {color: #99CCFF; float: left}
div.cloud { border:1px dotted #666; padding:20px; width:91%; margin: 10px 0px 0px 5px; font-family:Trebuchet MS, Arial, Verdana, Sans-Serif;  }     
div.cloud a     { text-decoration:none; }
div.accidents {
	width:530px;
	height:150px;
	float:left;
	padding-right:40px;
	margin-top:0;
}

div.accident {
	width:100%
}

div.accident-1 {
	width:50%;
	float:left;
}

div.accident-2 {
	width:50%;
	float:right;
}
.accidents ul{
    list-style-image: url(images/arrow_icon_mini.png);
   	display: block;
	margin: 5px;
	padding: 3px;
	margin-left: 1em;
}