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

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	/*font-size: 100%;*/
	/*font: inherit;*/
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
.ms-rtestate-field {
	overflow: hidden !important;
}


/* Resets 
----------------------------------------------------------*/
html, body, h1, h2, h3, h4, h5, h6, p, ol, ul, li{
	padding:0;
	margin:0;
}

img{
	border:none;
}
#clearfloat{
			clear:both;
		   }  
		   
a{
	outline:none;  /*Overrides Firefox default outline on visited links*/
}
/*--------------------------------------------------------*/

	#pagewrapper{
		width:1008px;
		margin-left:auto;
		margin-right:auto;
		padding:0px 50px 35px 50px;
		background-color:#fff;
		font-family: "Century Gothic", sans-serif;
	}
	
	

/*  ------------------------------ Header Styling ----------------------------------*/
		header{
			width:1008px;
			position:relative;
			height:160px;
			padding:5px 0px 5px 0px;
		
		}
		/*Added for search box on the masterpage for application use.  Not sharepoint */
		 .SearchBox {
                /*padding-top: 5px;
                vertical-align: top;
                padding-bottom: 0px;
                border: none;
                background-color: #fff9e4;*/
                padding-top: 0px;
				vertical-align: top;
				padding-bottom: 0px;
				bottom: 5px;
				border: none;
				margin: 0px;
				height: 26px;
				background-color: #fff9e4;
            } 
			#logo a{
				background:url("images/SealSprite.png") 5px -127px no-repeat;
				display: block;
				float:left;
				position:relative;
				height: 126px;
				width: 135px;
				text-indent: -9999px; 
				z-index: 99;
			}
			#logo a:hover{
				background-position:5px -1px;
			}
			
			#ALSDETitle a{
				background:url("images/SiteTitleALSDE.png") top left no-repeat;
				display:block;
				float:left;
				position:relative;
				height:34px;
				width:635px;
				text-indent: -9999px;
				top:32px; 
				left:51px;
			}
			#LoginPortal {
			width: 100px !important;
			position: relative;
			float: right;
			top: 40px;
			color: #0742BE;
			text-decoration: none;
			padding-right: 50px;
			top: 33px;
			}
			
						


		/* ----- Begin Global Nav Styling ---------------------------------------------*/
			
			/*Nav Bar Styling*/
			#GlobalNavContainer{ 
				background: url(images/GlobalNavBG.png) top left repeat-x;
				position: relative;
				height: 49px;
				width: 1008px;
				top: 66px;
				z-index: 90;
				font-family: "Century Gothic", sans-serif;
				font-size: 12px;
				font-style: normal;
			}
	
	
				#GlobalNavList{
					background: #0d6aa9 url(images/GlobalNavBG.png) top left repeat-x;
					position:relative;
					display:inline-block;
					top:-34px;
					list-style: none /*inside*/;
					height:43px;
					padding:0px 10px 0px 10px;

				}
			
					#GlobalNavList li.navbar{
						display:inline-block;
						position:relative;
						text-align:center;
						float:left;
						height:44px;
						/*margin-right: 20px;*/
						/*padding:7px 10px 0px 10px;*/
						padding:0px 20px; /*use padding on left/right instead of margin to close gaps*/
					}
					
					#GlobalNavList li.navbar:hover,
					#GlobalNavList li.navbar.hover {
						background-color:#ffd55f;
						/*-moz-transition-delay: .5s;
						-webkit-transition-delay: .5s;
						-o-transition-delay: .5s;
						transition-delay: .5s;*/
					}
				
						#GlobalNavList li.navbar a.navbarlink{
							display:block;
							color:#fff1ca;
							text-decoration:none;
							text-shadow: 1px 1px 1px #000;
							width:100%;
							height:100%;
							margin-top:7px;
						}
						#GlobalNavList li.navbar a.navbarlink.oneline{
							margin-top: 13px;
						}
						
						#GlobalNavList li.navbar:hover a.navbarlink,
						#GlobalNavList li.navbar.hover a.navbarlink{
							color:#40320b;
							text-shadow: 1px 1px 1px #FFF;/*
							-moz-transition-delay: .5s;
							-webkit-transition-delay: .5s;
							-o-transition-delay: .5s;
							transition-delay: .5s;*/
						}
						
					#GlobalNavList li.navbar .GlobalDropDown{
						clear:both;
						position: absolute;
						width:1004px;
						height: 0px;
						top: 43px;
						display: block; 
						/*left:-999em;*/
					}
					
					/* Global Drop Down Styling */
					#GlobalNavList li.navbar:hover .GlobalDropDown,
					#GlobalNavList li.navbar.hover .GlobalDropDown{
						top:43px;
					}
						.GlobalDropDown.Department
						{
							left: -144px;
							/*-moz-transition-delay: .5s;
							-webkit-transition-delay: .5s;
							-o-transition-delay: .5s;
							transition-delay: .5s;*/
						}

						.GlobalDropDown.Learners{
							left: -252px;
							/*-moz-transition-delay: .5s;
							-webkit-transition-delay: .5s;
							-o-transition-delay: .5s;
							transition-delay: .5s;*/
						}

						.GlobalDropDown.Support{
							/*left: -357px;*/
							left: -360px;
							/*-moz-transition-delay: .5s;
							-webkit-transition-delay: .5s;
							-o-transition-delay: .5s;
							transition-delay: .5s;*/
						}

						.GlobalDropDown.Professionals{
							left: -452px;
							/*-moz-transition-delay: .5s;
							-webkit-transition-delay: .5s;
							-o-transition-delay: .5s; 
							transition-delay: .5s;*/
					}

						 .GlobalDropDown.Schools{
							left: -570px;
							/*-moz-transition-delay: .5s;
							-webkit-transition-delay: .5s;
							-o-transition-delay: .5s;
							transition-delay: .5s;*/
					}

						 .GlobalDropDown.Data{
							/*left: -651px;*/
							left: -673px;
							/*-moz-transition-delay: .5s;
							-webkit-transition-delay: .5s;
							-o-transition-delay: .5s;
							transition-delay: .5s;*/
						}

						 .GlobalDropDown.Communications{
							/*left: -731px;*/
							left: -755px;
							/*-moz-transition-delay: .5s;
							-webkit-transition-delay: .5s;
							-o-transition-delay: .5s;
							transition-delay: .5s;*/
					}
					.GlobalDropDown.Calendar{
							/*left: -870px;*/
							left: -892px;
							/*-moz-transition-delay: .5s;
							-webkit-transition-delay: .5s;
							-o-transition-delay: .5s;
							transition-delay: .5s;*/
					}						
				#dd{
					font-family: "Century Gothic",sans-serif;
				}
				#dd1{
					position:absolute;
					width: 1004px;
					z-index: 90;
					
				}
					/* ***************************** */		
					/* Drop Down Header Area Styling */
					/* ***************************** */		
					.DDHeaderArea{
						position: relative;
						width:1004px; 
						height: 116px;
						background: #084065 url(images/DDHeaderBG.png) repeat-y;
					}
					
						.DDHeaderArea img.tagimage{
							position: absolute;
							/*top: 11px;
							left: 25px;*/
							top: 13px;
							left: 17px;

							z-index: 55;
						}
					
						.DDHeaderArea img.DDTitleimage{
							position: absolute;
							top: 66px;
							left: 23px;
						}

						.DDHeaderArea img.DDHeaderimage{
							position: absolute;
							left: 486px;
							z-index:50;
						}
						
					
						.DDHeaderArea img.DDquote{ 					
							position: absolute; 							
							left: 587px; 							
							top: 65px; 						
							}
					/* *********************************** */		
					/* Drop Down Menu Content Area Styling */
					/* *********************************** */		
					.DDMenuArea{
						position: relative;
						width:1004px; /*was removed*/
						/*height: 333px;*/
						height: 413px; /*takes it down to secondary nav on Comm */
						background-color: #f8eac0; /* Old browsers*/
						/*background: url(images/DDgoldBG.png) repeat-x;*/
  background: -moz-linear-gradient(top,  rgba(255, 213, 95, 0.98) 0%,rgba(251, 223, 144, 0.98) 2%,rgba(239, 229, 202, 0.98) 20%,rgba(239, 229, 202, 0.98) 50%,rgba(251, 223, 144, 0.98) 98%,rgba(255, 213, 95, 0.98) 99%,rgba(255, 213, 95, 0.98) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255, 213, 95, 0.96)),color-stop(2%,rgba(251, 223, 144, 0.98)), color-stop(20%,rgba(239, 229, 202, 0.98)), color-stop(50%,rgba(239, 229, 202, 0.98)), color-stop(98%,rgba(251, 223, 144, 0.98)), color-stop(99%,rgba(255, 213, 95, 0.98)), color-stop(100%,rgba(255, 213, 95, 0.98))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  rgba(255, 213, 95, 0.98) 0%,rgba(251, 223, 144, 0.98) 2%,rgba(239, 229, 202, 0.98) 20%,rgba(239, 229, 202, 0.98) 50%,rgba(251, 223, 144, 0.98) 98%,rgba(255, 213, 95, 0.98) 99%,rgba(255, 213, 95, 0.98) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  rgba(255, 213, 95, 0.98) 0%,rgba(251, 223, 144, 0.98) 2%,rgba(239, 229, 202, 0.98) 20%,rgba(239, 229, 202, 0.98) 50%,rgba(251, 223, 144, 0.98) 98%,rgba(255, 213, 95, 0.98) 99%,rgba(255, 213, 95, 0.98) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  rgba(255, 213, 95, 0.98) 0%,rgba(251, 223, 144, 0.98) 2%,rgba(239, 229, 202, 0.98) 20%,rgba(239, 229, 202, 0.98) 50%,rgba(251, 223, 144, 0.98) 98%,rgba(255, 213, 95, 0.98) 99%,rgba(255, 213, 95, 0.98) 100%); /* IE10+ */
  background: linear-gradient(to bottom,  rgba(255, 213, 95, 0.98) 0%,rgba(251, 223, 144, 0.98) 2%,rgba(239, 229, 202, 0.98) 20%,rgba(239, 229, 202, 0.98) 50%,rgba(251, 223, 144, 0.98) 98%,rgba(255, 213, 95, 0.98) 99%,rgba(255, 213, 95, 0.98) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(255, 213, 95, 0.96)', endColorstr='rgba(239, 229, 202, 0.96)',GradientType=0 ); /* IE6-9 */
					}
					   .DDMenuArea p.asa-BlankLine{
							text-indent:-9999px;
							line-height:6px;
						}
							.DDMenuContent{
								background: url(images/DDdome.png) bottom right no-repeat;
								height:94%;
								padding-bottom:10px;
								/*padding-top:15px;*/ /* c/o Oct 2014 */
								padding-top:25px;
								overflow:hidden;
							}
								.DDMenuContent .col_1,
								.DDMenuContent .col_2,
								.DDMenuContent .col_3
								{
									padding-right:4px;
									border-right:1px #fff7df solid;
								}
								
							/*Styling for a three column menu*/
							.DDMenuContent.ThreeCols{
								width:956px;
								position:relative;
								/*height: 283px;*/
								/*height:369px;*/ /*c/o Oct2014 - set on .DDMenuContent*/
								text-align: left;
								/*padding-top:15px;*/ /*c/o Oct2014 - set on .DDMenuContent*/
								/*padding-bottom:30px;*/ /*c/o Oct2014 - set to 10px on .DDMenuContent*/
								margin-left:48px;
							}
								.DDMenuContent.ThreeCols div{ /*Styling applied to all columns*/
									position:relative;
									float:left;
									width:268px;
									/*height:283px;*/  /*c/o Oct2014*/
									height:100%;
									/*overflow:hidden;*/
								}
								.DDMenuContent.ThreeCols .col_1{
	
								}
								.DDMenuContent.ThreeCols .col_2{
									margin-left:50px;
									margin-right:50px;
								}
								.DDMenuContent.ThreeCols .col_3{
									padding-right:0;
									border-right:none;
								}
								
							/*Styling for a four column menu*/
							.DDMenuContent.FourCols{
								width:980px;
								position:relative;
								/*height: 283px;*/  /*c/o Oct2014*/
								/*height: 363px;*/  /*c/o Oct2014 - height set on .DDMenuContent */
								text-align: left;
								/*overflow:hidden;*/ /*c/o Oct2014 - set on .DDMenuContent*/
								/*padding-top:15px;*/ /*c/o Oct2014 - set on .DDMenuContent*/
								/*padding-bottom:30px;*/ /*c/o Oct2014 - set to 10px on .DDMenuContent*/
								margin-left:auto;
								margin-right:auto;
							}
								.DDMenuContent.FourCols div{ /*Styling applied to all columns*/
									position:relative;
									float:left;
									width:224px;
									/*height:283px;*/  /*c/o Oct2014*/
									height:100%;
									/*overflow:hidden;*/ /*c/o Oct 2014 - set on .DDMenuContent */
								}
								.DDMenuContent.FourCols .col_1{
									margin-left:12px;
								}
								.DDMenuContent.FourCols .col_2{
									margin-left:16px;
								}
								.DDMenuContent.FourCols .col_3{
									margin-left:16px;
								}
								.DDMenuContent.FourCols .col_4{
									margin-left:16px;
								}

	
					
				.boxshadow { /*shadow on bottom of box only*/
					position:relative;
					background:transparent url(images/boxshadow.png) top left repeat-x;
					width:100%;
					height:6px;
					
				}
				
				#navbarshadow.boxshadow{
					top:-37px;
				}
						
						
					/* *********************************** */
					/* Drop Down Menu Text Styling         */
					/* *********************************** */		
						.DDMenuContent .DDMenuCategory{
							font-family: "Century Gothic", sans-serif;
							/*color:#7d1714;*/ /*very dark red - c/o Oct2014*/ 
							color:#961c19; /*lighter red - added Oct2014*/
							font-size:14px;  
							font-weight:bold; /*c/o Oct2014*/
							/*font-style:italic; /*added Oct2014*/
							/*line-height:15px;*/  /*c/o Oct2014*/ 
							line-height:1.1em; /*added Oct2014*/
							/*margin-bottom:5px;*/  /*c/o Oct2014*/
							text-shadow: 1px 1px 1px #FFF;
							position:relative;
							display:block;
						}
						.DDMenuContent .DDMenuCategory.NotAtTop{
							/*margin-top:10px;*/ /*c/o Oct2014*/
							margin-top:14px;
						}
						.DDMenuContent a.DDMenuCategory,
						.DDMenuContent a.DDMenuCategory:link{
							text-decoration:none;
							}
							.DDMenuContent a.DDMenuCategory,
							.DDMenuContent a.DDMenuCategory:link,
							.DDMenuContent a.DDMenuCategory:visited,
							.DDMenuContent a.DDMenuCategory:active,
							.DDMenuContent a.DDMenuCategory:hover{
								color:#961c19;
							}
							.DDMenuContent a.DDMenuCategory:hover{
								text-decoration:underline;
							}
						.DDMenuContent a.DDLink{
								font-size:12px;
								text-decoration:none;
								text-shadow: 1px 1px 1px #FFF;
								/*line-height:10px;*/ /*c/o Oct2014*/
								line-height:1.1em;
								position:relative;
								display:block;
						}
								.DDMenuContent a.DDLink,
								.DDMenuContent a.DDLink:link,
								.DDMenuContent a.DDLink:visited,
								.DDMenuContent a.DDLink:active,
								.DDMenuContent a.DDLink:hover{
									/*color:#2784c2;*/ /*c/o Oct2014*/
									color:#0a588d;
								}
								.DDMenuContent a.DDLink:hover{
									text-decoration:underline;
								}
								.DDMenuContent a.DDLink.major{
									display:block;
									/*font-size:12px;*/ /*c/o Oct2014*/
									font-size:13px;
									font-weight:bold;
									/*margin-bottom:7px;*/ /*c/o Oct2014 replaced next two lines*/
									margin-bottom:3px;
									margin-top:7px;
									/*line-height:12px;*/ /*c/o Oct2014*/
									line-height:1.1em;
								}
							
							.DDMenuContent ul.DDLinkList{
								/*list-style:outside url("images/BulletCircleBrown.png");*/
								list-style:none outside;
								/*font-size:11px;*/  /*anchor has 12px. Commented out Oct2014*/
								position:relative;
								left:10px;
								margin-bottom:10px;
								width:100%;
								
							}
								.DDMenuContent ul.DDLinkList li{
									width:95%;
									margin-bottom:4px;
								}
								
/*----------------------------------End Global Nav Styling ---------------------------*/	
	

					
				
			#tagline{
				clear:both;
				float:left;
				position:relative;
				margin-top:-5px; /*was -7*/
				left:18px;  /*was 24*/
			}
			
			#SearchFollowContainer{
				float: right;
				position:relative;
				margin-top:-11px; 
				margin-right:5px;
				height:30px;
				/*width: 393px; Changing until sp searchbox can be shortened*/
				width: 416px;				
				background-color: #4a98cd;
				padding: 1px 0px 1px 8px;
			}
				#SearchFollowContainer img{
					float: left;
				}
				#searchContainer{
					position:relative;
					float:left;
					top:3px;
					left:-2px;
					background: #fff9e4 /*url("Images/alsdewww/SearchBoxPlaceholder.png") left no-repeat*/;			
					}
			#tickercontainer {
				display:none;
			
			}
			.ticker{
				float:right;
				margin-right:5px;
			}

					
		/* --------------- Styling for Social Media Icon Area .... Convert to list? -------------- */
				#socialmedia {
				/*width : 150px;
				height: 30px;
				overflow: hidden;*/

				}
				#SocialMediaIframe {					
					width:160px;
					height:30px;
					overflow: hidden;
				}
			
				.socmedicon{
					float:right;
					position:relative;
					height:28px;
					padding-top:2px;
					padding-right:3px;
					width:29px;
					display:inline-block;
				}
				.socmedicon a{
					position:relative;
					height: 26px;
					width: 29px;
					display:inline-block;
					text-indent:-9999px;
				}
				
				.socmedicon.fbicon a{
					background: url("images/SocMediaSprite.png") 2px bottom no-repeat; /* should this be -2px with other adjustments? */
				}
				.socmedicon.fbicon a:hover{
					background-position: 2px top;
				}
				.socmedicon.twicon a{
					background: url("images/SocMediaSprite.png") -33px bottom no-repeat;
				}
				.socmedicon.twicon a:hover{
					background-position: -33px top;
				}
				.socmedicon.yticon a{
					background: url("images/SocMediaSprite.png") -66px bottom no-repeat;
				}
				.socmedicon.yticon a:hover{
					background-position: -66px top;
				}
				.socmedicon.piicon a{
					background: url("images/SocMediaSprite.png") -99px bottom no-repeat;
				}
				.socmedicon.piicon a:hover{
					background-position: -99px top;
				}
				.socmedicon.inicon a{
					background: url("images/SocMediaSprite.png") -133px bottom no-repeat;
				}
				.socmedicon.inicon a:hover{
					background-position: -133px top;
				}
				
				
	/* --------------- Styling for *Section* Social Media Icon Area ----------------------- */			
		  
		  
	#SectionSocMediaIcons{
			/* Container for section social media area. Position this div in section page layout css */
	}
		  h5.SectionSocMediaHeading{
			color: #A6251C;
			font-size: 12px;
			font-weight: bold;
			margin: 25px 0 5px;
			text-transform: uppercase;
			font-family: Helvetica, sans-serif;
		  }
		  	.socmediconsec{
					float:left;
					position:relative;
					height:28px;
					padding-top:2px;
					padding-right:3px;
					width:29px;
					display:inline-block;
				}
				.socmediconsec a{
					position:relative;
					height: 26px;
					width: 29px;
					display:inline-block;
					text-indent:-9999px;
				}
				
				.socmediconsec.fbicon a{
					background: url("images/SocMediaSpriteForSections.png") 2px bottom no-repeat; /* should this be -2px with other adjustments? */
				}
				.socmediconsec.fbicon a:hover{
					background-position: 2px top;
				}
				.socmediconsec.twicon a{
					background: url("images/SocMediaSpriteForSections.png") -33px bottom no-repeat;
				}
				.socmediconsec.twicon a:hover{
					background-position: -33px top;
				}
				.socmediconsec.yticon a{
					background: url("images/SocMediaSpriteForSections.png") -66px bottom no-repeat;
				}
				.socmediconsec.yticon a:hover{
					background-position: -66px top;
				}
				.socmediconsec.piicon a{
					background: url("images/SocMediaSpriteForSections.png") -99px bottom no-repeat;
				}
				.socmediconsec.piicon a:hover{
					background-position: -99px top;
				}
				.socmediconsec.inicon a{
					background: url("images/SocMediaSpriteForSections.png") -133px bottom no-repeat;
				}
				.socmediconsec.inicon a:hover{
					background-position: -133px top;
				}
				.socmediconsec.siicon a{
					background: url("images/SocMediaSpriteForSections.png") -167px bottom no-repeat;
				}
				.socmediconsec.siicon a:hover{
					background-position: -167px top;
				}

				

/*---------------End Styling for Section Social Media Icon Area -------------------------------*/

/*---------------  Page Content Styling  --------------------------------------------------*/

	#PageContent{
		clear:both;
		position: relative;
		/*padding-top:16px;*/
		width:1000px;
		margin-left:auto;
		margin-right:auto;	
		margin-bottom:15px;
		min-height:458px;
	}
		#PageContent #row1{
			height:80px;
		}
			#PageContent #SectionTitle{
			  	font-size: 24px;
			  	color: #a81f1b;
			  	width: 260px;
			  	float: left;
			  	font-weight: 500;
			  	text-shadow: 1px 1px 2px #000;
			  	margin-left:auto;
				margin-right:auto;
			}
				#SectionTitle .ms-webpart-titleText{
					font-size: 24px;
					color: #a81f1b;
				}
			#PageContent #SectionBlurb{
				width:728px;
				font-family:"Helvetica", sans-serif;
				line-height:1.2em;
				font-size:13px;
				font-style:italic;
				color:#665011;
				float:left;
				margin-bottom:20px;
			}
			a#ContactUsLink:link,
			a#ContactUsLink:visited{
				color:#0A588D;
			}
			
		#PageContent #row2{
			height:395px;
		}
			#PageContent #row2 #col_1{
				background:#b5d5ea url("images/BlueGradientBG.png") top repeat-x;
			  	position:relative;
			  	float:left;
			  	height:360px;
			  	width:366px;
			  	margin-right:26px;
		  	}
		  	


		  
		  	#PageContent #row2 #TabbedWebPartZoneWrapper #col_2{
			  position:relative;
			  float:left;
			  width:333px;
		  	}

/* Other Global Styles for Page Content*/		  	
.shadow {
  -moz-box-shadow:    3px 3px 2px 0px #758088;
  -webkit-box-shadow: 3px 3px 2px 0px #758088;
  box-shadow:         3px 3px 2px 0px #758088;
}


.asa-img-right{ /*put img with this class inside a text element, div, paragraph, h1, h2... and text will float around the image. Adjust margins accordingly*/
	float: right;
    margin-bottom: 5px;
    margin-left: 5px;
    position: relative;
}
.asa-img-left{
	float: left;
    margin:7px 15px 5px 0px;
    position: relative;
}
.asa-img-centered-notextwrap{ /*used to center image that does not have text flowing around it*/
	display: block;
    margin-left: auto;
    margin-right: auto;
    position: relative;
	
}

.asa-breadcrumb-container { /* Secondary Page Breadcrumb "Box" styling */
				margin-top:-5px;
				margin-bottom:15px;
}
				  	
		  	
		/*  -------------   Begin Styling for the Preview Pane  (Note: While most preview areas on Comm use preview-1.css on Comm, this is still used by the ---------------------------
		-----------------   photo gallery preview area).                                                                                                       --------------------------- */		
  
			  	#PreviewPaneHeader{
					height:48px;
					background:#eec44d url("images/GoldHeaderBG.png") top repeat-x;
					padding:0px 10px 0px 22px;
				}
					#PreviewPaneHeader h4{
						display:inline;
						position:relative;
						top:8px;
						color:#fffbef;
						font-size:16px;
						font-weight:bold;
						line-height:12px;
						font-family: "Century Gothic", sans-serif;
					}
					#PreviewPaneHeader img{
						position:absolute;
						right:48px;
						top:0px;
					}
			  
				  ul.PreviewPaneList{
					  border-color:#bf951f;
					  border-width:2px;
					  border-style:none dotted none dotted;
					  list-style:none;
					  height:309px;
					  margin-top:5px;
				  }
				  
				  		ul.PreviewPaneList li{
						  padding: 10px 20px 3px 20px;
						  vertical-align:top;
						  line-height:14px;
						  
						}
	
							ul.PreviewPaneList li p{
								font-size:11px;
								color:#665011; /*Color of Subject Line*/
							}
		
							ul.PreviewPaneList li a{
								text-decoration:none;
								color:#0a588d;
								font-size:12px;
								font-weight:bold;
								vertical-align:top;
							}
								  ul.PreviewPaneList li a:hover{
									  text-decoration:underline;
								  }
							ul.PreviewPaneList li a.PreviewItemFirst{
								font-size:14px;
								line-height:18px;
							}
							ul.PreviewPaneList li a.OlderItemsLink{
								color:#bb0b07;
							}
				
							ul.PreviewPaneList li p.PreviewItemDate{
								color:#7f6315; /*Date Color*/
								width:100%;
								border-bottom:#e5b326 1px solid;
								padding-bottom:8px;
								padding-top:3px;
								
							}
							ul.PreviewPaneList li a.OlderItemsLink{
								color:#bb0b07;
								font-style:italic;
								/*position:absolute;*/
								bottom:10px;
							}
							
			
		/* ----------  Styling for the Right Preview Tabs  -------------------------------- */		
		
		  #PageContent #row2 #TabbedWebPartZoneWrapper #col_3{
			  position:relative;
			  float:left;
			  width:263px;
			  margin-left:11px;
		  }
		
				
		/* ----------  Styling for Secondary Navigation  ----------------------------------------------------------------------------------*/
		/* ----------  This has been removed from this file. Styling for Secondary Nav in /SiteAssets/asa/js/secnav/asa-secnav_fix.css ----*/
		  
		/*  #PageContent #row3{
			  width:100%;
			  height:41px;
		  }
		  	ul.secondaryNavList{
				position:relative;
				display:inline;
				list-style:none;
				color:#665011;
				font-variant:small-caps;
				font-size:15px;
				text-align:center;
			}
				ul.secondaryNavList img{
					position:relative;
					display:block;
					top:10px;
					left:7px;
				}
				ul.secondaryNavList li{
					height:41px;
					background:#ffe9aa;
					margin-right:3px;
					float:left;
					line-height:15px;
				}
				ul.secondaryNavList li.sixItemMenuButton{
					width:163px;
				}
				ul.secondaryNavList li.fiveItemMenuButton{
					width:200px;
				}
				ul.secondaryNavList li.fourItemMenuButton{
					width:163px;
				}
				ul.secondaryNavList li.threeItemMenuButton{
					width:163px;
				}
	
					ul.secondaryNavList li:hover{
						background:#ffd55f;
						font-weight:bold;
					}
					ul.secondaryNavList li:active{
						background:#ffd55f;
						font-weight:bold;
					}
					ul.secondaryNavList li:visited{
							color:#665011;
						}
						ul.secondaryNavList li p{
							margin-top:-4px;
						}
						ul.secondaryNavList li a{
							text-decoration:none;
						}
							ul.secondaryNavList li a:hover{
							}
							ul.secondaryNavList li a:active{
							}
							ul.secondaryNavList li a:visited{
								color:#665011;
							} */
							
				/*  Popup Menu Styling  */			
			/*	ul.secondaryNavList li .popupMenu {
					clear:both;
					position: absolute;
					width:329px;
					height:184px;
					top: auto;
					left:-999em;
					background:#FFE086 url(images/PopupgoldBG.png) top repeat-x;
					z-index:90;
				}
				
					ul.secondaryNavList li:hover .popupMenu {
						top:-168px;
					}
					ul.secondaryNavList li:hover .popupMenu.rightMenu {
						left:-332px;
					}
					
					ul.secondaryNavList li:hover .popupMenu.leftMenu{
						left:-996px;
					}
					ul.secondaryNavList li:hover .popupMenu.centerMenu{
						left:-664px;
					}
					
					
					.popupMenuContent{
						height:140px;
						width:329px;
						background:transparent url(images/PopupAward.png) 127px bottom no-repeat;
						padding:25px 15px 12px 15px;
						overflow:hidden;
					}
						.popupMenuContent .leftCol, 
						.popupMenuContent .rightCol{
							display:block;
							position:relative;
							float:left;
							width:140px;
							font-variant:normal;
							text-align:left;
							background:transparent;
							margin-left:10px;
							height:100%;
							overflow:hidden;
						}
					
						.popupMenuContent a.popupLink{
							  display:block;
							  color:#0b5c93;
							  text-decoration:none; 
							  font-weight:normal;
							  background:transparent;
							  margin-bottom:10px;
							  font-size:12px;
						  	  line-height:13px;
							  width:140px;
						  }
						  .popupMenuContent a.popupLink:hover{
							  color:#0b5c93;
							  text-decoration:underline;
						  }
						  .popupMenuContent a.popupLink:visited{
							  color:#0b5c93;
							  text-decoration:none;
						  }
						  .popupMenuContent a.popupLink:active{
							  color:#0b5c93;
						  } */
			
				
		/* ----------  Styling for Lower Content Areas  ------------------------------------*/
		 
		#PageContent #row4{
			height:240px;
			margin-top:23px;
		}
			h4.row4Heading{
			font-family: 'Shadows Into Light',cursive;
			text-align:center;
			color: #a81f1b;
			/*text-shadow: 1px 1px 2px #758088;*/
			filter: Shadow(Color=#758088, Direction=130, Strength=1); 
			line-height:16px;
			font-size:16px;
			}
			#PageContent #row4 #col_1{
				position:relative;
				float:left;
				width:272px;
				height:214px;
				padding:12px 14px 14px;
			}
			#PageContent #row4 #col_2{
				position:relative;
				float:left;
				width:296px;
				height:214px;
				margin-left:50px;
				margin-right:50px;
				padding:12px 2px 14px;
			}
			#PageContent #row4 #col_3{
				position:relative;
				float:left;
				width:272px;
				height:214px;
				padding:12px 14px 14px;
			}
		
		.NewParagraph{
			clear:both;
		}
		
/* Stlyling for Graphics Gallery*/		
		.SmallImageDisplay, .ImageTitleAndDesc, .ImageLib ,
	    .VideoTitleAndDesc, .VideoLib, .SmallVideoDisplay,
	    .LargeVideoItem, .LargeVideoTitleAndDesc, .LargeVideoDisplay {
			float: left;
		}

.ImageTitleAndDesc {
border:thick;
width: 150px;
height: 100%;
margin-left: 10px;
margin-top: 10px;
margin-right: 5px;
margin-bottom: 5px;

}

.ImageLib { /*Note: This styling is being overridded on the graphics gallery (all) page by styling for this in cswp.css*/
border-style:solid;
border-width:1px;
/*margin: 5px;*/

margin-left:25px;
margin-right: 5px;
margin-bottom: 25px;

-moz-box-shadow:    3px 3px 2px 0px #758088;
-webkit-box-shadow: 3px 3px 2px 0px #758088;
box-shadow:         3px 3px 2px 0px #758088;
padding:15px;
}
.ImageLib p{
line-height:1.2em;
}

/*Styling for Graphics Gallery Preview Pane*/		
.PreviewPaneList .ImageTitleAndDesc {
border:thick;
width: 150px;
height: 100%;
margin-left: 10px;
margin-top: 10px;
margin-right: 5px;
margin-bottom: 5px;

}
.PreviewPaneList .ImageLib { /*Note: This styling is being overridded on the graphics gallery (all) page by styling for this in cswp.css*/
/*border-style:solid;
border-width:1px;
/*margin: 5px;
margin-left:25px;
margin-right: 5px;
margin-bottom: 25px;

-moz-box-shadow:    3px 3px 2px 0px #758088;
-webkit-box-shadow: 3px 3px 2px 0px #758088;
box-shadow:         3px 3px 2px 0px #758088;*/
padding:0px; /*important*/
}
/* End Styling for Graphics Gallery Preview Pane */

.VideoTitleAndDesc {
	width: 179px;
	height: 100%;
	margin-left: 10px;
	margin-top: 10px;
	padding-left:3px;
	padding-right: 5px;
	padding-bottom: 5px;
	}

.VideoLib {
	border-style:solid;
	border-width:1px;
	height: 220px;
	margin-left:14px;
	margin-right: 16px;
	margin-bottom: 25px;
	-moz-box-shadow:    3px 3px 2px 0px #758088;
	-webkit-box-shadow: 3px 3px 2px 0px #758088;
	box-shadow:         3px 3px 2px 0px #758088;
}
.SmallVideoDisplay {
	background: black;
	height: 200px;
	vertical-align: auto;
	padding-top:20px;
	border-right:1px #665001 solid;
}
.SmallVideoDisplay img {
	display: block;
	margin: auto;
}
.VideoLargeItem {
}

.LargeVideoDisplay {
	margin-left:10px;
	margin-top:20px;
	background:#000;
	padding:20px 10px;
}

.LargeVideoTitleAndDesc{
	margin-top:15px;
	margin-left:25px;
}

.LargeVideoTitleAndDesc p{
line-height:1.3em;		
}

.ms-promlink-header{ /* contains paging buttons at top of BOE Meeting Vid All Page*/
	width:983px;
}

/* --------------- Styling for Tabbed/FAQ page description areas ----------------------*/
#asa-tabbedpages-description {
    color: #665011;
    font-family: "Helvetica",sans-serif;
    font-size: 14px;
    line-height: 1.3em;
    margin-bottom: 12px;
    margin-left: 18px;
    position: relative;
    width: 96%;
}
#asa-tabbedpages-description p {
    line-height: 1.3em;
}
#asa-tabbedpages-description ul, #asa-tabbedpages-description ol {
    margin-bottom: 10px;
    margin-left: 18px;
}
#asa-tabbedpages-description ul {
    list-style-image: url("img/BulletCircleBrown.png");
}
#asa-tabbedpages-description a, #asa-tabbedpages-description a:link, #asa-tabbedpages-description a:visited {
    color: #0a588d;
    font-weight: bold;
    text-decoration: none;
}
#asa-tabbedpages-description a:hover {
    text-decoration: underline;
}			
	
/*------------- Footer Styling -------------------------------------------------------*/
	#footerframe {
		/*width: 100%*/
		width: 990px;
		  height: 48px; 
		  overflow: hidden;
	}

	footer{
		position:relative;
		height:48px;
		width:990px;
		margin: 0px auto;
		padding:0px 5px 15px;
	}
	footer iframe{
	
border-top: 1px solid #8CC094;
padding-top:20px;
}
	#altfooter {
		width:100%
		}
		#footerContents{
			font-family: "Century Gothic",sans-serif;
			font-size:11px;
			color:#2784c3;
			width:100%;
		}
		
		#footerContents a {
			color:#7ab6de;
			text-decoration:none;
		}
		
	
		#footerContents .col_1{
			position:relative;
			clear:both;
			float:left;
			width:30%;
			margin-bottom:7px;
		}
			
		#footerContents .col_2{
			position:relative;
			float:left;
			width:30%;
			margin-left:5%;
			margin-right:5%;
			margin-bottom:7px;

		}
			
			
			#centerlinks{
				position:relative;
				display:block;
				list-style:none inside;
				text-align:center;
			}
				#centerlinks li{
				  display:inline;
				  margin-right:7px;
				}
			  	#centerlinks li a{
				  text-decoration:underline;
				  font-size:10px;
			  	}
				
		#footerContents .col_3{
			position:relative;
			float:left;
			width:30%;
			margin-bottom:7px;

		}
		
				#rightlinks{
					position:relative;
					float:right;
					display:block;
					list-style:none inside;
				}
					#rightlinks a{
						color:#2784c3;
					}
					#rightlinks li{
						display:inline;
					}
					
					#rightlinks a:hover{
						text-decoration:underline;
					}

		#algovlinkcontainer{
			position:relative;
			clear:both;
			width:100%;
			color:#7ab6de;
		}
		#algovlinks {
			position:relative;
			font-size:10px;
			display:block;
			list-style:none inside;
			padding-top:5px;
			left:20%;
		}
			#algovlinks li{
				float:left;
				display:inline;
				margin-right:10px;
				right:20%;
			}
			#algovlinks a:hover{
				text-decoration:underline;
			}
			
/* ----------- Styling for CSWP 3-Column All-View with alternating row color, e.g. Forms-All Pages ------- */

.cbs-List2 li{
	width:100%;
}
	.cbs-List2 li table{
		width:100%;
	}
.asa-rowtitle{
	width:40%;
	padding-right:15px;
	padding-left:10px;
}
.asa-rowdesc{
	/*width:50%;*/
	padding-right:15px;
}
.asa-rowdate{
	padding-right: 10px;
    text-align: right;
    width: 12%;
}

			
/* ------------------ Some SP Override Styling ------------------------------------*/
body.ms-backgroundImage{
	background:#dcecde;
	padding-bottom:0;
}

#s4-workspace{
	
	width:100%;
	}
	
	#s4-bodyContainer{
		padding-bottom:0;
	}

		.ms-core-overlay {
		background:transparent;
		}
		
	/* Welcome Menu (Can absolutely position to take out of flow during dev)
	.ms-welcome-root{
	position:absolute;
	top:10;
	right:160px;
	}
	*/
	/* Settings (Gear) Menu Icon (Can absolutely position to take out of flow during dev) 
	.ms-siteactions-normal{
	position:absolute;
	top:10px;
	right:130px;
	}
	*/
	
	
	/* Search Box Formatting; See also custom div searchContainer above in SearchFollowContainer */
				
	.ms-mpSearchBox.ms-floatRight{
		width:230px;
	}

	.ms-srch-sb-border{
	border-color:#fff9e4; /* Same as background color; removing this border causes a shift on hover (would need to make padding adjustment) */
	}

	.ms-textSmall.ms-srch-sb-prompt.ms-helperText{
	color:#2784c3; /*blue*/
	}

	/*-------------- SP Overrides for Side Nav on System Master Page (alsde_system.master) used for Search Results page --------*/

	#searchIcon{ 
		display:none; /*hides sp search icon*/
	}
	#ctl00_ctl39_g_ace0abc3_ef53_43e1_863f_bd406454e54a_csr5{
		display:none; /*hides DisplayAuthor Area*/
	}
	#ctl00_ctl39_g_ace0abc3_ef53_43e1_863f_bd406454e54a_csr6{
		display:none; /*hides LastModifiedTime Area*/
	}
	ul.ms-srchnav-list{
		display:none; /*hides Search Navigation Filters Under Search Bar (People, Conversations, etc.) Area*/
	}

	/*-------------  Page Layout SP Overrides -----------------*/

	.ms-SPZoneLabel{
	display:none; /*hides web part zone labels*/
	}
	
	/*remove extra margin and padding in article page layout*/
	#PageContent .article.article-body{
	padding:0;
	
	
	
	}
		#PageContent .article.article-body .article-content{
	margin:0;
	}
	
	/*---------- SP overrides for TCert WPs ------------*/
	
	.ms-announcementtitle a, .ms-announcementtitle a:link, .ms-announcementtitle a:visited {
		color:#0a588d;
		font-weight:bold;
	}
	
	/*  Jared Stedham's RSS stuff 5/2/2014 */
	
	.asa-smallbox3 .link-item a, .asa-smallbox3 .link-item a:link {
	    font-style: italic;
        font-weight: bold;
        text-decoration: none;
        color: #bf951f;
    }
    
    .asa-smallbox3 .link-item a:hover {
	    text-decoration: underline;
    }
	
	/*--------------------Dialog Box (e.g. Contact Us popup card) ------------------*/
 .ui-dialog 	.ui-widget {
    /*font-family: Verdana,Arial,sans-serif;*/
    font-family: "Century Gothic", sans-serif;
    font-size: .8em;
}

 .ui-dialog  .ui-widget-content {
    background: #F9F9F9;
    /*border: 1px solid #90d93f;*/
    color: #222222;
}

 .ui-dialog {
    left: 0;
    outline: 0 none;
    /*padding: 0 !important;*/
    padding:5px;
    position: absolute;
    top: 0;
	/*position:relative;*/
	width:345px;
	height:184px;
	/*display:inline-block;*/
	background-color:#fff;
	margin:50px 50px 0px 50px;
	padding:10px;
	border: 1px solid rgb(102, 80, 17);
	 -moz-box-shadow:    3px 3px 2px 0px #758088;
  -webkit-box-shadow: 3px 3px 2px 0px #758088;
  box-shadow:         3px 3px 2px 0px #758088;



}
.ui-dialog .ui-button {
	margin-top:-3px;
	float: right;
}
 .ui-dialog  #success {
    padding: 0;
    margin: 0; 
}

  .ui-dialog .ui-dialog-content {
    /*background: none repeat scroll 0 0 transparent;*/
    background: #FFFFFF;
    background:url(images/SealWaterMk_blue_125w.png) center right no-repeat;
    /*border: 1px solid #90d93f;*/
    /*border: 0 none;*/
    overflow: auto;
    position: relative;
    padding: 0 !important;
    min-height:120px;
    
}
.ui-dialog .ui-dialog-content img {
    float:left;    
}

 .ui-dialog  .ui-widget-header {
 	background: url(images/GlobalNavBG.png) top left repeat-x;
    /*background: #b0de78;*/
    border: 0;
    color: #fff;
    font-weight: normal;
    font-family: "Century Gothic", sans-serif;
	font-size: 12px;
	font-style: normal;
}

 .ui-dialog .ui-dialog-titlebar {
    padding: 0.1em .5em;
    height: 30px;
    position: relative;
    font-size: 1em;
    padding-top:5px;
}
	.ui-dialog .ui-dialog-title{
	
	text-align: center; 
	display: inline;
	position: relative;
	top: 8px;
	color: #fffbef;
	font-size: 16px;
	font-weight: bold;
	line-height: 1em;

} 

#ContactUs a:link, 
#ContactUs a:hover, 
#ContactUs a:visited{
		color: #0A588D;
		font-weight:bold;
}

#ContactUs p{
	font-family: "Century Gothic", sans-serif;
	color:#655011;
	margin-top:10px;
	line-height:1.3em;

}

	#ContactUs h4{
	margin-top:5px;
		font-family: "Century Gothic", sans-serif;
		color:#655011;
		font-size:13px;
		font-weight:bold;
		margin-bottom:4px;
}
	#ContactUs img{
		position:relative;
		display:inline-block;
		float:left;
		margin:10px 10px 10px 0px; 
		width:72px;
		height:96px;
	}

	
	.ContactDetailsContainer{
		position: relative;
		display:inline-block;
		float:left;
		width: 218px;
		padding-bottom:5px;
		margin-top:5px; /*change to 10 and remove margin top from h4 above after markup changed on all sites*/
		min-height:102px; /* ensure cards without photos are tall enough to display entire logo watermark */
}

/*.ContactDetailsContainer p{
	font-family: "Century Gothic", sans-serif;
	color:#655011;
	margin-top:10px;

}*/
	.ContactDetailsContainer h4{
	/*margin-top:5px;*/
		font-family: "Century Gothic", sans-serif;
		color:#655011;
		font-size:13px;
		font-weight:bold;
		margin-bottom:4px;
}




/* Styling for PDF Viewer on Item Pages */

.asa-pdffullpagestandard-item {
	-webkit-overflow-scrolling:touch;
}

.asa-pdffullpagestandard-item{
	
	margin-top:15px;
}

#pwResetLink {
	float: right;
}

#dd1li {
	width: 69px;
	padding-top: 10px 0px 0px 0px !important;

}
#dd2li {
	width: 68px;
	padding-top: 10px 0px 0px 0px !important;

}
#dd3li {
	width: 51px;
	padding-top: 10px 0px 0px 0px !important;

}
#dd4li {
	width: 79px;
	padding-top: 10px 0px 0px 0px !important;

}
#dd5li {
	width: 63px;
	padding-top: 10px 0px 0px 0px !important;

}
#dd6li {
	width: 42px;
	padding-top: 10px 0px 0px 0px !important;

}
#dd7li {
	width: 97px;
	padding-top: 10px 0px 0px 0px !important;

}



#dd8li {
	width: 56px;
	padding-top: 7px 0px 0px 0px !important;

}

.navbarlink {
	margin: auto;
}