/* undo browser inconsistencies */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input
{ margin:0; padding:0; }
h1,h2,h3,h4,h5,h6,pre,code,input,select { font-size:100%; }
ul,ol { list-style:none; padding:0; margin: 0; }

p {
	line-height: 1.3em;
	margin: 0.7em 0 0.9em 0;
	}
	
table { border-collapse: seperate; border-spacing: 10px 10px;  }
td { border: 0px solid red; }

/* text sizes */
body { font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 76%; color: #333333; } 

a img { border: 0; margin: 0; padding: 0; }

a:link { color: #33CCFF; text-decoration: none; } 
a:visited { text-decoration: line-through; } 
a:hover { color: #FFFFFF; text-decoration: none; background: #33CCFF; } 
a:active { color: #33CCFF; text-decoration: none; } 

.copysmall { }
.copybold { font-weight: bold; }
.headlinesmall { }
.headlinebig { font-size:14px; }
.headlinebigger { float: left; font-size:16px; }
.txtred { color: #cc0000; }

.icon { vertical-align: middle; margin-right: 5px; }
.imagetitle { font-weight: bold; margin: 10px 0 10px 0;}

#maincontainer {
	margin: 0 auto;
	width: 670px;
	font-size: 0.9em;
	}

#header {
	margin: 0 0 45px 0;
	}

.dots { 
	float: left;
	width: 100%;
	height: 5px;
	padding: 10px 0 10px 0;
	background: url(../images/dots.gif) repeat-x center center;
	}
	
.row {
	float: left;
	}

.leftcontainer {
	float: left;
	width: 325px;
	}
	
.rightcontainer {
	float: right;
	width: 325px;
	margin-left: 10px;
	}
	
.boxcontent {
	float: left;
	width: 100%;
	}
	
	
.iconkeycontainer, .footercontainer {
	width: 98%;
	padding: 0;
	margin: 0 0 10px 0;
	float: left;	
	}

.footercontainer {
	margin-bottom: 30px;
	}
	
ul.listitem-icon, ul.listitem-footer {
	float: left;
	list-style: none;
	list-style-position: outside;
	display: block;
	}
	
ul.listitem-icon li, ul.listitem-icon li.long {
	float: left;
	width: 50%; /* for IE's benefits otherwise li's start at end of others, not on new line */
	margin: 0 10px 10px 0;
	text-align: left;
	display: inline;
	}

ul.listitem-icon li.long { width: 100%; }

ul.listitem-footer {
	margin-top: 10px;	
	}
	
ul.listitem-footer li {
	float: left;
	margin-right: 5px;
	text-align: left;	
	}











