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



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

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

H1, H2, H3, H4, H5, H6 {
	color : brown;
	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			: white url('images/bg_sub.gif') repeat-y;
	min-height			: 100%;
	height				: auto !important;		/* IE6 hack pt. 1 */
	height				: 100%;					/* IE6 hack pt. 2 */
}

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


/* -------------------------------------------------------
 *  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 20px 0px 0px;
	clear				: right;
	float				: right;
	display				: inline;		/* IE6 */
	width				: 370px;
	text-align			: center;
}

DIV#header #ssa2007 {
	display				: none;
	width				: 250px;
	margin				: auto auto;
	text-align			: center;
	font-size			: 20pt;
	font-weight			: bold;
	padding-right		: 10px;
	padding-top			: 10px;
	color				: #993399;
}

/* 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				: #00CCCC;
}

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/staricon_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#homePage DIV.mainContent H2 {
	margin-top			: 4px;
}

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 right column section */

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

DIV.homeRight H1, DIV.leftNav H1 {
	text-align			: center;
	font-size			: 18pt;
	margin-top			: 15px;
	margin-bottom		: 0px;
	color				: #009999;
}

DIV.homeRight H2 {
	text-align			: center;
	font-size			: 11pt;
	margin-top			: 15px;
	margin-bottom		: 0px;
	color				: #660066;
}

DIV.homeRight P {
	margin				: 0 auto 0;
	color				: black;
	font-size			: 9pt;
	font-weight			: bold;
	text-align			: center;
}

DIV.homeRight DIV.dayCounter {
	border				: 4px outset navy;
	background-color	: #660066;
	margin				: 10px auto 10px;
	width				: 110px;
	text-align			: center;
	font-weight			: bold;
	padding				: 4px 0 10px;
	color				: #CCCCCC;
}

DIV.homeRight SPAN.daysToGo {
	font-family			: "comic sans ms", "comic sans", "times new roman", serif;
	font-size			: 24pt;
}


/* home page list */

UL.siteList {
	font-size			: small;
	margin-left			: 3em;
	margin-right		: 3em;
}

UL.siteList LI {
	padding-left		: 25px;
	background			: url('images/staricon_25x16_wt.gif') no-repeat 0 1px;
	line-height			: 1.4em;
	list-style			: none;
	margin-bottom		: 0.5em;
}



/* -------------------------------------------------------
 *  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;
}


/* for when the left nav bar contains text */

DIV.leftNav P {
	font-size			: 9pt;
	font-family			: arial, sans-serif;
	text-align			: center;
}

DIV.leftNav P.boxed {
	border				: 2px solid black;
	background-color	: #FFFF99;
	padding				: 5px 3px;
	margin				: auto 3px;
}

DIV.leftNav A:hover {
	color				: red !important;
}


/* -------------------------------------------------------
 *  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;
}



/* -------------------------------------------------------
 *  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;
}



/* -------------------------------------------------------
 *  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	: #771177;
	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	: #660066;
	color				: white;
	font-size			: small;
	font-weight			: bold;
	padding				: 6px;
	text-align			: center;
}

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

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

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

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


/* 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;
}


/* teamTable - logo grid */

TABLE.teamTable {
	background-color	: transparent;
	border-spacing		: 5px;
	border-collapse		: separate;
	margin				: 25px auto;
}

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

TABLE.teamTable TABLE {
	margin				: auto;
}

TABLE.teamTable TABLE TD {
	height				: 130px;
	width				: 120px;
	overflow			: auto;
	padding				: 2px;
	font-size			: small;
	text-align			: center;
}

TABLE.teamTable DIV.logo {
	height				: 70px;
}

TABLE.teamTable DIV.team {
	font-weight			: bold;
	font-size			: 9pt;
}

TABLE.teamTable DIV.city {
	font-size			: 7pt;
}


/* 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;
}


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

/* home box */

DIV#eboxHome {
	width				: 240px;
	min-height			: 100px;
	height				: auto !important;		/* IE6 hack pt. 1 */
	height				: 100px;				/* IE6 hack pt. 2 */
	margin				: 10px 20px 10px 10px;
	float				: right;
	display				: inline;   /* IE6 */
}

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

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

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

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

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


/* credit card box */
/* NO LONGER USED DUE TO IE7 REFRESH BUG */

DIV#eboxCC {
	width				: 140px;
	min-height			: 60px;
	height				: auto !important;	/* IE6 hack pt. 1 */
	height				: 60px;				/* IE6 hack pt. 2 */
	margin				: 10px 20px 10px 10px;
	float				: right;
	display				: inline;   /* IE6 */
}

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

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

DIV#eboxCC .content H2 {
	margin-top			: 0px;
	color				: black;
	font-size			: small;
	margin-bottom		: 8px;
}

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




/* -------------------------------------------------------
 *  Shop Styles
 * -------------------------------------------------------
 */

DIV.shopItem {
	margin-top			: 15px;
	margin-bottom		: 50px;
	margin-left			: 70px;
	width				: 440px;
	clear				: both;
}


DIV.shopItem DIV.itemImg {
	margin-left			: 20px;
	margin-right		: 20px;
}

DIV.shopItem DIV.item {
	float				: left;
	display				: inline;   /* IE6 */
	font-size			: large;
	color				: #600060;
	margin-right		: 5px;
	margin-bottom		: 100px;
}

DIV.shopItem DIV.itemName {
	font-size			: large;
	font-weight			: bold;
}

DIV.shopItem DIV.itemSizes {
	margin-top			: 14px;
	font-size			: small;
	font-weight			: bold;
	font-style			: italic;
}

DIV.shopItem DIV.itemCost {
	font-size			: small;
	font-style			: italic;
}



/* -------------------------------------------------------
 *  Forms
 * -------------------------------------------------------
 */

FORM#sponsorForm {
	margin				: auto;
}

FORM#sponsorForm label {
	font-size			: small;
	font-weight			: bold;
	padding-right		: 5px;
}


FORM#sponsorForm INPUT.efield {
	width				: 240px;
	font-size			: small;
	font-family			: arial, sans-serif;
}

FORM#sponsorForm INPUT#filArtwork {
	width				: 500px !important;
}


FORM#sponsorForm DIV.adSelection {
	text-align			: left;
	width				: 440px;
	margin				: 0 auto 20px;
}

FORM#sponsorForm DIV.adSelection DIV.adRow {
	margin				: 5px auto;
}

FORM#sponsorForm DIV#divSponsorName {
	margin-top			: 4px;
	margin-bottom		: 12px;
	margin-left			: 32px;
}

FORM#sponsorForm DIV#divPageIcon {
	width				: 100px;
	margin-top			: 0;
	margin-left			: 15px;
}


FORM#sponsorForm IMG#imgPageIcon {
}

FORM#sponsorForm IMG#imgEventIcon {
	margin-bottom		: 5px;
	margin-left			: 1px;
	display				: none;
}


FORM#sponsorForm DIV.disabled {
	color				: #999999;
}

FORM#sponsorForm DIV.disabled INPUT {
	background-color	: #CCCCCC;
}

FORM#sponsorForm SPAN.adType {
	font-weight			: bold;
}



/* -------------------------------------------------------
 *  Photo gallery content
 * -------------------------------------------------------
 */

/* gallery listings */

UL.galleryListing LI {
	margin-bottom		: 3px;
}

UL.galleryListing TABLE.galleryMetadata {
	display				: block;
}

UL.galleryListing TABLE.galleryMetadata TD {
	font-size			: 8pt;

	padding-left		: 20px;
	margin-left			: 20px;
	color				: #666666;
}

UL.galleryListing TABLE.galleryMetadata TD LABEL {
	font-weight			: bold;
}


/* content container */

DIV.galleryContent {
	padding-top			: 5px;
	border-top			: 1px solid #666666;
	border-bottom		: 1px solid #666666;
	background-color	: #EEEEEE;
	text-align			: center;
}

DIV.galleryContent DIV.photoName {
	font-size			: small;
	font-weight			: bold;
	margin-bottom		: 5px;
}

DIV.galleryContent IMG.mainPhoto {
	margin-top			: 8px;
	margin-bottom		: 5px;
	border				: 1px solid #333333;
}

DIV.galleryContent A.imgOriginal {
	font-size			: smaller;
}


/* thumbnails table */

TABLE.thumbnails {
	margin				: 5px auto 5px;
}

TABLE.thumbnails TD {
	font-family			: tahoma, arial, sans-serif;
	text-align			: center;
	padding				: 4px 4px 12px;
}

TABLE.thumbnails TD A {
	font-size			: x-small;
	font-weight			: bold;
}

TABLE.thumbnails TD IMG {
	margin-bottom		: 0.1em;
	border				: 1px solid #000066;
}


/* thumbnail navigation */

DIV.thumbNav {
	font-size			: small;
	margin-top			: 4px;
	margin-bottom		: 4px;
	text-align			: right;
}

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

DIV.thumbNav .thisPage {
	font-weight			: bold;
}

DIV.thumbNavTop {
	margin-top			: 17px !important;
}


/* thumbnail messages */

DIV.thumbnailMsg {
	text-align			: center;
	font-style			: italic;
	font-size			: smaller;
	margin-top			: 10px;
	margin-bottom		: 10px;
}


/* thumbnail metadata */

DIV.thumbnailData {
	margin				: 10px auto 10px;
	text-align			: center;
	width				: 80%;
	font-size			: x-small;
	color				: #444455;
}



/* -------------------------------------------------------
 *  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;
}

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;
}



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;
}



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;
}

UL.downloadList .xls {
	padding-left		: 25px;
	background			: url('images/icon_xls.jpg') 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;
}


OL.signup {
	font-size			: small;
	padding-left		: 30px;
}