﻿body {background-color:#FFFFFF; margin:0; font: normal normal normal 90%/1.6 Arial, sans-serif;}
h1 {font-size: 22px; color:Black; font-weight:bold; margin:0px 4px 10px 4px;}
h2 {font-size: 20px; color:Black; font-weight:bold; margin:0px 4px 10px 4px;}
h3 {font-size: 18px; color:Black; font-weight:bold; margin:0px 4px 10px 4px;}
h4 {font-size: 16px; color:Black; font-weight:bold; margin:0px 4px 10px 4px;}
h5 {font-size: 14px; color:Black; font-weight:bold; margin:0px 4px 10px 4px;}
h6 {font-size: 12px; color:Black; font-weight:bold; margin:0px 4px 10px 4px;}
p {margin: 0 6px 15px 6px;}
strong {font-weight:bold;}
em {font-style: italic;}
a, a:hover, a:visited, a:active {color: #0066cc; text-decoration: underline;}
hr {height:1px; color:Black; background-color:#ccc; border: none;}

ul.default {margin:10px 0px 20px 30px;}

.lightBlue{ color:#103986;}
.darkBlue{ color:#000451;}
.fisdBlue{ color:#002569;}
.fisdGold{ color:#94845a;}
.lightGold{ color:#d6cbae;}

.clear { clear:both; display:block; overflow:hidden; visibility:hidden; width:0px; height:0px;}

#Wrapper{background-color:#ffffff; width:100%;}

hr {height:1px; color:#D5D5D5; background-color:#D5D5D5; border: none;}

.row {width:960px; margin:0 auto;}

.WithOverflow {overflow:hidden;}
.NoOverflow {overflow:visible;}

#Header .blue {background-color:#000451; width:100%; height:100px; top:0px;}
#Header .gold {width:100%; height:31px; background:url(../images/nav.png) repeat-x;}
#Header img.logo {width: 677px; height: 100px; position: relative; left: -280px; float:left; border:none;}
#Header .logo {width: 677px; height: 100px; background:url(../images/fisd.jpg) 0 0 no-repeat;}

/* Search */

#Header .quickLink{color:#FFFFFF; height:22px; width: 235px; float:right; padding-top:11px; font-size:14px; text-align:center;}
#Header .quickLink a{text-decoration:underline; color:#FFFFFF;}
#Header .quickLink ul{list-style-type:none;}
#Header .quickLink li{display:block; float: right; padding: 0 8px 0 8px; border-right:#FFFFFF solid 1px; height:14px; line-height:10px;}
#Header .quickLink li.first{border:none;}
#Header .searchBox{width:235px; height:22px; float:right; padding-top:0px;	}
#Header .sfsearchBox{background: url(../images/search.gif) no-repeat bottom left; height:22px; width:235px; padding-left:25px;}
#Header .sfsearchTxt{background: none; background-image:none; border:none;	float:left;	width:130px; color:#FFFFFF;	outline-width:0; font-size:10px; padding-top:5px; padding-bottom:3px; padding-right:0px; padding-left:0px;}
#Header .sfsearchSubmit {border:none; background: none;	float:right; color:#FFFFFF;	font-size:10px;	font-weight:bold; outline-width:0px; padding: 5px 35px 3px 0px; width:auto;}

/* end search */

#Header .nav{font-family:Arial, sans-serif; font-size:16px;}
#Header .nav a{text-decoration:none;}
#Header .nav ul{list-style-type:none;}
#Header .nav li{display:block; float:left; padding:3px 12px 3px 12px; border-left:#c0b59a solid 1px; height: 18px; margin-top:0px; line-height:18px;}
#Header .nav li:hover{background-color:#c0b59a;}
#Header .nav li.first{border:none;}
#Header .nav select{display: none;}

#PlaceHolderSearchBox{}
#PlaceHolderNavigation{}

#Content{ margin: 20px 0 30px 0;}

#map_canvas{width:100%;  height:650px;}

p.publishedDate {margin: -8px 6px 10px 12px; color:#d5d5d5;}
h1.sfnewsTitle {font-family:"Times New Roman", Times, serif; font-weight:normal; font-size:28px; line-height:1.5; color:#434343; border-bottom:#434343 2px solid;}

ul.districtHeadlines {font-size:15px; margin:0 18px 20px 23px;}
.districtHeadlines li{list-style-type:none; margin:7px 10px 7px 0; line-height:1.2; padding:0 2px 0 6px; border-left: 2px solid #d9d9d9; font-weight: 500; text-decoration:none;}
.districtHeadlines a{text-decoration: none; display:block;}
.districtHeadlines li:hover{background-color:#d9d9d9;}
.districtHeadlinesHightlight {font-size:14px; margin:0 28px 20px 23px; font-weight:bold; background-color:#f8f8e5; padding: 6px; border:1px solid #dfdfc7;}
.headlineDate {color:#cdcdcd; font-size:12px; display:none;}

.accordionHeading {cursor: pointer; font-weight:bold; color:#0000FF; text-decoration:underline;}
.accordionContent {}


li.blog {margin:6px 6px 6px 6px;}
li.blog h2 {margin:0;}

.sf_pagerNumeric a{margin:3px; padding:3px; border:1px solid #103986; font-weight:bold;}
.sf_pagerNumeric a.sf_PagerCurrent{background-color:#e3e3e1;}

ul.eventDetails {font-size:16px; margin:0 10px 20px 0;}
.eventDetails li{list-style-type:none; margin:4px 0 4px 6px; padding: 0 4px 0 0; line-height:1.5;}

h2.districtHome {margin:0 0 20px 0; padding:10px 0 0 44px; height:34px; font-family:"Times New Roman", Times, serif; font-weight:bold; font-size:22px; line-height:1.1; color:#ffffff; background: url(../images/h2background01.gif) no-repeat top left; overflow: hidden; display:block;}


ul.AddressList  {list-style:none; margin:10px 0 10px 40px;}
.AddressList  li {margin:0; line-height:1.1;}

.districtNews {margin:0 28px 0 23px;}
.districtEvents {margin:0 6px 0 23px;}

.highlightBox01{margin:18px 4px 24px 4px; background-color:#f8f8e5; padding: 8px; border:#47569f 1px solid;}
.highlightBox01 h2{font-family:"Palatino LinoType", "Book Antiqua", Palatino, serif; font-weight:bold; font-size:16px; line-height:1.1; color:#47569f;}
.highlightBox01 p{margin:6px; color:#47569f; font-size:14px; line-height:1.2;}
.highlightBox01 ul {list-style:none; margin-bottom:10px;}
.highlightBox01 ul li {margin:0 0 0 8px; font-family: Arial, sans-serif; color:#47569f; font-size: 12px;}
.highlightBox01 ul li a {}

.highlightBox02{margin:8px 4px 8px 4px; background-color:#f8f8e5; padding: 8px; border:1px solid #dfdfc7; overflow:hidden; }
.highlightBox02 p{font-size:16px; line-height:1.1; color:#000000; margin:0;}
.highlightBox02 ul {list-style:none;}
.highlightBox02 ul li {margin:0 0 0 4px; font-family: Arial, sans-serif; color:#47569f; font-size: 12px;}
.highlightBox02 ul li a {}

.highlightLink01{margin:10px 4px 10px 4px; font-family: Tahoma, Geneva, sans-serif; font-weight:bold; font-size:18px; line-height:1.1;}
a.highlightLink01, a.highlightLink01:hover, a.highlightLink01:visited, a.highlightLink01:active {font-family: Tahoma, Geneva, sans-serif; font-weight:bold; font-size:18px; line-height:1.1; text-decoration: none; background-image: url(../images/hl01.png); background-position:right; background-repeat:no-repeat; padding-right:22px;}

.highlightLink02{font-family: Tahoma, Geneva, sans-serif; font-weight:normal; font-size:12px; line-height:1.4; height:20px;}
a.highlightLink02, a.highlightLink02:hover, a.highlightLink02:visited, a.highlightLink02:active {font-family: Tahoma, Geneva, sans-serif; font-weight:bold; font-size:12px; line-height:1.1; text-decoration: none; background-image: url(../images/hl01.png); background-position:right; background-repeat:no-repeat; padding-right:22px;}

.sshListItem {}
.RadSocialShare {border:none; background: url(../images/share.jpg) no-repeat top left; width:101px; padding-top:30px; margin-left:6px;}
.RadSocialShare_Default {}

div.sfContentBlock br{display:none;}
div.sfContentBlock br.override{display:inline;}

.homeSections {margin:0 0 45px 0; width:240px; height:67px;}
.homeSections .studentParentResources2 {display:block; width:231px; margin:0 9px 0 0; background: url(../images/Student-Parent-Resources2.jpg) no-repeat top left;}
.homeSections .newToFisdResources2 {display:block; width:231px; margin:0 6px 0 3px; background: url(../images/New-to-FISD2.jpg) no-repeat top left;}
.homeSections .communityResources2 {display:block; width:231px; margin:0 3px 0 6px; background: url(../images/Community-Resources2.jpg) no-repeat top left;}
.homeSections .staffResources2 {display:block; width:231px; margin:0 0 0 9px; background: url(../images/Staff-Resources2.jpg) no-repeat top left;}

.homeSections a{text-decoration:none; font-family: Arial, sans-serif; font-size: 19px; font-weight: bold; letter-spacing: 1px; line-height:1.2; display:block; width:231px; height:67px;}
.homeSections .studentParentResources2 a{ color:#ffffff; height: 47px; width:133px; padding:20px 8px 0 90px;}
.homeSections .studentParentResources2 a:hover{background: url(../images/Student-Parent-Resources3.jpg) no-repeat top left;}
.homeSections .communityResources2 a{color:#ffffff; height:37px; width:133px; padding:30px 8px 0 90px;}
.homeSections .communityResources2 a:hover{background: url(../images/Community-Resources3.jpg) no-repeat top left;}
.homeSections .staffResources2 a{color:#ffffff; height:37px; width:133px; padding:30px 8px 0 90px;}
.homeSections .staffResources2 a:hover{background: url(../images/Staff-Resources3.jpg) no-repeat top left;}
.homeSections .newToFisdResources2 a{color:#ffffff; height: 47px; width:133px; padding:20px 8px 0 90px;}
.homeSections .newToFisdResources2 a:hover{background: url(../images/New-to-FISD3.jpg) no-repeat top left;}


.beta1 {margin:0 0 45px 0; width:240px; height:67px;}
.beta1 .betastudentParentResources2 {display:block; width:231px; margin:0 9px 0 0; background: url(../images/Student-Parent-Resources2.jpg) no-repeat top left;}
.beta1 .betanewToFisdResources2 {display:block; width:231px; margin:0 6px 0 3px; background: url(../images/New-to-FISD2.jpg) no-repeat top left;}
.beta1 .betacommunityResources2 {display:block; width:231px; margin:0 3px 0 6px; background: url(../images/Community-Resources2.jpg) no-repeat top left;}
.beta1 .betastaffResources2 {display:block; width:231px; margin:0 0 0 9px; background: url(../images/Staff-Resources2.jpg) no-repeat top left;}

.beta1 a{text-decoration:none; font-family: Verdana, sans-serif; font-size: 19px; font-weight: bold; letter-spacing: 1px; line-height:1.2; display:block; width:231px; height:67px;}
.beta1 .betastudentParentResources2 a{ color:#5a85dd; height: 47px; width:133px; padding:20px 8px 0 90px;}
.beta1 .betastudentParentResources2 a:hover{background: url(../images/Student-Parent-Resources3.jpg) no-repeat top left;}
.beta1 .betacommunityResources2 a{color:#ffffff; height:37px; width:133px; padding:30px 8px 0 90px;}
.beta1 .betacommunityResources2 a:hover{background: url(../images/Community-Resources3.jpg) no-repeat top left;}
.beta1 .betastaffResources2 a{color:#ffffff; height:37px; width:133px; padding:30px 8px 0 90px;}
.beta1 .betastaffResources2 a:hover{background: url(../images/Staff-Resources3.jpg) no-repeat top left;}
.beta1 .betanewToFisdResources2 a{color:#ffffff; height: 47px; width:133px; padding:20px 8px 0 90px;}
.beta1 .betanewToFisdResources2 a:hover{background: url(../images/New-to-FISD3.jpg) no-repeat top left;}


#PlaceHolderContent{}

#Footer{bottom:0;}
#Footer .blue {background:url(../images/ftr01.gif) repeat-x; width:100%; background-color:#103986; width:100%; padding-top:14px;}
#Footer .footerLogo {background:url(../images/ftr02.gif) no-repeat top center; padding-top:40px;}
#Footer .blue2 {background-color:#000451; height:60px; width:100%;}

#Footer .districtAddress h2{color:#d6cbae; font-weight:bold; font-family: Tahoma, Geneva, sans-serif; line-height:1.4; font-size:20px; margin:0 0 4px 4px;}
#Footer .districtAddress p{color:#ffffff; margin: 2px 0 2px 9px; font-family: Arial, sans-serif; line-height:1.2; font-size:16px;}
#Footer .districtAddress p.address2{color:#ffffff; margin: 2px 0 10px 9px; font-family: Arial, sans-serif; line-height:1.2; font-size:16px;}
#Footer .districtAddress img{margin:10px 6px 10px 0;}

#Footer .admin {margin: 0 0 20px 0;}
#Footer .admin h2{color:#d6cbae; font-weight:bold; font-family: Arial, sans-serif; line-height:1.4; font-size:16px; margin:0 0 6px 4px;}
#Footer .admin p.board{color:#ffffff; margin: 0 0 0 2px; font-family: Arial, sans-serif; line-height:1.2; font-size:14px; padding: 0 0 0 6px;}
#Footer .admin h3{color:#ffffff; font-weight:bold; font-family: Arial, sans-serif; line-height:1.4; font-size:14px; margin:8px 0 6px 4px;}
#Footer .admin ul{}
#Footer .admin ul li{list-style-type:none; color:#ffffff; margin: 6px 0 6px 6px; font-family: Arial, sans-serif; line-height:1.2; font-size:14px; padding: 0 0 0 2px;}
#Footer .admin a{color:#ffffff; text-decoration:none;}
#Footer .admin a:hover{font-weight:bold;}

#Footer .quickLinks {margin: 0 0 20px 0;}
#Footer .quickLinks h2{color:#d6cbae; font-weight:bold; font-family: Arial, sans-serif; line-height:1.4; font-size:16px; margin:0 0 6px 4px;}
#Footer .quickLinks ul{}
#Footer .quickLinks ul li{list-style-type:none; color:#ffffff; margin: 2px 0 2px 6px; font-family: Arial, sans-serif; line-height:1.1; font-size:12px; padding: 0 0 0 2px;}
#Footer .quickLinks a{color:#ffffff; text-decoration:none;}
#Footer .quickLinks a:hover{font-weight:bold;}

#Footer .copyrightList{font-family:Arial, sans-serif; font-size:12px; color:#d4d4d4; margin:6px 0 0 0;}
#Footer .copyrightList a{color:#d4d4d4; text-decoration:underline;}
#Footer .copyrightList ul{}
#Footer .copyrightList ul li{list-style:none; display: inline; border-left:#d4d4d4 solid 1px; padding:0 8px 0 6px; }
#Footer .copyrightList li.first{border:none;}
#Footer .copyright{font-family:Arial, sans-serif; font-size:12px; color:#d4d4d4; margin:6px 0 0 0;}
#Footer .copyright a{color:#d4d4d4; text-decoration:underline;}
#Footer .copyright p{font-style: italic; padding-left:6px;}


#PlaceHolderFooter{}
#PlaceHolderCopyright{}


ul.UpcomingEvents {margin:0 6px 20px 23px;}
ul.UpcomingEvents li {list-style-type:none; margin:7px 0 7px 0; border-bottom:#d9d9d9 1px dashed; padding-bottom:4px;}
ul.UpcomingEvents li h3 {font-size: 14px; font-weight:500; margin:0; line-height:1.2;}
ul.UpcomingEvents li a {color: #0066cc; text-decoration: none;}
ul.UpcomingEvents li p {font-size: 12px; color:#6c6c6c; font-weight:normal; margin:0 0 0 6px;}

ul.eventDetails {font-size:16px; margin:0 10px 20px 0;}
.eventDetails li{list-style-type:none; margin:4px 0 4px 6px; padding: 0 4px 0 0; line-height:1.5;}

img.leadImage {width:100%; margin:0 0 12px 0;}
ul.imgGallery {width: 250px; float:left; margin: 4px 10px 10px 8px; border: 1px solid #94845a; padding: 5px; background-color:#d6cbae;}
ul.imgGallery li {list-style-type:none; margin-bottom:18px; text-align:center; color:#103986;}
ul.imgGallery img {width:250px;}

img.centered {display:block; margin-left:auto; margin-right:auto;}

.leftBorder {border-left: 1px solid #D5D5D5; padding-left: 12px;}
p.compact {line-height:1.1; font-size:13px;}



/* smartphone screens */

@media all and (min-width:220px) and (max-width:599px) {

body {background-color:#FFFFFF; margin:0; font: normal normal normal 100%/1.25 Arial, sans-serif;}
h1 {font-size: 2.5em; color:Black; font-weight:bold;}
h2 {font-size: 2.25em; color:Black; font-weight:bold;}
h3 {font-size: 2em; color:Black; font-weight:bold;}
h4 {font-size: 1.75em; color:Black; font-weight:bold;}
h5 {font-size: 1.5em; color:Black; font-weight:bold;}
h6 {font-size: 1.25em; color:Black; font-weight:bold;}
p {font-size: 1em;}

/* Search */
#Header .searchBox{display:none;}
#Header .sfsearchBox{display:none;}
#Header .sfsearchTxt{display:none;}
#Header .sfsearchSubmit {display:none;}
/* end search */

#Wrapper{background-color:#ffffff; width:100%;}

.row {width:100%; margin:0 auto;}

#Header img.logo {width:220px; height:30px; position:relative; left:0; float:left; border:none;}
#Header .logo {width:220px; height:30px; background:url(../images/fisd.jpg) 0 -165px no-repeat;}
#Header .blue {background-color:#000451; width:100%; height:30px; top:0px;}
#Header .gold {width:100%; background-color:#d6cbae; background-image:none; height:auto;}

#Header .nav{font-family:Arial, sans-serif; font-size:.9em;}
/*
#Header .nav a{text-decoration:none;}
#Header .nav ul{list-style-type:none;}
#Header .nav li{display:block; float:left; padding:2px 2px 2px 2px; border-left:#efeeec solid 1px; height:auto; margin-top:auto; line-height:inherit;}
#Header .nav li:hover{background-color:#d6cbae;}
#Header .nav li.first{border:none;}
*/
#Header .nav ul{display:none;}
#Header .nav select{display: inline-block;}

#Content{ margin:0px 0px 8px 0px;}

#map_canvas{width:100%; height:250px;}

}


/* medium screens - tablets  ----------- */

@media all and (min-width:600px) and (max-width:980px) {

body {background-color:#FFFFFF; margin:0; font: normal normal normal 100%/1.25 Arial, sans-serif;}
h1 {font-size: 2.5em; color:Black; font-weight:bold;}
h2 {font-size: 2.25em; color:Black; font-weight:bold;}
h3 {font-size: 2em; color:Black; font-weight:bold;}
h4 {font-size: 1.75em; color:Black; font-weight:bold;}
h5 {font-size: 1.5em; color:Black; font-weight:bold;}
h6 {font-size: 1.25em; color:Black; font-weight:bold;}
p {font-size: 1em;}

/* Search */
#Header .searchBox{display:none;}
#Header .sfsearchBox{display:none;}
#Header .sfsearchTxt{display:none;}
#Header .sfsearchSubmit {display:none;}

#Wrapper{background-color:#ffffff; width:100%;}

.row {width:100%; margin:0 auto;}

#Header .blue {background-color:#000451; width:100%; height:65px; top:0px;}
#Header .gold {width:100%; background-color:#d6cbae; height:auto;}

#Header img.logo {width:320px; height:65px; position:relative; left:0; float:left; border:none;}
#Header .logo {width:320px; height:65px; background:url(../images/fisd.jpg) 0 -100px no-repeat;}

#Header .nav{font-family:Arial, sans-serif; font-size:.8em;}
#Header .nav a{text-decoration:none;}
#Header .nav ul{list-style-type:none;}
#Header .nav li{display:block; float:left; padding:0px 12px 1px 12px; border-left:#efeeec solid 1px; height: 18px; margin-top:3px; line-height:18px;}
#Header .nav li:hover{background-color:#efeeec;}
#Header .nav li.first{border:none;}

#map_canvas{width:100%;  height:450px;}

/* end search */

}