/* Copyright (c) 2007-2008 Raccoon Valley Swim Club.
 */



/* -------------------------------------------------------
 *  Essential elements
 * -------------------------------------------------------
 */

HTML, BODY {
	padding				: 0;
	margin				: 0;
	text-align			: center;
	color				: black;
	height				: 100%;
	background			: transparent url('images/bg_rvsc.jpg');
	background-repeat	: repeat-y;
	background-position	: center center;
}

H1, H2, H3, H4, H5, H6 {
	color : #BB0000;
	margin-top : 0.8em;
	margin-bottom : 0.5em;
	letter-spacing : 0.03em;
}

H1 { font-size : 175%; font-weight : bold; font-style: normal; }
H2 { font-size : 125%; font-weight : bold; font-style: normal; }
H3 { font-size : 110%; font-weight : bold; font-style: normal; }
H4 { font-size : 100%; font-weight : bold; font-style: normal; }
H5 { font-size :  90%; font-weight : bold; font-style: normal; }


A, A:visited {
	color				: #000099;
	font-weight			: bold;
	text-decoration		: none;
}

A:hover {
	color				: #990000;
	text-decoration		: underline;
}

IMG.wBorder {
	border-width		: 2px;
}

IMG {
	border-width		: 0px;
}


/*
 *  all tables are generic spacing tables by default.
 */

TABLE {
	border-width		: 0px;
	border-spacing		: 0px;
	border-collapse		: collapse;
}

TD {
	padding				: 0px;
	font-family			: arial, sans-serif;
	font-size			: small;
}


/* -------------------------------------------------------
 *  Page content container
 * -------------------------------------------------------
 */

DIV.page {
    width				: 778px;
    margin				: 0 auto;
    position			: relative;
	font-family			: arial, sans-serif;
	font-size			: medium;
	background-color	: white;
	background-position	: 0 0;
	background-repeat	: repeat-y;
	background-image	: url('images/bg_sub.gif');
	min-height			: 100%;
	height				: auto !important;		/* IE6 hack pt. 1 */
	height				: 100%;					/* IE6 hack pt. 2 */
}

DIV#homePage {
	background-image	: url('images/bg_home.gif');
}


/* -------------------------------------------------------
 *  Header section
 * -------------------------------------------------------
 */

DIV#header {
	text-align			: left;
	width				: 100%;
	position			: absolute;
	top					: 0;
	left				: 0;
	background			: white none;
/*background-color: magenta;*/
}

DIV#header IMG#rvscLogo {
	float				: left;
	display				: inline;		/* IE6 */
	margin				: 4px 10px 5px 10px;
	width				: 344px;
	height				: 100px;
	border				: 0;
}

DIV#header #quickLinks {
	font-family			: arial, sans-serif;
	font-size			: small;
	font-weight			: bold;
	padding				: 4px 10px 0px 0px;
	vertical-align		: top;
	text-align			: right;
	white-space			: nowrap;
	display				: inline;		/* IE6 */
	float				: right;
}

DIV#header #quickLinks A {
	font-weight			: normal;
}

DIV#header #msgArea {
	margin				: 12px 22px 0px 0px;
	display				: none;
	clear				: right;
	float				: right;
	display				: inline;		/* IE6 */
	width				: 370px;
}

DIV.rvscAddress {
	display				: none;
	font-size			: 8pt;
	font-weight			: bold;
	text-align			: right;
	padding-right		: 10px;
	padding-top			: 10px;
	color				: #999999;
}

/* Top Navigation */

DIV#topnav {
	background-color	: #000000;
	text-align			: center;
	width				: 100%;
	clear				: both;
	padding				: 6px 0 8px;
	zoom				: 1;
}

DIV#topnav A {
	font-weight			: bold;
	font-size			: 9pt;
	text-align			: center;
	padding				: 0 4px;
/*	border				: 1px solid transparent;   // RESTORE WHEN IE6 IS BLESSEDLY DEAD */
	border				: 1px solid black;
	white-space			: nowrap;
	zoom				: 1;
}

DIV#topnav A:link, DIV#topnav A:visited  {
	color				: white;
}

DIV#topnav A:hover  {
	color				: white;
	border				: 1px solid white;
	text-decoration		: none;
}

DIV#topnav A.selected:link, DIV#topnav A.selected:visited {
	color				: #CC2222;
}

DIV#topnav IMG {
	margin				: 0 10px;
}




/* -------------------------------------------------------
 *  Middle section
 * -------------------------------------------------------
 */

DIV#middle {
	text-align		: left;
	padding-top		: 143px;
	overflow		: hidden;
}


DIV.mainContent {
	float				: right;
	display				: inline;   /* IE6 hack */
	width				: 614px;
	padding				: 0 10px 60px;
}

DIV#homePage DIV.mainContent {
	float				: left;
	display				: inline;   /* IE6 hack */
	width				: 616px;
	padding				: 0 0 75px;
}


.pageHeading {
	margin				: 15px 0 5px 20px;
	padding-left		: 45px;
	color				: #3030c0;
	font-family			: "HandelGotD", Arial, sans-serif;
	font-weight			: bold;
	font-style			: italic;
	font-variant		: small-caps;
	background			: transparent url('images/raccoon_37x24_wt.gif') no-repeat 0 2px;
}


DIV.mainContent P {
	font-size			: small;
	margin-left			: 15px;
	margin-right		: 20px;
}

DIV.mainContent H1, DIV.mainContent H2, DIV.mainContent H3,
DIV.mainContent H4, DIV.mainContent H5, DIV.mainContent H6,
DIV.newsItemDate, DIV.newsItemHeadline
{
	margin-left			: 15px;
	margin-right		: 15px;
}

DIV.mainContent UL {
	font-size			: small;
}


/* special text */

DIV.mainContent P.notes {
	font-size			: small;
	margin-top			: 0.5em;
	margin-bottom		: 0.5em;
}

DIV.mainContent P.notes LI {
	margin-top			: 0.3em;
}

DIV.mainContent P.outdented {
	padding-left		: 2em;
	text-indent			: -1.9em;
}


/* -------------------------------------------------------
 *  Home Page-specific items
 * -------------------------------------------------------
 */


DIV.headingBanner {
	text-align			: center;
	margin				: 5px 0 1px;
}

DIV.splashPhotos {
	text-align			: center;
	margin-top			: 5px;
/*background-color: goldenrod;*/
}

IMG.splashphoto, DIV.splashPhotos IMG {
	height				: 65px;
	width				: 65px;
	margin				: 2px 0px 2px 0px;
	border-top			: 3px outset #dddddd;
	border-left			: 3px outset #dddddd;
	border-bottom		: 3px outset #999999;
	border-right		: 3px outset #999999;
}


/* Home Page menu */

DIV.highlightsMenu {
	padding				: 2px 40px;
}

DIV.highlightsMenu DIV {
	clear				: both;
	padding				: 10px;
	overflow			: auto;
	line-height			: 1.2em;
	background			: transparent url('images/raccoon_37x24_wt.gif') no-repeat 10px 12px;
	font-size			: small;
	padding-left		: 54px;
}

DIV.highlightsMenu DIV.bggray {
	background			: transparent url('images/raccoon_37x24_gr.gif') no-repeat 10px 12px;
	background-color	: #cccccc;
}


/* Valley News section */

DIV.valleyNews {
	width				: 147px;
	float				: right;
	display				: inline;   /* IE6 */
	margin-right		: 5px;
}

DIV.valleyNews .titleImage {
	text-align			: center;
	margin-top			: 10px;
	margin-right		: 5px;
}

DIV.valleyNews UL {
	margin				: 10px 5px 0 0px;
	padding-left		: 3px;
	list-style			: none;
  	overflow			: visible;
}

DIV.valleyNews UL LI {
	background			: transparent url('images/bullet_blue_8g.gif') no-repeat 0 2px;
	color				: #551100;
	margin-bottom		: 8px;
	padding				: 0px 5px 5px 14px;
  	font-family			: arial, sans-serif;
  	font-style			: normal;
  	font-size			: 75%;
  	font-weight			: normal;
  	line-height			: 1.2em;
  	width				: 118px;	/* IE6 */
}

DIV.valleyNews UL LI.boxedItem {
	padding				: 1px 5px 5px 17px;
	background-position	: 3px 4px;
	background-color	: #FFFFCC;
	border				: 1px dotted black;
}

DIV.valleyNews UL LI .itemTitle {
	font-weight			: bold;
	color				: black;
}

DIV.valleyNews A {
	font-weight			: normal;
}



/* -------------------------------------------------------
 *  Left nav section
 * -------------------------------------------------------
 */

DIV.leftNav {
	width				: 122px;
	float				: left;
	display				: inline;   /* IE6 */
	padding-left		: 10px;
	padding-top			: 10px;
/*background-color: purple;*/
}

DIV.leftNav DIV {
	font-family			: "Arial", sans-serif;
	font-size			: 9pt;
	font-weight			: bold;
	margin-bottom		: 12px;
	line-height			: 1.2em;
}

DIV.leftNav DIV.l2 {
	font-size			: 12pt;
}

DIV.leftNav DIV.l3 {
	padding-left		: 32px;
	background			: url('images/bullet_blue_8g.gif') 10px 2px no-repeat;
}

DIV.leftNav A:hover {
	color				: white !important;
	text-decoration		: none !important;
}

DIV.leftNav DIV.l2 A {
	color				: #333333;
}

DIV.leftNav DIV.selected A, DIV.leftNav DIV.up A {
	color				: #CC2222;
}


/* -------------------------------------------------------
 *  Third-level nav section
 * -------------------------------------------------------
 */

DIV.nav3 {
	margin				: 15px auto 20px;
	width				: 570px;
	text-align			: center;
	border-top			: 1px solid #cccccc;
	border-bottom		: 1px solid #cccccc;
	background-color	: #f8f8f8;
	padding-bottom		: 2px;
	zoom				: 1;
}

DIV.nav3 DIV.title {
	margin				: 0 auto;
	padding				: 1px;
	font-size			: small;
	color				: #777777;
	font-weight			: bold;
	background-color	: #dddddd;
	display				: none;
}

DIV.nav3 DIV.row {
	margin				: 0 auto;
	padding				: 1px;
}

DIV.nav3 DIV.row DIV {
	display				: inline;
	font-size			: x-small;
	line-height			: 1.3em;
	padding-left		: 1.5em;
	margin				: auto .4em;
	background			: transparent url('images/bullet_blue_6w.gif') no-repeat 0 .4em;
}

DIV.nav3 DIV.row DIV.hdr {
	text-align			: right;
	background			: transparent none;
	padding-left		: 0;
}

DIV.nav3 DIV.row DIV.hdr + DIV {
	background			: transparent none;
	padding-left		: 0.5em;
}

DIV.nav3 A {
	font-weight			: normal;
	zoom				: 1;
}

DIV.nav3 DIV.selected A {
	color				: #cc2222;
	font-weight			: bold;
}


/* -------------------------------------------------------
 *  Footer section
 * -------------------------------------------------------
 */

DIV#footer {
	clear				: both;
	position			: absolute;
	bottom				: 0;
	left				: 142px;
	width				: 625px;
	text-align			: center;
/*background-color:silver;*/
}

DIV#homePage DIV#footer {
	left				: 0;
	width				: 615px;
}

DIV.copyright {
	padding				: 1px;
	font-family			: tahoma, sans-serif;
	font-size			: 7pt;
	color				: #999999;
}

/* Bottom Navigation */

DIV#bottomNav {
	text-align			: center;
	width				: 80%;
	clear				: both;
	margin				: 0 auto 4px;
	border-top			: 1px solid #cccccc;
	border-bottom		: 1px solid #cccccc;
	padding-bottom		: 4px;
	zoom				: 1;
}

DIV#bottomNav A {
	font-size			: 8pt;
	font-weight			: normal;
	padding				: 0px 3px;
	zoom				: 1;
}

DIV#bottomNav IMG {
	margin				: 0px 2px;
}


/* -------------------------------------------------------
 *  Site Map
 * -------------------------------------------------------
 */

UL.siteMap {
	margin-left			: 80px;
	margin-bottom		: 26px;
}

UL.siteMap LI {
	margin-top			: 0.6em;
	font-size			: medium;
}

UL.siteMap LI LI {
	margin-top			: 0.3em;
	font-size			: small;
	font-weight			: bold;
}

UL.siteMap LI LI LI {
	margin-top			: 0.3em;
	font-size			: small;
	font-weight			: bold;
}


/* -------------------------------------------------------
 *  Edged boxes
 * -------------------------------------------------------
 */

/* home text box */

DIV#eboxHome {
	width				: 280px;
	min-height			: 160px;
	height				: auto !important;		/* IE6 hack pt 1. */
	height				: 160px;				/* IE6 hack pt 2. */
	float				: left;
	display				: inline;   /* IE6 */
	margin-left			: 9px;
}

DIV#eboxHome .bg {
	background-image	: url('images/edgebox_blgr_wt.gif') !important;
}

DIV#eboxHome .content DIV {
	margin				: 2px;
	padding				: 5px;
	font-size			: small;
	font-style			: italic;
}

DIV#eboxHome .content DIV:first-letter {
	color				: navy;
	font-size			: 3em;
	font-weight			: 600;
	font-family			: Rune, serif;
	float				: left;
	display				: inline;	/* IE6 */
	margin-right		: 4px;
}


/* home photo box */

DIV#eboxHomePhoto {
	width				: 316px;
	height				: 160px;
	float				: right;
	display				: inline;   /* IE6 */
	margin-right		: 9px;
}

DIV#eboxHomePhoto .bg {
	background-image	: url('images/edgebox_dgwt_wt.gif') !important;
}

DIV#eboxHomePhoto .content {
	margin				: 14px 0px 0px 15px;
	padding				: 0;
}


/* home feature box */

DIV#eboxFeature {
	width				: 550px;
	height				: 128px;
	margin				: auto;
}

DIV#eboxFeature .bg {
	background-image	: url('images/edgebox_pugr_wt.gif') !important;
}

DIV#eboxFeature DIV.content {
	margin				: 14px 0 0 15px;
	text-align			: center;
	width				: 520px;		/* IE7 bug */
	padding				: 5px 0 5px;
}


/* home urgent message box */

DIV#eboxUrgent {
	width				: 580px;
	min-height			: 100px;
	height				: auto !important;		/* IE6 hack pt. 1 */
	height				: 100px;				/* IE6 hack pt. 2 */
	margin				: 10px auto 10px;
}

DIV#eboxUrgent .bg {
	background-image	: url('images/edgebox_mrwt_gr.gif') !important;
}

DIV#eboxUrgent .content {
	margin				: 10px 0 0 0;
	text-align			: center;
	padding				: 5px 15px 10px;
	font-size			: small;
	font-style			: italic;
	font-weight			: bold;
}

DIV#eboxUrgent .content H1 {
	margin-top			: 8px;
	font-size			: x-large;
	margin-bottom		: 8px;
}

DIV#eboxUrgent .content P {
	margin-top			: 5px;
	margin-bottom		: 8px;
}

DIV#eboxUrgent .content P.umLastMod {
	margin-top			: 0;
	margin-bottom		: 10px;
	color				: #999999;
	font-size			: x-small;
}

/* membership photo box */

DIV#membershipPhoto {
	width				: 244px;
	height				: 260px;
	float				: right;
	display				: inline;   /* IE6 */
	margin-right		: 11px;
	margin-left			: 5px;
}

DIV#membershipPhoto .bg {
	background-image	: url('images/edgebox_blgr_wt.gif') !important;
}

DIV#membershipPhoto .content {
	margin				: 20px 0 0 0;
	text-align			: center;
	padding				: 0;
	font-size			: small;
	font-style			: italic;
	font-weight			: bold;
}

DIV#membershipPhoto .content CAPTION {
}


/* tube slide photo box */

DIV#inslidePhoto {
	width				: 210px;
	height				: 172px;
	float				: right;
	display				: inline;   /* IE6 */
	margin-right		: 11px;
	margin-left			: 5px;
	margin-top			: 20px;
	margin-bottom		: 20px;
}

DIV#inslidePhoto .bg {
	background-image	: url('images/edgebox_blgr_wt.gif') !important;
}

DIV#inslidePhoto .content {
	margin				: 20px 0 0 0;
	text-align			: center;
	padding				: 0;
	font-size			: small;
	font-style			: italic;
	font-weight			: bold;
}

DIV#inslidePhoto .content CAPTION {
}


/* swim/dive home page selector box */
/* NOW UNUSED

DIV#swimDiveSelector {
	width				: 200px;
	height				: 10.6em;
	float				: right;
	margin-right		: 12px;
	margin-left			: 11px;
	margin-top			: 12px;
	margin-bottom		: 15px;
}

DIV#swimDiveSelector .bg {
	background-image	: url('images/edgebox_mrwt_gr.gif') !important;
}

DIV#swimDiveSelector .content {
	margin				: 20px 0 0 0;
	text-align			: center;
	padding				: 0;
	font-size			: 10pt;
	font-style			: italic;
	font-weight			: bold;
}

DIV#swimDiveSelector IMG {
	border				: 1px solid black;
	vertical-align		: 5px;
}

DIV#swimDiveSelector A IMG {
	border				: 2px solid #000099;
}

*/


/* -------------------------------------------------------
 *  Dotted rules
 * -------------------------------------------------------
 */

DIV.dotHR {
	background			: url('images/bullet_blue_6w_hr.gif') center center repeat-x;
	height				: 15px;
	width				: 300px;
	font-size			: 0.1pt;
	margin				: 0 auto;
	padding				: 16px 0 2px;
	clear				: both;
}


/* -------------------------------------------------------
 *  Articles
 * -------------------------------------------------------
 */

DIV.article {
	font-size			: small;
	padding				: 3px;
	margin				: 7px 0px;
	width				: 200px;
	color				: #000000;
}

DIV.mainContent .article H2 {
	margin				: 0.2em 0 0.2em 0 !important;
	font-size			: medium;
}



/* --------------------------------------------------------
 *  Record Book classes
 * --------------------------------------------------------
 */

/* record selectors on main page */

DIV.recordCats {
	width				: 500px;
	margin				: auto;
	overflow			: hidden;
}

DIV.recordBox {
	margin				: 0px 15px;
	width				: 210px;
	border				: 1px solid black;
}

DIV.recordBox DIV {
	padding				: 3px;
	font-size			: small;
	text-align			: center;
	border				: 1px solid white;
}

DIV.recordBox DIV.hdr {
	background-color	: #999999;
	color				: black;
	font-weight			: bold;
	font-size			: small;
	padding				: 3px;
	border-bottom		: 2px solid white;
}

DIV.recordBox DIV.row1 {
	background-color	: #f0f0ff;
}

DIV.recordBox DIV.row2 {
	background-color	: #dddde4;
}


/* new records on main page */

DIV.newRecordList {
	width				: 430px;
	margin				: 10px auto;
	border-left			: 2px solid black;
	border-right		: 2px solid black;
	border-top			: 2px solid black;
	border-bottom		: 1px solid black;
}

DIV.newRecordList DIV {
	text-align			: center;
	font-size			: small;
}

DIV.newRecordList DIV.hdr {
	background-color	: #3333CC;
	color				: white;
	font-weight			: bold;
	padding				: 5px;
	border-bottom		: 1px solid black;
	font-size			: medium;
}

DIV.newRecordList DIV.tophdr {
	border-bottom		: 6px solid black;
}

DIV.newRecordList DIV.midhdr {
	border-top			: 1px solid black;
	font-style			: italic;
	font-weight			: normal;
	font-size			: small;
}

DIV.newRecordList DIV.hdr IMG {
	vertical-align		: -3px;
}

DIV.newRecordList DIV.newRecord {
	border-top			: 1px solid black;
	border-bottom		: 1px solid black;
	padding				: 4px;
}

DIV.newRecordList .row1 {
	background-color	: #f8f8ff;
}

DIV.newRecordList .row2 {
	background-color	: #ccccd4;
}

DIV.newRecordList DIV.category {
	font-weight			: bold;
}

DIV.newRecordList DIV.swimmers {
	font-style			: italic;
}

DIV.newRecordList DIV.datetime {
	font-size			: smaller;
}



/* -------------------------------------------------------
 *  Special Table Classes
 * -------------------------------------------------------
 */

/* infolist - for vertical list presentation; usually no headers */

TABLE.infolist {
	border				: 2px solid #dddddd;
	background-color	: #fcfcff;
	border-spacing		: 2px;
	border-collapse		: separate;
	width				: 100%;
	margin				: auto auto;
}

TABLE.infolist TD {
	padding				: 7px;
	font-size			: small;
	font-weight			: normal;
	text-align			: left;
}

TABLE.infolist TH {
	background-color	: #3030c0;
	color				: white;
	font-size			: small;
	padding				: 6px;
	text-align			: center;
}

TABLE.infolist TR.row1 {
	background-color	: transparent;
}

TABLE.infolist TR.row2 {
	background-color	: #dddddd;
}

TABLE.infolist TD.labelrow {
	background-color	: #cc3033;
}


/* infogrid - for grid presentation; usually header row on top and primary keys at left  */

TABLE.infogrid {
	border				: 2px solid #dddddd;
	background-color	: #fcfcff;
	border-spacing		: 2px;
	border-collapse		: separate;
	width				: 100%;
	margin				: auto auto;
}

TABLE.infogrid TD, TABLE.infogrid TH {
	padding				: 7px;
	font-size			: small;
	text-align			: center;
}

TABLE.infogrid THEAD TD {
	background-color	: #3030c0;
	color				: white;
	font-size			: small;
	font-weight			: bold;
	padding				: 6px;
	text-align			: center;
}

TABLE.infogrid TR.row1 {
	background-color	: #f0f0ff;
}

TABLE.infogrid TR.row1 TH {
	color				: #000000;
}

TABLE.infogrid TR.row2 {
	background-color	: #dddde4;
}

TABLE.infogrid TR.row2 TH {
	color				: #000000;
}

TABLE.infogrid TR.row3 {
	background-color	: #d0d0ec;
}

TABLE.infogrid TR.rowPeach {
	background-color	: #ffe5b4;
}


TABLE.infogrid TR.row1 .offcolor {
	background-color	: #dddde4;
}

TABLE.infogrid TR.row2 .offcolor {
	background-color	: #f0f0ff;
}


/* plain - for simple grid layout with no special formatting */

TABLE.plain {
	background-color	: transparent;
	border-spacing		: 2px;
	border-collapse		: separate;
	margin				: auto auto;
}

TABLE.plain TD {
	padding				: 2px;
	font-size			: small;
	text-align			: left;
}


/* lessonLevel - for the six lesson levels on the swim lesson programs page */

DIV.lessonTables {
	margin				: auto;
	width				: 92%;
}

TABLE.lessonLevel {
	width				: 48%;
	float				: left;
	margin				: 0.25em 0.25em;
	border-bottom		: 1px solid black;
}

* HTML TABLE.lessonLevel {
	display				: inline;   /* IE6 only */
}

TABLE.lessonLevel TH {
	text-align			: center;
	border				: 1px solid black;
}

TABLE.lessonLevel TD {
	padding				: 2px 0px;
	border-left			: 1px solid black;
	border-right		: 1px solid black;
	font-size			: small;
	text-align			: center;
}

TABLE.levelRed TH { background-color: #FF0000; color: black; }
TABLE.levelRed TD { background-color: #FFCCCC; color: black; }
TABLE.levelRed TD.row2 { background-color : #DDCCCC; }

TABLE.levelYellow TH { background-color: #FFFF00; color: black; }
TABLE.levelYellow TD { background-color: #FFFF99; color: black; }
TABLE.levelYellow TD.row2 { background-color : #E8E899; }

TABLE.levelGreen TH { background-color: #00CC00; color: black; }
TABLE.levelGreen TD { background-color: #CCFFCC; color: black; }
TABLE.levelGreen TD.row2 { background-color : #CCE4CC; }

TABLE.levelBlue TH { background-color: #33CCFF; color: black; }
TABLE.levelBlue TD { background-color: #CCEEFF; color: black; }
TABLE.levelBlue TD.row2 { background-color : #CCD8E4; }

TABLE.levelPurple TH { background-color: #CC00FF; color: black; }
TABLE.levelPurple TD { background-color: #EECCFF; color: black; }
TABLE.levelPurple TD.row2 { background-color : #D8CCE4; }

TABLE.levelSilver TH { background-color: #AAAABB; color: black; }
TABLE.levelSilver TD { background-color: #F0F0FF; color: black; }
TABLE.levelSilver TD.row2 { background-color : #DDDDEE; }


/* recordBook follows infogrid but with a couple overrides */

TABLE.recordBook {
	width				: 96%;
	margin-bottom		: 15px;
}

TABLE.recordBook THEAD TR TD {
	font-style			: normal !important;
}

TABLE.recordBook TBODY TR TH {
	padding				: 3px 0;
}

TABLE.recordBook TBODY TR TD {
	padding				: 3px 0;
}

TABLE.recordBook TR.groupBottom TD, TABLE.recordBook TR.groupBottom TH {
	border-bottom		: 10px solid white;
}

TABLE.recordBook TD.notes {
	font-style			: italic;
}

TABLE.infogrid TR.girls {
	background-color	: #ffecec;
}

TABLE.infogrid TR.girls TH {
	color				: #000000;
}

TABLE.infogrid TR.boys {
	background-color	: #e0e0ff;
}

TABLE.infogrid TR.boys TH {
	color				: #000000;
}

TABLE.infogrid TR.mixed {
	background-color	: #e4f4e4;
}

TABLE.infogrid TR.mixed TH {
	color				: #000000;
}


/* awards follows infogrid but with a couple overrides */

TABLE.awards {
	width				: 88%;
	margin-bottom		: 15px;
}

TABLE.awards TD, TABLE.awards TH {
	padding				: 4px 0;
}

TABLE.awards TR.rowHL {
	font-size			: 120%;
	font-weight			: bold;
	background-color	: #ffcc00;
}


/* event calendar is an infolist */

TABLE.eventCalendar TD {
	text-align			: center;
}

TABLE.eventCalendar TR.row2 TH {
	background-color	: #333366;
}


/* misc table styles */

TABLE.fixht30 TBODY TR TD {
	height				: 30px;
	overflow			: auto;
	padding-top			: 0;
	padding-bottom		: 0;
}

TABLE.fixht35 TBODY TR TD {
	height				: 35px;
	overflow			: auto;
	padding-top			: 0;
	padding-bottom		: 0;
}

TABLE.fixht40 TBODY TR TD {
	height				: 40px;
	overflow			: auto;
	padding-top			: 0;
	padding-bottom		: 0;
}



/* -------------------------------------------------------
 *  Captioned photo boxes
 * -------------------------------------------------------
 */

DIV.photoBox {
	text-align			: center;
	position			: relative;
	overflow			: visible;
	margin				: 15px 15px;
}

DIV.photoBox DIV.caption {
	font-size			: small;
}


/* -------------------------------------------------------
 *  Other Stuff
 * -------------------------------------------------------
 */

/* float classes */

.rightFloat {
	float				: right;
	display				: inline;   /* IE6 */
	margin				: 2px 0 2px 8px;
}

.leftFloat {
	float				: left;
	display				: inline;   /* IE6 */
	margin				: 2px 8px 2px 0;
}

.inlineImage {
	margin				: 2px 6px 2px 0;
}

IMG.rightFloat, IMG.leftFloat, IMG.inlineImage, IMG.bordered, DIV.photoBox IMG {
	border				: 2px solid black;
}


/* special-use classes */

P.internalLinks {
	text-align			: center;
}

P.internalLinks A {
	font-weight			: normal;
	padding				: 0 8px;
}


UL.downloadList {
	font-size			: 0.75px;
	margin-left			: 3em;
}

UL.downloadList .pdf {
	padding-left		: 25px;
	background			: url('images/icon_pdf.gif') no-repeat 0 2px;
	line-height			: 1.5em;
	list-style			: none;
	margin-bottom		: 0.5em;
}

P.downloadInfo {
	text-align			: center !important;
	margin				: 3em 15em 0.5em !important;
	font-size			: xx-small !important;
}


UL.faqList {
	margin-right		: 2em;
}

UL.faqList LI {
	margin-bottom		: 0.5em;
}

UL.faqList UL {
	font-size			: small;
	margin-left			: 2em;
	margin-top			: 0.5em;
	margin-right		: 2em;
}



DIV.newsItemDate {
	color				: black;
	font-size			: x-small;
	margin-top			: 1.5em;
	margin-bottom		: 0;
	padding				: 0;
	font-weight			: bold;
}

DIV.newsItemHeadline {
	color				: #BB0000;
	margin-top			: 0em;
	margin-bottom		: 0.5em;
	padding				: 0;
	font-weight			: bold;
}

DIV.newsItemHeadline + P {
	margin-top			: 0.5em;
}


DIV.columnList {
	margin-left			: 3em;
	overflow			: auto;
}

DIV.columnList DIV {
	float				: left;
	display				: inline;   /* IE6 */
	overflow			: auto;
	width				: 180px;
}

DIV.columnList DIV DIV {
	margin-left			: 30px;
	padding-left		: 14px;
	width				: 120px;
	background			: url(images/bullet_blue_8w.gif) no-repeat 0 5px;
	height				: 1.6em;
}



DIV.outsetBox {
	text-align			: center;
	padding				: 5px 15px;
	border				: 3px outset #993300;
	margin				: 0px auto;
	background-color	: #EEEEEE;
}

DIV.outsetBox P {
	margin				: 5px auto;
	font-size			: medium;
}


DIV.toolTip {
	display				: none;
	width				: 100px;
	position			: absolute;
	font-size			: x-small;
	color				: #660033;
	background-color	: #FCFCF8;
	padding				: 3px;
	border				: 1px dotted #330022;
	z-index				: 99;
}

SPAN.toolTip {
	font-size			: xx-small;
	vertical-align		: 1px;
	color				: #000099;
	border-bottom		: 1px dashed #000099;
}