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

/* Resets */

/* ---------------------------------- */
/* Global Sharepoint Core15 Overrides */
/* ---------------------------------- */

/* Change default font color from #444 (vary dark gray) to dark brown from ALSDE WWW Palette */
body, .ms-core-defaultFont, .js-callout-body, .ms-vb, .ms-vb2, .ms-vb-user, .ms-vb-tall, .ms-pb, 
.ms-pb-selected{
	color:#665011;
}

/* Change default link color to similar blue from palette */
a, .ms-link:visited {
    /*color: #0072c6;*/
    color: #0e76bc; /* p2a blue */
}


.edit-mode-panel {
    clear: both;
}
.ms-formfieldlabel {
	color: rgb(119, 119, 119);
	font-family: "Helvetica", sans-serif;
	line-height: 1.2em;
	font-size: 13px;
	font-style: italic;
	font-weight: normal;
	text-align: left;
	text-shadow: none;
}

h2.ms-webpart-titleText {
      		font-family:"Helvetica", sans-serif;
				line-height:1.2em;
				font-size:13px !important;
				font-style:italic;
				font-weight: normal;
				color:#665011;
				text-shadow: none;
}

.asa-sectiontitle-pal .ms-rtestate-field p{
		line-height:1em; /*overrides Sharepoint's 1.6 em*/
}

	
		

    .asa-sectiontitle-pal .ms-formfieldlabelcontainer  {
		font-family:"Helvetica", sans-serif;
				line-height:1.2em;
				font-size:13px;
				font-style:italic;
				font-weight: normal;
				color:#665011;
				text-shadow: none;
	}
    .asa-sectiontitle-pal .ms-rtestate-write {
        font-family:"Helvetica", sans-serif;
				line-height:1.2em;
				font-size:13px;
				font-style:italic;
				font-weight: normal;
				color:#665011;
				text-shadow: none; 

	}
 
.asa-sectiontitle-pal .ms-webpart-titleText{
					font-size: 24px;
					color: #a81f1b;
}


/* ------------------------- Text Styles ----------------------------- */

/* Stlyes for Section Landing pages Title and Blurb/Description */

.asa-sectiontitle-pal/* .ms-rtestate-field h2, h2.ms-rteElement-H2*/  {
		font-family:"Century Gothic", sans-serif;
		font-size: 22px;
		color: #a81f1b;
		font-weight: 500;
		text-shadow: 1px 1px 2px #666666;
		vertical-align:top;
				
}
	
	.asa-sectiontitle-pal a,
	.asa-sectiontitle-pal a:link,
	.asa-sectiontitle-pal a:hover, 
	.asa-sectiontitle-pal a:visited {
		color: #a81f1b;
	}

.asa-sectiondesc-pal { /* Add classes "asa-sans2font13 asa-txtbrown" to markup */
				font-family:"Helvetica", sans-serif; 
				line-height:1.2em; /*This is covered in asa-layout-communications-home.css */
				font-size:13px; 
				font-style:italic; 
				color:#665011; 

}

/* Styles for breadcrumb text */

.asa-breadcrumbfont{
	font-family:"Century Gothic", sans-serif;
	font-size: 16px;
	font-weight: 500;
	text-shadow: 1px 1px 1px #999;
}
	.asa-breadcrumb-container a,
	.asa-breadcrumb-container a:link,
	.asa-breadcrumb-container a:visited,
	.asa-breadcrumb-container a:hover {
		color: #a81f1b;
	}


/* Font used for tagline(s) - Google Font - Currently using images instead of live text for those */
/*h4.asa-scriptfont16{
			font-family: 'Shadows Into Light',cursive;
			text-align:center;
			color: #a81f1b;
			text-shadow: 1px 1px 2px #758088;
			line-height:16px;
			font-size:16px;
			margin-bottom:19px;
}
*/

.asa-sans1font24{ /* Section Title Style. Add asa-txtbrown class */
		font-family:"Century Gothic", sans-serif;
		font-size: 24px;
		font-weight: 500;
		text-shadow: 1px 1px 2px #000;
}

.asa-sans2font13{ /*Section Blurb Style*/
	font-family:"Helvetica", sans-serif;
	font-size:13px;
	font-style:italic;
}
.asa-sans2font14{ /*ARI Slideshow Caption Text*/
	font-family:"Helvetica", sans-serif;
	font-size:14px;
	text-shadow: 1px 1px 2px #000;
}

.asa-sans2font16{ /* Used for Home Slide Show Top Caption / Image Description */
	font-family:"Helvetica", sans-serif;
	font-size:16px;
	text-shadow: 1px 1px 2px #000; /*may have to tweak these values */
	line-height:1.1em; /*may need to adjust*/
}

.asa-sans1font14{ /*Used in Left Panel of Home Page Tabbed Slideshow with asa-txtbluelightest*/
	font-family: "Century Gothic",sans-serif;
    font-size: 14px;
    font-weight: normal;
    line-height: 18px;
    text-shadow: 1px 1px 2px #041e2f; 
}
.asa-sans1font11caps{ /*Video Title Style; currently defined in commvideo.css. Add asa-txtgreendark also */
	font-family:"Century Gothic", sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-transform:uppercase;
}

.asa-sans2font11italic{ /*Video Caption Style; currently defined in commvideo.css. Add asa-txtbrown also */
	font-family:"Helvetica", sans-serif;
	font-size:11px;
	font-style:italic;
}

.asa-sans1font12caps{ /*Video List Heading Style; currently defined in commvideo.css. Add asa-txtbrown also */
	font-family:"Century Gothic", sans-serif;
	font-size:12px;
	font-weight:bold;
	text-transform:uppercase;
}

.asa-sans1link10{ /*Video List Links Style; currently defined in commvideo.css. Add asa-txtbluedark also */
	font-family:"Century Gothic", sans-serif;
	font-size:10px;
	font-weight:bold;
	text-decoration:none;
	line-height:8px;
}


/* Tabbed Preview Area Text Styles */

.asa-sans1link12{ 
/*Preview Area Links Style; currently defined in  preview1.css . Add asa-txtbluedark also. 
Class PreviewItemFirst increases fontsize for first item to 14 and line-height to 18; 
Class OlderItemsLink italicizes and changes color to red, and positions at bottom */
	font-family:"Century Gothic", sans-serif; /*Getting from Page Wrapper in master css*/
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	line-height:1em; /*Defined on li level*/
}
.asa-sans1link13{ 
/*Used on Award Item pages for the School info links in the award recipient area*/
	font-family:"Century Gothic", sans-serif; /*Getting from Page Wrapper in master css*/
	font-size:13px;
	font-weight:bold;
	text-decoration:none;
	line-height:1em; 
}

.asa-sans1font11{
	/* Preview Area Date Styling (p). Currently defined in preview1.css. Add asa-txtbrown also */
	font-family:"Century Gothic", sans-serif; /*Getting from Page Wrapper in master css*/
	font-size:11px;
}
.asa-sans1font13{
	font-family:"Century Gothic", sans-serif; 
	font-size:13px;
}

.asa-sans1font15{
	/* Feature Area left panel on Acct page */
	font-family:"Century Gothic", sans-serif; /*Getting from Page Wrapper in master css*/
	font-size:15px;
	font-weight:bold;
	line-height:1em; /* Defined on li level */
}


.asa-sans1font16{
	/* Preview Area Heading Style; Defined in preview1.css. Add asa-txtyellowlight also. Note: h3.asa-sans1font16, is not bold */
	font-family:"Century Gothic", sans-serif; /*Getting from Page Wrapper in master css*/
	font-size:16px;
	font-weight:bold;
	line-height:1em; /* Defined on li level */
}

.asa-sans1font18{
	/* Preview Area Heading Style; Defined in preview1.css. Add asa-txtyellowlight also. Note: h3.asao-sans1font16, is not bold */
	font-family:"Century Gothic", sans-serif; /*Getting from Page Wrapper in master css*/
	font-size:18px;
	line-height:1em; /* Defined on li level */
}

.asa-sans1font20{
	/* Preview Tabs Heading Style; currently defined in TabbedZoneLayout-rich.css in Assets/asa/PreviewTabs/. Add asa-txtyellowlight also */
	font-family:"Century Gothic", sans-serif; /* Now getting from TabbedZoneLayout-rich.css */
	font-size:20px;
	font-weight:bold;
	line-height:1em; /* Defined on li level */
}

.asa-sans1link14{
	/* Preview Tab (tertiary nav) Label Link Style. Also add asa-txtbrown and asa-txtredmedium to hover state and for active tab */
	font-family:"Century Gothic", sans-serif; /* Getting from Page Wrapper */
	font-size:14px;
	text-decoration:none;
}
.asa-brownheadertext{
	/* Used over gold header background on Accountability School/District PIC */
	font-size:16px;
	color: #665011;
    font-family: "Century Gothic", sans-serif; /*Add to asa-palette1 and FIX SYNTAX of this line in asa-secnav_fix.css in SiteAssets/asa/js/secnav */
    line-height: 15px;
    margin-bottom: 5px;
    text-shadow: 1px 1px 1px #FFFFFF;
}


	

/* Lower Area Text Styles */

h3.asa-sans1font18{
	/*Large version of Lower Area Title Text below */
	font-family:"Century Gothic", sans-serif;
	font-size:18px;
	text-align:center;
	text-shadow: 1px 1px 2px #758088;
	line-height:18px;
}

h3.asa-sans1font16{
	/*Lower Area Titles Text Style for Home Page. Add asa-txtreddark class also. */
	font-family:"Century Gothic", sans-serif;
	font-size:16px;
	text-align:center;
	text-shadow: 1px 1px 2px #758088;
	line-height:16px;
	font-weight:normal;
}


.asa-sans1link11{
	/* Lower Area Link List Text Style. Add asa-txtbluelight also */
	font-family:"Century Gothic", sans-serif; /*Getting from Page Wrapper in master css*/
	font-size:11px; /*currently defined on ul level in asa-aen-box.css*/
	font-weight:bold; /*currently defined on ul level in asa-aen-box.css*/
	text-decoration:none;
}
.asa-sans2font11bold{
	/* Lower Area Item "Headlines" Text Style. Add asa-txtbrown also */
	font-family: Helvetica,sans-serif;
	font-size: 11px;
	font-weight: bold;
	line-height: 16px;
}

/* RSS Feed Styling */
.asa-sans2font12bold{
	/* RSS Feed "Headlines" Text Style. Add asa-txtbrown also */
	font-family: Helvetica,sans-serif;
	font-size: 12px;
	font-weight: bold;
	line-height: 16px;
}
.asa-sans2font12{
	/* RSS Feed "Description" Text Style. Add asa-txtbrown also */
	font-family: Helvetica,sans-serif;
	font-size: 12px;
	line-height: 1.1em;
}
.asa-sans2link12{
	/* RSS Feed Links; Add asa-txtbluedark */
    font-size: 12px;
    font-weight: bold;
    font-style:italic;
    text-decoration: none;
    vertical-align: top;
    }
/* End RSS Feed Styling */

.asa-sans2link10{
	/* Lower Area "Learn More..." link text style. Add asa-txtyellowdark also. Currently defined in asa-aen-box.css */
	font-family: Helvetica,sans-serif;
	font-size: 10px;
	font-weight: bold;
	font-style:italic;
	text-decoration: none;
}

.asa-first-item {
    color: #665011;
    font-family: "Helvetica",sans-serif;
    font-size: 13px;
    font-weight: normal;
    line-height: 1.1em;
    margin-top: 3px;
}

/* Text Colors - Add class to element in markup, classes separated by spaces, then remove color rule from text style 
above or in area-specific css */

.asa-txtreddark, .asa-txtreddark:visited{
	color: #a81f1b;
}

.asa-txtredmedium, .asa-txtredmedium:visited{
	color: #bb0b07;
}

.asa-txtbrown, .asa-txtbrown:visited{
	color:#665011;
}
.asa-txtbrowndark{
	color:#40320b;
}

.asa-txtbluedark, .asa-txtbluedark:visited{
	color:#0a588d;
}


.asa-txtbluemedium, .asa-txtbluemedium:visited{
color:#0e76bc; /*asa-txtbluemedium*/
}


.asa-txtbluelight, .asa-txtbluelight:visited{
	color:#2784c3;
}

.asa-txtbluelightest, .asa-txtbluelightest:visited{
	color:#e7f2f8;
}

.asa-txtyellowlight{
	color:#fffbef;
}

.asa-txtyellowmed{
	color:#ffd34f; /* gold in Slide Title on Home */
}
.asa-txtyellowdark, .asa-txtyellowdark:visited{
	color:#bf951f;
}

.asa-txtgreendark{
	color:#13611e;
}

/* background color for alternate row */
.asa-alternaterowbackground {
	background-color: #fff9de;
}

.ms-alternating{
	background-color: #fff9de;
	 
}

/* Override SP Listview Table Link formatting */

.ms-vb a.ms-listlink, .ms-vb2 a.ms-listlink, .ms-vb-user a.ms-listlink, .ms-vb a.ms-listlink:visited, .ms-vb a.ms-listlink:visited:hover{
	/*color:#0072c6;*/
	color:#0e76bc; /*p2a blue*/
}
a.ms-listlink, a.ms-listlink:hover, a.ms-listlink:active {
	/*color:#0072c6;*/
	color:#0e76bc; /*p2a blue*/
}
.asa-tabrowdata.asa-tableheader p{ /* CSWP "All" Page, e.g. Forms pages */
	color:#777; /* Header Row Text Gray; same as on header on regular list view all pages */
	font-size:.83em;
}

/* blue border, then red on hover */
img.asa-img-link,
img.asa-img-link-hoverborder,
img.asa-img-link-hoverborder:visited
{
border:2px solid #4a98cd;
}
img.asa-img-link:hover,
img.asa-img-link-hoverborder:hover{
border-color: #e12925;
}

/* Image link with blue border on hover only. Note: Works better on images without the "shadow" class, unless image
has a white background */
img.asa-img-link-borderonhover, img.asa-img-link-borderonhover:visited{
	position:relative;
	padding:2px;
	
}

img.asa-img-link-borderonhover:hover{
	padding:0;
	border:2px solid #4a98cd;
}

.asa-margleft28{ 
	margin-left:28px;
}	
.asa-title{ /*makes a title bold*/
	font-weight:bold;
}
.asa-ital-bold-link{
    font-style: italic;
    font-weight: bold;
    text-decoration: none;
}
.asa-ital-bold-link:hover{
	text-decoration:underline;
}

.asa-ital{
    font-style: italic;
}
.asa-bold{
	font-weight:bold;
}

.asa-whn-smallbox div,
.asa-whn-smallbox h4{
		  font-size:13px;
		  font-weight:normal;
		  font-family:"Helvetica", sans-serif;
		  line-height:1.2em;
		  color:#665011;
		  margin-top:3px;

}

.asa-whn-smallbox div a,
.asa-whn-smallbox div a:visited,
.asa-whn-smallbox h4 a,
.asa-whn-smallbox h4 a:visited{
		  color:#0a588d; /*dark blue*/
		  font-style:italic;
		  font-weight:bold;
		  text-decoration:none;
		  
	  }