/* blue river style sheet */

/* text sizing changes (overrides) */
table { font-size: 110%; }
.mainarea p { line-height: 1.4em; }
.searchinput { font-size: 0.65em; }

body { background: #378DC2; }
.pagearea { background: #378DC2 URL(backgrad.jpg) repeat-x top; margin: 0px; padding: 0px; padding-top: 2px; text-align: center;}
.displayarea { width: 960px; background: #FFFFFF; margin: 0px auto 0px auto; text-align: left; border: solid 4px #FFFFFF; }
.headingarea { width: 960px; background: #FFFFFF; height: 153px; }
	/* Note that to have these elements on the same line you need float: commands - NOT display: inline
	   Also be very careful about width: 100% - it doesn't work in tables as you'd expect */
  .headerleft { width: 0px; height: 0px; background: transparent;  font-weight: bold; text-align: center; color: #99BBFF; }
  .headermain { width: 960px; height: 123px; color: #99BBFF; background: #FFFFFF URL(banner.jpg) top left no-repeat; border-bottom: 0px solid #BFDDFF;}
  .headerright { width: 960px; height: 30px; background: transparent URL(strap3.gif) top right;}

.leftcolumn { width: 160px; background: #FFFFFF URL(leftgrad.jpg) left repeat-y; padding-right: 0px; padding-top: 40px;  border-right: 0px solid #99AAFF; border-left: 0px solid #99AAFF;}
  .lefttop { }
  .leftmain { padding-left: 0px; padding-right: 0px; width: 160px; }
  .leftbase { height: 8px; }

.rightcolumn { width: 130px; background: #FFFFFF URL(rightgrad.jpg) right repeat-y; padding: 0px; padding-top: 10px; padding-left: 0px; border-right: 0px solid #99AAFF; border-left: 0px solid #99AAFF; }
    .righttop { }
	.rightmain { padding-top: 0px; margin-top: 0px; width: 130px; padding-left: 0px; padding-right: 0px; }
	.rightbase { }

.footer { text-align: left; background: #FFFFFF URL(leftgrad.jpg) left repeat-y; width: 960px; height: 0px;}
	/* Note that to have these elements on the same line you need float: commands - NOT display: inline
	   Also be very careful about width: 100% - it doesn't work in tables as you'd expect */
    .footerleft { float: left; width: 130px;  height: 10px; background: #FFFFFF URL(leftgrad.jpg) left repeat-y; }
	.footermain { float: left; width: 510px;  height: 10px; }
	.footerright { float: left; width: 130px; height: 10px; background: #FFFFFF URL(rightgrad.jpg) right repeat-y; }

/*_width: 620px; for one column IE6 - hack dosn't work for IE7*/
.mainarea { width: 670px; background: #FFFFFF; padding: 10px; padding-top: 0px; }

.toplinkarea { background: #FFFFFF URL(rightgrad.jpg) right repeat-y; padding-top: 0px; padding-bottom: 0px; padding-right: 10px; height: 0px; }
.botlinkarea { background: #EFF4FF; }

hr { background: none; color: #FFFFFF; width: 0px; height: 0px; }


/* images */

.leftpic { float: left; padding: 2px 3px 3px 2px; margin: 2px; border: 0px solid #FF9900; background: URL(cornerPic.gif) bottom right no-repeat; }
.rightpic { float: right; padding: 2px; }
.mainarea img { border:none; }
.leftcolumn img { border: none; }

.N_profile, .N_messages, .N_messages_new, .N_membership, .N_links, .N_logoff { background: none; }

/* EFF4FF */

.featXlist {}
.featXwrapperTB {}
.featXtitle { background: #0076BF; color: #FFFFFF; }
.featXbg1 {}
.featXa1 { color: #3366FF; }
.featXitem {}
.featXitem p {}
.featXbase {}