﻿@import url("navigation.css");
@import url("images.css");

body
{
	background-color:#d5d5d5;
	background-image:url(/Images/bg-repeat.gif);
	background-repeat:repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#414141;
	padding:0;
	margin:0;
}

h1
{
	font-size:22px;
	color:#525252;
	font-weight:bold;
	border-bottom:2px solid #d8d8d8;
	padding-bottom:5px;
	margin-bottom:0px;
	margin-top:0px;
}

h2
{
	font-size:13px;
	color:#4c4c4c;
	font-weight:bold;
	border-bottom:2px solid #4c4c4c;
	padding-bottom:5px;
	margin-bottom:0px;
	margin-top:0px;
}

h3
{
	font-size:14px;
	font-weight:bold;
	color:#b10007;
	line-height:17px;
	padding-bottom:5px;
	margin-bottom:0px;
	margin-top:0px;
}

h4
{
	font-size:13px;
	color:#006b8e;
	font-weight:bold;
	line-height:15px;
	padding-bottom:5px;
	margin-bottom:0px;
	margin-top:0px;
}


h5
{
	font-size:12px;
	color:#000000;
	font-weight:bold;
	line-height:14px;
	padding:0;
	margin:0;
	padding-bottom:2px;
}

b
{
	color:#333333;
}

hr
{
	color:#d8d8d8;
	background-color:#d8d8d8;
	height:2px;
	border:none;
	padding:0px;
	margin:0px;
}

form
{
	margin:0;
	padding:0;
}

a.scripture:link, a.scripture:active, a.scripture:visited
{
	color:#C0C0C0;
	text-decoration:none;
}

a.scripture:hover
{
	color:#FFFFFF;
	/* text-decoration:underline;*/
}

a:link, a:active, a:visited
{
	color:#006b8e;
	text-decoration:none;
}

a:hover
{
	text-decoration:underline;
}

p
{
	margin:0px 0px 14px 0px; 
	padding:0;
	line-height:16px;
}


div#Container
{
	width:807px;
	margin:0 auto;
	background-image:url(/Images/content-bg-repeat.png);
	background-repeat:repeat-y;
}

div#Header
{
	min-height:4px;
}

div#Body
{
	min-height:400px;
	margin:0px 4px;
}

div#Content
{
	background-image:url(/Images/content-bg.gif);
	background-repeat:no-repeat;
	background-position:top left;
	min-height:250px;
	padding:0 20px 20px 20px;
}

div#Footer
{
	background-color:#d5d5d5;
	min-height:8px;
	padding:8px 20px 0px 15px;
	font-size:11px;
}

div#LeftColumn
{
	width:218px;
	float:left;
}

div#RightColumn
{
	width:581px;
	float:right;
}

/* ***************  Content Template Link Styles **************** */
div#InnerSingleColumn
{
}


div#InnerLeftA
{
	width:312px;
	float:left;
	padding-top:14px;
}

div#InnerRightA
{
	width:200px;
	float:right;
	background-image:url(/Images/v-dottedline.gif);
	background-repeat:repeat-y;
	min-height:200px;
	padding:14px 0 14px 14px;
}

div#InnerLeftB
{
	width:368px;
	float:left;

}

div#InnerLeftB h1, div#InnerSingleColumn h1
{
	margin-bottom:14px;
}

div#InnerRightB
{
	width:164px;
	float:right;
	background-image:url(/Images/v-dottedline.gif);
	background-repeat:repeat-y;
	min-height:150px;
	padding:7px 0 7px 9px;
	border-top:15px solid #cd0e16;
	margin-top:-40px;
	margin-right:-20px;
}

div#InnerLeftA ul, div#InnerLeftB ul, div#InnerSingleColumn ul
{
	margin-top:14px;
	margin-bottom:14px;
}

div#InnerLeftA ul li ul, div#InnerLeftB ul li ul, div#InnerSingleColumn ul li ul
{
	margin-top:4px;
	margin-bottom:2px;
	margin-left:16px;
}

div#InnerLeftA ul li, div#InnerLeftB ul li, div#InnerSingleColumn ul li
{
	list-style:none;
	list-style-image:url(/Images/icon_arrow-red.gif);
	padding-bottom:8px;
}

div#InnerLeftA ul li ul li, div#InnerLeftB ul li ul li
{
	list-style:square;
	list-style-image:none;
	padding-bottom:3px;
}

div#InnerLeftA ol li, div#InnerLeftB ol li
{
		padding-bottom:8px;
}


/* ***************  SearchBar Link Styles **************** */
div#SearchBar
{
	background-color:#5f5e5e;
	background-image:url(/Images/searchbar_bg.gif);
	background-repeat:repeat-x;
	height:31px;
	margin-bottom:13px;

}

td.searchField
{
	padding-top:3px; 
	padding-right:8px;
}

td.searchField input
{
	width:200px; 
	height:15px; 
	border:1px solid #595959; 
	background-image:url(/Images/bg_searchbar.gif); 
	background-repeat:repeat-x; 
	font-size:11px; 
	color:#333333; 
	margin-top:3px;
}

td.searchField img
{
	margin-top:-4px;
}

div#Breadcrumb
{
	font-size:10px;
	padding:7px 7px 20px 7px;
	margin-left:-20px;
}


.hStrip1
{
	background-image:url(/Images/header-strip1.gif);
	background-repeat:no-repeat;
	padding-top:4px;
}

.hStrip2
{
	background-image:url(/Images/header-strip2.gif);
	background-repeat:no-repeat;
	padding-top:4px;
}

.fStrip1
{
	background-image:url(/Images/footer-strip1.gif);
	background-repeat:no-repeat;

}

.fStrip2
{
	background-image:url(/Images/footer-strip2.gif);
	background-repeat:no-repeat;

}

div#Footer a:link, div#Footer a:active, div#Footer a:visited, div#Footer a:hover
{
	padding-left:5px;
	padding-right:5px;
}

.copyright
{
	line-height:20px;
	font-size:10px;
	color:#777777;
	padding-left:5px;
}

ul.newsList
{
	margin:0px;
	padding:0;
	font-size:11px;
	line-height:13px;
}

ul.newsList li
{
	padding-bottom:8px;
	padding-left:16px;
	padding-top:8px;
	padding-right:4px;
	list-style:none;
	background-image:url(/Images/bullet_arrow.gif);
	background-repeat:no-repeat;
}

ul.newsList li.alt
{
	background-color:#f5f5f5;
}

ul.newsList p
{
	line-height:12px;
	margin:0;
	padding:0;
}

.moreLink
{
	display:block;
	text-align:right;
	font-size:11px;
	margin-top:10px;
	background-image:url(/Images/icon_arrow.gif);
	background-repeat:no-repeat;
	background-position:right ;
	padding-right:20px;
}


 .moreLink2
{
	display:block;
	text-align:left;
	font-size:11px;
	margin-top:-4px;
	background-image:url(/Images/icon_arrow.gif);
	background-repeat:no-repeat;
	background-position:left;
	padding-left:20px;
}


/* ***************  Jump Link Styles **************** */

table#JumpLinks
{
	margin-top:14px;
	width:100%;
	border:none;
}


table#JumpLinks tr td a, table#JumpLinks tr td a:link, table#JumpLinks tr td a:active, table#JumpLinks tr td a:visited,table#JumpLinks tr td a:hover
{
	color:#e4020c;
	font-weight:bold;
}

.iconPeople
{
	background-image:url(/Images/icon_people.gif);
	background-repeat:no-repeat;
	background-position:center left;
	height:50px;
	padding-left:55px;
}

.iconGeneric
{
	background-image:url(/Images/icon_newsletter.gif);
	background-repeat:no-repeat;
	background-position:center left;
	height:50px;
	padding-left:39px;
}

.iconNewsletter
{
	background-image:url(/Images/icon_newsletter.gif);
	background-repeat:no-repeat;
	background-position:top left;
	height:50px;
	padding-left:39px;
}

.iconBuilding
{
	background-image:url(/Images/icon_building.gif);
	background-repeat:no-repeat;
	background-position:center left;
	height:50px;
	padding-left:55px;
}

.iconCross
{
	background-image:url(/Images/icon_cross.gif);
	background-repeat:no-repeat;
	background-position:center left;
	height:50px;
	padding-left:39px;
}

.iconTestTubes
{
	background-image:url(/Images/icon_testtubes.gif);
	background-repeat:no-repeat;
	background-position:center left;
	height:50px;
	padding-left:35px;
}

.iconAthletics
{
	background-image:url(/Images/icon_sports.gif);
	background-repeat:no-repeat;
	background-position:center left;
	height:50px;
	padding-left:55px;
}

.iconArts
{
	background-image:url(/Images/icon_art.gif);
	background-repeat:no-repeat;
	background-position:center left;
	height:50px;
	padding-left:40px;
}





/* ***************  Alerts & Notifications Styles **************** */
div#Alert
{
	border-bottom:2px solid #d8d8d8;
	background-color:#ffedae;
	background-image:url(/Images/alert_background.gif);
	background-repeat:no-repeat;
	background-position:top left;
	min-height:20px;
	color:#b90008;
	font-size:12px;
	line-height:14px;
	padding:13px 5px 5px 42px;
}

div#Alert p
{
	color:#b90008;
	font-size:12px;
	line-height:14px;
	padding:0;
	margin:8px 0;
}

img.bImage
{
	border:2px solid #d8d8d8;
	width:152px;
	height:127px;
}

p.bText
{
	font-size:11px;
	line-height:13px;
	margin:0;
	padding:0;
	margin-top:2px;
	padding-bottom:10px;
}

div#YellowBox
{
	background-color:#fff4ce;
	padding:5px;
	border-bottom:5px solid #ffe488;
	min-height:50px;
	width:146px;
	margin-top:10px;
	margin-bottom:10px;
	padding-top:38px;
}

div#YellowBox.importantLinks
{
	background-image:url(/Images/yBoxHeader_Links.gif);
	background-repeat:no-repeat;
	background-position:top left;
}

div#YellowBox ul
{
	margin:0px;
	padding:0px;
}

div#YellowBox ul li
{
	margin:0px;
	padding:0px;
	list-style-image:none;
	list-style-type:none;
	background-image:url(/Images/icon_arrow-yellow.gif);
	background-repeat:no-repeat;
	background-position:top left;
	padding-left:10px;
	padding-bottom:5px;
	margin-left:2px;
	font-size:11px;
	line-height:12px;
}

div#YellowBox ul li a, div#YellowBox ul li a:link,div#YellowBox ul li a:active,div#YellowBox ul li a:visited, div#YellowBox ul li a:hover
{
	color:#e4020c;
}

div#LeftAdBox
{
	background-image:url(/Images/LeftAd_bg.gif);
	background-repeat:no-repeat;
	background-position:top left;
	min-height:50px;
	margin:20px 0px;
}

div#LeftAdBoxContent
{
	padding:14px;
	padding-bottom:5px;
}

div#LeftAdBoxBottom
{
	background-image:url(/Images/LeftAd_bottom.gif);
	background-repeat:no-repeat;
	background-position:top left;
	height:5px;
}

div#LeftAdBox h3
{
	font-size:13px;
	font-weight:bold;
	color:#006b8e;
	line-height:16px;
	margin:0;
	padding:0;
	margin-bottom:7px;
}

div#LeftAdBox p
{
	font-size:11px;
	line-height:12px;
	color:#333333;
	margin:0;
	padding:0;
	padding-bottom:7px;
}


div#CalloutBox
{
	padding:12px;
	background-color:#ffedae;
	border-bottom:5px solid #ffe488;
	border-top:5px solid #ffe488;
	margin-bottom:14px;
}

.indent
{
	display:block;
	margin:0;
	padding:0;
	margin-left:20px;
}

.indent p
{
	margin:0;
	padding:0;
	padding-bottom:5px;
}

div.hLine
{
	background-image:url(/Images/h_dottedline.gif);
	background-repeat:repeat-x;
	background-position:top left;
	height:10px;
	display:block;
	margin-top:10px;
	margin-bottom:5px;
}

.phone
{
	background-image:url(/Images/icon_phone.gif);
	background-repeat:no-repeat;
	background-position:center left;
	padding-left:20px;
	margin-left:10px;
}

.email
{
	background-image:url(/Images/icon_email.gif);
	background-repeat:no-repeat;
	background-position:center left;
	padding-left:24px;
	margin-left:10px;
}

td.dottedLine
{
	background-image:url(/Images/h_dottedline.gif);
	background-repeat:repeat-x;
	padding-top:10px;
}

td.bottomRow
{
	padding-bottom:4px;
	padding-top:4px;
	width:50%;
	background-color:#f5f5f5;
}

td.bottomRow2
{
	padding-bottom:5px;
	padding-top:5px;
	line-height:20px;
}

p.smallText
{
	margin:0;
	padding:0;
	font-size:11px;
	line-height:12px;
	padding-bottom:7px;
}




div#CloseWindow
{
    float:right;
    margin-top:-24px;
	background-image:url(/Images/icon_x.gif);
	background-repeat:no-repeat;
	background-position:center right;
	padding-right:20px;
}

div#PageNav
{
		margin-top:-7px;
		margin-bottom:20px;
}

div#PageNav ul, div#PageNav ul li
{
	margin:0;
	padding:0;
	list-style-type:none;
}
div#PageNav ul li
{
	display:inline;
}

div#PageNav ul li a, div#PageNav ul li a:link, div#PageNav ul li a:active, div#PageNav ul li a:visited
{
	background-color:#efefef;
	padding:4px 8px;
	background-image:url(/Images/icon_arrow-gray.gif);
	background-repeat:no-repeat;
	background-position:center left;
	padding-left:14px;
}

th.yearRow
{
	background-color:#efefef;
	padding:7px;
	border-bottom:2px solid #cccccc;
}

p.issueTitle
{
	font-weight:bold;
	padding-top:11px;
	padding-left:10px;
}

a.downloadPDF
{
	background-image:url(/Images/icon_pdf.gif);
	background-repeat:no-repeat;
	background-position:center right;
	padding-right:19px;
}

table.genericTable tr td
{
	background-image:url(/Images/h_dottedline.gif);
	background-repeat:repeat-x;
	background-position:bottom left;	
}

div#ImageSpacer
{
	height:7px;
}

div.ImageSpacer
{
	height:7px;
}

/* ***************  Calendar Styles **************** */

table#Calendar
{
	
}

td.month
{
	background-color:#e51b24;
	color:#FFFFFF;
	background-image:url(/Images/calHeaderBg.gif);
	background-repeat:repeat-x;
	background-position:top left;
	height:27px;
}


td.filter
{
	background-color:#a50c13;
	text-align:center;
	height:31px;
}

tr.weekdays th
{
	background-color:#c4c3b6;	
	color:#54544e;
	height:31px;
	border-right:1px solid #dcdcd4;
}

tr.cellHeader
{
	color:#88887c;
	text-align:right;
}

td.cellText
{
	border-left:1px solid #c4c3b6;	
	border-bottom:1px solid #c4c3b6;
	min-height:50px;
	height:50px;
	font-size:11px;
	line-height:11px;
	color:#000000;
	vertical-align:top;
}

td.cellTextLastCell
{
	border-left:1px solid #c4c3b6;	
	border-right:1px solid #c4c3b6;
	border-bottom:1px solid #c4c3b6;
	min-height:55px;
	height:55px;
	font-size:11px;
	line-height:11px;
	color:#000000;
	vertical-align:top;
}

h2.monthHeader
{
	color:#ffffff;
	text-align:center;
	font-size:16px;
	line-height:17px;
	font-weight:bold;
	border:none;
	margin:0;
	padding:0;
}


tr.cellHeader td.cellText
{
	border-left:1px solid #c4c3b6;	
	border-bottom:none;
	min-height:10px;
	height:10px;
	color:#807f73;
}


tr.cellHeader td.cellTextLastCell
{
	border-left:1px solid #c4c3b6;	
	border-right:1px solid #c4c3b6;
	border-bottom:none;
	min-height:8px;
	height:8px;
	color:#807f73;
}

td.noDate
{
	border-left:1px solid #c4c3b6;	
	border-bottom:1px solid #c4c3b6;
	background-color:#eae9e5;
	vertical-align:top;
}

td.noDateLastCell
{
	border-left:1px solid #c4c3b6;	
	border-bottom:1px solid #c4c3b6;
	border-right:1px solid #c4c3b6;
	background-color:#eae9e5;
	vertical-align:top;
}


tr.cellHeader td.noDate
{
	border-left:1px solid #c4c3b6;	
	border-bottom:none;
}

tr.cellHeader td.noDateLastCell
{
	border-left:1px solid #c4c3b6;
	border-right:1px solid #c4c3b6;	
	border-bottom:none;
}

.cellHeader
{
	padding:3px 3px 0 0;
}

table#Calendar a:link, table#Calendar a:active, table#Calendar a:visited, table#Calendar a:hover
{
	color:#000000;
	line-height:9px;
	font-size:10px;
}



/* ----- Colors -- */

div.calGeneral
{
	background-image:url(/Images/calColor-red.gif);
	background-repeat:repeat-y;
	background-position:top left;	
	margin:0px 2px 2px 2px;
	padding:3px 2px 3px 4px;
}

/*
** Note, the following cal styles must match exactly the valid vaules of the ClubCategory tag in the file
** AllowedTagValues.xml. See the ClubCategory section of the file for more details.
*/
div.calAthletic
{
	background-image:url(/Images/calColor-green.gif);
	background-repeat:repeat-y;
	background-position:top left;
	margin:0px 2px 2px 2px;
	padding:3px 2px 3px 4px;
}

div.calAcademic
{
	background-image:url(/Images/calColor-yellow.gif);
	background-repeat:repeat-y;
	background-position:top left;
	margin:0px 2px 2px 2px;
	padding:3px 2px 3px 4px;		
}

/*
div.calParents
{
	background-image:url(/Images/calColor-blue.gif);
	background-repeat:repeat-y;
	background-position:top left;
	margin:0px 2px 2px 2px;
	padding:3px 2px 3px 4px;		
}
*/

div.returnLink
{
	text-align:right;
	margin-top:-24px;
}

div.hDottedLine
{
	background-image:url(/Images/h_dottedline.gif);
	background-repeat:repeat-x;
	background-position:top left;
	margin-top:10px;
	padding:10px 0 2px 0;	
}

#dropmenudiv
{
	position:absolute;
	border:1px solid #666666;
	line-height:18px;
	z-index:100;
}

#dropmenudiv a
{
	width: 100%;
	display: block;
	text-indent: 6px;
	border-bottom: 1px dotted #efefef;
	padding: 2px 0;
}

#dropmenudiv a:hover
{ 
	/*hover background color*/
	background-color: #efefef;
}

div#RefreshButton
{
	display:inline;
}


ul.smallText
{
	margin:0;
	padding:0;
	font-size:11px;
	line-height:12px;
	margin-left:16px;
}

ul.smallText li
{
	line-height:10px;
	margin:0;
	padding:0;
}

table.faculty tr td p
{
	margin-bottom:7px;
	margin-top:-4px;
}