@charset "utf-8";
/* CSS Document */

ul, li, h, { margin:0; padding:0;
}

body { background-color:#fff; margin:0 auto 20px auto; background-image:url(../images/pgbg.jpg); background-repeat:repeat-x; background-position:top; }

/* login page */
.noDisplay {
    display: none;
}

.modalBackground {
    background-color: gray;
    filter: alpha(opacity=40);
    opacity: 0.5;
}

.popup-panel {
    max-height: 900px;
    max-width: 1550px;
    background-color: blanchedalmond;
    overflow: auto;
}

div#footer .footer-text {
    float: left;
    padding-left: 15px;
    color: white;
    font-size: 8pt;
    vertical-align: middle;
}

div#footer .footer-date {
    float: right;
    padding-right: 15px;
    color: white;
    font-size: 8pt;
    vertical-align: middle;
}

.clearer {
    clear: both;
    width: 100%;
    height: 12px;
}

/*  font treatment */
body, p, td { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000; padding:0; margin:0;}
h1 { font-size:24px; font-weight:normal; margin:0; padding:15px 0 5px 0; line-height:1.3; }
h2 { font-size:20px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; color:#000; line-height:1.1; margin:0; padding:0; }
h3 { font-size:18px; }
h4 { font-size:14px; font-family:Arial, Helvetica, sans-serif; font-weight:normal; } 
h5 { font-size:13px; font-family:Arial, Helvetica, sans-serif; font-weight:normal; margin-bottom:8px; } 
.serif { font-family:"Times New Roman", Times, serif; }
.white { color:#fff }
.black { color:#000 }
.rust { color:#c30; }
.rust a { color:#c30; text-decoration:none; }
.rust a:hover { color:#c30; text-decoration:underline; }
.navy { color:#039; }
.caption { font-size:9px; margin:3px 0 0 22px; padding:0;  }
.events { font-size:11px; }
#rteventscol .events a { text-decoration:none; color:#039; }
#rteventscol .events a:hover { text-decoration:none; color:#c30; }
.more a { font-size:11px; color:#000; text-decoration:none; }
.more a:hover { color:#000; text-decoration:underline; }
.question { font-family:"Times New Roman", Times, serif; font-style:italic; font-size:16px; color:#c30; font-weight:bold; }
.rust14tnr { font-family:"Times New Roman", Times, serif; font-size:14px; color:#c30; font-style:italic; }
.11blk { color:#000; font-size:11px; font-family:Arial, Helvetica, sans-serif; }
.11blk a { color:#000; text-decoration:underline; }
.11blk a:hover { color:#000; text-decoration:none; }


#container { width:960px; height:auto; margin:0 auto; position:relative; background-color:#fff; padding:0; border:none; }
#masthead { width:960px; height:168px; margin:0; padding:0; }
#navbar { position:absolute; z-index:5; width:960px; height:33px; margin:0 0 22px 0; clear:both; }
#navbar img { border:0; padding:0; margin:0; }
.quicklinks { font-family:"Times New Roman", Times, serif; font-size:12pt; }
.quicklinks li { padding:0; }
.quicklinks a { color:#003399; text-decoration:none; }
.quicklinks a:hover { color:#cc3300; text-decoration:none; }
#topmenu { 
	position:absolute; z-index:300; top:0px; left:485px; width:530px; height:25px;
}
#topmenu ul { padding:0; margin:4px 0 0 0; }
#topmenu ul li { 
	list-style:none; display:inline; margin:0 16px 0 0; 
	 }
#topmenu ul li a { 
	color:#fff; text-decoration:none; font-size:9px; letter-spacing:1px; padding:10px 5px 6px 5px;
}
#topmenu ul li a:hover { 
	color:#036; text-decoration:none; width:100%; height:21px; padding:10px 5px 6px 5px;
	background:url(../images/topmenu_overbg.gif) repeat top; 
}
#search { 
	position:absolute; z-index:200; top:135px; left:753px;
	width:200px; height:21px; clear:both; margin:0; padding:0;
}
#searchsite { 
	font-size:11px; margin:0; padding:0; width:165px; height:19px; float:left; vertical-align:bottom; display:inline; 
}
#searchbtn {
	 float:left; vertical-align:top; width:28px; height:21px; margin:0; padding:0; display:inline; font-size:10px; 
}

#mainbox { 
	width:960px; height:auto; margin:22px auto 0px auto;
	clear:both; position:relative;
	background-image:url(../images/mainboxbg.gif); background-repeat:repeat-y; }
	
#leftnav { width:200px; margin:0 40px 0 0; }
#quicklinks { margin:0; padding:0; height:auto; }
#quicklinks li {
	list-style:none; display:block; margin:0; padding:0; width:200px; height:23px; background-image:url(../images/ql_line.gif); background-position:bottom; background-repeat:no-repeat;  }
#quicklinks li a { 
	font-size:12px; font-family:"Times New Roman", Times, serif; color:#003399; text-decoration:none; margin:0px 0 0px 22px; }
#quicklinks li a:hover { 
	font-size:12px; font-family:"Times New Roman", Times, serif; color:#cc3300; text-decoration:none; margin:0px 0 0px 22px; } 
.leftpad { margin:0 0 0 22px; } 	

.clear { clear:both; }
#rightwidecol { 
	width:720px; height:auto; position:absolute; top:0; left:240px; }
#slideshow { 
	width:720px; height:310px; margin:0; padding:0; }
	
#moreinfo { width:200px; margin:5px auto; text-align:center;  }
#moreinfo a { font-size:9px; font-weight:bold; letter-spacing:2px; color:#000; text-decoration:none; }
#moreinfo a:hover { color:#036; text-decoration:none; }

#schedulebar { width:720px; height:26px; background-image:url(../images/rustbarbg.gif); background-repeat:repeat-x; margin:0; padding:0; vertical-align:middle; }
#schedulebar ul { margin:0; padding:0 }
#schedulebar ul li { list-style:none; display:inline; }
#schedulebar ul li a { color:#fff; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:14px; }
#schedulebar ul li a:hover { color:#039; text-decoration:none; }
#schedulebar last ul li a { padding-right:20px; }

#facilityrental { margin:11px 0 0 0; padding:0; }
.facilityphoto { margin:10px 0 0 0; display:block; }

#hilitenewsevents { 
	width:720px; height:auto; min-height:505px; margin:0; padding:0; position:relative;
	z-index:5;}
	
#hilitenewsevents a { text-decoration:none; color:#000; }
#hilitenewsevents a:hover { text-decoration:underline; }

#hilitecol { width:212px; height:auto; margin:0; padding:15px 0 0 0; }

.highlights { 
	width:172px; height:auto; padding:0 20px; }
.highlights p { font-size:12px; }

#centerrtcol {
	width:254px; position:absolute; top:0px; left:252px;
	}
.news { margin:0; padding:0; width:214px; }
.news li { font-size:11px; list-style:inside; display:block; padding-bottom:12px; }

#newsphotocms { width:214px; height:107px; margin:0; border:0; padding:0; }
#rteventscol { 
	width:214px; height:auto; position:absolute; top:0; left:506px; 
}

#addressbar {
	width:960px;
	height:30px;
	background-color:#003382;
	margin:0 auto;
	display:block;
	clear:both;
}
#addressbar p { 
	font-size:12px; color:#fff; text-align:center; line-height:2.7; } 
#addressbar p a { color:#fff; text-decoration:underline; }
#addressbar p a:hover { color:#fff; text-decoration:none; }


/*  Bottom Row */

#btmrow { 
	width:960px; height:auto; margin:0 auto;  background-color:#d9e1e8; padding-bottom:22px;  }
#btmrow td { 
	padding-right:22px; }
#emblembox { 
	width:240px; height:auto; }
#emblembox .social { width:60px; margin:0 auto; }

#btmrow p { padding-bottom:7px; }

.maplinks  a { font-size:10px; text-decoration:none; color:#039; }
.maplinks a:hover { color:#c30; text-decoration:none; }

.smcat a { font-size:11px; font-weight:bold; text-decoration:none; color:#000; }
.smcat a:hover { font-size:11px; font-weight:bold; text-decoration:none; color:#039; }
.smtoprow { margin-top:52px }
#sitemaptitle { position:relative; top:-12px; }


/* INTERIOR PAGE */

#breadcrumbs { width: 720px; height:22px; margin:22px 0 0 0; padding:7px 0 0 240px; clear:right; background-color:#fff; line-height:1; font-family:"Times New Roman", Times, serif; font-size:11px; color:#000;   }
#breadcrumbs a { font-family:"Times New Roman", Times, serif; font-size:11px; color:#000; text-decoration:none; }
#breadcrumbs a:hover { font-family:"Times New Roman", Times, serif; font-size:11px; color:#c03; text-decoration:none; }
#interiorbox { 
	width:960px; height:auto; margin:0px auto 0px auto;
	clear:both; position:relative; 
	 }
	 
/* TEMPLATE A */



#intpagehdg {
	color:#fff;
	font-family:"Times New Roman", Times, serif;
	font-size:24px;
	position:absolute;
	top:8px;
	left:270px;
}
.topabox { 
	width:960px; height:auto; min-height:400px; margin:0px auto 22px auto;
	clear:both; position: relative; padding-bottom:20px; background-image:url(../images/topboxbg.gif); background-repeat:repeat; }
	
#intleftnav { width:200px; height:auto; padding-top:60px;  }
.leftsubmenu { position:absolute; top:90px; left:22px; }
.leftsubmenu li { list-style:none; padding:0 0 6px 0; }
.leftsubmenu li a { color:#003399; font-family:"Times New Roman", Times, serif; font-size:12px; text-decoration:none;  }
.leftsubmenu li a:hover { color:#cc3300; font-family:"Times New Roman", Times, serif; font-size:12px; text-decoration:none;}

.category a { font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#cc3300; text-decoration:none; line-height:1.5em; }
.category a:hover { font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#cc3300; text-decoration:underline; line-height:1.5em;}
.subcat a { font-family:"Times New Roman", Times, serif; color:#039; font-size:12px; text-decoration:none; line-height:2em; }
.subcat a:hover { font-family:"Times New Roman", Times, serif; color:#c30; font-size:12px; text-decoration:none; }

#intbtmcontent { width:760px; height:auto; margin:0 auto 22px auto; position:relative; background-image:url(../images/spacer.gif); background-repeat:repeat-y;display:inline;}
#intbtmcontent p { line-height:1.5em }

#intleftcol { width:240px; height:auto; margin:0 0 22px 0; padding:0; float:left; clear:both; position:relative; }
#relatedlinks { width:240px; height:auto; margin:22px 0 0 0; }
#relatedlinks a { color:#000; text-decoration:underline; font-size:11px; line-height:2em; padding-left:22px; }
#relatedlinks a:hover  { color:#000; text-decoration:none; font-size:11px; line-height:2em; padding-left:22px; }
.bothpad { width:175px; margin:0 22px; }


.thrColFixHdr #container { 
	width: 960px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: none;
	text-align: left; /* this overrides the text-align: center on the body element. */
} 

.thrColFixHdr #leftAcol {
	float: left; /* since this element is floated, a width must be given */
	width: 240px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background: #EBEBEB; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 0; /* padding keeps the content of the div away from the edges */
}
.thrColFixHdr #rightAcol {
	float: right; /* since this element is floated, a width must be given */
	width: 200px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background: #EBEBEB; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 0; /* padding keeps the content of the div away from the edges */
}
.thrColFixHdr #mainAcontent { 
	margin: 0 200px; /* the right and left margins on this div element creates the two outer columns on the sides of the page. No matter how much content the sidebar divs contain, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the sidebar spaces when the content in each sidebar ends. */
	padding: 0 10px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
} 

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}





#intctrcol { width:480px; height:auto; padding:22px 22px 0 0; margin:0 0 22px 240px; }
#intrtcol {
	width: 200px;
	height:auto;
	padding:0;
	margin:0px;
	position:absolute; 
	top:336px;
	left:760px;
}
#photozone { width:200px; height:auto; margin:22px 0 0 0; padding:0; }
#textzone { width:200px; height:auto; margin:22px 0; clear:right; line-height:1.3em; }
#intctrcol a { color:#039; text-decoration:underline; }
#intctrcol a:hover { color:#c30; text-decoration:none; }
#mainAcontent { position:absolute; top:336px; left:260px; width:480px; height:100%; clear:right; }

/* TEMPLATE A WITH TALL SUB-NAV MENU  - use no intbtmcontent*/
.banners_tallsubnav { width:960px; height:auto; }
#intleftcol_tallsubnav { width:240px; height:auto; margin:0 0 22px 0; padding:0; float:left; position:relative; }
#intctrcol_tallsubnav { width:480px; height:auto; padding:22px 22px 0 0; margin:0; position:absolute; top:313px; left:240px;}
#intctrcol_tallsubnav p { line-height:1.5em }
#intctrcol_tallsubnav a { color:#039; text-decoration:underline; }
#intctrcol_tallsubnav a:hover { color:#c30; text-decoration:none; }


/* TEMPLATE B and C */

.bc-topbar { width:960px; height:43px; z-index:1; }
#redbar { background-image:url(../images/cbar_red.gif); background-repeat:no-repeat; }
#bluebar { background-image:url(../images/bbar_bluecommbanner.gif); background-repeat:no-repeat; }
#greenbar { background-image:url(../images/interior_greenbarband.gif); background-repeat:no-repeat; }
#rustbar { background-image:url(../images/rustbar.gif); background-repeat:no-repeat; }
#bannerzone { width:480px; height:230px; margin:0 0 22px 0; }

#interiormain { width:960px; height:auto; position:relative; margin:0 auto; padding:0; background-image:url(../images/spacer.gif); background-repeat: repeat-y; }
#intb-leftnav { width:200px; height:auto; min-height:252px; margin-top:22px;  }
#intcleftnav { width:200px; height:auto; margin-top:22px;  }
#relatedlinks_b { width:240px; height:auto; margin:0; }
#relatedlinks_b a { color:#000; text-decoration:underline; font-size:11px; line-height:2em; padding-left:22px; }
#relatedlinks_b a:hover  { color:#000; text-decoration:none; font-size:11px; line-height:2em; padding-left:22px; }

#int-bc-ctrcol { width:480px; height:auto; margin: 22px 0 22px 0px; float:left; }
#int-bc-ctrcol p { line-height:1.5em }	
#int-bc-ctrcol a { color:#039; text-decoration:underline; }
#int-bc-ctrcol a:hover { color:#c30; text-decoration:none; }

#int-bc-rtcol {
	width: 200px;
	height:auto;
	padding:0;
	margin: 22px 0 22px 760px;
}

#rtcolphotozone { width:200px; height:auto; border:none; }


/* ADMISSIONS APPLICATION - FORM PAGES  - FULL WIDE RT */

.sectionrow { background-color:#50E8F5; vertical-align:middle; line-height:1; padding:3px 0; margin:0; font-size:14px; letter-spacing:1px;  }
.form td { min-height:25px; vertical-align:top; padding: 10px 0 5px 5px; background-image:url(../images/formtdbg.jpg); background-repeat:repeat-x; background-position:bottom; 
	overflow:visible;}
#fullcol-right { width:800px; height:auto; margin: 15px 0 15px 0px; float:left; padding-left:8% }
#fullcol-right p { line-height:1.5em }	
#fullcol-right a { color:#039; text-decoration:underline; }
#fullcol-right a:hover { color:#c30; text-decoration:none; }


.tblspacer { width:100%; height:20px; clear:both; }
.tblsub { text-align:left; font-weight:normal; font-style:italic; padding-top:15px; }

/* ATHLETICS CATEGORY PARENT PAGE */

#athletics-leftcol { width:222px; height:auto; margin:0 0 22px 0; padding:0; float:left; clear:both; position:relative; }
#interior-nobar-centercol { width:466px; height:auto; margin: 0 0 22px 0px; float:left; }


#interior-athletics-subnav { 
	background-color:#0095ca; background-image:url(../images/athletics_subnav_bg.jpg); background-repeat:no-repeat; background-position:top;
	width:200px; height:auto; margin:0 0 22px 0; }
	
#sports-sublinks { margin:22px 0 0 0; padding:0; width:200px; height:auto;  }
#sports-sublinks li { list-style:none; background-image:url(../images/athletics_sublink_line.gif); background-position:bottom; background-repeat:no-repeat; width:200px; height:23px; margin-bottom:4px; }
#sports-sublinks li a { color:#fff; text-decoration:none; padding:2px 0 0 22px; width:178px; height:21px;}
#sports-sublinks li a:hover { color:#c30; text-decoration:none; padding:0 0 0 22px; margin:2px 0 0 0; width:200px; height:27px;}

.gender a { padding:2px 0 0 27px; color:#fff; }
.gender a:hover { padding:2px 0 0 27px; color:#c30; }

#poolbtn { width:331px; height:35px; margin:11px auto; }
#sportsnews { width:466px; height:auto; margin:0 0 22px; 0; }
#sportsnews p { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000; }
#sportsnews p a { color:#000; text-decoration:underline; }
#sportsnews p a:hover { color:#000; text-decoration:none; }

/* gender expand collapse style */
.msg_head p {
cursor: pointer;
position: relative;
background-color: transparent;
margin:0px;
padding:0 0 0 22px;
color:#fff;
width:178px;
}
.msg_body { 
	background-image:url(../images/athletics_sublink_line.gif); background-position:bottom; background-repeat:no-repeat; width:200px; height:46px; margin-bottom:4px; }
.msg_body p {
	line-height:1.7em; }

.msg_body p a {
	width:178px; 
	color:#fff;
	margin:2px 0 2px 22px; text-decoration:none;
	
}
.msg_body p a:hover {
	width:178px; 
	color:#c30;
	margin:2px 0 2px 22px; text-decoration:none;
	
}




#interior-nobar-rtcol {
	width: 250px;
	height:auto;
	padding:0;
	margin: 0 0 22px 710px;
}
#athletics-events { 
	font-size:11px; color:#000; font-family:Arial, Helvetica, sans-serif; 
	padding: 22px 0; line-height:1.6em;}
#athletics-events a { color:#039; }
#athletics-events a:hover { color:#039; text-decoration:none; }
#athletics-events p { margin-bottom:10px; }
	
.datetime { font-size:10px; }

#tryouts{ 
	font-size:11px; color:#000; font-family:Arial, Helvetica, sans-serif; 
	padding: 22px 0; line-height:1.6em;}
	
#tryouts a { 
	color:#039; }
#tryouts a:hover { color:#039; text-decoration:none; }
#tryouts p { margin-bottom:10px; }	

#athleticforms { background-color:#0095ca; background-image:url(../images/athletics_subnav_bg.jpg); background-repeat:no-repeat; background-position:top;
	width:200px; height:auto; margin:0 0 22px 0; color:#fff; font-size:12px; padding:0; }

#aformtext  { padding: 0 12px 22px 22px; } 
#aformtext a { color:#fff; text-decoration:underline; line-height:1.4; }
#aformtext a:hover { color:#fff; text-decoration:none; line-height:1.4; }


/*  STAFF DIRECTORY TABLE */

.directory td { min-height:20px; vertical-align:top; padding: 10px 5px 5px 5px; background-image:url(../images/formtdbg.jpg); background-repeat:repeat-x; background-position:bottom; 
	overflow:visible;}

/* FACILITIES PAGES */
#facilities { font-family:"Times New Roman", Times, serif;
	font-size:24px; color:#cc3300 }
.sitelist { display:block; padding-left:0; margin:10px 0 0 0; }	
.sitelist li  { list-style:none; color:#003399; font-family:arial, helvetica, san-serif; font-size:12px; line-height:14px; padding-bottom:8px; }
#factopcms { width:200px; height:43px; overflow:hidden; }
#fcontactbox { width:171px; height:167px; background-color:#a3b60d; background-image:url(../images/facilitiescontactboxbg.gif); background-repeat:no-repeat; background-position:top; padding:55px 10px 10px 19px; margin:25px 0 0 0;  }
#fcontactbox p { font-size:12px; line-height:18px; }
#fcontactbox p  a { color:#000; text-decoration:none; }
#fcontactbox p  a:hover { color:#000; text-decoration:underline; }
.fnames { font-size:14px; font-weight:bold; }

#facility-ctrcol { width:480px; height:auto; margin: 0 0 22px 0px; float:left; }
#facility-ctrcol p { line-height:1.5em }	
#facility-ctrcol a { color:#039; text-decoration:underline; }
#facility-ctrcol a:hover { color:#c30; text-decoration:none; }


/* POOL PAGE */
#poolsidebox { width:171px; height:130px; background-color:#a3b60d; padding:20px 10px 10px 19px; margin:25px 0 0 0;  }
#poolsidebox p { font-size:12px; line-height:18px; }
#poolsidebox p  a { color:#000; text-decoration:none; }
#poolsidebox p  a:hover { color:#000; text-decoration:underline; }
.fnames { font-size:14px; font-weight:bold; }