/* colors */
/* dark purple: #333366 */
/* lighter purple: #8EA2B7 */
/* light grey: #E7EBEF */
/* dark grey: #D6D7CE */
/* red in logo: #B52A2D */


/* HTML Classes */
body
{
	margin-top: 10px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .70em; /* 16×.7=11.2 */
}

body, td, div, p
{
	line-height: 1.4em; /* 16×1.4=22.4 */
}

h1, h2, h3, h4
{
	line-height: 1.125em;
	margin-bottom: 10px;
}

h1 /* generally the page title */
{
	font-size: 1.5em;
}

h2
{
	font-size: 1.2em;
}

h3
{
	font-size: 1.1em;
}

/* all ul's are squares */
ul
{
	list-style-type: square;
}

ul, ol
{
	line-height: 1.25em;
	margin-top: 12px;
	margin-bottom: 12px;
}

img
{
	display: block;
}

img.inline
{	
	display: inline;
}

a
{
	color: #333366;
}

.nohovereffect:hover
{
	text-decoration:none;
}

a:hover
{
	text-decoration: underline;
	color: #B52A2D; 
}

a img
{
	border: 0;
}

/* specific areas - use id's (#classname) if at all possible */
#frame
{
	width: 768px;  /* + border */ /* assuming 800 or better */
	margin: 0 auto 0 auto;
	border: 1px solid #000;
}

.topnav0
{
	background: transparent url(images/header-blank.jpg) no-repeat left top;
	height: 120px;
}

#topnav1
{
	font-size: 1.1em;
}

#topnav1 div, #topnav1 td, #topnav1 p, #topnav1 li
{
	line-height: 1em;
}

#topnav1 img
{
	display: none;
}

#topnav1 .borderright
{
	border-right: solid 2px #fff;
}

.content_td /* wanted to use id's but VSS runat=server generates them... */
{
	width: 515px; /* + padding = 535 */ /* assuming 800 or better */
	padding: 10px;
	vertical-align: top;
	border-top: solid 1px #000;
}

/* this has been removed from the markup
#content_div
{
	background-color: #FFF;
	background-color: blue;
	padding: 10px 5px 10px 15px;
	vertical-align: top;
}
*/

.nav_td /* wanted to use id's but VSS runat=server generates them... */
{
	width: 212px; /* + padding + border = 233 */ /* assuming 800 or better */
	padding: 10px;
	vertical-align: top;
	border-left: solid 1px #000;
	border-top: solid 1px #000;
}

/* this has been removed from the markup
#nav_div
{
	padding: 10px;
	padding-right:0px;
}
*/

#bottomnav
{
	margin: 0 auto 0 auto;
	font-size: .8em;
	padding: 8px 0 8px 0;
	text-align: center;
	line-height: 140%;
}

#bottomnav a
{
	color:#fff;
	text-decoration:none;
}

#bottomnav a:hover
{
	text-decoration:underline;
}

#questions
{
	padding: 10px;
	vertical-align: bottom;
}

/* ?? don't think we need this
#rightnav
{
	width: 258px;
	vertical-align: top;
	background-color: #F7F3F7;
}

#rightnav h2
{
	text-align: center;
	padding: 8px 0 8px 0;
}*/


/* PROGRAM RULES */
.rulestext
{
	padding: 10px;
	border: solid 1px #CCCCCC;
	height: 250px;
	overflow-y: scroll;
}

.rulestext div,
.rulestext p,
.rulestext li,
.rulestext h3,
.rulestext h4
{
	line-height: normal;
}

.rulestext div
{
	margin-bottom: 10px;
}

.rulestext h4
{
	margin-top: 10px;
	margin-bottom: 10px;
}

/* Tools */
.toollinkscontainer
{
	background: transparent url(images/tools.gif) no-repeat 310px 20px;
  margin-left: 20px;
}

/* UTILITY CLASSES */

/* Borders */
.border1
{
	border: solid 1px #CCCCCC; /* 1 pixel border */
}

/* BACKGROUNDS */
.darkbackground1
{
	background-color: #333366; /* dark purple */
}

.darkbackground2
{
	background-color: #8EA2B7; /* lighter purple */
}

.darkbackground3
{
	background-color: #E7EBEF; /* really light grey right nav */
}

.darkbackground4 /* darker grey */
{
	background-color: #D6D7CE;
}

.lightbackground1
{
	background-color: #FFF;
}

/* FOREGROUNDS */
.lightforeground1
{
	color: #FFF;
}

.lightforeground2
{
	color: #AAAAAA;
}

.darkforeground1
{
	color: #6C6C6C; /* very dark gray */
}

.darkforeground2
{
	color: #CCCCCC;
}

.darkforeground3 /* Home Depot Orange */
{
	color: #e6781e;
}

.required
{
	color: #ff0000;
}

/* FONTS */
/* hold off on this for a bit
.pagetitle
{
	color: #e6781e;
	margin-top: 5px;
	font-family: Arial, Verdana;
	font-size: 1.6em;
	font-weight: bold;
}
*/

.specialblueonblue /* combination of bold, darkbackground3, darkforegroundX and a font-size */
{
	color: #153753;
	background-color: #E7EBEF;
	font-size: 1.2em; 
	font-weight: bold;
	padding: 3px 0 3px 11px;
}
.error
{
	color: #FF0000;
	font-weight: bold;
}

.bold
{
	font-weight: bold;
}

.center
{
	text-align: center;
}

.italics
{
	font-size: 1.5em;
	padding-left: 5px;
}

/* hold off on this for a bit
.arrowimage
{
	background-image: url(images/red-arrow.gif);
	background-position: right;
	background-repeat: no-repeat;
	padding-right: 14px;
	color: #B62B2E;
	text-decoration: underline;
}
*/

.arrowimage2
{
	background-image: url(images/arrow.gif);
	background-position: left;
	background-repeat: no-repeat;
	padding-left: 24px;
}

.ourbutton,
.ourbutton:hover
{
	text-transform:uppercase;
	height:19px; /* + padding */
	padding-top:3px;
	color:#FFF;
	text-align:center;
	font-weight:bold;
	display:block;
	text-decoration:none;
}

.button1
{
	background: transparent url(images/blank_54x22.gif) no-repeat left top;
	width:54px;
}

.button2
{
	background: transparent url(images/blank_63x22.gif) no-repeat left top;
	width:63px;
}

.button3
{
	background: transparent url(images/blank_124x22.gif) no-repeat left top;
	width:124px;
}

.underline
{
	text-decoration: underline;
}

.testimonial
{
	/*font-style:italic; 	font-weight:bold;*/
	margin-left: 20px;
	margin-right: 20px;
	padding: 5px 5px 5px 15px;
	background-image: url(images/whitepixel.gif);
	background-repeat: repeat-y;
	background-position: 5px 0px;
}

.rightbannerbox
{
	position: relative;
	padding: 8px;
	margin: 20px auto 0 auto;
	width: 180px;
	text-align: center;
	font-size: 1.1em;
	border: 1px solid black;
	height: 130px;
	background-color: #ffffff;
}

.rightbannerbox img
{
	display: inline;
}

#rotatingpartnersbox
{
	position: relative;
	padding: 10px 8px 0px 8px;
	margin: 25px auto 8px auto;
	width: 180px;
	text-align: center;
	height: 130px;
	border: 1px solid black;
	font-size: 1.1em;
	background-color: #ffffff;
}

#rotatingpartnersbox img
{
	display: inline;
}

.promobox
{
	background-color: #fff;
	border: solid 1px #000;
}

.promobox img
{
	display: inline;
}

#usflogoonnav
{
	position: relative;
	margin: 25px auto 8px auto;
	width: 180px;
	text-align: center;
}

#usflogoonnav img
{
	display: inline;
}

.usernameUpdated
{
	font-size: 1.35em;	
}