html {
  overflow-y: scroll;
}

/*Special heading style for additional headers on page that need to look like heading 1 but comply with W3C*/
.h1StyleHeading h2 {
    color: #0065A3;
    font: 700 38px/42px 'Yanone Kaffeesatz', sans-serif;
    text-transform: uppercase;
    margin: 26px 0 20px;
}
/*End special heading style*/

/*Start Browse Aloud Speak icon*/
#speakicon{font:bold 15px/16px Arial, Helvetica, sans-serif;}
/*End Browse Aloud Speak icon*/

.bulletsenabled ul {
    list-style-type: disc;
    margin-left: 30px;
}

.bulletsenabled ol {
    list-style-type: decimal;
    margin-left: 30px;
}

.bulletsenabled ol li ol {
    list-style-type: lower-roman;
    margin-left: 30px;
}

.bulletsenabled ol li ol li ol {
    list-style-type: lower-alpha;
    margin-left: 30px;
}

.nobullet {
    list-style-type: none;
    padding-bottom: 30px;
}

.indentlist {
    margin-left: 30px;
    padding-bottom: 30px;
}

.indentlist li li {
    margin-left: 30px;
}

.indentlist li li li {
    margin-left: 30px;
}

.indentlistnobottompadding {
    margin-left: 30px;
    padding-bottom: 0px;
}

.indentlistnobottompadding li li {
    margin-left: 0px;
}

.indentlistnobottompadding li li li {
    margin-left: 0px;
}



.indentlistDS {
    margin-left: 30px;
    padding-bottom: 30px;
}

.indentlistDS li {
    margin-bottom:2em;
}

.imageright {
float:right;
padding:5px;
padding-left:20px;

}


.imageleft {
float:left;
padding:5px;
padding-right:20px;

}

@media only screen and (max-width: 449px) {
    .imageright {
        width:100% !important;
        padding:0px;
    }


    .imageleft {
        width:100% !important;
        padding:0px;
    }

}

.programstable
{
	margin-left: auto;
	margin-right: auto;
	table-layout:auto;
}
.programstable th
{
    padding-left:5px;
}
.programstable td
{
	height: 30px;
	padding: 5px 15px 5px 0;
	word-wrap: break-word;
}
.content-wrap .programstable a {
    text-decoration: none;
}

.policiestable
{
	margin-left: auto;
	margin-right: auto;
	table-layout:auto;
}
.policiestable td
{
	padding: 5px;
	word-wrap: break-word;
}

.white-text
{
	color: #fff;
	font-size: 14px;
}

/* Start Page Rating system */
.ratingStar {
    font-size: 0pt;
    width: 40px;
    height: 37px;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
    display: block;
    background-repeat: no-repeat;
}

.filledRatingStar {
    background-image: url(/images/new-window-style/FilledStar.png);
}

.emptyRatingStar {
    background-image: url(/images/new-window-style/EmptyStar.png);
}

.savedRatingStar {
    background-image: url(/images/new-window-style/SavedStar.png);
}
/* End Page Rating system */


/* Start Program Landing page image re-aligner */
#landingPageImageBoxContainer{
	text-align: center;
	height: 100%;
	padding: 0.5em 0 0.5em 0;
	width: 100%;
}
.landingPageImageBox{
	/*width: 24%;*/
	display: inline-block;
	padding: 0.5em;
	margin: 0.5em 0 0.5em 0;
}

.landingPageImageBox a{
    color: white;
}
/* End Program Landing page image re-aligner */

/*Start Info, question, error and exclamation boxes*/
.infomessagebox {
    background-color: #D9F3F8;
    background-image: url(/images/img07-medium.png);
    color: #00529B;
    background-position: 10px 10px;
    background-repeat: no-repeat;
    border: 0px solid;
    margin: 10px 0;
    padding: 20px 10px 20px 65px;
}

.questionmessagebox {
    background-color: #D9F3F8;
    background-image: url(/images/img-question.png);
    color: #00529B;
    background-position: 10px center;
    background-repeat: no-repeat;
    border: 0px solid;
    margin: 10px 0;
    padding: 20px 10px 20px 65px;
}

.error {
    background-color: #FFBABA;
    background-image: url(/images/img-error.png);
    color: #D8000C;
}

.errormessagebox {
    margin-left: auto;
    margin-right: auto;
    padding: 20px 10px 20px 65px;
    border-style: solid;
    border-color: red;
    color: Red;
    background-color: #f1f1f1;
    background-image: url('/images/img-error.png');
    background-repeat: no-repeat;
    background-position: 10px center;
}

.roundedgreenbox {
    border-radius: 25px;
    border: 2px solid #73AD21;
    padding: 20px; 
    width: 200px;
    height: 150px;
}
/*End Info, question, error and exclamation boxes*/

/*News Release Articles CSS*/
.news_release
{
	float: right;
	font-size: 12px;
	margin-bottom: 16px;
	padding: 0 0 0 10px;
	width: 265px;
	color: #0065A3;
}
.news_release .box
{
	border: thin silver solid;
	padding: 5px;
	width: 250px;
	text-align:left;
}
.news_release span.date
{
	background: #fff;
	border: 1px solid #f1f1f1;
	display: block;
	float: right;
	height: 45px;
	padding-top: 3px;
	text-align: center;
	width: 48px;
}
.news_release span.date img
{
	display: block;
	margin: 0 auto;
}
.news_release span.date strong
{
	color: #5f6060;
	float: right;
	line-height: 14px;
	padding-top: 2px;
	width: 48px;
}
.news_release .box img.scaled
{
	width: 100%;
}

@media only screen and (max-width: 449px) {
    .news_release {
        width:100%;
    }
    .news_release .box {
        width:auto;
    }
}

/*End News Release Articles CSS*/

/*Adds a thin border around table elements*/
table.gridtable {

	
	border-width: 1px;
	border-color: #808285;
	border-collapse: collapse;
	width:95%;
}
table.gridtable th {
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #808285;
	background-color: #dedede;
}
table.gridtable td {
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #808285;
	background-color: #ffffff;
}


.adobetext 
{
 font-size:11px;
 
}

/*Start Pagination class for Page numbers in repeaters and grids*/
.pagegridview{
    background-color:#fff;
}

.pagegridview a{
    background-color:#ECF9FC;
    color:#fff;
    text-decoration:none;
     
}

.pagegridview a:hover{
    background-color:#D9F3F8;
    color:#fff;
}

.pagegridview span{
    background-color:#41c4dd;
    color:#fff;
    padding:2px 2px 2px 2px;
}
/*End Pagination class for Page numbers in repeaters and grids*/

/*Start Class for Responsive full width youtube iframe video containers*/
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/*End Class for Responsive full width youtube iframe video containers*/

/*Start Class for Responsive full width iframes*/
.iframe-container {
    position: relative;
    padding-bottom: 100%;
    padding-top: 0px; height: 0; overflow: hidden;
}
 
.iframe-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/*End Class for Responsive full width youtube iframe */

/*highlight any text*/
.highlight {
    background-color:#D9F3F8;
}




/*div used for buttons blue rectangular buttons*/



#box-links {
    display:inline;
border-radius: 5px;
    color: #fff;
    font-size: 18px;
    padding: 10px 30px;
    margin-right:3px;
    text-decoration: none;
    text-transform: capitalize;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    background: #00a1e6;
    width:150px;
    text-align:center;

}

#box-links a 
{
    color: white;
}

.box-links {
    display:inline;
    border-radius: 5px;
    color: #fff;
    font-size: 18px;
    padding: 10px 30px;
    margin-right:3px;
    text-decoration: none;
    text-transform: capitalize;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    background: #00a1e6;
    width:150px;
    text-align:center
}

.box-links a 
{
    color: white;
}

@media only screen and (max-width: 767px){
.box-links {
    display:block;
    width:80%;
    margin-bottom:5px;
}

.box-links {
    display:block;
    width:80%;
     margin-bottom:5px;
}
}



.arrow-list
{
	list-style-type: none!important;
	margin-bottom: 30px;
	width: auto;
	margin-bottom:20px;
}
.arrow-list li
{
	margin-bottom: 5px;
	list-style-type: none!important;
}
    .arrow-list li a {
        background: url(/images/pointer-16px.png) no-repeat 7px center transparent;
        color: #000;
        font-size: 16px;
        height: 30px;
        line-height: 20px;
        padding: 0 15px 0 30px;
        text-decoration: none;
    }
.arrow-list li a:hover
{
	
}

.arrow-list li li
{
list-style-type: none;
font-size:12px;
}

    .arrow-list li li a {
        font-size: 14px;
        margin-left: 30px;
        background: url(../images/sep-list-right.png) no-repeat 7px center transparent;
    }

.arrow-listbullet
{
	list-style-type: none;
	margin-bottom: 30px;
	width: auto;
}
    .arrow-listbullet li {
        background: url(/images/pointer-16px.png) no-repeat 7px center transparent;
        color: #000;
        font-size: 16px;
        height: 24px;
        line-height: 20px;
        padding: 0 15px 0 30px;
        text-decoration: none;
    }

/*image auto resize with window size */
.auto-resize {
    max-width: 100%;
    height: auto;
    width: auto\9; /* ie8 */
}
/*end image auto resize with window size */

/*START - ACCORDION AND TOGGLE BOXES STYLE*/
.accordionHeader
{
    margin-left: auto;
    margin-right: auto;
    table-layout: auto;
    color: #ffffff;
    background-color: #949494;
    text-align: left;
    min-height: 30px;
    padding: 0px 15px 4px 0;
    margin-top: 5px;
    word-wrap: break-word;
    cursor: pointer; cursor: hand;
    padding-left:7px;
}

.accordionSubHeader
{
    margin-left: 10px;
    margin-right: auto;
    table-layout: auto;
    color: #ffffff;
    background-color: #949494;
    text-align: left;
    min-height: 30px;
    padding: 0px 15px 8px 7px;
    margin-top: 5px;
    word-wrap: break-word;
    cursor: pointer; cursor: hand;
    padding-top:7px;
}

.accordionHeader h2 {
    color: #ffffff;
    margin-bottom:0px;
    font-weight:bold;
}

.accordionSubHeader h2 {
    color: #ffffff;
    margin-bottom:0px;
}

.accordionSubContent {
    margin-left: 10px;
}
.masterToggleBox
{
    padding:10px 10px 10px 20px;
}
.childOneToggleBox
{
    padding:10px 10px 10px 20px;
}
.temporaryToggleBox
{
    padding:10px 10px 10px 20px;
}
/*END - ACCORDION AND TOGGLE BOXES STYLE*/

/*Start CSS for Data coming from AamirSoft CMS (styles for <div class="cmsData">*/
.cmsData ul {
    margin-left: 30px;
}

.cmsData ul li li {
    margin-left: 30px;
}

.cmsData ol {
    margin-left: 25px;
}

    .cmsData ol li li {
        margin-left: 25px;
    }

.cmsData h2 {
    padding-top:30px;
}
/*End CSS for Data coming from AamirSoft CMS (styles for <div class="cmsData">*/