@charset "utf-8";
/* CSS Document */
 @viewport {
	 width: device-width;
}
 * {
	 -webkit-font-smoothing: antialiased;
	 -moz-osx-font-smoothing: grayscale;
}
 #screenreaderNav{
	 position:absolute;
	 left:-10000px;
	 top:auto;
	 width:1px;
	 height:1px;
	 overflow:hidden;
}
 .screenreaderNavAnchor{
	 display:none;
}
/*Global Declarations*/
 body{
	 font-size:69%;
	 font-family:Verdana, Geneva, sans-serif;
	 margin:0;
	 padding:0;
	 background-color:#fff;
}
 a{
	 text-decoration:none;
	 border:none;
	 outline:none;
}
 a:hover{
	 cursor:pointer;
	 text-decoration:underline;
}
 a img{
	 border:none;
}
 h1, h2, h3, p{
	 margin:0 0 4px 0;
	 padding:0px;
}
 h3{
	 color:#0D3873;
}
 ul{
	 display:list-item;
	 list-style-type:none;
	 margin:0;
	 padding:0;
}
 ol{
	 padding:0 0 0 7px;
}
 .clear{
	 clear:both;
	 font-size:1px;
	 height:0px;
	 overflow:hidden;
}
 p{
	 line-height:1.4em;
}
 .alert{
	 color:#F00;
}
 .printOnly{
	 display:none;
}
 #contentWrapper{
	/*overflow:hidden;
	 min-width:871px;
	 */
}
 #header{
	 min-height:28px;
	 width: 100%;
	 max-width:871px;
	 margin:5px auto 0 auto;
}
 ul#studentTabs{
	 float:left;
	 padding-left:0;
	 width: 53% 
	/*395/871*/
	 ;
}
 ul#studentTabs li{
	 background: #4c4367 url('../images/graphics/studentTabTop-p2d-gray.gif') left top no-repeat;
	 display:inline-block;
	 max-width:129px;
	 width: 32.658227848101265822784810126582% 
	/*129/395*/
	 ;
}
 ul#studentTabs li a{
	/*width:129px;
	 */
	 color:#fff;
	 text-align:center;
	 padding:6px 0;
	 font-family:Arial, Helvetica, sans-serif;
	 font-size:1.2em;
	 display:block;
	 text-decoration:none;
}
 ul#studentTabs li a:hover{
	 color:#ffffff;
}
 form{
	 font-family:Arial, Helvetica, sans-serif;
}
 #searchBox{
	 float:right;
	 margin-left:0px;
	 width:47% 
	/*351/871*/
	 ;
	 text-align: right;
}
 label#searchText{
	 float:right;
	 padding-top:5px;
}
 .toggleLabel,.toggleLabel strong{
	 color:#d9e0df;
}
 #searchDiv {
}
 #googleSearch #googleSearchField {
}
 #cse-search-box #googleSubmitBtn {
	 border: none;
	 margin: 0px;
	 padding: 0px;
	 height: 13px;
	 width: 13px;
	 background: url('../images/form-srch-btn-srch.png') no-repeat;
}
 #mainImageWrapper{
	 width: 100%;
	 padding-top: 5px;
	 margin:0 auto;
	 position:relative;
	 background: transparent url('../images/graphics/mainImageTop2-p2.jpg') center top no-repeat;
}
 #mainImage img{
	 position:absolute;
	 top:3px;
	 z-index:1;
	 width:1158px;
	 left: 50%;
	 margin-left: -579px;
	 display: block;
}
 #mainImage img.activeImg{
	 z-index:3;
}
 #mainImage img.lastActive{
	 z-index:2;
}
 #studentNav{
	 position: relative;
	 z-index:10;
	 background:url('../images/graphics/studentNavBkgd_x-district-p2d.png') left top repeat;
	 width:100%;
	 min-height:118px;
}
 #gcccd.home #studentNav {
	 margin-top:9em;
}
 #gcccd.interior #studentNav{
	 position:relative;
	 top:0px;
	 z-index:10;
	 background:url(../images/graphics/studentNavBkgd_x-district-p2.png) left top repeat;
	 width:100%;
	 min-height:118px;
}
 #gcccd.home #studentNav{
}
 #studentNavContent{
	 width:910px;
	 margin:0 auto;
}
 div.centeredContent{
	/*width:871px;
	 */
	 max-width:871px;
	 margin:0 auto;
}
 img.logo{
	 margin-top:15px;
	 float:left;
	 margin-right:16px;
}
 #gcccd #contentWrapper{
	 overflow:hidden;
	 background-color:#ffffff;
}
 #gcccd #top{
	 min-height:199px;
}
 #gcccd img.logo{
	 float:left;
	 width: 39.035591274397244546498277841561% 
	/*340/871*/
}
 #desktopCallout,#desktopContact {
	 display:block;
}
 #mobileCallout,#mobileContact {
	 display:none;
}
 .leftColContact{
	 float:left;
	 display:block;
	 clear:both;
}
 .leftColContact h3{
	 font-family:Georgia, "Times New Roman", Times, serif;
	 font-size:1.2em;
	 color:#4c4367;
	 margin:9px 0;
	 padding:0px;
}
 .leftColContact h3{
	 float:left;
	 width:100%;
	 background:transparent url('../images/icons/contact-icon.jpg') no-repeat left center;
	 padding:0 0 0 27px;
}
 .leftColContact a{
	 color:#4c4367;
}
 div.studentNavIcons a{
	 color:#fff;
	 font-family:Arial, Helvetica, sans-serif;
	 font-weight:bold;
	 text-decoration:none;
}
 div.studentNavIcons a:hover{
	 color:#ccc;
}
 div.studentNavIcons img{
	 margin-bottom:2px;
	 text-align:center;
}
 #gcccd div.studentNavIcons{
	 height:89px;
	 width: 11.481056257175660160734787600459% 
	/*100/871*/
	 ;
	 float:left;
	 background:url('../images/graphics/studentNavSeparator.png') left top no-repeat;
	 padding-top:22px;
	 text-align:center;
}
 div.studentNavIcons a{
	 display:block;
	/* width:110px;
	 */
	 height:89px;
}
 div.studentNavIcons a span{
	 display:block;
	 padding-top:65px;
}
 div.studentNavIcons a span.twoLines{
	 padding-top:58px;
}
 #gcccd div.academics a{
	 background:url('../images/icons/academicPrograms_off.png') top center no-repeat;
	 background-size: 69% 
	/*69/100*/
	 ;
}
 #gcccd div.academics a:hover{
	 background:url('../images/icons/academicPrograms_on.png') top center no-repeat;
	 background-size: 69% 
	/*69/100*/
	 ;
}
 #gcccd div.district a{
	 background:url('../images/icons/about_off.png') top center no-repeat;
	 background-size: 55% 
	/*55/100*/
	 ;
}
 #gcccd div.district a:hover{
	 background:url('../images/icons/about_on.png') top center no-repeat;
	 background-size: 55% 
	/*55/100*/
	 ;
}
 #gcccd div.services a{
	 background:url('../images/icons/services_off.png') top center no-repeat;
	 background-size: 65% 
	/*65/100*/
	 ;
}
 #gcccd div.services a:hover{
	 background:url('../images/icons/services_on.png') top center no-repeat;
	 background-size: 65% 
	/*65/100*/
	 ;
}
 #gcccd div.employment a{
	 background:url('../images/icons/employment_full.png') top center no-repeat;
	 background-size: 53% 
	/*53/100*/
	 ;
}
 #gcccd div.employment a:hover{
	 background:url('../images/icons/employment_on.png') top center no-repeat;
	 background-size: 53% 
	/*53/100*/
	 ;
}
 #gcccd div.board a{
	 background:url('../images/icons/board_full.png') top center no-repeat;
	 background-size: 43% 
	/*43/100*/
	 ;
}
 #gcccd div.board a:hover{
	 background:url('../images/icons/board_on.png') top center no-repeat;
	 background-size: 43% 
	/*43/100*/
	 ;
}
/* #eBox{
	 position:absolute;
	 top:275px;
	 z-index:11;
	 background:url('../images/graphics/emerg-bg2.png') left top repeat-x;
	 margin-left:150px;
	 width:600px;
	 height:200px;
	 padding: 5px 15px 5px 15px;
	 display:block;
}
 */
/* #eBox h1{
	 text-align:center;
	 margin:5px 10px 5px 10px;
	 color:red;
	 font-family:Arial, Helvetica, sans-serif;
	 font-weight:bold;
	 font-size:1.6em;
	 z-index:12;
}
 */
/* #eBox h3 p{
	 text-align:left;
	 margin:5px 10px 5px 10px;
	 color:#000000;
	 font-family:Arial, Helvetica, sans-serif;
	 font-weight:bold;
	 font-size:1.4em;
	 z-index:12;
}
 */
 #eBox {
	 position: absolute;
	 width: 600px;
	 top: 242px;
	 left: 50%;
	 margin-left: -322px;
	 padding: 20px;
	 background: #ffffff;
	 border: 1px #333333 solid;
	 -webkit-border-radius: 6px;
	 -moz-border-radius: 6px;
	 border-radius: 6px;
	 -webkit-box-shadow: 6px 6px 6px rgba(0,0,0,0.3);
	 -moz-box-shadow: 6px 6px 6px rgba(0,0,0,0.3);
	 box-shadow: 6px 6px 6px rgba(0,0,0,0.3);
	 text-align: left;
	 z-index: 11;
}
 #eBox h1, #eBox h2, #eBox p {
	 font-family: sans-serif;
}
 #eBox h1 {
	 font-size: 1.6em;
}
 #eBox h3 p{
	 font-size: 1.4em;
}
 #eBox a {
	 text-decoration: underline;
}
 #eBox .eBox-title {
	 background: #274A7F;
	 border: 1px #1E3860 solid;
	 -webkit-border-radius: 4px;
	 -moz-border-radius: 4px;
	 border-radius: 4px;
	 color: #ffffff;
	 font: small-caps bold 32px/1.6 Georgia, serif;
	 letter-spacing: 5px;
	 margin: -16px -16px 0 -16px;
	 text-align: center;
}
 #eBox .eBox-title.Blue {
	 background: #274A7F;
	 border: 1px #1E3860 solid;
}
 #eBox .eBox-title.Red {
	 background: #bb0000;
	 border: 1px #880000 solid;
}
 #sliderbar{
	 position: relative;
	 z-index:10;
	 background:url('../images/graphics/studentNavBkgd_x-district-p2d.png') left top repeat-x;
	 width:100%;
	 min-height:52px;
}
 #gcccd.home #sliderbar {
	 margin-top:26.5em;
}
 #sliderbar img{
	 float:left;
}
 #sliderbarLeft{
	 padding:15px 0 15px 1%;
	 float:left;
	 background:url('../images/graphics/sliderbarSeparator.png') right top no-repeat;
	 width: 29%;
}
 #sliderbar img.pause{
	 padding:1px 10px 0 10px;
}
 #sliderbar #mainImageControls{
	 padding-top:4px;
	 float:left;
	 display:none;
}
 #sliderbar #tagline{
	 padding:0 10px 0 0px;
	 font-family:Georgia, "Times New Roman", Times, serif;
	 float:right;
	 font-size:1.6em;
}
 #sliderbar span.taglineLeft{
	 color:#FFF;
}
 #sliderbar span.taglineRight{
	 color:#ffb43b;
}
 #sliderbar #tagline div{
	 display:none;
}
 #sliderbar #tagline div.tagline0{
	 display:block;
}
 #sliderbar #photoText {
	 width: 50% 
	/*385/871*/
	 ;
	 float: left;
}
 #sliderbar #photoText p{
	 width: 100%;
	 color:#fff;
	 float:left;
	 padding:10px 5px 0 15px;
	 display:none;
}
 #sliderbar #photoText p.text0{
	 display:block;
}
 #sliderbar #photoText a {
	 color: #ffb43b;
}
 #sliderbar .centeredContent .apply {
	 width: 16.303099885189437428243398392652% 
	/*142/871*/
	 ;
	 max-width: 142px;
}
 img.apply{
	 float:right;
}
 #sliderbar img.apply{
	 padding-top:13px;
	 float:right;
}
 #content{
	 margin:37px 0;
}
 .lastModified{
	 float:left;
	 clear:both;
	 margin:100px 0 20px;
	 width:100%;
}
 .lastModified strong{
	 color:#0d3873;
}
 #rotatingFeature{
	 width: 39.265212399540757749712973593571% 
	/*342/871*/
	 ;
	 background:url('../images/graphics/featureBkgd_x.gif') left top repeat-x;
	 height:256px;
	 float:left;
	 margin-right:4.3628013777267508610792192881745% 
	/*38/871*/
	 ;
	 position:relative;
}
 #rotatingFeature #slideshow img{
	 margin-left: 7.0175438596491228070175438596491% 
	/*24/342*/
	 ;
	 width: 85.672514619883040935672514619883% 
	/*293/342*/
	 ;
}
 #rotatingFeature{
	 width: 39.265212399540757749712973593571% 
	/*342/871*/
	 ;
	 background:url('../images/graphics/featureBkgd_x.gif') left top repeat-x;
	 height:256px;
	 float:left;
	 margin-right:4.3628013777267508610792192881745% 
	/*38/871*/
	 ;
	 position:relative;
}
 #rotatingFeature img{
	 margin-left: 7.0175438596491228070175438596491% 
	/*24/342*/
	 ;
	 width: 85.672514619883040935672514619883% 
	/*293/342*/
	 ;
}
 #slideshow img{
	 position:absolute;
	 top:0;
	 left:0;
	 z-index:1;
}
 #slideshow img.activeFeature{
	 z-index:3;
}
 #slideshow img.lastActiveFeature{
	 z-index:2;
}
 ul#featureCircle{
	 position:absolute;
	 top:230px;
	/*left:130px;
	 */
	 z-index:11;
	 width: 100%;
	 text-align: center;
}
 ul#featureCircle li{
	 width:11px;
	 height:11px;
	 overflow:hidden;
	 display:inline-block;
	 margin-right:10px;
	 background:url('../images/graphics/circle-p2.png') left top no-repeat;
}
 ul#featureCircle li a{
	 outline:none;
}
 ul#featureCircle li a img{
	 display:inline;
	 width:11px;
	 height:11px;
}
 ul#featureCircle li.activeCircle{
	 background-position:0 -11px;
}
 #news, #events, #leftNav{
	 background:#fafafa url('../images/graphics/gradientBkgd_x.gif') left top repeat-x;
	 width: 26.176808266360505166475315729047% 
	/*228/871*/
	 ;
	 float:left;
}
 #news{
	 margin-right: 4.0183696900114810562571756601607% 
	/*35/871*/
	 ;
}
 #news ul{
	 margin-left:6px;
}
 #news ul li a{
	 color:#4c4367;
	 font-weight:bold;
	 font-family:Georgia, "Times New Roman", Times, serif;
}
 #news ul li p{
	 color:#676767;
	 margin-bottom:14px;
}
 div.newsEventsContent{
	 padding:19px 14px;
}
 div.newsEventsContent h2{
	 margin-left:6px;
	 font-family:Georgia, "Times New Roman", Times, serif;
	 font-size:1.6em;
	 font-weight:normal;
	 color:#4c4367;
	 float:left;
}
 div.newsEventsContent a.more{
	 float:right;
	 color:#333333;
	 padding-top:5px;
}
 hr{
	 color:#a0a0a0;
}
 hr#eventsTop{
	 margin-bottom:10px;
}
 #events .dateBlock{
	 float:left;
	 padding-right:15px;
	 width:25px;
	 margin-right:10px;
	 background:url('../images/graphics/dateSeparator.jpg') right center no-repeat;
	 min-height:44px;
}
 #events .dateBlock .eventsDay{
	 font-family:Verdana, Geneva, sans-serif;
	 font-size:1.1em;
}
 #events .dateBlock .eventsDate{
	 font-family:Georgia, "Times New Roman", Times, serif;
	 color:#4c4367;
	 font-size:2.2em;
	 line-height:0.55em;
	 width:25px;
	 display:block;
	 text-align:center;
}
 #events ul li p{
	/*margin: 0px 0 0px 50px;
	 */
	 margin: 5px 0px 0px 0px;
	/*height:45px;
	 */
	 vertical-align:middle;
}
 #events ul li hr{
	 margin:10px 0;
}
 #events ul li a{
	 color:#4c4367;
	 font-weight:bold;
	 font-family:Georgia, "Times New Roman", Times, serif;
}
 #askButton{
	 width:55px;
	 float:right;
}
 #footerTabButtons{
	 max-width:892px;
	 margin:0 auto;
}
 #footerTabButtons span{
	 float:left;
	 color:#333333;
	 font-size:0.85em;
	 margin:10px 1% 0 0;
	 width: 38%;
	 text-align: right;
}
 ul#footerTabs{
	 list-style:none;
	 padding:0 0 0 0.5%;
	 height:30px;
	 float:right;
	 margin-bottom:15px;
	 width: 56%;
	 max-width: 483px;
	 margin-right: 3.5%;
}
 ul#footerTabs li{
	 float:left;
	 padding:0;
	 margin:0;
	 list-style-image:none;
	 width:32.665330661322645290581162324649% 
	/*163/499*/
	 ;
}
 ul#footerTabs li.active {
	 width: 34.669338677354709418837675350701% 
	/*173/499*/
	 ;
}
 ul#footerTabs li a img{
	 color:#000;
}
 ul#footerTabs a{
	 display:block;
	 height:31px;
	 width:100% 
	/*163/892*/
	 ;
	 color:#FFF;
	 text-decoration:none;
}
 ul#footerTabs a.gcccd{
	 background:url('../images/icons/gcccd.gif') left top no-repeat;
	 background-size:100%;
}
 ul#footerTabs a.grossmont{
	 background: url('../images/icons/grossmont.gif') no-repeat;
	 background-size:100%;
}
 ul#footerTabs a.cuyamaca{
	 background: url('../images/icons/cuyamaca.gif') no-repeat;
	 background-size:100%;
}
 ul#footerTabs li.active a.gcccd{
	 width:100%;
	 height:39px;
	 background:url('../images/icons/gcccdActive.gif') center top no-repeat;
	 background-size:100%;
}
 ul#footerTabs li.active a.grossmont{
	 width:100%;
	 height:39px;
	 background:url('../images/icons/grossmontActive.gif') center top no-repeat;
	 background-size:100%;
}
 ul#footerTabs li.active a.cuyamaca{
	 width:100%;
	 height:39px;
	 background:url('../images/icons/cuyamacaActive.gif') center top no-repeat;
	 background-size:100%;
}
 body.interior #mainImageWrapper{
	 max-width:1216px;
	 overflow:hidden;
	 height:373px;
	 margin:0 auto;
	 position:relative;
}
 body.interior #studentNav{
}
 body.interior #sliderbar{
}
 body.interior span.tagline{
	 display:block;
	 float:left;
	 margin-top:15px;
}
 .landingImpact{
	 margin:0 auto;
	 max-height:205px;
	 display:block;
	 width:100%;
	 overflow:hidden;
	 z-index:-1;
}
 .landingImpact img{
	 margin:0 auto;
	 display:block;
	 overflow:hidden;
	 max-width:1153px;
	 width:100%;
}
 #crumbTrail{
	 float:left;
	 margin:18px 0px 0 6.0849598163030998851894374282434%;
	 width:40.183696900114810562571756601607%;
	 color:#cccccc;
}
 #crumbTrail a{
	 color:#ffffff;
}
 #center_panels{
	 min-height:400px;
}
 h2.panelHeader{
	 font-family:Georgia, 'Times New Roman', Times, serif;
	 font-size:1.5em;
	 color:#33597f;
}
 #studentNavBottom{
	 padding-top:22px;
}
 #studentNavBottom a.apply{
	 height:27px;
	 margin-top:0;
}
 span.tagline{
	 color:#ffb43b;
	 font-size:2em;
	 font-family:Georgia, "Times New Roman", Times, serif;
	 text-transform:uppercase;
}
 #leftCol{
	/*width:254px;
	 */
	 width:26.59685863874345549738219895288% 
	/*254/955*/
	 ;
	 margin:31px 0;
	 float:left;
	 padding-left:5.2356020942408376963350785340314% 
	/*50/955*/
}
 ul#leftNav{
	/*padding:24px 15px 20px 20px;
	 width:192px;
	 */
	 width:75.590551181102362204724409448819%;
	 padding: 24px 7.8125% 20px 10.416666666666666666666666666667%;
	 margin-bottom:25px;
}
 ul#leftNav li{
	 margin-bottom:8px;
}
 ul#leftNav li a:hover{
	 background:url('../images/graphics/leftNavArrow.png') right center no-repeat;
}
 ul#leftNav a{
	 color:#0d3873;
	 display:block;
	 font-size:1.2em;
	 font-family:Georgia, "Times New Roman", Times, serif;
	 text-decoration:none;
}
 .dropdownLabel {
	 display: none;
}
 .ctaSection{
	 float:left;
	 width:100%;
}
 a.cta-buttons{
	 float:left;
	 color:#fff !important;
	 font-family:Georgia, "Times New Roman", Times, serif;
	 font-size:1.1em;
	 text-align:center;
	 width:86%;
	 max-width:200px;
	 padding:8px 7%;
	 margin:6px 0;
	 background:#4c4367;
	 -webkit-border-radius:5px;
	 -moz-border-radius:5px;
	 border-radius:5px;
}
 a.cta-buttons:hover{
	 color:#fff;
	 background:#534c6e;
	 text-decoration:none;
}
 a.cta-buttons:last-child{
	 margin:6px 0 25px 0;
}
/* IT Page */
 .it-page #it_main {
	 display: grid;
	 justify-content: center;
	 -webkit-font-smoothing: antialiased;
	 -moz-osx-font-smoothing: grayscale;
	 font-smoothing: antialiased;
}
 #it_main main {
	 display: grid;
	 justify-items: center;
	 justify-content: center;
	 margin: 0 4rem 7rem;
}
 #banner_img {
	 width: 100%;
	 height: auto;
}
 #it_main > h2 {
	 display: none;
}
 #it_main a {
	 color: #000000;
}
 #intro_content {
	 margin: 3rem 0 0;
}
 #mission_title {
	 margin-bottom: 1rem;
	 font-size: 1.5rem;
}
 #mission_statement {
	 font-size: 1.2rem;
	 margin-bottom: 3rem;
}
 #body_content {
	 display: grid;
	 justify-items: center;
	 justify-content: center;
}
 #cards_container {
	 display: grid;
	 grid-template-columns: auto;
	 grid-template-rows: auto;
	 grid-row-gap: 4rem;
}
 .card-wrapper {
	 position: relative;
	 display: inline-block;
	 width: 100%;
	 height: 100%;
	 background: rgb(241,241,241);
	/* Old browsers */
	 background: -moz-linear-gradient(top, rgba(241,241,241,1) 26%, rgba(255,255,255,1) 100%, rgba(255,255,255,1) 100%);
	/* FF3.6-15 */
	 background: -webkit-linear-gradient(top, rgba(241,241,241,1) 26%,rgba(255,255,255,1) 100%,rgba(255,255,255,1) 100%);
	/* Chrome10-25,Safari5.1-6 */
	 background: linear-gradient(to bottom, rgba(241,241,241,1) 26%,rgba(255,255,255,1) 100%,rgba(255,255,255,1) 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f1f1', endColorstr='#ffffff',GradientType=0 );
	/* IE6-9 */
	 border-radius: 3px;
	 box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
	 border-radius: 3px;
	 -webkit-transition: transform .15s ease-out;
	 transition: transform .15s ease-out;
}
 .card-wrapper::after {
	 content: "";
	 border-radius: 3px;
	 position: absolute;
	 z-index: -1;
	 top: 0;
	 left: 0;
	 width: 100%;
	 height: 100%;
	 box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
	 opacity: 0;
}
 .card-wrapper:hover {
	 -webkit-transform: scale(1.01, 1.01);
	 transform: scale(1.01, 1.01);
}
 .card-wrapper:hover:after {
	 opacity: 1;
}
 .card-title {
	 color: #FFFFFF;
	 -webkit-text-rendering: optimizeLegibility;
	 text-rendering: optimizeLegibility;
	 background-color: #4C4367;
	 padding: .5rem .5rem .5rem 2rem;
	 border-radius: 3px 3px 0 0;
}
 .card-list {
	 padding: 1rem 2rem;
	 line-height: 1.6;
}
 .card-list-item {
	 font-size: 1rem;
}
 .offsite-icon {
	 width: .7rem;
}
 .it-page #leftCol {
	 display: none;
}
 @media screen and (min-width: 900px) {
	 #cards_container {
		 grid-template-columns: 1fr 1fr 1fr;
		 grid-column-gap: 4rem;
		 justify-content: center;
		 margin: 2.5rem 1rem;
	}
	 #it_main main {
		 margin: 1rem 2rem 7rem;
	}
	 #intro_content {
		 margin: 3rem 3rem 0;
	}
	 #mission_statement {
		 margin-bottom: 0;
		 font-size: 1rem;
	}
	 .card-list-item {
		 font-size: .8rem;
	}
	 .offsite-icon {
		 width: .6rem;
	}
}
/* end IT Page*/
 #middleCol{
	 margin:31px 0;
	 float:left;
	 width: 39.267015706806282722513089005236%;
	 padding-right:3%;
	 background:url('../images/graphics/middleColSeparator.png') right top no-repeat;
}
 #wideCol{
	 margin:31px 0;
	 float:left;
	 width: 67.539267015706806282722513089005% 
	/*645/955*/
	 ;
}
 #rightCol{
	 margin:31px 0;
	 float:left;
	 width:21.465968586387434554973821989529%;
	 padding-left:2%;
}
 #fullCol #leftCol{
	 margin:31px 0;
	 width:850px;
	 float:left;
}
 .interiorCenteredContent{
	 max-width: 955px;
	 width:100%;
	 margin:0 auto;
	 clear: both;
}
 .interiorCenteredSitemap{
	 width:915px;
	 padding-left:40px;
	 margin:30px auto;
}
 #tabWrapper{
	 border:1px solid #7f7f7f;
	 width:660px;
	 margin-bottom:50px;
	/*position:relative;
	 top:1px;
	 */
}
 #tabWrapper div.tabContent{
	 padding:20px 15px;
}
 #tabWrapper div.tabContent img{
	 float:right;
	 padding-left:15px;
}
 ul#tabs{
	 list-style:none;
	 padding:0;
	 height:30px;
}
 ul#tabs li{
	 float:left;
	 padding:0;
	 margin:0;
	 list-style-image:none;
	 background-color:#dedede;
	 border:1px solid #7f7f7f;
	 border-bottom:none;
	 position:relative;
}
 ul#tabs li#firstTab{
	 left:0;
}
 ul#tabs li#secondTab{
	 left:-1px;
}
 ul#tabs li#thirdTab{
	 left:-2px;
}
 ul#tabs li#fourthTab{
	 left:-3px;
}
 ul#tabs a{
	 display:block;
	 padding:8px 10px;
	 color:#0d3873;
}
 ul#tabs a:hover{
	 color:#778ba8;
	 text-decoration:none;
}
 ul#tabs li{
	 background:#dedede;
}
 ul#tabs li.active{
	 background:#fff;
	 z-index:5;
	 border-bottom:none;
	 padding-bottom:1px;
}
 table th{
	 background-color:#dedede;
	 text-align:left;
}
/* table tr.alt{
	 background-color:#e9e9e9;
}
 */
 .bodyCopy table tr a.notes1, .bodyCopy table tr a.notes2{
	 color:#f00;
	 text-decoration:underline;
}
/*tables for data and text content */
 .datatable {
	 border: 2px solid #0d3873;
	 border-collapse: collapse;
}
 .datatable td {
	 border: 1px solid #0d3873;
	 text-align: right;
	 vertical-align: top;
	 padding: 4px;
}
 .datatable th {
	 border: 1px solid #0d3873;
	 background-color: #e9e9e9;
	 font-weight: bold;
	 text-align: center;
	 padding: 4px;
}
 .texttable {
	 border: 2px solid #0d3873;
	 border-collapse: collapse;
}
 .texttable td {
	 border: 1px solid #0d3873;
	 text-align: left;
	 vertical-align: top;
	 padding: 4px;
}
 .texttable th {
	 border: 1px solid #0d3873;
	 background-color: #e9e9e9;
	 font-weight: bold;
	 text-align: left;
	 padding: 4px;
}
/*tables for meetings */
 table.meetingschedule th {
	 background-color: transparent;
}
 .meetingtable {
	 border: 2px solid #0d3873;
	 border-collapse: collapse;
	 width: 100%;
}
 .meetingtable td {
	 border: 1px solid #0d3873;
	 text-align: left;
	 vertical-align: top;
	 padding: 4px;
	 line-height: 1.5 
}
 .meetingtable th {
	 border: 1px solid #0d3873;
	 background-color: #e9e9e9;
	 font-weight: bold;
	 text-align: left;
	 padding: 4px;
}
 .govmeettable {
	 border: 2px solid #0d3873;
	 border-collapse: collapse;
	 width: 100%;
}
 .govmeettable td {
	 border: 1px solid #0d3873;
	 text-align: left;
	 vertical-align: top;
	 padding: 4px;
	 line-height: 1.5 
}
 .govmeettable th {
	 border: 1px solid #0d3873;
	 background-color: #e9e9e9;
	 font-weight: bold;
	 text-align: left;
	 padding: 4px;
}
 .govbdtable {
	 border: 2px solid #0d3873;
	 border-collapse: collapse;
	 width: 100%;
}
 .govbdtable td {
	 border: 1px solid #0d3873;
	 text-align: left;
	 vertical-align: top;
	 padding: 4px;
	 line-height: 1.5 
}
 .govbdtable th {
	 border: 1px solid #0d3873;
	 background-color: #e9e9e9;
	 font-weight: bold;
	 text-align: left;
	 padding: 4px;
}
/* Date column or GovBrd Policy Item*/
 .meetingtable td:first-child, .meetingtable th:first-child {
	 width: 12%;
}
 .govmeettable td:first-child, .govmeettable th:first-child {
	 width: 21%;
}
 .govbdtable td:first-child, .govbdtable th:first-child {
	 width: 58%;
}
/* Agendas column or GovBrd Meeting type or GovBrd BP Policy */
 .meetingtable td:first-child + td, .meetingtable th:first-child + th {
	 width: 12%;
}
 .govmeettable td:first-child + td, .govmeettable th:first-child + th {
	 width: 21%;
}
 .govbdtable td:first-child + td, .govbdtable th:first-child + th {
	 width: 16%;
}
/* Minutes column or GovBrd Agenda or GovBrd AP Policy*/
 .meetingtable td:first-child + td + td, .meetingtable th:first-child + th + th {
	 width: 12%;
}
 .govmeettable td:first-child + td + td, .govmeettable th:first-child + th + th {
	 width: 12%;
}
 .govbdtable td:first-child + td + td, .govbdtable th:first-child + th + th {
	 width: 16%;
}
/* Documents column or GovBrd Minutes and docs - not for GovBrd Policy*/
 .meetingtable td:first-child + td + td + td, .meetingtable th:first-child + th + th th {
	 width: 64%;
}
 .govmeettable td:first-child + td + td + td, .govmeettable th:first-child + th + th th {
	 width: 45%;
}
/* File type icons - padding is needed on all links to make room for icon on hover */
 .meetingtable a {
	 display: inline-block;
	 padding-right: 22px;
	 vertical-align: top;
}
 .govmeettable a {
	 display: inline-block;
	 padding-right: 22px;
	 vertical-align: top;
}
/* PDFs */
 .meetingtable a[href$=".PDF"]:hover, .meetingtable a[href$=".pdf"]:hover {
	 background: url('../images/icons/file-icons/file-pdf.png') no-repeat top right;
}
 .govmeettable a[href$=".PDF"]:hover, .govmeettable a[href$=".pdf"]:hover {
	 background: url('../images/icons/file-icons/file-pdf.png') no-repeat top right;
}
/* Word files */
 .meetingtable a[href$=".docx"]:hover, .meetingtable a[href$=".doc"]:hover {
	 background: url('../images/icons/file-icons/file-word.png') no-repeat top right;
}
/* Excel files */
 .meetingtable a[href$=".xlsx"]:hover, .meetingtable a[href$=".xls"]:hover {
	 background: url('../images/icons/file-icons/file-excel.png') no-repeat top right;
}
/* PowerPoint files */
 .meetingtable a[href$=".pptx"]:hover, .meetingtable a[href$=".ppt"]:hover, .meetingtable a[href$=".pps"]:hover, .meetingtable a[href$=".ppsx"]:hover {
	 background: url('../images/icons/file-icons/file-powerpoint.png') no-repeat top right;
}
/* text files */
 .meetingtable a[href$=".rtf"]:hover, .meetingtable a[href$=".txt"]:hover {
	 background: url('../images/icons/file-icons/file-text.png') no-repeat top right;
}
/* external links */
 .meetingtable a[href$=".html"]:hover, .meetingtable a[href$=".htm"]:hover, .meetingtable a[href$=".php"]:hover, .meetingtable a[href$=".aspx"]:hover, .meetingtable a[href$=".asp"]:hover {
	 background: url('../images/icons/file-icons/file-link.png') no-repeat top right;
}
 .tooltip1, .tooltip2{
	 display:none;
	 background:url('../images/graphics/black_arrow.png') no-repeat scroll 0 0;
	 height:76px;
	 padding:20px;
	 width:170px;
	 font-size:11px;
	 color:#fff;
	 z-index:100;
}
 .shareBox{
	 float:right;
	 width:160px;
}
 #tabColumnLeft{
	 width:435px;
	 float:left;
}
 #tabColumnRight{
	 width:195px;
	 float:left;
}
 .bodyCopy{
	 font:14px/1.5 Verdana, Geneva, sans-serif;
}
 .bodyCopy h2{
	 color:#0d3873;
	 font-size:1.4em;
	 font-family:Georgia, "Times New Roman", Times, serif;
	 margin:0 0 12px 0;
}
 .bodyCopy .box{
	 border-style:solid;
	 border-color:#999999;
	 border-width:1px 2px 2px 1px;
	 margin:1em 0px;
	 padding:1em;
	 text-align:left;
}
 .bodyCopy .intense{
	 font-size:16px;
	 line-height:1.5em;
	 color:#A5530B !important;
	 margin:1.5em 0px;
	 font-style:italic;
	 font-weight:bold;
}
 .bodyCopy .redtext{
	 color: #FF0000 !important;
}
 .bodyCopy p{
	 margin-bottom:20px;
	 color:#4c4c4c;
	 font-family:Arial, Helvetica, sans-serif;
	 font-size:1.1em;
}
 .bodyCopy p.headerText{
	 color:#000;
	 margin-bottom:40px;
}
 .bodyCopy a{
	 color:blue;
}
 .bodyCopy ul, .bodyCopy ol{
	 margin:0 0 20px 20px;
	 font-family:Arial, Helvetica, sans-serif;
	 font-size:1.1em;
}
 .bodyCopy ul li ul, .bodyCopy ol li ol, .bodyCopy ol li ul, .bodyCopy ul li ol{
	 margin:10px 0 10px 20px;
	 font-family:Arial, Helvetica, sans-serif;
	 font-size:1em;
}
 .bodyCopy ul li{
	 list-style-type:disc;
}
 .bodyCopy ul li ul li {
	 list-style-type: circle;
}
 .bodyCopy ul li ul li ul li {
	 list-style-type: square;
}
 .bodyCopy ul li ul li ul li ul li {
	 list-style-type: disc;
}
 .bodyCopy ul li ul li ul li ul li ul li {
	 list-style-type: circle;
}
 .bodyCopy ul li ul li ul li ul li ul li ul li {
	 list-style-type: square;
}
 .bodyCopy ol li {
	 list-style-type: decimal;
}
 .bodyCopy ol li ol li {
	 list-style-type: upper-alpha;
}
 .bodyCopy ol li ol li ol li {
	 list-style-type: upper-roman;
}
 .bodyCopy ol li ol li ol li ol li {
	 list-style-type: lower-alpha;
}
 .bodyCopy ol li ol li ol li ol li ol li {
	 list-style-type: lower-roman;
}
 .bodyCopy p.subText{
	 font-size:1em;
}
 .bodyCopy img{
	 margin-bottom:15px;
}
/* Heading Bar */
 .heading-bars {
	 line-height:1.4;
	 margin:3em 0px 1em!important;
	 position:relative;
	 font-variant:small-caps;
	 padding-left:2px;
	 color:#0D3873!important;
	 font-size:1.3em;
	 font-weight:bold;
}
 .heading-bars:before {
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	 background:url(data:image/svg+xml;
	 base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzBlMzg3MyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	 background:-moz-linear-gradient(left, rgba(13,56,115,1) 0%, rgba(0,0,0,0) 100%);
	/* FF3.6+ */
	 background:-webkit-gradient(linear, left top, right top, color-stop(0%,rgba(13,56,115,1)), color-stop(100%,rgba(0,0,0,0)));
	/* Chrome,Safari4+ */
	 background:-webkit-linear-gradient(left, rgba(13,56,115,1) 0%,rgba(0,0,0,0) 100%);
	/* Chrome10+,Safari5.1+ */
	 background:-o-linear-gradient(left, rgba(13,56,115,1) 0%,rgba(0,0,0,0) 100%);
	/* Opera 11.10+ */
	 background:-ms-linear-gradient(left, rgba(13,56,115,1) 0%,rgba(0,0,0,0) 100%);
	/* IE10+ */
	 background:linear-gradient(to right, rgba(13,56,115,1) 0%,rgba(0,0,0,0) 100%);
	/* W3C */
	 filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#0D3873', endColorstr='#00000000',GradientType=1 );
	/* IE6-8 */
	 top:-4px;
	 content:"";
	 height:1px;
	 left:0;
	 position:absolute;
	 right:0;
}
 .heading-bars:after {
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	 background:url(data:image/svg+xml;
	 base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzBlMzg3MyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	 background:-moz-linear-gradient(left, rgba(13,56,115,1) 0%, rgba(0,0,0,0) 100%);
	/* FF3.6+ */
	 background:-webkit-gradient(linear, left top, right top, color-stop(0%,rgba(13,56,115,1)), color-stop(100%,rgba(0,0,0,0)));
	/* Chrome,Safari4+ */
	 background:-webkit-linear-gradient(left, rgba(13,56,115,1) 0%,rgba(0,0,0,0) 100%);
	/* Chrome10+,Safari5.1+ */
	 background:-o-linear-gradient(left, rgba(13,56,115,1) 0%,rgba(0,0,0,0) 100%);
	/* Opera 11.10+ */
	 background:-ms-linear-gradient(left, rgba(13,56,115,1) 0%,rgba(0,0,0,0) 100%);
	/* IE10+ */
	 background:linear-gradient(to right, rgba(13,56,115,1) 0%,rgba(0,0,0,0) 100%);
	/* W3C */
	 filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#0D3873', endColorstr='#00000000',GradientType=1 );
	/* IE6-8 */
	 bottom:-4px;
	 content:"";
	 height:1px;
	 left:0;
	 position:absolute;
	 right:0;
}
/* End of Heading Bar */
 #fullCol h2{
	 margin-top:15px;
}
 hr{
	 margin-bottom:15px;
}
 h2.underline{
	 border-bottom:1px solid #a0a0a0;
	 padding-bottom:8px;
	 margin-bottom:16px;
}
 #gcccd.interior #bodyGradient{
	 background:#fefefe url('../images/graphics/bodyGradient_x.gif') left top repeat-x;
}
 #gcccd.interior #sliderbar{
	 background:url('../images/graphics/sliderbarBkgd_x-p2.gif') top left repeat-x;
}
 #gcccd.interior #sliderbar{
	 position:relative;
	 background:none;
	 background-color:#4c4367;
	 clear: both;
}
/* #gcccd.interior #sliderbar{
	 position:absolute;
	 top:220px;
}
 */
 #gcccd.interior .bodyCopy p{
	 color:#000;
}
 #gcccd.interior span.photoInfo{
	 color:#002f5f;
	 font-family:Arial, Helvetica, sans-serif;
	 font-weight:bold;
	 line-height:1.2em;
}
 #gcccd.interior ul#leftNav{
	 background:#fafafa url('../images/graphics/leftNav_x.gif') left top repeat-x;
}
 a.button{
	 width:181px;
	 height:39px;
	 overflow:hidden;
	 display:block;
	 margin-bottom:13px;
	 text-decoration:none;
}
 a.button:hover{
	 background-position:0 -39px;
}
 #accordion{
	 float:left;
	 width:96%;
	 margin:2px 4% 20px 0;
}
 .bodyCopy p.accordionControl{
	 text-align:right;
	 margin:0 0 5px 0;
	 font-weight:normal;
	 font-size:14px/1.5;
}
 .accordionButton{
	 width:92%;
	 float:left;
	 border-bottom:1px solid #ccc;
	 cursor:pointer;
	 padding:6px 28px;
	 background:url('../images/buttons/arrow-off.png') no-repeat 10px center;
	 font-weight:bold;
	 color:#1A4A8D;
	 font-size:14px/1.5;
}
 .accordionButton:focus{
	 border:1px solid #0E3873;
	 -webkit-border-radius:4px;
	 -moz-border-radius:4px;
	 border-radius:4px;
}
 .accordionButton:nth-of-type(1){
	 border-top:1px solid #ccc;
}
 #accordion .on{
	 margin-bottom:0;
	 background:#e9e9e9 url('../images/buttons/arrow-on.png') no-repeat 10px center;
}
 .accordionButton.on{
	 border-bottom:none;
}
 .accordionContent{
	 width:92%;
	 padding:4px 4% 4px;
	 float:left;
	 border-bottom:1px solid #ccc;
	 font-size:14px/1.5;
}
 .accordionContent strong{
	 font-size:14px/1.5;
}
 .accordionContent img{
	 margin:0 10px 10px 10px;
}
 .dept .accordionContent{
	 width:98%;
	 padding:4px 1% 4px;
}
 .newsletterSection{
	 float:left;
	 clear:both;
	 margin:10px 0 20px 0;
	 width:100%;
}
 .newsletterSection:last-child{
	 border-bottom:none;
}
 .newsletterSection img{
	 float:right;
	 max-width:320px;
	 clear:both;
}
 .newsletterInfo{
	 display:block;
	 color:#0D3873;
	 font-weight:bold;
}
 .newsletterInfo .title{
	 font-size:1.2em;
}
 .newsletterReports{
	 margin-left:30px;
	 font-weight:normal;
}
 .newsletterReports .title{
	 font-size:1.2em;
}
 #accordionSimple{
	 float:left;
	 margin:2px 2% 20px 0;
	 width:98%;
	 max-width:300px;
}
 .bodyCopy p.accordionControlSimple{
	 text-align:right;
	 margin:0;
	 font-weight:normal;
	 font-size:14px/1.5;
}
 .accordionButtonSimple{
	 float:left;
	 display:block;
	 clear:both;
	 cursor:pointer;
	 padding:5px 4% 5px 23px;
	 background:url('../images/buttons/arrow-off.png') no-repeat 10px center;
	 font-weight:bold;
	 color:#1A4A8D;
	 font-size:14px/1.5;
}
 #accordionSimple .on{
	 margin-bottom:0;
	 background:url('../images/buttons/arrow-on.png') no-repeat 10px center;
}
 .accordionButtonSimple.on{
	 border-bottom:none;
}
 .accordionContentSimple{
	 width:92%;
	 padding:4px 4% 4px;
	 float:left;
	 font-size:14px/1.5;
}
 .accordionContentSimple strong{
	 font-size:14px/1.5;
}
 .col_left{
	 float:left;
	 width:49.5%;
}
 .col_right{
	 float:right;
	 width:49.5%;
}
 .bucketContainer{
	 float:left;
	 width:100%;
	 overflow:hidden;
}
 .bucket{
	 float:left;
	 width:44%;
	 max-width:290px;
	 background:#DEDEDE;
	 padding:8px 2% 1000px 2%;
	 margin:5px 1% -1000px 0;
}
 .bucket img{
	 width:100%;
}
 .bucket h3,.bucket h3 a{
	 font-weight:bold;
	 color:#0D3873;
	 margin:0;
}
 .bucket .bucketText{
	 max-height:55px;
	 overflow:hidden;
	 padding-bottom:8px;
}
 .newsletterSection{
	 float:left;
	 clear:both;
	 margin:10px 0 20px 0;
	 width:100%;
}
 .newsletterSection:last-child{
	 border-bottom:none;
}
 .newsletterSection img{
	 float:right;
	 max-width:320px;
	 clear:both;
}
 .newsletterInfo{
	 display:block;
	 font-weight:bold;
}
 .newsletterInfo .title{
	 font-size:1.2em;
}
 .newsletterReports{
	 margin-left:30px;
	 font-weight:normal;
}
 .newsletterReports .title{
	 font-size:1.2em;
}
 #gallery{
	 list-style-type: none;
}
 #gallery li{
	 float: left;
	 margin-right: 6px;
	 margin-bottom: 10px;
	 font: bold 0.8em;
}
 #gallery img{
	 display: block;
	 border: 1px solid #333333;
}
 #gcccd .districtCenteredContent{
	 width:935px;
	 margin:0 auto;
}
/* #gcccd #mapWrapper{
	 float:left;
	 background-color:#ccc;
	 width:610px;
	 height:292px;
	 margin:40px 0;
}
 */
/* #gcccd #mapLegend{
	 width:177px;
	 height:292px;
	 float:left;
}
 */
/* #gcccd #mapLegend p{
	 line-height:1.2em;
	 margin-top:5px;
}
 */
/* #gcccd #mapLegendTop{
	 background-color:#00615b;
	 min-height:118px;
	 padding:18px 10px 10px 10px;
	 color:#fff;
}
 */
/* #gcccd #mapLegendBottom{
	 background-color:#002f5f;
	 min-height:118px;
	 padding:18px 10px 10px 10px;
	 color:#fff;
}
 */
/* #gcccd #mapCanvas{
	 float:left;
	 width:433px;
	 height:292px;
}
 */
/**old CONTENTBLOCK SPOTLIGHT STORY**/
/* .spotlightStory {
	 color: #fff;
	 line-height: 18px;
	 padding: 1.5%;
	 display: inline-block;
	 -webkit-border-radius: 10px;
	 -moz-border-radius: 10px;
	 border-radius: 10px;
	 background-color: #064078;
	 width: 97%;
	 -webkit-border-radius: 10px;
	 -moz-border-radius: 10px;
	 border-radius: 10px;
	 behavior: url(../pie/PIE.htc);
}
 .spotlightStoryContent {
	 width: 41%;
	 display: inline-block;
}
 .spotlightStory img {
	 max-height: 247px;
	 float: left;
	 padding: 0 1.5% 0 0;
	 max-width: 390px;
	 width: 57%;
}
 .spotlightStory .date {
	 display: block;
	 font-size: 1em;
	 padding: 0 0 3% 0;
}
 .spotlightStory h1 {
	 color: #fff;
	 line-height: 1.4em;
	 padding: 0 0 1.5% 0;
}
 .spotlightStory p {
	 color: #fff;
}
 */
/**CONTENTBLOCK SPOTLIGHT STORY**/
 .spotlightStory {
	 color: #fff;
	 line-height: 18px;
	 padding: 1.5%;
	 display: inline-block;
	 -webkit-border-radius: 10px;
	 -moz-border-radius: 10px;
	 border-radius: 10px;
	 background-color: #4c4367;
	 width: 97%;
	 -webkit-border-radius: 10px;
	 -moz-border-radius: 10px;
	 border-radius: 10px;
	 behavior: url(../PIE.htc);
}
 .spotlightStoryContent {
	 display: inline-block;
}
 .spotlightStory > img + .spotlightStoryContent {
	 width: 41%;
}
 .spotlightStory img {
	 max-height: 247px;
	 float: left;
	 padding: 0 1.5% 0 0;
	 max-width: 390px;
	 width: 57%;
}
 .spotlightStory .date {
	 display: block;
	 font-size: 1em;
	 padding: 0 0 3% 0;
}
 .spotlightStory h1 {
	 color: #fff;
	 font-weight:400;
	 font-size: 1.50em;
	 line-height: 1.4em;
	 padding: 0 0 1.5% 0;
}
 .spotlightStory p {
	 color: #fff !important;
}
 .spotlightStory a {
	 color: #fff;
	 text-decoration:underline;
}
 .spotlightStory a:hover {
	 color: #fff;
	 text-decoration:none;
}
 #gcccd #footer{
	 color:#fff;
	 background:#4c4367 url('../images/graphics/pageDividerHome_x.gif') left top repeat-x;
	 min-height:176px;
}
 #gcccd.interior #footer, #gcccd.intranet #footer{
	 background:#4c4367 url('../images/graphics/pageDivider_x.gif') left top repeat-x;
}
 #gcccd #footerTabWrapper{
	 background-color:#ffffff;
	 padding-bottom:30px;
}
 img.footerIcons{
	 vertical-align:middle;
	 margin:0 15px 0 0;
	 height:42px;
}
 #gcccd #footerContent{
	 width: 100%;
	 max-width:871px;
	 margin:0 auto;
	 padding:21px 0;
}
 #footerInfo{
	 width:27%;
	 float:left;
	/* margin-right:30px;
	 */
}
 #gcccd .footerInfoImg {
	 margin-top:22px;
	 width: 95%;
	 max-width: 220px;
}
 #footerInfo p.info{
	 margin: -11px 0 10px 5px;
	 line-height:1.5em;
}
 #footerInfo a{
	 color:#fff;
}
 #gcccd div.footerCells{
	 width: 19%;
	 float:left;
	 padding-left: 2.5%;
	 padding-right: 1.7%;
}
 #gcccd div.footerCells a{
	 color:#fff;
}
 #gcccd div.footerCells a:hover{
	 color:#cccccc;
}
 #gcccd div.footerCells.footerCell2{
	 max-width:167px;
	 width:18%;
}
 div.footerCells a span{
	 float:left;
	 padding-top:20px;
}
 div.footerCells a.infoIcon{
	 margin-top:21px;
	 width:87px;
	 height:50px;
	 display:block;
	 background:url('../images/icons/infoIcon_off.png') top left no-repeat;
	 background-size: 45.666666666666666666666666666667% 
	/*52/150*/
	 ;
	 padding-left:67px 
}
 div.footerCells a.infoIcon:hover{
	 margin-top:21px;
	 width:87px;
	 height:50px;
	 display:block;
	 background:url('../images/icons/infoIcon_on.png') top left no-repeat;
	 background-size: 45.666666666666666666666666666667% 
	/*52/150*/
	 ;
	 padding-left:67px 
}
 div.footerCells a.blackboard{
	 margin-top:12px;
	 width: 94px;
	 height:50px;
	 display:block;
	 background:url('../images/icons/blackboard_off.png') top left no-repeat;
	 background-size: 41.176470588235294117647058823529% 
	/*70/150*/
	 ;
	 padding-left:65px 
}
 div.footerCells a.blackboard:hover{
	 margin-top:12px;
	 width:94px;
	 height:50px;
	 display:block;
	 background:url('../images/icons/blackboard_on.png') top left no-repeat;
	 background-size: 41.176470588235294117647058823529% 
	/*70/150*/
	 ;
	 padding-left:65px;
}
 div.footerCells a.canvas{
	 margin-top:12px;
	 margin-left: 8px;
	 width: 94px;
	 height:50px;
	 display:block;
	 background:url('../images/icons/canvas_off.png') top left no-repeat;
	 background-size: 34.176471% 
	/*70/150*/
	 ;
	 padding-left:58.5px;
}
 div.footerCells a.canvas:hover{
	 margin-top:12px;
	 margin-left: 8px;
	 width:94px;
	 height:50px;
	 display:block;
	 background:url('../images/icons/canvas_on.png') top left no-repeat;
	 background-size: 34.176471% 
	/*70/150*/
	 ;
	 padding-left:58.5px;
}
 div.footerCells a.contactUs{
	 width: 86%;
	 height:50px;
	 display:block;
}
 div.footerLinksTop{
	 padding-top:6px;
	 margin: 16px 0 0 25px;
}
 div.footerLinks{
	 background-color:#3e4069;
	 border: 5px solid #3e4069;
	 border-radius: 5px;
	 padding:7px;
	 width:100%;
	 min-width:143px;
	 -webkit-box-sizing: border-box;
	 -moz-box-sizing: border-box;
	 box-sizing: border-box;
}
 div.footerLinks a{
	 color:#fff;
	 font-family:Arial, Helvetica, sans-serif;
	 font-size:1.1em;
	 display:block;
	 width:100%;
	 max-width:131px;
	 text-align:center;
}
 div.footerLinks a:hover{
	 color:#cccccc;
	 text-decoration:none;
}
 div.footerLinks ul li{
	 background:url('../images/graphics/footerLinksSeparator.gif') center bottom no-repeat;
	 padding:7px 0;
}
 div.footerLinks ul li.noBkgd{
	 background:none;
}
 div.footerLinks a.socialMedia{
	 float:left;
	 max-width:41px;
	 width:33%;
}
 div.footerLinks a.facebook{
	 background:url('../images/logos/facebook_off.png');
	 width:41px;
	 height:43px;
}
 div.footerLinks a.youtube{
	 background:url('../images/logos/youtube_off.png');
	 width:41px;
	 height:43px;
}
 div.footerLinks a.itunes{
	 background:url('../images/logos/iTunes_off.png');
	 width:41px;
	 height:43px;
}
 #google_translate_element{
	 margin: 28px 0 11px 7px;
}
 div.footerLinks a.facebook:hover{
	 background:url('');
	 width:41px;
	 height:43px;
}
 div.footerLinks a.youtube:hover{
	 background:url('');
	 width:41px;
	 height:43px;
}
 div.footerLinks a.itunes:hover{
	 background:url('');
	 width:41px;
	 height:43px;
}
 .footerAsk{
	 float:left;
	 padding:27px 0 0 46px;
	 width:46.5%;
	 -webkit-box-sizing: border-box;
	 -moz-box-sizing: border-box;
	 box-sizing: border-box;
}
 .needHelp{
	 color: #ffb43b !important;
	 font-size: 1.8em;
}
 div.needHelp a{
	 color: #ffb43b !important;
}
 div.needHelp a:visited{
	 color: #ffb43b !important;
}
 #Hquestion{
	 font-style:italic;
	 font-size: 1.1em;
	 width:81%;
}
 #question{
	 margin-top: 5px;
	 font-style:italic;
	 font-size: 1.1em;
	 width:81%;
}
 div.footerLinksBottom{
	 padding-bottom:5px;
}
 div.lastCell a{
	 color:#fff;
}
 div.lastCell a:hover{
	 color:#cccccc;
	 text-decoration:none;
}
 #gcccd div.lastCell{
	 width:21%;
	 max-width: 167px;
	 float:left;
	 min-height:118px;
	 background:none;
	 margin:0;
	 padding-left: 47px;
	 -webkit-box-sizing: border-box;
	 -moz-box-sizing: border-box;
	 box-sizing: border-box;
}
 #gcccd div.lastCell img{
	 float:left;
	 margin-right:10px;
}
/*footer wrap */
 .gohere .footerMobileWrap {
	 display:none;
}
/* inline styles for user to choose */
 img.imgAlignCenter {
	 display: block;
	 margin: 0 auto;
}
 img.imgAlignLeft {
	 float: left;
}
 img.imgAlignRight {
	 float: right;
}
 @media (max-width:1000px){
	 a.cta-buttons{
		 padding:8px 4%;
	}
}
 @media only screen and (max-width:940px){
	 #accordion {
		 margin:2px 9% 20px 0px;
	}
}
 @media screen and (max-width:860px) {
	 #gcccd div.lastCell{
		 padding-left:1% !important;
	}
	 #footerInfo{
		 width:26%;
		 padding-left:3%;
	}
	 #Hquestion{
		 width:79%;
	}
}
 @media screen and (max-width:800px) {
	 .newsEventsContent ul li p {
		 line-height: 1em;
	}
}
 @media screen and (max-width:768px) {
	 ul#studentTabs {
		 width: 100%;
	}
	 #news {
		 margin-right: 2%;
	}
	 #rotatingFeature {
		 margin-right: 2%;
		 margin-left: 1%;
	}
	 #news, #events, #leftNav {
		 width: 27%;
	}
	 div.newsEventsContent h2 {
		 font-size: 1.4em;
	}
	 div.newsEventsContent a.more {
		 font-size: 0.9em;
		 padding-top: 3px;
	}
	 #sliderbar img.apply {
		 padding-right: 1%;
	}
	 #mainImageWrapper {
	}
	 #mainImage img {
		 width: 768px;
		 margin-left: -384px;
	}
	 #gcccd.home #studentNav {
		 margin-top: 50px;
	}
	 #gcccd.home #sliderbar {
		 margin-top: 151px;
		 top: 0;
	}
	 #sliderbar .tagline {
		 padding: 0 5% 0 5%;
	}
	 #sliderbar #tagline {
		 font-size: 1.3em;
	}
	 #middleCol {
		 width: 63%;
		 background: none;
	}
	 #rightCol {
		 width: 63%;
		 padding-right: 3%;
		 float: right;
		 margin: 0;
	}
	 .interior #header {
		 min-height: 60px;
		 margin-top: 0;
	}
	 .home #header {
		 min-height: 50px;
		 margin-top: 0;
	}
	 #searchBox {
		 margin-bottom: 10px;
		 position: relative;
		 right: 0px;
		 width: 100%;
		 top: 0px;
		 padding: 0px;
		 background-color: #ffffff;
	}
	 .toggleLabel,.toggleLabel strong{
		 color:#fff;
	}
	 #searchBox #search {
		 width: 45%;
	}
	 #searchBox #googleSearchField {
		 width: 45%;
	}
	 #mainImageWrapper {
		 margin-top: 10px;
	}
	 #footerInfo{
		 width:26%;
		 padding-left:3%;
	}
	 #Hquestion{
		 width:75%;
	}
}
/* Start Mobile Footer*/
 @media screen and (max-width:720px) {
	 #gcccd .footerInfoImg {
		 margin-bottom: 12%;
	}
	 .footerAsk{
		 width: 97%;
		 padding:0 24%;
		 margin:0 auto;
		 display:block;
	}
	 #Hquestion{
		 width:75%;
	}
	 #question{
		 width:75%;
	}
	 .needHelp{
		 color: #ffb43b !important;
		 font-size: 1.8em;
	}
	 div.needHelp a{
		 color: #ffb43b !important;
	}
	 div.needHelp a:visited{
		 color: #ffb43b !important;
	}
	 #footerInfo{
		 width:25%;
	}
	 #footerInfo p.info {
		 font-size: 0.8em;
	}
	 ul#footerTabs {
		 width: 82.5%;
	}
	 .responsiveFoot{
		 padding:0 20%;
		 width:100%;
		 float:left;
	}
	 .responsiveFootLinks{
		 padding:0 20%;
		 float:left;
		 width:100%;
	}
	 .footerMobileWrap{
		 display:none;
	}
	 .gohere .footerMobileWrap {
		 display:block!important;
	}
	 #gcccd div.lastCell{
		 padding-left:0 !important;
	}
	 #gcccd div.footerCells{
		 min-width:175px;
		 width: 50%;
		 float:left;
		 padding-left: 5.5%;
	}
	 #gcccd div.footerCells.footerCell2{
		 min-width:167px;
		 width:40%;
		 float:left;
		 padding:0 4.5% 0 0;
	}
	 #footerTabButtons span {
		 width:96%;
	}
}
 @media screen and (max-width:650px) {
	 div.studentNavIcons a span.twoLines {
		 font-size: 0.8em;
	}
}
 @media screen and (max-width:580px) {
	 .bodyCopy img {
		 max-width: 100%;
		 max-height: 100%;
	}
	 .bodyCopy iframe {
		 width: 95%;
		 display: block;
		 height: auto;
		 margin: 0 auto;
	}
	 .bodyCopy #cse-search-results iframe {
		 height: 1860px;
	}
	 .logoLink {
		 width: 100%;
		 margin: 0 auto;
		 text-align: center;
		 display: block;
		 border-bottom: 2px solid white;
	}
	 #gcccd img.logo {
		 width: 100%;
		 max-width: 340px;
		 float: none;
		 margin: 0;
	}
	 #gcccd div.studentNavIcons {
		 padding-top: 10px;
		 width: 18%;
		 padding-bottom: 10px;
	}
	 #gcccd div.academics {
		 margin-left: 5%;
		 background: none;
	}
	 #gcccd div.board {
		 margin-right: 5%;
	}
	 div.studentNavIcons a span.twoLines {
		 padding-top: 58px;
		 padding-bottom: 15px;
	}
	 #mainImage img {
		 top: 205px;
		 width: 580px;
		 margin-left: -290px;
	}
	 #gcccd.home #sliderbar {
		 margin-top: 206px;
		 top: 0;
		 height: 80px;
	}
	 #sliderbar .centeredContent .apply {
		 clear: both;
		 margin: 0 auto;
		 float: none;
		 width: 20%;
		 padding: 10px 0;
	}
	 #sliderbarLeft {
		 width: 34%;
	}
	 #sliderbar {
		 padding-bottom:7px;
	}
	 #sliderbar #photoText {
		 width: 65%;
	}
	 #sliderbar #photoText p {
		 padding: 10px 1% 0 2%;
	}
	 #news {
		 margin-right: 2%;
		 clear: both;
	}
	 #rotatingFeature {
		 margin: 0 auto;
		 width: 350px;
		 float: none;
	}
	 #news, #events, #leftNav {
		 width: 46%;
		 margin: 25px 2% 0;
	}
	 #mainImageWrapper {
		 padding-top: 0px;
	}
	 #gcccd.home #studentNav {
		 top: 0px;
		 margin-top: 0;
	}
	 #leftCol {
		 width: 95%;
		 margin: 0 auto;
		 float: none;
		 padding: 10px 0;
	}
	 #wideCol {
		 width: 95%;
		 margin: 0 auto;
		 float: none;
	}
	 #middleCol {
		 width: 95%;
		 margin: 0 auto;
		 float: none;
		 padding: 0;
		 background: none;
	}
	 #rightCol {
		 width: 95%;
		 margin: 0 auto;
		 float: none;
		 padding: 0;
		 background: none;
	}
	 #desktopCallout,#desktopContact {
		 display:none;
	}
	 #mobileCallout,#mobileContact {
		 display:block;
	}
	 .ctaSection{
		 margin-top:25px;
	}
	 a.cta-buttons{
		 margin:6px 0 6px 10%;
		 padding:8px 7%;
	}
	 a.cta-buttons:last-child{
		 margin:6px 0 25px 10%;
	}
	 .leftColContact{
		 margin-bottom:25px;
		 width:95%;
		 padding:0 2.5%;
	}
	 .accordionButton{
		 padding:3px 28px;
		 width:80%;
	}
	 .col_left{
		 float:none;
		 width:100%;
	}
	 .col_right{
		 float:none;
		 width:100%;
	}
	 .bucketContainer{
		 float:none;
	}
	 .bucket{
		 float:none;
		 width:100%;
		 padding:8px 2%;
		 margin:5px auto 0 auto;
	}
	 .bucket .bucketText{
		 max-height:55px;
		 width:96%;
	}
	 .shareBox{
		 margin-bottom:5px;
	}
	/* Begin Footer max-width:580px */
	 .footerAsk{
		 width: 97%;
		 padding:0 20%;
		 margin:0 auto;
		 display:block;
	}
	 #Hquestion{
		 width:75%;
	}
	 #question{
		 width:75%;
	}
	 #footerInfo{
		 width:34%;
	}
	 .responsiveFoot{
		 padding:0 15%;
		 width:100%;
		 float:left;
	}
	 .responsiveFootLinks{
		 padding:0 15%;
		 float:left;
		 width:100%;
	}
	/* End Footer */
	/******QUICKLINKS**********/
	 .dropdown .dropdownLabel{
		 width:90%;
		 display: block;
		 display: block;
		 background:#FFFFFF url(../images/icons/dropdownArrow.png) no-repeat scroll 95% center;
		 display:block;
		 padding:4px 1% 4px 1%;
		 border:1px solid #65696e;
		 max-width: 250px;
	}
	 .dropdown ul {
		 width:90%;
	}
	 .dropdown ul li a {
		 width:100%;
	}
	 .dropdown {
		 float: left;
		 padding:2px 0;
	}
	 .dropdown li {
		 list-style:none;
	}
	 .dropdown a, .dropdown a:visited, .dropdown a:hover {
		 color:#65696e;
		 text-decoration:none;
		 outline:none;
	}
	 .dropdown ul#leftNav {
		 background:#FFFFFF;
		 border:1px solid #65696e;
		 color:#65696e;
		 display:none;
		 left:0px;
		 padding:5px 0;
		 position: relative;
		 top:0px;
		 width:90%;
		 max-width: 250px;
		 margin: 0;
		 padding: 0 1%;
	}
	 .dropdown ul#leftNav li a {
		 padding:5px;
		 width: 235px;
		 display:block;
		 background-image: none;
		 border: none;
	}
	 .dropdown ul#leftNav li a:hover {
		 background-color:#00539b;
		 color:#FFFFFF;
	}
}
 @media screen and (min-width:580px) {
	 table {
		 width: 100% !important;
	}
	 td {
		 width: auto !important;
	}
}
 @media screen and (max-width:505px) {
	 #gcccd.home #sliderbar {
		 background-repeat: repeat;
		 height: 140px;
		 margin-top: 245px;
	}
	 #gcccd.interior #sliderbar {
		 min-height: 70px;
	}
	 #sliderbarLeft {
		 width: 80%;
		 margin: 0 auto;
		 float: none;
		 background-image: none;
		 padding-top: 10px;
	}
	 #sliderbar #photoText {
		 width: 80%;
		 margin: 0 auto;
		 float: none;
		 padding-top: 10px;
	}
	 #sliderbar .centeredContent .apply {
		 display: block;
		 clear: both;
		 width: 80%;
		 float: none;
		 margin: 0 auto;
	}
	 #crumbTrail {
		 clear: both;
		 width: 95%;
		 margin-top: 5px;
		 margin-left: 5%;
	}
	 .spotlightStoryContent, .spotlightStory img {
		 width: 90%;
		 padding: 5px 5%;
		 float: none;
		 clear: both;
		 margin: 0 auto;
	}
	/* Begin Footer max-width:505px */
	 .footerAsk{
		 width: 97%;
		 padding:0 20%;
		 margin:0 auto;
		 display:block;
	}
	 #Hquestion{
		 width:75%;
	}
	 #question{
		 width:75%;
	}
	 #footerInfo{
		 width:34%;
	}
	 .responsiveFoot{
		 padding:0 15%;
		 width:100%;
		 float:left;
	}
	 .responsiveFootLinks{
		 padding:0 15%;
		 float:left;
		 width:100%;
	}
	/* End Footer */
}
 @media screen and (max-width:480px) {
	 ul#studentTabs li {
		 float: left;
		 width: 32%;
		 margin-left: 1%;
	}
	 ul#studentTabs li a {
		 font-size: 1em;
	}
	/* Begin Footer max-width:480px */
	 .footerAsk{
		 width: 100%;
		 padding:0 13%;
		 margin:0 auto;
		 display:block;
	}
	 #Hquestion{
		 width:78%;
	}
	 #question{
		 width:78%;
	}
	 #footerInfo{
		 width:38%;
	}
	 .responsiveFoot{
		 padding:0 9.5%;
		 width:100%;
		 float:left;
	}
	 .responsiveFootLinks{
		 padding:0 7%;
		 float:left;
		 width:100%;
	}
	 #gcccd div.footerCells.footerCell2{
		 padding:0 10.5% 0 0;
	}
	/* End Footer */
}
 @media screen and (max-width:420px) {
	/* Begin Footer max-width:480px */
	 .footerAsk{
		 width: 100%;
		 padding:0 10%;
		 margin:0 auto;
		 display:block;
	}
	 #Hquestion{
		 width:75%;
	}
	 #question{
		 width:75%;
	}
	 #footerInfo{
		 width:38%;
	}
	 .responsiveFoot{
		 padding:0 4.5%;
		 width:100%;
		 float:left;
	}
	 .responsiveFootLinks{
		 padding:0 2.5%;
		 float:left;
		 width:100%;
	}
	/* End Footer */
}
 @media screen and (max-width:350px) {
	 #gcccd img.logo {
		 width: 80%;
	}
	 div.studentNavIcons a span.twoLines {
		 padding-top: 45px;
		 font-size: 0.7em;
		 font-weight: normal;
	}
	 #gcccd div.studentNavIcons {
		 padding-top: 0px;
		 width: 20%;
		 padding-bottom: 10px;
		 height: 70px;
	}
	 #gcccd div.studentNavIcons a, #gcccd div.studentNavIcons a:hover {
		 background-position:center 5px;
	}
	 #gcccd div.academics {
		 margin-left: 0%;
		 background: none;
		 width: 18%;
	}
	 #gcccd div.district {
		 width: 16%;
	}
	 #gcccd div.services {
		 width: 24% 
	}
	 #gcccd div.employment {
		 width: 24% 
	}
	 #gcccd div.board {
		 margin-right:0%;
		 width: 18%;
	}
	 #mainImage img {
		 top: 150px;
	}
	 #content {
		 margin: 20px 0 0;
	}
	 #news, #events, #leftNav {
		 clear: both;
		 width: 90%;
		 margin: 0 auto;
		 float: none;
	}
	 #events {
		 margin-top: 10px;
	}
	 #rotatingFeature {
		 width: 100%;
		 height: 240px;
	}
	 ul#featureCircle {
		 top: 210px;
	}
	 #google_translate_element {
		 position: absolute;
		 right: 5px;
		 top: 200px;
	}
	 .goog-te-gadget {
		 font-size: 7px !important;
	}
	 .bucket img{
		 width:95%;
		 margin-left:1%;
	}
	 div.footerLinks a.socialMedia {
		 width: 23%;
	}
	 div.footerLinks a.socialMedia img {
		 width: 100%;
	}
	/* Begin Footer max-width:350px */
	 .footerAsk{
		 width: 100%;
		 padding:0 15%;
		 margin:0 auto;
		 display:block;
	}
	 #Hquestion{
		 width:70%;
	}
	 #question{
		 width:70%;
	}
	 #footerInfo{
		 width:60%;
	}
	 .responsiveFoot{
		 padding:0 18%;
		 width:100%;
		 float:left;
	}
	 .responsiveFootLinks{
		 padding:0 17%;
		 float:left;
		 width:100%;
	}
	/* End Footer */
}