/* CSS Document */

h1, h2, h3, h4, h5, h6, p, div, ul, li, form, table {
	margin:0;
	padding:0;
	}
hr {
	padding:0;
	border-top:none;
	border-left:none;
	border-right:none; 
	}
ul {
list-style-image:url(../images/bullet.gif)
}
.skiplink {
	position:absolute;
	left:-3000px;
	}
h1, .featrhd {
	margin-bottom:1em;
	font:bold 1.3em/1.4 Arial,Helvetica,sans-serif;
	color:#173c91;
	}
h2, .featrsub {
	margin:.75em 0 1em;
	font:bold italic 1em/1.4 Arial,Helvetica,sans-serif;
	color:#d12d24;
	}
h3, .cathd {
	margin-top:.75em 0 1em;
	font:bold 1em/1.4 Arial,Helvetica,sans-serif;
	color:#13327b;
	}
h4, .reshd {
	margin:.5em 0 1em;
	font:bold 1em/1.4em "Times New Roman",Times,serif;
	color:#d12d24;
	}
h5, h6, .default {
	margin:.5em 0 1em;
	font:bold 1em/1.4em "Times New Roman",Times,serif;
	color:#13327b;
	}
p, .modbody, .restxt {
	margin-bottom:1em;
	font:normal .95em/1.4 "Times New Roman",Times,serif;
	color: #000;
	}
.optlink {
	font:italic .9em/1.4 "Times New Roman",Times,serif;
	}
.linktxt {
	font:bold .95em/1.4 "Times New Roman",Times,serif;
	}
.fieldlabel {
	font:bold .95em/1.4 "Times New Roman",Times,serif;
	color:#000;
	}
.fieldinstr {
	font:normal .75em/1.4 Arial,Helvetica,sans-serif;
	}
.fileinfo,  {
	font:normal .6em/1.4 Verdana,Arial,Helvetica,sans-serif;
	}
.smlink { font:Arial, Helvetica, sans-serif; font-size:10px;}
.instruct {
	font:bold .95em/1.4 "Times New Roman",Times,serif;
	}
.instruct2 {
	font:bold .75em/1.4 Arial,Helvetica,sans-serif;
	}
.restxt2 {
	font:normal .8em/1.4 "Times New Roman",Times,serif;
	}
.req {color: #d12d24; font-weight: bold;}
.altcolor {color: #6cb0d9;}
.focus {color: #000;}
.blur {color: #999;}
a:link {
	font-weight:bold;	
	color:#13327b;
	text-decoration:underline;
	}
a:visited {
	color:#09c;
	text-decoration:underline;
	}
a:hover, a:focus, a:active  {
	color:#196fb9;
	text-decoration:underline;
	}
/* stylized text buttons - text formatting (don't change!) */
input.buttnstyle, input.buttnstylehot {
	padding:2px 4px 3px;
	cursor:pointer;
	}
* html input.buttnstyle, * html input.buttnstylehot {
	line-height:1.2;
	padding:2px 0 2px;
	}
.buttnstyle, .buttnstylehot {
	font:bold .6em/3 Verdana,Arial,Helvetica,sans-serif;
	padding:3px 6px 4px;
	}
* html a.buttnstyle, * html a.buttnstylehot {
	position:relative;
	top:-.4em;
	}
.smlbuttnstyle, .smlbuttnstylehot {
	font:bold .6em/1.5em Verdana,Arial,Helvetica,sans-serif;
	padding:0px 3px 1px;
	}
/* stylized text buttons - text color - cold state */
a.buttnstyle:link, a.buttnstyle:visited, input.buttnstyle, 
	a.smlbuttnstyle:link, a.smlbuttnstyle:visited {
	color:#fff;
	text-decoration:none;
	}
/* stylized text buttons - text color - hot & hit states */
a.buttnstylehot:link, a.buttnstylehot:visited, a.buttnstylehot:hover, 
	a.buttnstylehot:focus, a.buttnstylehot:active, a.buttnstyle:hover, 
	a.buttnstyle:focus, a.buttnstyle:active, input.buttnstylehot, 
	a.smlbuttnstylehot:link, a.smlbuttnstylehot:visited, 
	a.smlbuttnstylehot:hover, a.smlbuttnstylehot:focus, 
	a.smlbuttnstylehot:active, a.smlbuttnstyle:hover, 
	a.smlbuttnstyle:focus, a.smlbuttnstyle:active, 
	a.smlbuttnstylehot {
	color:#fff;
	}
a.buttnstylehot:link, a.buttnstylehot:visited, input.buttnstylehot, 
	a.smlbuttnstylehot:link, a.smlbuttnstylehot:visited, a.smlbuttnstylehot {
	text-decoration:none;
	}
a.buttnstylehot:hover, a.buttnstylehot:focus, a.buttnstylehot:active, a.buttnstyle:hover, 
	a.buttnstyle:focus, a.buttnstyle:active, a.smlbuttnstylehot:hover, a.smlbuttnstylehot:focus, 
	a.smlbuttnstylehot:active, a.smlbuttnstyle:hover, 
	a.smlbuttnstyle:focus, a.smlbuttnstyle:active {
	text-decoration:underline;
	}
/* stylized text buttons - button color - cold state */
.buttnstyle:link, .buttnstyle:visited, input.buttnstyle, 
	.smlbuttnstyle:link, .smlbuttnstyle:visited {
	background:#13327b;
	border:2px #57769f solid;
	border-right:2px #000046 solid;
	border-bottom:2px #000046 solid;
	}
/* stylized text buttons - button color - hot & hit states */
.buttnstylehot, .buttnstyle:hover, .buttnstyle:focus, 
	.buttnstyle:active, input.buttnstylehot, .smlbuttnstylehot, 
	.smlbuttnstyle:hover, .smlbuttnstyle:focus, 
	.smlbuttnstyle:active, .smlbuttnstylehot {
	background:#d12d24;
	border:2px #f56f67 solid;
	border-right:2px #900900 solid;
	border-bottom:2px #900900 solid;
	}


/* additional styles for window dressing: */

.sub1 {
	font-weight:bold;
	color:#13327b;
	}
.sub2 {
	font-weight:bold;
	color:#d12d24;
	}
.sub3 {
	font-weight:bold;
	}
.sml {
	font-size:.8em;
	line-height:1.4em;
	}
.list {
	font:normal .75em/1.5 Arial,Helvetica,sans-serif;
	}
.smlist {
	font:normal .7em/1.4 Arial,Helvetica,sans-serif;
	}
td span.txtnav {
	line-height:1.75em;
	}
.footer {
	font:normal .6em/1.2 Verdana,Arial,Helvetica,sans-serif;
	color:#fff;
	}
.footer a {
	font-weight:bold;
	}
.reg1 {
	font-size:.75em;
	vertical-align:.15em;
	text-decoration:none;
	}
.reg2 {
	font-size:.6em;
	vertical-align:.4em;
	text-decoration:none;
	}

/* additional styles for chapter sites & admin: */

.chapterhd {
	color:#173c91;
	}
a.chapternav:active, a.chapternav:visited {
	color:#fff;
	}
.chapternav {
	font:bold .75em/1.25 Arial,Helvetica,sans-serif;
	color:#fff;
	background-color:#FF0000;
	}
.chapternavoff {
	font:bold .75em/1.25 Arial,Helvetica,sans-serif;
	color:#9abbda;
	}	
a.chapternavoff:active, a.chapternavoff:visited {
	color:#9abbda;
	}
a.adminnav:active, a.adminnav:visited {
	color:#fff;
	}
a.adminnav:hover {
	text-decoration:underline;
	}
.adminnav {
	font:bold .75em/1.25 Arial,Helvetica,sans-serif;
	color:#fff;
	text-decoration:none;
	}
.navindent {
	font-size:1em;
	margin:0 .1em .1em .5em;
	}
.chapterid1 {
	font:bold 1.5em/1.1 Arial,Helvetica,sans-serif;
	color:#173c91;
	}
.chapterid2 {
	font:bold 2em/1.1 Arial,Helvetica,sans-serif;
	color:#d12d24;
	}
.chapterid2big {
	font:bold 2.5em/1.1 Arial,Helvetica,sans-serif;
	color:#d12d24;
	}
.tagline {
	font:bold italic 1.25em/1.9 "Times New Roman",Times,serif;
	color:#7e7f85;
	padding:5px 0px 0px 0px;
	}
.chapterfact {
	font:normal .7em/1.4 Arial,Helvetica,sans-serif;
	color: #d12d24;
	}
.subnav {
	font:bold .65em/1.25 Verdana,Arial,Helvetica,sans-serif;
	color:#d02d23;
	}

/* background color and border of popup pallet; advanced calendar daily & weekly views, resource 3 display template and site-wide search. */
.palette {
	background-color:#fffeea;
	border-color:#feb620;
	border-style:solid;
	}

/* Supplemental syles for calendar module. 
NOTE:do not adjust fonts or sizes, only colors! 
Items in black, shades of grey, or white can generally be left that way. */

/* arrows; all views. */
/* background color of months (January 200X, February 200X, March 200X, etc.); yearly view. */
.arrow, .monthtitleback {
	background-color:#feb620;
	}
.arrowblur {
	background-color:#999; /* normally #999; */
	}
.arrowhidden {
	background-color:#fff; /* normally #fff; */
	}
/* background color of days of the week (Sunday, Monday, Tuesday, etc.); monthly view. */
.monthlabel {
	background-color:#feb620;
	}
/* background color of days of the week (Su, M, Tu, W, etc.); yearly view. */
.yearlabel {
	background-color:#4e73ab;
	}
/* color of day of the week (Sunday, Monday, Tuesday, etc.; Su, M, Tu, W, etc.); monthly & yearly views. 
Also color of month (January 200X, February 200X, etc.); yearly view only. Normally #fff; */
/* color of dates (1st thru 31st); monthly view. Normally #fff; */
.calday, .caldate  {
	color:#fff;
	text-decoration:none;
	}
/* background color of cells not containing a day (beginning & end of month); monthly view. Normally #e6e6e6; */
/* background color of cells not containing a day (beginning & end of month); yearly view. Normally #e6e6e6; */
.emptycellmonth, .emptycellyear {
	background-color:#e6e6e6;
	}
/* background color of dates (1st thru 31st) of days without events; monthly view.  */
.emptydayback {
	background-color:#4e73AB;
	}
/* background color of cell containing days without events; monthly view. */
.monthcold {
	background-color:#ccd6ef;
	}
/* background color of dates (1st thru 31st) of days with events; monthly view. */
.daynumberback {
	background-color:#d02d23;
	text-decoration:none;
	}
/* background cell color of days with events; monthly view. */
/* background cell color of days with events; yearly view. */
.monthhot {
	background-color:#fffeea;
	}
.yearhot {
	background-color:#fffeea;
	}
/* border of cells not containing a day (beginning & end of month); yearly view. Normally #8c8c8c; */
/* border of cells containing days; yearly view. Normally #8c8c8c; */
/* border of cells containing days with events; yearly view. Normally #8c8c8c; */
.emptycellyear, .yearborder, .yearhot {
	border-color:#8c8c8c;
	border-style:solid;
	}
/* border surrounding days of the week (Su, M, Tu, W, etc.); yearly view. Normally #fff; */
.yearlabel {
	border-color:#fff;
	border-style:solid;
	}
/* color of dates (1st thru 31st) of days without events; yearly view. Normally #8c8c8c; */
.yrdateblur {
	color:#8c8c8c; 
	}
/* color of dates (1st thru 31st) of days with events; yearly view. */
.yrdatefocus {
	color:#d02d23;
	text-decoration:none;
	}
/* time of day of event; list & weekly views, left column. */
.calhd {
	color:#d02d23;
	}
.calist, .target, .calevent {
	color:#000; /* normally #000 */
	}
.current, .calhd, .target, .calist {
	font-family:Arial,Helvetica,sans-serif;
	}
.calhd, .target, .calist {
	font-size:.8em;
	}
.current {
	font-size:.9em;
	}
.calday, .caldate, .calevent, .yrdateblur, .yrdatefocus {
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:.65em;
	}
.current, .calhd, .target, .calday, .caldate, .yrdateblur, .yrdatefocus {
	font-weight:bold;
	}
	
/* New advanced calendar styles */
#yeartable {
	margin:0 auto;
	}
#calDate h3 {
	font-size:1em;
	}
a.caldate:link, a.caldate:visited, a.caldate:hover, a.caldate:focus, a.caldate:active {
	color:#fff;
	text-decoration:none;
	}
td.monthtitleback a, td.yearhot a {
	text-decoration:none;
	}
#calContent .calRecord .calRecordMain ul {
	margin-top:.75em;
	}
body #calContent ul li.center>div.show {
	margin-bottom:1.2em;
	}

/* Supplemental checkbox syles (currently only used in groups admin) */

/* checkbox in default state -- checkbox will highlight on mouseover, checkboxoff will not */
.checkbox, .checkboxoff {
	font:bold .6em/2.2em Verdana, Arial, Helvetica, sans-serif;
	padding:1px 4px 2px;
	color:#fff;
	background:#13327b; 
	border:2px #57769f outset; 
	}
/* checkbox in selected state */
.checkboxon {
	font:bold .6em/2.2em Verdana, Arial, Helvetica, sans-serif;
	padding:1px 4px 2px;
	color:#fff;
	background:#d12d24; 
	border:2px #f56f67 outset;
	}
/* unavailable checkbox */
.checkboxout {
	font:bold .6em/2.2em Verdana, Arial, Helvetica, sans-serif;
	padding:1px 4px 2px;
	color:#fff;
	background:#000; 
	border:2px #999 solid; 
	border-right:2px #000 solid; 
	border-bottom:2px #000 solid; 
	}
/* inactive checkbox */
.checkboxwait {
	font:bold .6em/2.2em Verdana, Arial, Helvetica, sans-serif;
	padding:1px 4px 2px;
	color:#fff;
	background:#bbb;
	border:2px #ccc solid; 
	border-right:2px #999 solid; 
	border-bottom:2px #666 solid; 
	}
/* text color for "inactive" pseudoclasses; normally #fff; */
a.checkbox:link, a.checkboxon:link, a.checkboxoff:link, a.checkboxout:link, a.checkboxwait:link,
	a.checkbox:visited, a.checkboxon:visited, a.checkboxoff:visited, a.checkboxout:visited, 
	a.checkboxwait:visited {
		text-decoration:none;
		color:#fff;
		}
/* stylization of "active" pseudoclasses; checkbox style will highlight, checkboxon style maintains definition from inactive state */
a.checkbox:hover, a.checkboxon:hover, a.checkbox:focus, a.checkboxon:focus, a.checkbox:active,	
a.checkboxon:active {
	text-decoration:none;
	color:#fff;
	background:#d12d24; 
	border:2px #f56f67 outset;
	}
/* stylization of "active" pseudoclasses; checkboxoff style maintains definition from inactive state */
a.checkboxoff:hover, a.checkboxoff:focus, a.checkboxoff:active {
	text-decoration:none;
	color:#fff;
	background:#13327b; 
	border:2px #57769f outset; 
	}
/* stylization of "active" pseudoclasses; checkboxout style maintains definition from inactive state */
A.checkboxout:hover, A.checkboxout:focus, A.checkboxout:active {
	text-decoration:none;
	color:#fff;
	background:#000; 
	border:2px #999 solid; 
	border-right:2px #000 solid; 
	border-bottom:2px #000 solid; 
	}
/* stylization of "active" pseudoclasses; checkboxwait style maintains definition from inactive state */
A.checkboxwait:hover, A.checkboxwait:focus, A.checkboxwait:active {
	text-decoration:none;
	color:#fff;
	background:#bbb;
	border:2px #ccc solid;
	border-right:2px #999 solid;
	border-bottom:2px #666 solid;
	}
/* color for text associated w/ checkbox and checkboxoff */
.checktext, .checktextoff {
		color: #13327b;
		}
/* color for text associated w/ checkboxon */
.checktexton {
		color: #d12d24;
		}
/* color for text associated w/ checkboxout */
.checktextout {
		color: #000; 
		}
/* color for text associated w/ checkboxwait */
.checktextwait {
		color: #bbb;
		}
A.checkbox, A.checkboxon, A.checkboxoff, A.checkboxwait, A.checkboxout {
		text-decoration: none;
		}

/* Supplemental plusbox-minusbox syles -- only the color specifications should be altered to match the site's color scheme -- all other attributes should not be changed. */

.plusbox, .minusbox {
	font:bold .5em/2.2em Verdana,Arial,Helvetica,sans-serif;
	vertical-align: middle;
	}
.plusbox {
	padding:0px 2px 1px;
	color:#fff;
	background:#13327b;
	border:2px #57769f outset;
	}
.minusbox {
	padding:0px 2px 1px 3px;
	color: #fff;
	background:#d12d24;
	border:2px #f56f67 outset;
	}
A.plusbox:link, A.plusbox:visited, A.plusbox:hover, A.plusbox:focus, A.plusbox:active,
	A.minusbox:link, A.minusbox:visited, A.minusbox:hover, A.minusbox:focus, A.minusbox:active {
		color:#fff;
		text-decoration:none;
		}

/* SubMenu Styles */

/* .subMenuSettings {
fontfamily="Verdana,Arial,Helvetica,sans-serif";
fontsize="60%";
onbgcolor="#CFE1F7";
offbgcolor="#CFE1F7";
bordercolor="#A2A2A2";
borderwidth=1;
separatorcolor="#A2A2A2";
separatorsize=1;
padding=5;
fontweight="bold";
ondecoration="underline";
offcolor="#D02D23";
oncolor="#D02D23";
} */

/* Chaptersite Zone 1 Styles */

.navlink1, A.navlink1:active, A.navlink1:visited, A.navlink1:hover {
	color:#FFFFFF;
	}

.navcell1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:75%;
	font-weight:bold;
	padding:4px 13px 4px 13px;
	}

/* .zone1Settings {
padding="4 13 4 13";
pagebgcolor="#ED8675";
onbgcolor="#ED8675";
offbgcolor="#D02D23";
oncolor="#FFFFFF";
offcolor="#FFFFFF";
fontfamily="Arial,Helvetica,sans-serif";
fontsize="75%";
fontweight="bold";
} */

/* Chaptersite Zone 2 Styles */

.navlink2, A.navlink2:active, A.navlink2:visited, A.navlink2:hover {
	color:#FFFFFF;
	}

.navcell2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:75%;
	font-weight:bold;
	padding:4px 4px 4px 25px;
	}

/* .zone2Settings {
itemwidth=165;
padding="4 13 4 13";
pagebgcolor="#4E73AB";
onbgcolor="#4E73AB";
offbgcolor="#173C91";
oncolor="#FFFFFF";
offcolor="#FFFFFF";
fontfamily="Arial,Helvetica,sans-serif";
fontsize="75%";
fontweight="bold";
} */

/* Chaptersite Zone 3 Styles */

.navlink3, A.navlink3:active, A.navlink3:visited, A.navlink3:hover {
	color:#FFFFFF;
	}

.navcell3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:75%;
	font-weight:bold;
	padding:4px 4px 4px 25px;
	}

.navlink3Logout, A.navlink3Logout:active, A.navlink3Logout:visited, A.navlink3Logout:hover {
	color:#9ABBDA;
	}

.navcell3Logout {
	font-family:Arial, Helvetica, sans-serif;
	font-size:75%;
	font-weight:bold;
	padding:4px 4px 4px 25px;
	background:#4E73AB;
	}

/* .zone3Settings {
itemwidth=165;
padding="4 13 4 13";
pagebgcolor="#4E73AB";
onbgcolor="#4E73AB";
offbgcolor="#173C91";
oncolor="#FFFFFF";
offcolor="#FFFFFF";
fontfamily="Arial,Helvetica,sans-serif";
fontsize="75%";
fontweight="bold";
} */

/* .zone3LogoutSettings {
itemwidth=165;
padding="4 13 4 13";
onbgcolor="#4E73AB";
offbgcolor="#4E73AB";
oncolor="#9ABBDA";
offcolor="#9ABBDA";
fontfamily="Arial,Helvetica,sans-serif";
fontsize="75%";
fontweight="bold";
} */

/* Chaptersite Zone 4 Styles */

/* .zone4Settings {
} */


/* Supplemental Styles for Summer School Schedule in AL of Flintridge */
p.resourceAlt1 {
	font-weight:bold;
	font-style:italic;
	color:#D12D24;
	}
p.resourceAlt2 {
	margin-top:1em;
	font-weight:bold;
	}

.milonictable tbody td {
	padding:4px 13px;
	text-align:left;
	}

.image {
float:right;
padding:3px 3px 5px 3px;

}
.caption {
width:290px;
font-size:11px;
font-weight:bold;
}