﻿/* NEW STYLES */
a:hover {text-decoration: underline;}
.eventCalendar_main_hasEvents
{
	background-color: Silver;	
}
.gallerygrouping_item
{
	margin-left: 5px;
	margin-right: 10px;
	float: left;	
	width: 130px;
	height: 150px;
}
.gallerycomponent_smalllink
{
	font-size: 9pt;
	color: #3F5588;
	font-family: Arial;
	text-decoration: none;	
}
.loggedin_whitetext
{
	font-family:  Arial;
	font-size: 10pt;
	font-weight: normal;
	color: White;	
}
.loggedin_whitetextbold
{
	font-family:  Arial;
	font-size: 10pt;
	font-weight: bold;
	color: White;	
}
.schoolclosings_titletext
{
	font-family: Arial;
	font-size: 14pt;
	font-weight: bold;
	color: White;	
}
.schoolclosings_maintext
{
	font-family: Arial;
	font-size: 10pt;
	font-weight: normal;
	color: White;	
}
.dynamicnav_mainlink
{
	font-size: 16px;
	color: white;
	font-weight: bold;
	font-family: PT Sans;
	text-decoration: none;	
}
.dynamicnav_smalllink
{
	font-size: 13px;
	color: white;
	font-family: PT Sans;	
	text-decoration: none;
}
.dynamicdropdown_maintext
{
	font-size: 10pt;
	color: Black;
	font-family: Arial;	
}
.staticnav_mainlink
{
	font-size: 10pt;
	color: #3F5588;
	font-family: Arial;	
}
.dynamicbuildinginfo_maintext
{
	font-size: 9pt;
	color: Black;
	font-family: Arial;	
}
.linkcomponent_linktext
{
	font-size: 10pt;
	color: #3F5588;
	font-family: Arial;
	text-decoration: none;	
}
.links
{
	font-size: 10pt;
	color: #3F5588;
	font-family: Arial;
	text-decoration: none;	
}
.linkcomponent_linkdesc
{
	font-size: 9pt;
	color: Black;
	font-family: Arial;	
}
.eventcomponent_linktext
{
	font-size: 10pt;
	color: #3F5588;
	font-family: Arial;
	text-decoration: none;	
}
.eventcomponent_maintext
{
	font-size: 10pt;
	color: Black;
	font-family: Arial;
	text-decoration: none;	
}
.alumni_titletext
{
	font-size: 12pt;
	font-weight: bold;
	font-family: Arial;
	color: Black;	
}
.alumni_maintext
{
	font-size: 11pt;
	color: Black;
	font-family: Arial;
	text-decoration: none;	
}
.alumni_smalltext
{
	font-size: 9pt;
	color: #222222;
	font-family: Arial;
	text-decoration: none;	
}
.alumni_mainlink
{
	font-size: 11pt;
	color: #3F5588;
	font-family: Arial;
	text-decoration: none;	
}
.alumni_smalllink
{
	font-size: 9pt;
	color: #3F5588;
	font-family: Arial;
	text-decoration: none;	
}

.boardmeeting_titletext
{
	font-size: 11pt;
	font-weight: bold;
	font-family: Arial;
	color: Black;	
}
.boardmeeting_maintext
{
	font-size: 10pt;
	color: Black;
	font-family: Arial;
	text-decoration: none;	
}
.boardmeeting_smalltext
{
	font-size: 9pt;
	color: #222222;
	font-family: Arial;
	text-decoration: none;	
}
.boardmeeting_mainlink
{
	font-size: 11pt;
	color: #3F5588;
	font-family: Arial;
	text-decoration: none;	
}
.boardmeeting_smalllink
{
	font-size: 9pt;
	color: #3F5588;
	font-family: Arial;
	text-decoration: none;	
}

.downloadcomponent_linktext
{
	font-size: 10pt;
	color: #3F5588;
	font-family: Arial;
	text-decoration: none;	
	}
.downloadcomponent_maintext
{
	font-size: 10pt;
	color: Black;
	font-family: Arial;
	text-decoration: none;		
}
.gallerycomponent_maintext
{
	font-size: 10pt;
	color: Black;
	font-family: Arial;
	text-decoration: none;	
}
.gallerycomponent_smalltext
{
	font-size: 9pt;
	color: black;
	font-family: Arial;
	text-decoration: none;	
}
.postInfo
{
      font-size:8pt;
      color:#4C5051;
      font-style:italic;
      font-family:Verdana;
      font-weight:bold;
}
.readMoreLink
{
      font-family:Verdana;
      color:#3F5588;
      font-size:10px;
      text-decoration:none;
      font-weight:bold;
      padding:6px;
      float:right;
}
.newscomponent_header
{
	font-size: 16pt;
	color: Black;
	font-family: Arial;
	font-weight: normal;	
}
.newscomponent_mainlink
{
	font-size: 11pt;
	color: #3F5588;
	font-family: Arial;
	text-decoration: none;
	font-weight: bold;	
}
.nLine
{
	float:left;width:99%;border-top:1px dotted #3088c8;margin-top:5px;padding-bottom:5px;
}
.newscomponent_smalllink
{
	font-size: 10pt;
	color: #3F5588;
	font-family: Arial;
	text-decoration: none;
	font-weight: normal;	
}
.newscomponent_maintext
{
	font-size: 10pt;
	color: Black;
	font-family: Arial;	
}
.newscomponent_smalltext
{
	font-size: 9pt;
	color: #222222;
	font-family: Arial;
}
.newscomponent_thumbimage
{
	padding-left: 0;
	padding-right: 8px;
	text-align: left;
	float: left;
}
.textwindow_maintext
{
	font-family: PT Sans;
	font-weight: bold;
	font-size: 17px;
	color:Black;
}
.title
{
	font-family: PT Sans;
	font-weight: bold;
	font-size: 17px;
	color:Black;
}
.textwindow_smalltext
{
	font-size: 10pt;
	color: Black;
	font-family: Arial;	
}
.textwindow_text
{
	font-size: 9pt;
	color: Black;
	font-family: Arial;
}
.survey_maintext
{
	font-size: 11pt;
	font-family: Arial;
	color: Black;
	font-weight: bold;	
}
.survey_smalltext
{
	font-size: 10pt;
	font-family: Arial;
}
.survey_questiontext
{
	font-size: 11pt;
	font-family: Arial;
	color: Black;	
}
.survey_mainlink
{
	font-size: 10pt;
	font-family: Arial;
	color: #3F5588;
	text-decoration: none;	
}
.survey_spacer
{
	height: 4px;
}
.survey_divider
{
	height: 1px;
	background-color: Black;		
}
.survey_background
{
	background-color: gainsboro;	
}
.survey_errormsg
{
	font-weight: bold;
	font-size: 10pt;
	color: red;
	font-family: 'Verdana';
	text-decoration: none;	
}
.employment_titletext
{
	font-size: 12pt;
	font-family: Arial;
	color: #666666;
	font-weight: bold;	
}
.employment_maintext
{
	font-size: 10pt;
	font-family: Arial;
	color: Black;
	font-weight: bold;	
}
.employment_smalltext
{
	font-size: 10pt;
	font-family: Arial;
	color: #333333;	
}
.employment_mainlink
{
	font-size: 10pt;
	font-family: Arial;
	color: #3F5588;
	text-decoration: none;	
}
.staffdirectory_header
{
	font-size: 14pt;
	font-family: Arial;
	color: Black;
	font-weight: bold;	
}
.staffdirectory_maintext
{
	font-size: 11pt;
	font-family: Arial;
	color: Black;
	font-weight: bold;	
}
.staffdirectory_mainlink
{
	font-size: 11pt;
	font-family: Arial;
	color: #3F5588;
	text-decoration: none;	
}
.staffdirectory_smalltext
{
	font-size: 10pt;
	font-family: Arial;
	color: #333333;	
}
.staffdirectory_smalltext_bold
{
	font-size: 10pt;
	font-family: Arial;
	color: #222222;
	font-weight: bold;	
}
.staffdirectory_tinytext
{
	font-size: 9pt;
	font-family: Arial;
	color: Black;	
}
.staffdirectory_altBG
{
	background-color: #E7E7E7;		
}
.staffdirectory_vertsep
{
	background-color: Gainsboro;	
}
.adminmessage_image
{
	padding-left: 0;
	padding-right: 10px;
	text-align: left;	
}
.adminmessage_titletext
{
	font-family: PT Sans;
	font-weight: bold;
	font-size: 17px;
	color:Black;	
}
.adminmessage_maintext
{
	font-size: 11pt;
	font-weight: normal;
	font-family: Arial;
	color: #222222;
}
.adminmessage_smalltext
{
	font-size: 9pt;
	font-weight: normal;
	font-family: Arial;
	color: Black;	
}
.podcast_titletext
{
	font-size: 12pt;
	font-weight: bold;
	font-family: Arial;
	color: Black;	
}
.podcast_maintext
{
	font-size: 10pt;
	font-weight: normal;
	font-family: Arial;
	color: #333333;	
}
.podcast_smalltext
{
	font-size: 9pt;
	font-family: Arial;
	color: Black;	
}
.podcast_mainlink
{
	font-size: 10pt;
	font-family: Arial;
	color: #3F5588;
	text-decoration: none;	
}
.podcast_altBG
{
	background-color:#dfebf7;	
}
.blog_maintext
{
	font-size: 11pt;
	font-family: Arial;
	color: Black;	
}
.blog_mainlink
{
	font-size: 10pt;
	font-family: Arial;
	color: #3F5588;
	text-decoration: none;	
}
.blog_smalltext
{
	font-size: 8pt;
	font-family: Arial;
	color: Black;	
}
.blog_smalllink
{
	font-size: 8pt;
	font-family: Arial;
	color: #3F5588;
	text-decoration: none;	
}
.blog_titletext
{
	font-size: 16pt;
	font-family: Arial;
	color: Black;
	font-weight: normal;	
}
.blog_posttitle
{
	font-size: 12pt;
	font-family: Arial;
	color: #222222;
	font-weight: bold;	
}
.blog_sideBG
{
	background-color:#dfebf7;	
}
.mastercalendar_header
{
	font-size: 12pt;
	font-family: Arial;
	color: Black;
	font-weight: bold;	
}
.mastercalendar_title
{
	font-size: 16pt;
	font-family: Arial;
	color: Black;
	font-weight: normal;	
}
.mastercalendar_maintext
{
	font-size: 11pt;
	font-family: Arial;
	color: #222222;
	font-weight: normal;	
}
.mastercalendar_smalltext
{
	font-size: 9pt;
	font-family: Arial;
	color: Black;
	font-weight: normal;	
}
.mastercalendar_mainlink
{
	font-size: 10pt;
	font-family: Arial;
	color: #3F5588;
	font-weight: normal;
	text-decoration: none;	
}
.mastercalendar_bgColor
{
	background-color: #4A98C7;	
}
.mastercalendar_tinylink
{
	font-size: 8pt;
	font-family: Arial;
	color: #3F5588;
	text-decoration: none;	
}
.videowindow_header
{
	font-size: 14pt;
	font-family: Arial;
	color: Black;
}
.videowindow_maintext
{
	font-size: 10pt;
	font-family: Arial;
	color: Black;	
}
/* ----- */
/* OLD STYLES */
/* ----- */
.errormsg
{
	font-weight: bold;
	font-size: 10pt;
	font-family: Arial;
	color: Red;	
}
.titletext
{
	font-weight: bold;
	font-size: 14pt;
	color: Black;
	font-family: 'Arial';	
}
.headertext
{
	font-weight: normal;
	font-size: 13pt;
	color: black;
	font-family: 'Arial';
}
.subheadertext
{
	font-size: 11pt;
	color: Black;
	font-family: 'Arial';	
}
.maintext
{
	font-weight: normal;
	font-size: 9pt;
	color: #333333;
	font-family: 'Arial';	
}
.navtext
{
	font-weight: normal;
	font-size: 11pt;
	font-family: 'Verdana';
	color: #2b5b7f	
}
.footertext
{
	font-family: PT Sans;
	font-weight: bold;
	color: black;
	font-size: 11px;	
	text-decoration: none;
}
.esvlink
{
	font-family: PT Sans;
	font-weight: bold;
	color: #2d8dc7;
	font-size: 11px;	
	text-decoration: none;
	transition: all 0.5s ease-out 0.2s;
	-webkit-transition: all 0.5s ease-out 0.2s;
	behavior:url(PIE.html);
}
.esvlink:hover
{
	color:White;
	text-shadow:2px 2px 2px black;
	text-decoration: none;
}
.footerlinks
{
	font-family: PT Sans;
	font-weight: bold;
	color: black;
	font-size: 15px;	
	text-decoration: none;
}
.smalltext
{
	font-weight: normal;
	font-size: 8pt;
	color: #333333;
	font-family: 'Verdana';		
}
.mainlink
{
	font-weight: normal;
	font-size: 12pt;
	color:  #3F5588;
	font-family: 'Arial';
	text-decoration: none;	
}
.smalllink
{
	font-weight: normal;
	font-size: 9pt;
	color:  #3F5588;
	font-family: 'Arial';
	text-decoration: none;		
}
.imagealign_left
{
	padding-right: 1px;
	padding-left: 1px;
	float: left;
	padding-bottom: 1px;
	margin: 3px;
	vertical-align: top;
	border-top-style: none;
	padding-top: 1px;
	border-right-style: none;
	border-left-style: none;
	position: static;
	text-align: left;
	border-bottom-style: none;
}
.imagealign_center
{
	display: block;
  margin-left: auto;
  margin-right: auto;

}
.imagealign_right
{
	padding-right: 1px;
	padding-left: 1px;
	float: right;
	padding-bottom: 1px;
	margin: 3px;
	vertical-align: top;
	border-top-style: none;
	padding-top: 1px;
	border-right-style: none;
	border-left-style: none;
	position: static;
	text-align: right;
	border-bottom-style: none;	
}

.background_window0
{}
.background_window1
{}
.eventCalendar
{
	 border-width: 0px;
	 font-family: Arial;
	 font-size: x-small;
	 width: 100%;
	  	
}
.eventCalendar_selectorStyle
{
	 background-color: Silver;
}
.eventCalendar_dayStyle
{
	border-width: 0px;
	background-color: #BAC3D1;
	height: 22px;
	
}
.eventCalendar_nextPrevStyle
{
	background-color: Silver;	
}
.eventCalendar_dayHeaderStyle
{
	color: Black;	
	background-color: White
}
.eventCalendar_titleStyle
{
	color: black;	
	font-weight: bold;
	background-color: Silver;
	
}
.eventCalendar_otherMonthDayStyle
{
	border-width: 1px;
	color: Silver;
	background-color: White;
}
.eventCalendar_main
{
	 border-width: 0px;	
	 width: 200px;
	 height: 200px;
	  	
}
.eventCalendar_todayDayStyle
{
	background-color: #DADADA;
	color: Black;
}
.eventCalendar_main_todayDayStyle
{
	background-color: White;
	color: Black;
}
.eventCalendar_main_selectorStyle
{
	 background-color: Silver;
}
.eventCalendar_main_dayStyle
{
	 font-family: Arial;
	 font-size: x-small;
	 color: Black;
}
.eventCalendar_main_nextPrevStyle
{
	background-color: #E0E0E0;	
}
.eventCalendar_main_dayHeaderStyle
{
	font-weight: bold;
	font-family: Arial;
	font-size: x-small;
	color: Navy;
}
.eventCalendar_main_titleStyle
{
	background-color: Gray;
	font-weight: bold;
	font-family: Arial;
	font-size: x-small;
		
}
.eventCalendar_main_otherMonthDayStyle
{
	border-width: 1px;
	font-family: Arial;
    font-size: x-small;
    color: Gainsboro;
}
.eventCalendar_main_selectedDayStyle
{
	color: Navy;
}
.downloads_spacer
{
	height: 8px;	
}
.employment_spacer
{
	height: 8px;	
}
.event_spacer
{
	height: 6px;	
}
.gallery_spacer
{
	height: 5px;	
}
.gallery_divider
{
	color: Black;
	height: 1px;	
}
.gallery_thunbnail_spacer
{
	height: 6px;	
}
.links_spacer
{
	height: 6px;
}
.news_spacer
{
	height: 8px;	
}
.header_spacer
{
	height: 4px;	
}
.rightheader_spacer
{
	height: 4px;	
}
.staff_short_spacer
{
	height: 2px;	
}
.staff_spacer
{
	height: 8px;	
}
.nav_spacer
{
	height: 5px;	
}
.EmailArtileDisplay
{
	display:none;
}
.FooterDivStyle
{
	clear: left; 	
}
.BodyDivStyle
{
	clear: left;
}
.MainDivStyle
{
	margin-left: auto; 
	margin-right: auto; 
}
.HeaderDivStyle
{
	
}
.containerDiv
{
	margin:0;padding:0;
	background-image:url('sysimages/bodyBG.jpg');
	background-position:center top;
	background-repeat:no-repeat;
	background-color:#1F5286;
}
body
{
	margin:0px;
}
.header
{
	font-family: PT Sans;
	font-weight: bold;
	font-size: 18px;float:left;
	border:1px solid #174372;
	padding:5px;
	border-radius:2px;
	color:#174372;padding-top:6px;
	text-transform:uppercase;
	
}
.configs
{
	font-family: PT Sans;
	font-weight: bold;
	font-size: 17px;
	color:Black;
}
.cblAreas
{
	font-weight: normal;
	font-size: 8pt;
	color: #333333;
	font-family: 'Verdana';	
}
.cblAreas tr td
{
	width:33%;	
}
.TopNavContainer
{
	height:39px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e5782+0,143a56+100 */
	background: #1e5782; /* Old browsers */
	background: -moz-linear-gradient(top, #1e5782 0%, #143a56 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #1e5782 0%,#143a56 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #1e5782 0%,#143a56 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5782', endColorstr='#143a56',GradientType=0 ); /* IE6-9 */
	position:relative;
	z-index:9999;
}
.TopNavDiv
{
	width:879px;
	margin:0 auto;
}
.HeaderContainer
{
	height:440px;
	background-image:url('sysimages/headerBG.jpg');
	background-repeat:repeat-x;
	position:relative;
	z-index:4;
}
.HeaderDiv
{
	height:440px;
	width:879px;
	margin:0 auto;
	background-image:url('sysimages/headerBGfull.png');
	background-repeat:no-repeat;
}
.logo
{
	margin-left:-25px;
	position:absolute;
	z-index:5;
}
.buildings
{
	margin:311px 0 0 15px;
	position:absolute;
	z-index:4;
}
.search
{
	margin:40px 0 0 473px;
}
.jqDiv
{
	float:right;
	width:520px;
	height:297px;
	margin:24px 41px 0 0;
	border:solid 3px #054C6D;
	position:relative;
	z-index:1;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	behavior:url(ie-css3.htc);
}
.FooterContainer
{
	height:50px;
	background-color:white;
}
.FooterDiv
{
	width:879px;
	margin:0 auto;
}
.titleBG
{
	width:100%;height:37px;float:left;
	background-image:url('sysimages/hdrMid.jpg');
	background-repeat:repeat-x;
}

/* Archive News */
.ddl_buildings
{
	width:210px;
}
.filterTitle
{
	font-weight: bold;
	font-size: 13px;
	color: #333333;
	font-family: 'Verdana';	
	padding:10px 0 5px 0;		
}
.filterContainer
{
	width:225px;float:left;
	background-color:#4A98C7;
	padding:10px 10px 30px 10px; 
	margin-bottom:10px;
	font:13px arial;
	border:solid 1px black;
}
.pagingMenu
{
	padding:5px 5px 10px 5px;
	font-family:Arial;
	font-size:14px;
	font-weight:bold;
	background-color:#4A98C7;
	border:solid 1px black;
	margin-bottom:10px;
}
.monthDiv
{
	margin:5px 5px 15px 5px;
	padding:5px;
	background-color:#F5F4EE;	
	display:none;
	font-size:12px;
	font-family:Arial;
	border:solid 1px black;
	
}
.monthTitle
{
	margin:5px;
	padding:5px;
	font-weight:bold;
}
.NewsItemDiv
{
	padding:5px 0 15px 0;	
}
/* End Archive News */
.modalBackground
{
	background-color:#1E407E;
    filter: alpha(opacity=50);
    opacity: 0.7;
}
.modalWindowOn
{
	border-radius:5px;
	-webkit-box-shadow: 4px 4px 4px #313131;
    box-shadow: 4px 4px 4px #313131;
    behavior:url(PIE.html);
	min-width:400px;
    min-height:230px;
    background:white !important;
    padding:10px;
    z-index: 9999; border:1px solid #FEBA01;
}
.modalWindowOnLogin
{
	border-radius:5px;position:absolute;top:400px;left:400px;right:0;bottom:0;
	-webkit-box-shadow: 4px 4px 4px #313131;
    box-shadow: 4px 4px 4px #313131;
    behavior:url(PIE.html);
	width:460px;
    height:230px;
    background:white !important;
    padding:10px;
    z-index: 9999; border:1px solid #FEBA01;
}
.modalWindowOff
{
  display: none;
}
/* Dropdown styles */
.dropdown
{
    float: left;
    padding:0 11px;
}
.dropdown:hover
{
    text-shadow:0 0 5px rgba(0, 0, 0, .5);
}
.dropdown a
{
    color:#ffffff;
    font-family:Myriad Pro, sans-serif;
    font-size:16px;
    text-decoration: none !important;
    letter-spacing:0px;
    text-shadow:1px 1px 1px #313131;
}
.dropdowns ul, .dropdowns li
{
    list-style-type: none;
}
.navDD
{
    padding:10px;
    background-color:rgba(20, 58, 86, .9);
    z-index: 99999;
    position: inherit;
    
}
nav ul li [id*='lnkGroupItem']
{
    font-size:13px;
    text-shadow:none;
}
nav ul li
{
    position: relative;
    list-style: none;
}
nav ul li a
{
    padding:5px;
    display: block;
}

nav ul li a:hover
{
    background:#2d8dc7;
    color:White;
    text-decoration: none;
}
/**HIDE DROPDOWNS THEN SHOW WHEN YOU HOVER**/
nav li ul.navDD
{
    display: none;
}

nav li:hover ul.navDD
{
    display: list-item;
    position: absolute;
    margin-top:0px;
    z-index: 999;
}
@import "responsive.css";
@import "normalize.css";
