/************************************************************************************
	Filename: urymca.css
	Project:  urymca.org
	
	Description:
	Global stylesheet for the urymca.org web site
	
************************************************************************************/

/* UNIVERSAL STYLES */
body { margin:0px 0px 10px 0px; padding:0px; background-color:#999999; }
body, span, div, p, td, a, li, input, textarea { font-family:Arial,Verdana,Helvetica,sans-serif,sans; font-size:12px; color:#000000; font-weight:normal; }
a { color:#ff0000; font-weight:bold; text-decoration:none; text-transform:none; background-color:transparent; }
a:hover { color:#000000; text-decoration:none; }
ul { margin-top:7px; margin-bottom:15px; }
ol { margin-top:7px; margin-bottom:15px; }
ul li { list-style-type:disc; font-weight:normal; line-height:normal; }
ul li ul li { list-style-type:circle;  }
p { margin-top:0px; }
hr { height:1px; color:#abbf8a; }
.horizontalRule { height:1px; border-top:1px solid #abbf8a; margin:5px 0px 15px 0px; } /* FireFox and Safari refuse to accept styles on the hr tag */

/* TITLE HEADINGS */
h1, h2, h3, h4, h5 { font-family:Arial,Verdana,Helvetica,sans-serif,sans; color:#ff0000; margin:0px 0px 5px 0px; padding:0px; }
h1 { font-size:20px; }
h2 { font-size:18px; }
h3 { font-size:16px; }
h4 { font-size:14px; }
h5 { font-size:12px; }

/* MAIN ELEMENTS */
#header { position:relative; width:750px; height:140px; border-left:1px solid #000000; border-right:1px solid #000000; text-align:left; background-image:url( ../images/headerBG.jpg ); background-repeat:no-repeat; }
#homeLink { position:absolute; top:15px; left:0px; }
#headerLinks { position:absolute; top:90px; right:135px; }
#headerLinks div { float:left; padding:0px 7px 0px 7px; }
#headerLinks a { font-weight:bold; font-size:13px; color:#87976d; }
#headerLinks a:hover { color:#006fba; }
#main { width:750px; text-align:left; border:1px solid #000000; border-top:none; }
#page { clear:left; width:750px; min-height:622px; margin:0px; padding:0px; text-align:left; background-image:url( ../images/pageback.gif ); background-repeat:repeat x; background-color:#eeeeee; }
#footer { width:750px; text-align:center; margin-top:3px; font-size:10px; color:#FFFFFF; }
.note { font-size:10px; color:#696969; }

/* MAIN PAGE CONTENT */
#content { float:right; width:510px; min-height:300px; padding:25px 0px 20px 0px; margin-right:20px; text-align:justify; }
.contentPicRight { float:right; margin:0px 0px 10px 20px; border:1px solid #000000; }

/* NAVIGATION */
#navigation { position:absolute; top:122px; left:5px; width:745px; text-align:left; }
#navigation div { float:left; }
#navigation a { height:15px; vertical-align:top; padding-left:18px; padding-right:15px; font-size:13px; font-weight:bold; color:#000000; text-transform:uppercase; background-image:url( ../images/icoWhiteYGray.gif ); background-repeat:no-repeat; background-position:0px 2px; }
#navigation a:hover { height:15px; vertical-align:top; padding-left:18px; padding-right:15px; color:#FFFFFF; background-image:url( ../images/icoWhiteYGrayOn.gif ); background-repeat:no-repeat; background-position:0px 2px; }
#navigation sup { font-size:11px; text-transform:none; }

/* LEFT MENU */
#leftMenu { width:183px; padding-bottom:10px; background-color:#ff0000; }
.leftMenuItem { padding:5px 0px 5px 15px; background-color:#000000; border-bottom:1px solid #FFFFFF; }
.leftMenuItem a { display:block; padding-left:25px; font-size:14px; font-weight:bold; color:#FFFFFF; text-transform:uppercase; background-image:url( ../images/icoRedYBlack.gif ); background-repeat:no-repeat; }
.leftMenuItem a:hover { padding-left:25px; color:#FF0000; background-image:url( ../images/icoRedYBlackOn.gif ); background-repeat:no-repeat; }
.leftMenuItem div { margin-left:25px; padding-right:5px; color:#FFFFFF; font-size:10px; }
#ymcaMission { padding:20px 20px 20px 25px; border-top:3px solid #FFFFFF;  }
#ymcaMission h1 { margin:0px; font-size:12px; color:#FFFFFF; font-weight:normal; }
#ymcaMission div {  font-size:11px; color:#000000; font-weight:bold; }
#ymcaCoupon { text-align:center; }

/* CAMPS */
.camps { margin-bottom:10px; }
.camps a { display:block; padding-left:25px; font-size:14px; font-weight:bold; color:#000000; text-transform:uppercase; background-image:url( ../images/icoRedYWhite.gif ); background-repeat:no-repeat; }
.camps a:hover { padding-left:25px; color:#FF0000; background-image:url( ../images/icoRedYWhiteOn.gif ); background-repeat:no-repeat; }
.camps div { margin-left:25px; padding-right:5px; color:#000000; font-size:10px; }

/* SUB NAVIGATION ITEMS */
.subMenu { margin:-20px 0px 10px 0px; color:#000000; text-align:right; }

/* TABLES */
/* list table */
.tbllist { background-color:#c0c0c0; margin-bottom:5px; }
.tbllist td { vertical-align:top; padding:5px 2px 2px 2px; }
.tblhdr td { font-weight:bold; text-transform:uppercase; background-color:#FFFFFF; }
.tblrow0 { background-color:#FFFFFF; }
.tblrow1 { background-color:#e5e5e5; }
.tblrow0 a { font-size:10px; font-weight:bold; }
.tblrow1 a { font-size:10px; font-weight:bold; }
.tbllabel { font-weight:bold; font-size:11px; }
.tblfield { font-weight:normal; font-size:11px; }
/* data */
.tblinfo { margin-top:10px; }
.tblinfo td { vertical-align:top; padding:2px 5px 2px 0px; }

/* FACES */
.ymcaFaces { float:left; width:125px; }
.ymcaFaces div { font-size:11px; }

/* PAGE CONTROL */
#pagebar { text-align:center; vertical-align:middle; margin-bottom:5px; }
#pagebar a { color:#4e5659; font-size:11px; padding:0px 5px 0px 5px; width:20px; height:16px; text-align:center; vertical-align:middle; }
#pagebar a:hover { color:#ffffff; background-color:#006fba; text-decoration:none; }
#pagebar span { color:#006fba; font-size:11px; padding:0px 5px 0px 5px; font-weight:bold; vertical-align:middle; }
#pagebar .pagearrow { font-size:10px; }

/* FORM ELEMENTS */
form { margin:0px; padding:0px; }
.frmField { float:left; width:275px; margin-top:7px; }
.frmField h4 { margin-bottom:0px; }
.frmClear { clear:left; }
.frmtext { font-size:12px; color:#000000; border:1px solid #000000; }
.frmselect { font-size:12px; font-weight:bold; color:#3c1b1c; }
.frmbutton { width:100px; font-size:12px; font-weight:bold; }

/* ERROR DISPLAY */
.errBox { width:400px; margin-left:20px; text-align:left; background-color:#FFFFFF; padding:10px; border:1px solid #990000; }
.errTitle { color:#990000; font-weight:bold; font-size:14px; }
.errMessage { font-weight:bold; color:#990000; }

.tblDMSASponsorship { background-color:#c0c0c0; }
.tblDMSASponsorship td { font-size:11px; background-color:#FFFFFF; }

/* PRINT */
#printLogo { display:none; }
@media print {
	/* main elements */
	body { margin:0px; padding:0px; background-color:#FFFFFF; }
	#printLogo { display:block; margin-bottom:10px; }
	#main { width:100%; text-align:left; border:none; }
	#header, #navigation, #leftMenu { display:none; }
	#page { width:100%; min-height:auto; margin:0px; padding:0px; background-color:transparent; }
	#content { width:100%; min-height:auto; padding:0px; margin:0px; }
	#footer { width:100%; margin:10px 0px 0px 0px; color:#3c1b1c; }
	#footer div { color:#3c1b1c; }
	#footer a { color:#3c1b1c; }
}