/* H.Williams - This is a new style for TomTomFree Version: 2.2 (Dec 12th, 2007)
Screen layout: */

body {
margin: 0 auto;
padding: 0;
font: 12pt Verdana,Helvitica,Tahoma,Arial,"sans serif";
}


a {	
color: #0066cc;
font-weight: bold;
text-decoration: none;
background: inherit;
}

a:hover {	
color: #0000ff;
font-weight: bold;
text-decoration: underline;
background: inherit;
}

.contab {
clear: both;
color: #000000;
text-decoration: none;
text-align: left;
font-size:0.7em;
font-family: san-serif;
border-top-width: 1px;
border-top-style: solid;
border-bottom-style: solid;
border-bottom-width: 1px;
border-left-style:solid;
border-left-width:1px;
border-right-style:solid;
border-right-width:1px;
bordercolor: #C0C0C0;
}


.qmark {
color: # dark red;
url="http://download.zonealarm.com/bin/media/images/zapdot.gif";
}

.justify 
{
text-align: justify;
}

.left 
{
text-align: left;
}

.right 
{
text-align: right;
}

.center
{
text-align: center;
}

.indent
{
margin-left: 12px;
}

.squeeze
{
margin-left: 12px;
margin-right: 12px;
}

.squish
{
margin-top: 0em;
margin-bottom: 0em;
}


h1 {
font-size: 1.2em;
margin: 0 0 0.5em 0;
padding-top: 0.5em;
line-height: 1.0em;
color: #000000;
}

h2 {
font-size: 1.2em;
background-color: #505090;
color: #ffffff;
text-align: center;
line-height: 1.5em;
padding: 2px 0px 2px 4px;
}

h3 {
font-size: 1.1em;
color: #505090;
margin: 0em;
line-height: 1.5em;
padding: 2px 0px 2px 4px;
}

.mainthick {
color: #000000;
font-family: verdana;
font-size:0.8em;
}

.mainsmall {
color: #000000;
font-family: verdana;
font-weight: 500;
font-size:0.7em;
}

#maintext h3 {
font-size: 1.1em;
color: #800000;
}

#maintext h2 {
font-size: 1.2em;
background-color: #505090;
color: #ffffff;
text-align: center;
line-height: 1.2em;
margin: 0em;
}

.maintablet {
font-size: 0.8em;
color: #000000;
line-height: 1.2em;
margin: 0em;
}

#logo{
float:left;
background-image:url(tomtomfree.jpg);
width:889px;
height:117px
}

.menubar {
font-size: 30pt;
margin: 0 0 0.5em 0;
padding-top: 1em;
color: #dddddd;
background-color: #509876
}

.footert {
font-family: verdana;
font-size: 7pt;
font-weight: 400;
color: black
}

.smallbox {
	color: #000000;
	font-size: 0.7em;
}


.bar { 
	clear: both;
	font-size: 10pt;
    font-family: sans,arial,verdana,"sans serif",arial;
	height: 26px;
	width: 889px; 
	color: #FFF;
	margin: 0 0 0 0; 
	text-decoration: none;
	list-style: none;
	background: #505090;
}

	.bar li { 
		margin: 0px; 
		font-size: 10pt;
		color: #ffffff;
		background: #505090;
		text-decoration: none;
		list-style: none;
		float: left;
	}
	
	.bar li a { 
		margin: 0px; 
		border-style:solid;
		border-color: #8080b0;
		border-top: 0;
		border-bottom: 0;
		border-left: 1px;
		border-right: 1px;
		font-size: 10pt;
		color: #ffffff;
		text-decoration: none;
		padding: 4px 10px 4px 10px;
		list-style: none;
		float: left;
		background: #505090;
	} 
	
	.bar li a:hover { 
		margin: 0px; 
		border-style:solid;
		border-color: #8080b0;
		border-top: 0;
		border-bottom: 0;
		border-left: 1px;
		border-right: 1px;
		font-size: 10pt;
		color: #dddddd;
		text-decoration: none;
		list-style: none;
		float: left;
		background: #7070a0 url(bar.gif) no-repeat center top; 
} 


.tabt {
font-size: 0.7em;
font-family: Verdana;
text-decoration: none;
color: #000000;
text-align: justify;
padding: 0px 8px 0px 8px;
}

.tabt a {	
color: #2222ff;
font-weight: bold;
text-decoration: none;
background: inherit;
}

.tabt a:hover {
color: #0000ff;
font-weight: bold;
text-decoration: underline;
background: inherit;
}


.notessmall {
	padding: 1em;
	background: #004e73;
	color: #ffffff;
	font-size:0.7em;
	margin-top: 0em;
}

.notes {
	padding: 1em;
	background: #004e73;
	color: #ffffff;
	font-size:0.8em;
	margin-top: 0em;
	line-height: 1.3em;
}

.notes a{
	color: #66bbbb;
}

.tabs {
    clear: both;
    font-style: san-serif
	border-style: solid;
	border-width: 0px;
	padding: 1em;
	margin: 0px;
	background: #505090;
	color: #ffffff;
	text-decoration: none;
	text-align: center;
	font-size:0.8em;
}

.bigtabs {
    clear: both;
font-family: san-serif
	border-style: solid;
	border-width: 0px;
	padding: 0.5em;
	margin: 0px;
	background: #505090;
	color: #ffffff;
	font-weight: bold;
	text-align: center;
	font-size:1em;
}

.newspaper {
	background: #ffffff;
	color: #000000;
	font-family: "Tahoma";
	font-size: 0.8em;
	margin: 0em 1em 0em 1em;
}

.tip
{
	border-style: solid;
	border-width: 1px;
	padding: 1em;
	margin: 1em;
	background: #ffffff;
	font-size:0.8em;
	font: san-serif;
}

em {
font-weight: bold;
color: #cc5511; /* orange text emphasis in box */
font-style:normal;
}

table.fallover {
border-collapse:collapse;
padding:0;
}

.poistrip {
height:26px;
margin: 0;
background:transparent url('poiback.gif') repeat-x top left;
padding: 2px 0px 2px 0;
}

.poistrip img {
float:left;
border:1px solid #CDAD00;
margin:0px;
margin-right:10px;
}

.poistripdown {
background:transparent url('poiback.gif') repeat top left;
margin: 0;
height:256px;
padding: 2px 4px 2px 4px;
width:26px;
}

.poistripdown img {
float:left;
border:1px solid #CDAD00;
margin:0px;
margin-top:6px;
}

.midcontent {
text-align:center;
padding:10px;
font-family:arial;
font-size:12pt;
background:#edf6ff;
}

.noborder, .noborder img{
border-width:0;
}


/* hilight box - this one with rounded corners thats all */
.hilitbox {background: #aacc66; border: 0px solid #447722; width: auto; padding:0; margin: 1em; font-size:10pt;} /* a 1px border can go here */
.hilitboxtop  {  background: url(boxcornertr.gif) no-repeat top right; }
.hilitboxtop div { background: url(boxcornertl.gif) no-repeat top left;}
.hilitboxbottom  {  background: url(boxcornerbr.gif) no-repeat bottom right; }
.hilitboxbottom div { background: url(boxcornerbl.gif) no-repeat bottom left; }
.hilitbox span { color: #cc5511; font-weight: bold ; font-size:1.1em font-family: san-serif,verdana,tahoma,arial;}
.hilitbox em { border:1px dashed light-grey; font-size:1.3em; } 
.hilitbox p { font-size:1em; font: san-serif, tahoma; margin: 0.5em 1em 0.5em 1em; } 
.hilitboxtop, .hilitboxtop div, .hilitboxbottom, .hilitboxbottom div { width: auto; height: 10px; font-size: 1px; }