body {
	margin: 0px;
	padding: 0px;
	font-family: verdana, arial, helvetica, sans-serif;
	color: #737373;
	text-align: center;
	background-color: #dcdcdc;
	}

html,body {
	height: 100%;
	}

a{
	color: #336699;
}

textarea{
	border: 1px solid #cccccc; /* bizarre ie6 form display bug */
}

#main{
/*	background-color: #f0f8fc; */
}

#center {
	background: url(/images/diagbg.gif) 0 0 repeat;
	border: 0px solid black;
	background-color: #FFFFFF;
	margin: 0 auto;
	text-align: left;
	width: 775px;
}

#logo{
	background: url(/images/header-bg.jpg) 0px 7px repeat-x;
	height: 55px; 
	margin: 0 auto; /* Firefox won't center this div without this line */
}

#logo img,.png{
	margin-left: 11px;
	margin-top: 6px;
	float: left;
	border: 0px;
}

#logo div {
	float: right;
}


#header, #headerleft{
	background: url(/images/headerbarbg.gif) 0px 0px repeat-x;
	height: 28px;
	border: 0px solid green;
	margin: 0 auto; /* Firefox won't center this div without this line */
}

#header ul{
	list-style: none;
	padding: 0px;
	margin: 0px;
	border: 0px solid green;
	float: right;
        font-family: arial,tahoma,verdana,sans-serif;

	/*font-family: "Tw Cen MT Condensed","arial narrow",arial,helvetica,sans-serif;*/
}

#headerleft ul{
	list-style: none;
	padding: 0px;
	margin: 0px;
	border: 0px solid green;
	float: left;
        font-family: arial,tahoma,verdana,sans-serif;
		
	/* font-family: "Tw Cen MT Condensed","arial narrow",arial,helvetica,sans-serif; */
}

#header li, #headerleft li{
	background: url(/images/header-sep.gif) 0 0 no-repeat;
	float: left;
	height: 28px;
	border: 0px solid red;
	font-size: 1.0em;
	line-height: 24px;
	padding-left: 10px;
	padding-right: 50px;
}

#header li a, #headerleft li a{
/*	color: #3f5c8d; */
	color: #ffffff; 
	text-decoration: none;
}
/*
#header li a:hover, #headerleft li a:hover{
	color: #f2f2f2;
}*/

#content{
	border: 0px solid red;
/*	background: url(/images/leftbar-bg.gif) 6px 0px repeat-y ; */
	background-color: #ffffff;
}

#content2{
	border: 0px solid red;
	padding-top: 5px;
	padding-bottom: 5px;
}

#leftside{
	border: 0px solid purple;
	margin-left: 6px;
	margin-top: 0px;
	width: 163px;	
	float: left;
	display: inline; /* redundant, but ie6 will double the margin width without this line */
}

#slider{
	position: fixed;
	z-index: 5;
	left: 30%;
	height: 50%;
	width: 550px;
	border: 0px solid red;
}

#slidercontent{
	position: relative;
	top: 60%;
	bottom: 0px;
	background-color: #f5f5f5;
	border: 1px dotted #336699;
}

#buttontitle {
	background: url(/images/buttontitle.gif) 0 0 no-repeat;	
	width: 100%;
	max-height: 80px;
	height: 80px;
	border-left: 1px solid #b1ccf0;
	border-top: 1px solid #b1ccf0;
	border-right: 1px solid #95bef0;
	border-bottom: 1px solid #95bef0;
	font-family: "Tw Cen MT Condensed",arial,helvetica,sans-serif;
	font-size: 30px;
	font-weight: bold;
	color: #ffffff;
	position: relative;
	}

.buttontitletext{
	border: 0px solid green;
	position: absolute;
	right: 2px;
	bottom: 1px;
}

.buttontitletext2{
	border: 0px solid green;
	position: absolute;
	color: #7caff0;
	right: 1px;
	bottom: 0px;
}
.menutopper{
	width: 100%;
	border-left: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	text-align: right;
	white-space: nowrap;
	background-color: #FFFFFF;
	line-height: 5px;	
}

.menubottomer{
	width: 100%;
	border-left: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	border-top: 1px solid #e2e8ec;
	text-align: right;
	white-space: nowrap;
	background-color: #FFFFFF;
	line-height: 5px;	
}

.menu, .menuselect{
	width: 100%;
	border-left: 1px solid #e2e8ec;
	border-right: 1px solid #e2e8ec;
	text-align: right;
	white-space: nowrap;
	font-family: "arial narrow",arial,helvetica,"Nimbus Sans L",sans-serif;
	font-size: 1.0em;
	font-weight: bold;
}

.menu img, .menuselect img{
	margin-right: 5px;
	margin-left: 5px;
	border: 0px;
}

.menu {
	border-top: 1px dotted #88b5f0;
}

.menu a{
	color: #95bef0; /* ie6 fix */
	text-decoration: none;
}

.menuselect {
	border-top: 1px dotted #88b5f0;
	background: url(/images/menuselect-bg.gif) 0 0 no-repeat;
	position: relative; /* gotta be here for text drop-shad-faux */
	color: #95bef0;
}
.menuselect div {
	position: absolute; /* gotta be here for text drop-shad-faux */
	right: 21px;
	bottom: 1px;
}

.menuselect a{
	color: #ffffff;
}

.menuselectsub {
	text-align: right;
	font-size: .7em;
	line-height: 1.7em;
	margin-right: 10px;
}

.menuselectsub a{
	color: #3366bb;
	text-decoration: underline;
}

.leftboxheader{
	background: url(/images/leftitemheader-bg.gif) 0 0 repeat-x;
	background-color: #e2e7ea;
	font-family: verdana, arial, helvetica, sans-serif;
	color: #4086da;
	width: 100%;
	font-size: .6em;
	font-weight: bold;
	line-height: 26px;
	height: 26px;
	border-left: 1px solid #c9d7e1;
	border-right: 1px solid #a8b4bc;
	border-top: 1px solid #c9d7e1;
	border-bottom: 0px solid #a8b4bc;
	margin-top: 0px;
}

.leftboxheader img{
	float: left;
	margin-left: 5px;
	margin-top: 5px;
	margin-right: 5px;
}

.leftbox{
	width: 100%;
	border-left: 1px solid #c9d7e1;
	border-top: 1px solid #a8b4bc;
	border-right: 1px solid #a8b4bc;
	border-bottom: 1px solid #a8b4bc;
	margin-bottom: 5px;
	padding-bottom: 5px;
	font-size: 12px;
}

.leftbox div /* Extra div prevents padding from expanding .leftbox */
{
	margin-left: 5px;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0px;
	border: 0px solid green;
}

.leftbox div img{
	margin-top: 5px;
	border: 0px;
}

.leftbox .text{
	margin: 1px;
	background-color: #f0f5fb;
	border: 1px solid #dce7f3;
	height: 14px;
	width: 150px;
	color: #666666;
	font-size: 0.7em;
}

.leftbox .button{
	float: right;
	margin-right: 5px;
	display: inline;
}

.leftbutton{
	border-left: 1px solid #c9d7e1;
	border-top: 1px solid #c9d7e1;
	border-right: 1px solid #a8b4bc;
	border-bottom: 1px solid #a8b4bc;
	width: 100%;
	line-height: 1px; /* xhtml strict needs this, else unexplained padding shows up below the div's contents */
}

.leftbutton img{
	border: 0px;
}

#rightside{
	border: 0px solid green;
	padding-left: 8px;
	padding-top: 0px;
	float: left;
	width: 586px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	line-height: 1.6em;
	position: relative;
}

#rightside h1{
	font-size: 1.3em;
	color: #82a6d2;
	border: 0px solid red;
	margin: 0px;
}

#rightside img{
	border: 0px;
}

#rightside h2{
	font-size: 1.3em;
	color: #e16611;
	margin: 0px;
}

#feature {
	border: 0px solid red;
	line-height: 1px;  /* xhtml strict needs this, else unexplained padding shows up below the div's contents */
	position: relative;
	z-index: 1;
}

#featurebuttons{
	margin-top: -112px; /* slides the buttons up from below the featured image */
	z-index: 2;
	left: 0px;
	bottom: 0px;
}

#featurelinks{ /* biggest cheat ever 'cause ie6 doesn't know wtf about png transparency, can't align images for shit, and the png trans fix */
					/* just breaks things even more */
					/* this spreads a 1px trans gif across the entire feature div and puts the links where they need to be */
					/* i am not proud of this -bd */
	height: 415px;
	width: 590px;
	z-index: 3;
	position: absolute;
	top: 0px;
	left: 0px;
}


.feedcolumn{
	float: left;
	width: 230px;
	margin-left: 5px;
	margin-right: 5px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	border-bottom: 1px dashed #c1c7ca;
	color: #828f98;
	font-size: 0.7em;
	background-image: url("images/feed-bg.gif");
}

.feedheader{
	color: #5cb2d2;
	font-weight: bold;
	white-space: nowrap;
	border-bottom: 1px solid #dfe5e9;
	padding-bottom: 2px;
}

.feedheader img{
	border: 0px
}

.feedtitle{
	margin-top: 5px;
	margin-left: 1em;
	text-indent: -0.8em;
}

.feedtitle a{
	color: #6a8dc6;
	font-weight: bold;
}

.feedtext{
	margin-left: 1em;
	margin-top: 5px;
	margin-bottom: 5px;
}

.feedcolumn div img{
	vertical-align: bottom;
}

.feedseparator{
	border: 0px solid red;
	float: left;
	height: 250px;
	margin-left: 2px;
	margin-right: 2px;
}
.feedseparator img{
	vertical-align: middle;
}

#pagetitle {
	background: url(/images/pagetitle.gif) 0 0 no-repeat;	
	width: 100%;
	max-height: 80px;
	height: 80px;
	border: 1px solid #d3e2f7;
	font-family: "Tw Cen MT Condensed",arial,helvetica,sans-serif;
	font-size: 30px;
	font-weight: bold;
	color: #95bef0;
	position: relative;
	letter-spacing: 0.15em;
	line-height: 1.1em;
	margin-bottom: 5px;
	}

.titletext {
	border: 0px solid green;
	position: absolute; /*this is the only way get text aligned on the bottom, combined with rel pos on its parent */
	left: 3px;
	bottom: 2px;
}

table.fancytable{
	font-size: .9em;
	width: 100%;
	display: table;
	border-collapse: collapse;
	border-spacing: 0px;
}

table.fancytable a{
	color: #336699;
}
table.fancytable img{
	display: block; /* xhtml rendering allows for descender space on images.  asshattery!  this fixes that */
  margin: 0 auto; /* the auto allows this now-block-level element to be center-aligned */
  border: 0;
  padding: 0;
}

table.fancytable tr.header{
	font-size: 1em;
	font-weight: bold;
	color: #003366;
	background: url(/images/tableheader-bg.gif) 0 0 repeat-x;
	border-left: 1px solid #b1ccf0;
	border-top: 1px solid #b1ccf0;
	border-right: 1px solid #95bef0;
	border-bottom: 1px solid #95bef0;
	text-align: center;
}

table.fancytable tr .price{
	font-weight: bold;
	font-size: 1.1em;
}

table.fancytable .left{
	text-align: left;
}

table.fancytable .right{
	text-align: right;
}

table.fancytable tr.plans{
	text-align: center;
	font-weight: bold;
	color: #003366;
}

table.fancytable tr.alt0{
	text-align: center;
}

table.fancytable tr.alt0 div{
	font-weight: bold;
	color: #e16611;
	float: left;
}

table.fancytable tr.alt0 div img{
	margin: 5px;
}

table.fancytable tr.alt1{
	background-color: #f2f7ff;
	text-align: center;
}

table.fancytable tr.alt1 div{
	font-weight: bold;
	color: #e16611;
	float: left;
}

table.fancytable tr.alt1 div img{
	margin: 5px;
}

.linkbox {
	border-left: 1px solid #aaccff;
	border-top: 1px solid #aaccff;
	border-right: 1px solid #aaccff;
	border-bottom: 1px solid #aaccff;
	background: #f2f7ff;
	padding: 10px;
	float: left;
	margin-top: 0px;
	margin-bottom: 0px;
	vertical-align: middle;
	text-align: left;
	width: auto; /* safari ignores this and wraps stuff incorrectly.  One day it will work.  Thanks Apple! */
	}

.imgleft{
	float: left;
	margin: 5px 10px 0px 10px;
	padding: 5px;
	background: #f2f7ff;
	border: 1px solid #aaccff;
}

.imgleft img{
	display: block;
}

.linkbox img{
	vertical-align: middle;
	margin-right: 10px;
	border: 1px solid #3366bb;
	float: left;
}

.linkbox div{
	font-size: 1.3em;
	font-weight: bold;
	color: #e16611;
	line-height: 1em;
	padding: 0px;
	margin-bottom: 0.5em;
	text-align: left;
}

.linkbox ul{
	list-style: circle;
	list-style-position: inside;
	padding: 0px;
	margin: 0px 0px 0px 20px;
	border: 0px solid green;
}

.leftimage{
	float: left;
	margin-right: 5px;
	margin-left: 5px;
	border: 0px solid green;
}

.leftimage img{
	display: block; /* xhtml img render problem again */
}

.dedicatedfloat1{
	float: left;
	border: 0px solid red;
	width: 300px;
}

.dedicatedfloat2{
	float: right;
	border: 3px double #aaccff;
	background: #f2f7ff;
	padding: 5px;
	width: 150px;
}

.dedicatedfloat2 ul{
	padding: 0px 0px 3px 5px; /* firefox */
	margin: 0px 0px 3px 5px;  /* ie6 */
	list-style-position: inside;
}

.profile1{
	padding: 5px;
	border-bottom: 1px solid #c7dde9;
	background: url(/images/profile-bg.gif) 0 0 repeat-y;
}

.profile1 img{
	float: left;
	border: 1px outset #c7dde9;
	margin: 0px 5px 0px 0px;
}

.profile1 span.name {
	font-size: 1.5em;
	font-weight: bold;
	color: #f38833;
}
.profile1 span.name a{
	color: #f38833;
}

.profile2{
	margin-left: 5px;
}

.profile2 div{
	color: #546c88;
	font-weight: bold;
	margin-top: 1.2em;
}

tt{
	font-size: 1.2em;
}

.txterr{
	color: red;
	font-weight: bold;
}

#footer2 {
	border-bottom: 1px solid #a8b4bc;
	background-color: #f0f8fc;
	background: url(/images/footer1b.jpg);
	text-align: center;
	width: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.6em;
	color: #69779e;
}

#footer2 a{
	text-decoration: none;
}

#footermain2{
	background: url(/footer2b.jpg);
	height: 50px;
	padding: 5px;
	margin: 0 auto; /* Firefox won't center this div without this line */
	width: 765px;
}

#footerleft2{
	text-align: left;	
}

#footerright2{
	float: right;
	text-align: right;	
}
	
	
#footer {
	border-top: 1px solid #a8b4bc;
	background-color: #f0f8fc;
	background: url(/images/footer1.jpg);
	text-align: center;
	width: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.6em;
	color: #69779e;
}

#footer a{
	text-decoration: none;
}

#footermain{
	background: url(/images/footer2.jpg);
	border-bottom: 1px dotted #a8b4bc;
	height: 50px;
	padding: 5px;
	margin: 0 auto; /* Firefox won't center this div without this line */
	width: 765px;
}

#footerleft{
	text-align: left;	
}

#footerright{
	float: right;
	text-align: right;	
}
	
.clear {
	clear: both;
	font-size: 1px;
}
.clearleft {
	clear: left;
	font-size: 1px;
}
.clearright {
	clear: right;
	font-size: 1px;
}

/* signup form retrofit */
.fancyform{
	border: 0px solid red;
	margin-top: 10px;
	width: 99%; /* ie6 shits itself if this is 100.  go figure */
	color: #000000;
}

.fancyform label, .fancyform input {
	float: left;
	margin-bottom: 5px;
}

.fancyform label {
	margin-left: 20px;
}

.fancyform label span{
	font-weight: normal;
	font-size: 1em;
}

.test{
	border: 1px solid purple;
}

.fancyform label, .fancyform label.blank {
	text-align: left;
	padding-right: 5px;
	font-weight: bold;
	font-size: 0.9em;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.7em;
	width: 30%;
}

.fancyform label{
	border-top: 1px dotted #cbd6de;
}

.fancyform label.blank{
	border-top: 0px;
}

.fancyform label.innerlabel{
	width: auto;
	border: 0px;
	margin: 0px;
	padding: 0px 5px 0px 5px;
	font-weight: normal;
}

.fancyform span.innerinput{
	float: left;
}

.fancyform input.text, .fancyform select{
	border: 1px solid #cbd6de;
	background: url(images/newpanel/formfieldbg.gif) 1px 1px repeat-x;
	background-color: #ffffff;
	float: left;
}

.fancyform textarea.text{
	border: 1px solid #cbd6de;
	background: url(images/newpanel/formfieldbg.gif) 1px 1px repeat-x;
	background-color: #ffffff;
	float: left;
	width: 50%;
}

.fancyform input.text:disabled, .fancyform input.text:disabled, .fancyform textarea.text:disabled, .fancyform select:disabled{
	border: 1px solid #dae5ee;
	background: none;
	background-color: #ebf1f3;
	color: #cccccc;
}

.fancyform div.radiotext{
	float: left;
	font-size: 0.9em;
	border: 0px dotted red;
	vertical-align: top;
	width: 65%;
}

.fancyform input.text{
	border: 1px solid #cbd6de;
	background: url(images/newpanel/formfieldbg.gif) 1px 1px repeat-x;
	background-color: #ffffff;
}

.fancyform input.button{
	border-top: 2px solid #dbe7f0;
	border-left: 2px solid #dbe7f0;
	border-right: 2px solid #b7c1c8;
	border-bottom: 2px solid #b7c1c8;
	background: #0066cc;
	font-weight: bold;
	color: #eff5f9;
}

.fancyform input.button:active{
	border-top: 2px solid #b7c1c8;
	border-left: 2px solid #b7c1c8;
	border-right: 2px solid #dbe7f0;
	border-bottom: 2px solid #dbe7f0;
	color: #0066cc;
}

.infobox, .infoboxsmall, .infobox_body, .infobox_head, .infobox_head h1{
        background: transparent url(/images/infoboxbg.png) no-repeat bottom right;
}

.infobox, .errorbox, .successbox, .contentbox, .activecontentbox{
        padding-right: 5px; /* the gap on the right edge of the image (not content padding) */
        margin: 10px 0px 10px 0px; /* use to position the box */
}

.infoboxsmall{
        padding-right: 5px; /* the gap on the right edge of the image (not content padding) */
        margin: 10px 170px 10px 0px; /* use to position the box */
        border: 0px solid purple;
}

.infobox_head, .errorbox_head, .successbox_head {
        background-position: top right;
        margin-right: -5px; /* pull the right image over on top of border */
        padding-right: 35px; /* right-image-gap + right-inside padding */
        border: 0px solid purple;
}

.infobox_head h1, .errorbox_head h1, .successbox_head h1 {
        background-position: top left;
        font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
        font-weight: bold;
        font-size: 9pt;
        margin: 0; /* reset main site styles*/
        border: 0; /* ditto */
        padding: 10px 0px 15px 5px; /* padding-left = image gap + interior padding ... no padding-right */
        white-space: nowrap;
}

.infobox_head h1{
	color: #de9c09;
}
	
.infobox_body, .errorbox_body, .successbox_body {
        background-position: bottom left;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 1.0em;
        margin-right: 0px; /* interior-padding right */
        padding: 0px 0px 15px 0px; /* mirror .cssbox_head right/left */
        border: 0px solid red;
}

.infobox_body{
        color: #000000;
}

ul.arrow {
        margin-top: 0px;
        margin-left: 0px;
        padding-left: 30px;
        list-style-image: url(/images/bullet_blue.gif);
}


/* custom classes */
.smLabel {
        text-decoration:bold;
        font-size:0.9em;
}

.formField {
        font-size: 11px; color:#000;
        color:#000000;
        background-color:#FFFFFF;
        border-style: solid;
        border-color: #888888;
        border-width: 1px;
        /* height: 18px; */
}

.formHeader {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 16px;
        color: #333366;
        font-weight: bold;
}


.formTextSmall {
        font-family: Arial, Helvetica, sans-serif;
        color: #666666;
        font-size: 10px;
}

.formBackgroundColoredCell {
/*      font-size:1em;  */
        background-color: #C7C7D3;
}