body
{
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-weight: normal;
	text-decoration: none;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: .8em;
	color: #404040;
	background-color: #e5e4e4;
	background-image: url(../graphics/topcomm_bg.gif);
	background-repeat: repeat-x;
}

.copybody
{
	margin-top: 10px;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	clear: both;
}

.commitment
{
	margin-right: 15px;
}


p
{
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 0.9em;
	color: #404040;
	line-height: 130%;
	text-decoration: none;
}

.smalldesc
{
	text-decoration: none;
	color: #605e5e;
	font-family: Verdana, Arial, sans-serif, Helvetica;
	font-size: 0.8em;
}


.padbot
{
	float: left;
}

.subtitle
{
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 0.8em;
	color: #404040;
	line-height: 12px;
}

.boldwhite
{
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 0.9em;
	color: #ffffff;
	font-weight: bold;
}

.boldgrey
{
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 0.9em;
	color: #605e5e;
	font-weight: bold;
}

h1, h2
{
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 1.3em;
	color: #404040;
	text-decoration: none;
}

h3
{
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 1.1em;
	color: #404040;
	padding: 5px 0 0 0;
	text-decoration: none;
}

a:link, a:visited
{
	text-decoration: underline;
	color: #008497;
	font-family: Verdana, Arial, sans-serif, Helvetica;
	font-size: 1.0em;
}
a:hover, a:active
{
	color: #003366;
	font-family: Verdana, Arial, sans-serif, Helvetica;
}


a.foot:link, a.foot:visited
{
	text-decoration: underline;
	color: #000000;
	font-family: Verdana, Arial, sans-serif, Helvetica;
	font-size: 0.9em;
}
a.foot:hover, a.foot:active
{
	text-decoration: underline;
	color: #000000;
	font-family: Verdana, Arial, sans-serif, Helvetica;
	font-size: 0.9em;
}

.minilogos
{
	float: left;
	padding-left: 22px;
	padding-top: 11px;
}

.subnav
{
	float: right;
	padding-top: 22px;
	padding-right: 22px;
	margin-bottom: -1px;
}

#main
{
	margin-left: auto;
	width: 760px;
	margin-right: auto;
	clear: both;
}

#nav
{
	width: 100%;
	float: left;
	clear: both;
}

#nav2
{
	display: none;
}

.logo
{
	float: left;
}

.navlinks
{
	float: right;
	margin-top: 5px;
}

.copycontain
{
	width: 284px;
	float: left;
}
.copy
{
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 8px;
	padding-right: 8px;
}

.photo
{
	width: 476px;
	float: right;
}

#body1
{
	float: left;
	clear: both;
	width: 100%;
	background-color: #e9e8e8;
	margin-top: 10px;
}

#footer
{
	float: left;
	clear: both;
	width: 100%;
	height: 55px;
	background-image: url(../graphics/topcomm_footbg.gif);
	background-repeat: no-repeat;
	color: white;
	font-size: 0.9em;
}

.businessheader
{
	width: 740px;
	height: 61px;
	background-image: url(../graphics/topcomm_busbg.gif);
	background-repeat: no-repeat;
	margin-left: 10px;
	margin-top: 10px;
}

.residentialheader
{
	width: 740px;
	height: 61px;
	background-image: url(../graphics/topcomm_resbg.gif);
	background-repeat: no-repeat;
	margin-left: 10px;
	margin-top: 10px;
}

.genericheader
{
	width: 740px;
	height: 61px;
	background-image: url(../graphics/topcomm_resbg2.gif);
	background-repeat: no-repeat;
	margin-left: 10px;
	margin-top: 10px;
}

.headtext
{
	float: left;
	margin-left: 10px;
}

.headbutt
{
	float: right;
}

.formlabel
{
	line-height: 230%;
}

.thumbholder
{
	width: 119px;
	height: 90px;
	margin-top: 10px;
	margin-left: 20px;
	padding-left: 10px;
	padding-top: 10px;
	background-image: url(../graphics/topcomm_thumbnailbg.gif);
	background-repeat: no-repeat;
	float: left;
}

.thumbholder2
{
	width: 119px;
	height: 90px;
	margin-top: 10px;
	margin-left: 20px;
	padding-left: 10px;
	padding-top: 10px;
	background-image: url(../graphics/topcomm_thumbnailbg1.gif);
	background-repeat: no-repeat;
	float: left;
}

.thumbholder3
{
	width: 119px;
	height: 90px;
	margin-top: 10px;
	margin-right: 20px;
	margin-left: 10px;
	padding-left: 10px;
	padding-top: 10px;
	background-image: url(../graphics/topcomm_thumbnailbg1.gif);
	background-repeat: no-repeat;
	float: left;
}

.compare1
{
	float: left;
}

.compare2
{
	padding: 2px;
	height: 26px;
	clear:right;
}

.compare3
{
	width: 110px;
	margin-top: 12px;
	margin-right: 10px;
	float: left;
}

.select1
{
	width: 20px;
	float: left;
}

.optioncontain
{
	clear: both;
	padding-bottom: 25px;
	height: 160px;
}

.keycontain
{
	background-image: url(../graphics/keybg.gif);
	background-repeat: no-repeat;
	width: 223px;
	height: 104px;
	margin-left: 10px;
	margin-bottom: 10px;
	margin-top: 10px;
	float: left;
	padding-top: 40px;
}

.comparecontain
{
	background-image: url(../graphics/comparebg.gif);
	background-repeat: no-repeat;
	width: 506px;
	height: 126px;
	margin-left: 10px;
	margin-bottom: 10px;
	margin-top: 10px;
	float: left;
	padding-top: 40px;
}

.compareoptions
{
	float: left;
	width: 200px;
	height: 126px;
	clear: both;
}

.comparedefinitions
{
	float: left;
	width: 300px;
	height: 126px;
}


.comparisonchart
{
	width: 341px;
	float: left;
}

.comparisontop
{
	width: 341px;
	float: left;
	clear: both;
}

.comparisonmiddle
{
	width: 341px;
	float: left;
}

.selectoptions
{
	background-color: #cccccc;
	height: 30px;
	padding-left: 10px;
	padding-top: 10px;
	padding-right: 10px;
}

.selectoptions2
{
	background-color: #cccccc;
	height: 5px;
	margin-top: 20px;
}
.comparisonbottom
{
	width: 341px;
	float: left;
}

.graphcontain
{
	width: 389px;
	float: right;
}

.graphtop
{
	width: 389px;
	height:96px;
	margin-bottom: 25px;
	float: left;
	background-image: url( ../graphics/optionbg.gif);
}

.graphbottom
{
	width: 389px;
	float: left;
	margin-bottom: 10px;
	background-color: #CCCCCC;
}

.padform
{
	margin-left: 10px;
	margin-top: 10px;
}

.padform1
{
	margin-left: 10px;
}

.padform2
{
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 10px;
}

.graph
{
	width: 389px;
	float: left;
	margin-left: -350px;
	_margin-left: 0px;
	margin-bottom: 25px;
}

.keycontain2
{
	width: 365px;
	float: left;
}

.keycontain3
{
	width: 365px;
	height: 116px;
	float: right;
	background-image: url( ../graphics/hold_butt.gif);
}

.keytop
{
	width: 389px;
	float: left;
}

.keybottom
{
	width: 389px;
	float: left;
	margin-bottom: 10px;
}

.key
{
	float: left;
	width: 355px;
	height: 64px;
	background: url(../graphics/newkey.gif) top left no-repeat;
	padding: 120px 0 0 10px;
}
.key2
{
	width: 365px;
	float: left;
}

#toplink
{
	clear: both;
	padding: 0 0 0 10px;
}

/* Nick's */
.graph_res
{
	background-image: url(../graphics/graph_res.png);
	background-repeat:no-repeat;
	width: 364px;
	height: 467px;
	border: 0;
	margin: 0;
	padding: 0;
	float: left;
}

.graph_space
{
	width: 7px;
	height: 467px;
	float: left;
}

.graph_bus
{
	background-image: url(../graphics/graph_bus.png);
	background-repeat:no-repeat;
	width: 364px;
	height: 467px;
	border: 0;
	margin: 0;
	padding: 0;
	float: left;
}

.graph_one_res
{
	background-image: url(../graphics/graph_res_combined.png);
	width: 735px;
	height: 428px;
	float: left;
}

.graph_one_bus
{
	background-image: url(../graphics/graph_bus_combined.png);
	width: 735px;
	height: 428px;
	float: left;
}

.listboxpos
{
	margin-bottom:5px;
	height:20px;
	
}

/*ADMIN*/

.adminheader
{
	width: 740px;
	height: 61px;
	background-image: url(../graphics/adminhead.gif);
	background-repeat: no-repeat;
	margin-left: 10px;
	margin-top: 10px;
}

.adminheader2
{
	width: 740px;
	height: 61px;
	background-image: url(../graphics/adminhead2.gif);
	background-repeat: no-repeat;
	margin-left: 10px;
	margin-top: 10px;
}

.adminphoto
{
	width: 459px;
	float: right;
	padding-right: 10px;
}

.admincopycontain
{
	width: 281px;
	float: left;
}

.loginbox
{
	width: 250px;
	height: 106px;
	background-image: url(../graphics/loginboxbg.gif);
	background-repeat: no-repeat;
	margin-left: 10px;
	margin-top: 40px;
	padding-left: 20px;
	padding-top: 20px;
}

.inputfield
{
	border: 1px solid #a4b97f;
	margin-top: 3px;
}

.adminbody
{
	margin-top: 10px;
	margin-left: 20px;
	margin-right: 10px;
	margin-bottom: 10px;
}

.dottedline
{
	width: 100%;
	padding-top: 10px;
	padding-bottom: 35px;
	border-bottom: 1px dashed black;
}

.dottedline2
{
	width: 100%;
	padding-bottom: 10px;
	border-bottom: 1px dashed black;
}

.tabspace
{
	margin-left: 6px;
	margin-right: 6px;
	margin-top: 10px;
	margin-bottom: 10px;
	float: left;
}

.button
{
	color: #ffffff;
	background-color: #ced434;
	font-size: 1.5em;
	font-weight: bold;
	border: 1px solid #a3a829;
	padding-top: 2px;
	padding-bottom: 2px;
	cursor: hand;
}

.button2
{
	color: #ffffff;
	background-color: #21b3c1;
	font-size: 1.5em;
	font-weight: bold;
	border: 1px solid #b6b6b6;
	padding-top: 2px;
	padding-bottom: 2px;
	cursor: hand;
}

.button3
{
	color: #ffffff;
	background-color: #e5b701;
	font-size: 1.5em;
	font-weight: bold;
	border: 1px solid #af7402;
	padding-top: 2px;
	padding-bottom: 2px;
	cursor: hand;
}

.buttonsm
{
	color: #ffffff;
	background-color: #ced434;
	font-size: 1.0em;
	font-weight: bold;
	border: 1px solid #a3a829;
	padding-top: 2px;
	padding-bottom: 2px;
	cursor: hand;
}

.buttonsm1
{
	color: #ffffff;
	background-color: #ced434;
	font-size: 1.0em;
	font-weight: bold;
	border: 1px solid #a3a829;
	padding-top: 2px;
	padding-bottom: 2px;
	cursor: hand;
	margin-top: 10px;
	margin-left: 20px;
}

.buttonsm2
{
	color: #ffffff;
	background-color: #21b3c1;
	font-size: 1.0em;
	font-weight: bold;
	border: 1px solid #b6b6b6;
	padding-top: 2px;
	padding-bottom: 2px;
	cursor: hand;
	margin-top: 10px;
	margin-left: 20px;
}

.buttonsm3
{
	color: #ffffff;
	background-color: #e5b701;
	font-size: 1.2em;
	font-weight: bold;
	border: 1px solid #af7402;
	padding-top: 2px;
	padding-bottom: 2px;
	cursor: hand;
	margin-top: 5px;
	margin-left: 5px;
}


.buttonsm4
{
	color: #ffffff;
	background-color: #21b3c1;
	font-size: 1.2em;
	font-weight: bold;
	border: 1px solid #605e5e;
	padding-top: 2px;
	padding-bottom: 2px;
	cursor: hand;
	margin-top: 5px;
	margin-left: 5px;
}

.left
{
	float: left;
	clear: both;
}

.left2
{
	float: left;
}

.right
{
	float: right;
}


.logobox
{
	background-color: #cccccc;
	background-image: url(../graphics/logoboxbottom.gif);
	background-position: bottom;
	background-repeat: no-repeat;
	width: 245px;
	float: right;
	margin-left: 10px;
}

.logobox2
{
	background-color: #ffffff;
	width: 245px;
	height: 105px;
}

.logobot
{
	width: 245px;
	float: left;
}
.inputoptions
{
	float: left;
	padding-left: 20px;
	width: 430px;
}

.formlabel
{
	display: block;
	text-align: right;
	float: left;
	width: 200px;
	padding-right: 20px;
}


.formlabel2
{
	display: block;
}
.forminput
{
	display: block;
	width: 45px;
	float: left;
	margin-bottom: 10px;
	border: 1px solid #a4b97f;
	margin-top: 3px;
}

.forminput2
{
	display: block;
	width: 45px;
	float: left;
	margin-bottom: 10px;
	border: 1px solid #ff0000;
	margin-top: 3px;
}

select.ddown
{
	display: block;
	float: left;
	margin-bottom: 10px;
	border: 1px solid #a4b97f;
	margin-top: 3px;
	font-size: 10px;
}
select.ddown2
{
	display: block;
	float: left;
	margin-bottom: 10px;
	background-color: red;
	margin-top: 3px;
	font-size: 10px;
}

br.clear
{
	clear: left;
}

.graphexplain
{
	float: left;
	width: 341px;
	margin-bottom: 10px;
	border: 1px solid black;
}
.hand
{
	cursor: pointer;
}
.compare_d_i
{
	padding: 0 0 0 2px;
}
.checkbox
{
	width: 1.3em;
	height: 1.3em;
	margin-bottom: 1px;
}

.note 
{
	width: 700px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.note span
{
	display: block;
	color: Blue;
	background-color: white;
	border: solid 1px black;
	padding: 2px;
	
}