body 
{
   /*-webkit-font-smoothing: antialiased;
   -webkit-text-shadow: rgba(0,0,0,.01) 0 0 1px;       */ 
}

.ANS { 
	display:none;
	margin-top:7px;
	font-size: 10pt;
	font-family: Arial, Helvetica, sans-serif; 
	color:#333;
        text-align: left;
} 

h1, h2, h3
{
    color: #CE1439;
    font-family: Verdana;
    font-weight: normal;
}
h1
{
    font-size: 20px;
}
h2
{
    font-size: 17px;
}
h3
{
    font-size: 14px;
    font-weight: bold;
}
.article-right
{
    margin: 4px 0px 4px 4px;
}
.article-left
{
    margin: 4px 10px 4px 0px;
}
    .hideGridColumn
    {
        display:none;
    }
    .number
    {
        text-align:right;
    }
    .style1
    {
        width: 100%;
        text-align: left;
        font-family: Verdana;
        font-size: 10pt;
        background-color: #e9e9e9;
    }
    .style1 tr
    {
        height: 10px;
        text-align: left;

    }
    .style1 th
    {
        font-weight: bold;
    
    }
    .style1 td
    {

    }        
        
    .style2
    {
        width: 64px;
        
    }    
    .button-link {
    padding: 2px 8px;
    background: #Ce1439;
    color: #FFF;
    width:125px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: solid 1px #A81130;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    text-decoration:none;
    margin-top: 6px;
    margin-bottom: 8px;
}
.button-link:hover {
    background: #a81130;
    border: solid 1px #c81438;
    text-decoration: none;
    

}
.button-link:active {
    -webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    background: #2E5481;
    border: solid 1px #203E5F;
        text-decoration:none;
}

    #searchtitle
    {
        font-family:Verdana; 
        font-size:10pt;
        font-weight:bold;

    }
    .searchtitle2
    {
        font-family:verdana; 
        font-size:8pt;
        color:#283848;
        Width:218px; 
    }
    
    .textbox, .dropdown
    {
        font-family:verdana; 
        font-size:10pt;
        color:#283848;
        height: 20px;
        border: 1px solid gray;
    }
    .textbox
    {
        height: 12px;

    }
    
    .dropdown
    {
        margin-bottom: 6px;
    }
        .searchtitle3
    {
        font-family:verdana; 
        font-size:11pt;
        font-weight:bold;
        padding: 3px;
        margin-top: 10px;
    }
    

/* set base font-size (customize to suit) */
.block-list li {
    font-size: 11pt;
    text-align: left; /* customize to suit */
	color:White;
	vertical-align:middle; /* can customize to suit */
	display: inline-block;
	margin-bottom: 0em; /* optional, customize to suit */
	padding:5px;
	padding-left:15px;
	padding-right:15px;
	background-color:#Ce1439;
	    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}
	
.block-list a:link {    text-decoration:none;color:White;font-family:Verdana;font-size: 11pt;  }
.block-list a:visited {   text-decoration:none;color:White;font-family:Verdana;font-size: 11pt;     }
.block-list a:hover  {   text-decoration:none;color:White;font-family:Verdana;font-size: 11pt;   }
.block-list a:active {   text-decoration:none;color:White;font-family:Verdana;font-size: 11pt;   }


/* trigger hasLayout in IE */
.block-list, .block-list li {
    zoom: 1;
    }

.block-list {
	font-size: 0 !important; /* remove physical spaces between items */
	text-align: justify;
	text-justify: distribute-all-lines; /* distribute items in IE */
	list-style-type: none;
	margin:1px;
	padding: 0;
}

/* fully justify all items in browsers other than IE */
.block-list:after {
	content: "";
	display: inline-block;
	width: 100%;
}


/* IE hacks to make li's line up */
*+html .block-list li 
{
    display: inline;
    }
* html .block-list li 
{
    display: inline;
    }

#leftmenubutton
{
    margin-left:0px;
}

#rightmenubutton
{
    margin-right:0px;
}

#globalnavigation
{
background-color: #d6d3ce; 
width:978px;  
height:30px;
text-decoration:none;
padding-top:0px;
padding-bottom:0px;

}

.globalnavbutton, .globalnavbutton a
{
    background-color: #505661; 
    background-color: #86888e;     
    width:197px;  
    height:20px;
    font-size: 11px;
    font-family:Verdana;
    color:#ffffff;
    text-align:center;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    text-decoration:none;
    padding-top:0px;
    
    background: #86888e;
    background: -moz-linear-gradient(top,  #86888e 0%, #626468 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#86888e), color-stop(100%,#626468));
    background: -webkit-linear-gradient(top,  #86888e 0%,#626468 100%);
    background: -o-linear-gradient(top,  #86888e 0%,#626468 100%);
    background: -ms-linear-gradient(top,  #86888e 0%,#626468 100%);
    background: linear-gradient(top,  #86888e 0%,#626468 100%);    
}

.globalnavbutton:link, .globalnavbutton a:link
{
    background-color: #d6d3ce; 
    width:195px;  
    height:30px;
    font-family:Verdana;
    color:#ffffff;
    vertical-align:middle;
    text-align:center;
    /*background-color:#999999; */
    background-color:#505661;    
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    text-decoration:none;
    padding-top:0px;
    font-weight: bold;
}

.globalnavbutton:visited, .globalnavbutton a:visited
{
    background-color: #d6d3ce; 
    width:195px;  
    height:30px;
    font-family:Verdana;
    color:#ffffff;
    vertical-align:middle;
    text-align:center;
    /* background-color:#999999; */
    background-color:#505661;  
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    text-decoration:none;
    padding-top:0px;
}

.globalnavbutton:active, .globalnavbutton a:active
{
    background-color: #d6d3ce; 
    width:195px;  
    height:30px;
    font-family:Verdana;
    color:#ffffff;
    vertical-align:middle;
    text-align:center;
    background-color:#505661;  
    /* background-color:#999999; */
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    text-decoration:none;
    padding-top:0px;
}
.globalnavbutton:hover, .globalnavbutton a:hover    
{   
    background-color: #d6d3ce; 
    width:197px;  
    height:20px;
    font-family:Verdana;
    color:#ffffff;
    vertical-align:middle;
    text-align:center;
    background-color:#888888;
    background:#888888;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    text-decoration:none;
    padding-top:0px;
}

body.Education .educationbutton, body.Advice .advicebutton, body.Home .homebutton,
body.Search .searchbutton, body.Edit .editbutton, body.Contact .contactbutton
{
    background-color: #EE4869;
    background: #EE4869;
    background: -moz-linear-gradient(top,  #EE4869 0%, #CE1439 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#EE4869), color-stop(100%,#CE1439));
    background: -webkit-linear-gradient(top,  #EE4869 0%,#CE1439 100%);
    background: -o-linear-gradient(top,  #EE4869 0%,#CE1439 100%);
    background: -ms-linear-gradient(top,  #EE4869 0%,#CE1439 100%);
    background: linear-gradient(top,  #EE4869 0%,#CE1439 100%);     
}

.schoolcallforaction
{
    margin-top:5px;
    height:140px;
    background-color:#888888;
}

#schoolcallforaction
{
        margin-top:5px;
    height:140px;
    background-color:#888888;
    border: 1px solid gray;
}

    .button-link2 {
    padding: 5px 10px;
    background: #Ce1439;
    color: #FFF;
    width:125px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: solid 1px #A81130;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
        text-decoration:none;
}
.button-link2:hover {
    background: #a81130;
    border: solid 1px #c81438;
    text-decoration: none;
    

}
.button-link2:active {
    -webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    background: #2E5481;
    border: solid 1px #203E5F;
        text-decoration:none;
}
a img {border: none; }

.plainlink 
{
    text-decoration: none;
    color: inherit;
}

/*#mainNav ul
{
    display: none;
}

#mainNav.Section1 #section1Nav 
{
    display: block;
}*/

#mainNav li ul li
{
    display: none;
    text-decoration:none;    
}
#mainNav.Section1 #section1Nav > li, #mainNav.Section1 #section1Nav.Page1 #page1Nav li
{
    display: block;

    
}

#mainNav.Section1 > li
{
    text-decoration:underline;
} 
/* Remove padding and list item bullets */
.accordion,
.accordion ul,
.accordion li,
.accordion a,
.accordion span {
    margin: 0;
    padding: 0;
    border: none;
    outline: none;
}
 
.accordion li {
    list-style: none;
}


/* Create the Section Buttons */
.accordion li > a {
    display: block;
    position: relative;
    min-width: 110px;
    padding-left: 10px;

 
    color: #fdfdfd;
    font: bold 12px/32px Arial, sans-serif;
    text-decoration: none;
    text-shadow: 0px 1px 0px rgba(0,0,0, .35);
 
    /*background: #6c6e74;
    background: -moz-linear-gradient(top,  #6c6e74 0%, #4b4d51 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6c6e74), color-stop(100%,#4b4d51));
    background: -webkit-linear-gradient(top,  #6c6e74 0%,#4b4d51 100%);
    background: -o-linear-gradient(top,  #6c6e74 0%,#4b4d51 100%);
    background: -ms-linear-gradient(top,  #6c6e74 0%,#4b4d51 100%);
    background: linear-gradient(top,  #6c6e74 0%,#4b4d51 100%);*/

    background: #86888e;
    background: -moz-linear-gradient(top,  #86888e 0%, #626468 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#86888e), color-stop(100%,#626468));
    background: -webkit-linear-gradient(top,  #86888e 0%,#626468 100%);
    background: -o-linear-gradient(top,  #86888e 0%,#626468 100%);
    background: -ms-linear-gradient(top,  #86888e 0%,#626468 100%);
    background: linear-gradient(top,  #86888e 0%,#626468 100%);
 
    -webkit-box-shadow: inset 0px 1px 0px 0px rgba(255,255,255, .1), 0px 1px 0px 0px rgba(0,0,0, .1);
    -moz-box-shadow: inset 0px 1px 0px 0px rgba(255,255,255, .1), 0px 1px 0px 0px rgba(0,0,0, .1);
    box-shadow: inset 0px 1px 0px 0px rgba(255,255,255, .1), 0px 1px 0px 0px rgba(0,0,0, .1);
}

.accordion > li > a {

    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

/* Move the numbers in the span tag to the right and style */
.accordion li > a span {
    display: block;
    position: absolute;
    top: 7px;
    right: 0;
    padding: 0 10px;
    margin-right: 10px;
 
    font: normal bold 12px/18px Arial, sans-serif;
    background: #404247;
 
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
 
    -webkit-box-shadow: inset 1px 1px 1px rgba(0,0,0, .2), 1px 1px 1px rgba(255,255,255, .1);
    -moz-box-shadow: inset 1px 1px 1px rgba(0,0,0, .2), 1px 1px 1px rgba(255,255,255, .1);
    box-shadow: inset 1px 1px 1px rgba(0,0,0, .2), 1px 1px 1px rgba(255,255,255, .1); */
}

/* Add the icons and change image on hover and target */
/* .accordion > li > a:before {
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    width: 24px;
    height: 24px;
    margin: 4px 8px;
 
    background-repeat: no-repeat;
    background-image: url(img/icons.png);
    background-position: 0px 0px;
}

.accordion li.files > a:before { background-position: 0px 0px; }
.accordion li.files:hover > a:before,
.accordion li.files:target > a:before,
.accordion li.files > a.active:before
 { background-position: 0px -24px; }
 
.accordion li.mail > a:before { background-position: -24px 0px; }
.accordion li.mail:hover > a:before,
.accordion li.mail:target > a:before,
.accordion li.mail > a.active:before
 { background-position: -24px -24px; }
 
.accordion li.cloud > a:before { background-position: -48px 0px; }
.accordion li.cloud:hover > a:before,
.accordion li.cloud:target > a:before,
.accordion li.cloud > a.active:before
 { background-position: -48px -24px; }
 
.accordion li.sign > a:before { background-position: -72px 0px; }
.accordion li.sign:hover > a:before,
.accordion li.sign:target > a:before,
.accordion li.sign > a.active:before
 { background-position: -72px -24px; } */

/* Style the sub-menus */

.sub-menu li a {
    color: #797979;
    text-shadow: 1px 1px 0px rgba(255,255,255, .2);
 
    background: #e5e5e5;
    border-bottom: 1px solid #c9c9c9;
 
    -webkit-box-shadow: inset 0px 1px 0px 0px rgba(255,255,255, .1), 0px 1px 0px 0px rgba(0,0,0, .1);
    -moz-box-shadow: inset 0px 1px 0px 0px rgba(255,255,255, .1), 0px 1px 0px 0px rgba(0,0,0, .1);
    box-shadow: inset 0px 1px 0px 0px rgba(255,255,255, .1), 0px 1px 0px 0px rgba(0,0,0, .1);
}
 
.sub-menu li:last-child a { border: none; }
 
.sub-menu li > a span {
    color: #797979;
    text-shadow: 1px 1px 0px rgba(255,255,255, .2);
    background: transparent;
    border: 1px solid #c9c9c9;
 
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
 
.sub-menu em {
    position: absolute;
    top: 0;
    left: 0;
    margin-left: 14px;
    color: #a6a6a6;
    font: normal 10px/32px Arial, sans-serif;
}

/* Change the section hover and target style also (currently only the icon changes */

.accordion > li:hover > a,
.accordion > li:target > a,
.accordion > li > a.active
 {
    color: #fff;
    text-shadow: 1px 1px 1px rgba(255,255,255, .2);
 
    /*background: url(../img/active.png) repeat-x;*/
    background: #EE4869;
    background: -moz-linear-gradient(top,  #EE4869 0%, #CE1439 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#EE4869), color-stop(100%,#CE1439));
    background: -webkit-linear-gradient(top,  #EE4869 0%,#CE1439 100%);
    background: -o-linear-gradient(top,  #EE4869 0%,#CE1439 100%);
    background: -ms-linear-gradient(top,  #EE4869 0%,#CE1439 100%);
    background: linear-gradient(top,  #EE4869 0%,#CE1439 100%);
}
 
.accordion > li:hover > a span,
.accordion > li:target > a span,
.accordion > li > a.active span
 {
    color: #fdfdfd;
    text-shadow: 0px 1px 0px rgba(0,0,0, .35);
    background: #3e5706;
}

/* Change hover effect of sub-menus to slightly lighter */
.sub-menu li:hover a { background: #efefef; }

.accordion li > .sub-menu {
    display: none;
}
 
.accordion li:target > .sub-menu {
    display: block;
}   
    
    
.FAQ {
	cursor: hand;
	cursor: pointer;
	border: 1px solid #CCC;
	/*width: 600px;*/
	margin-top: 10px;
	padding: 10px;
	/*font-size: 1.00em;
	font-family: Arial, Helvetica, sans-serif;*/
	color: #CE1439;
        text-align: left;
} 



 .mGrid { 
    width: 100%; 
    background-color: #fff; 
    margin: 5px 0 10px 0; 
    border: solid 1px #525252; 
    border-collapse:collapse; 
}
 .mGrid { 
    width: 100%; 
    background-color: #fff; 
    margin: 5px 0 10px 0; 
    border: solid 1px #525252; 
    border-collapse:collapse; 
}
.mGrid td { 
    padding: 2px; 
    border: solid 1px #c1c1c1; 
    color: #717171; 
}
.mGrid th { 
    padding: 4px 2px; 
    color: #276476; 
    background: #EDDAC7; /*url(images/grd_head.png) repeat-x top; */
    border-left: solid 1px #525252; 
    font-size: 0.9em; 
}
.mGrid .alt { background: #fcfcfc url(grd_alt.png) repeat-x top; }
.mGrid .pgr { background: #424242 url(grd_pgr.png) repeat-x top; }
.mGrid .pgr table { margin: 5px 0; }
.mGrid .pgr td { 
    border-width: 0; 
    padding: 0 6px; 
    border-left: solid 1px #666; 
    font-weight: bold; 
    color: #fff; 
    line-height: 12px; 
 }   
.mGrid .pgr a { color: #666; text-decoration: none; }
.mGrid .pgr a:hover { color: #000; text-decoration: none; }  

.largetables td, .largetables th
{
    white-space: nowrap;
}