@import url(https://fonts.googleapis.com/css?family=Permanent+Marker);

html {
 margin:0;
 padding:0;
 height:100%;
 overflow-x: hidden;
}

body {
 background-color: #372100;
 /* background-image: url('/Common/resources/DesignPortfolio/SiteThemes/chalkboard/v1/body-bg.jpg'); 
 background-repeat: repeat; */
 width: 100%;
 text-align: left !important;
 font-family: arial, sans-serif;
 margin: 0;
 padding: 0;
 height: 100%;
}

#chalkmarks {
 background-image: url("/Common/resources/DesignPortfolio/SiteThemes/chalkboard/v1/eraser-mark.png");
 background-position: center top;
 background-repeat: no-repeat;
}

#big-wrapper {
 background-image: url('/Common/resources/DesignPortfolio/SiteThemes/chalkboard/v1/body-bg.jpg'); 
 background-repeat: repeat;
 /* background-image: url("/Common/resources/DesignPortfolio/SiteThemes/chalkboard/v1/eraser-mark.png");
 background-position: center top;
 background-repeat: repeat-y; */
 overflow: auto;
 margin: 0 auto;
 width: 100%;
 position: relative;
 top: -6px;
}

/*** Published Links Styles ***/

.PublishedLinkMenu li {
 float: left;
}

.PublishedLinkMenu li a:link,
.PublishedLinkMenu li a:active,
.PublishedLinkMenu li a:visited{
 color: #fff;
 font: 8pt arial;
 padding-right: 5px;
 text-decoration: none;
}

.PublishedLinkMenu li a:hover{
 color: #fff;
 font: 8pt arial;
 padding-right: 5px;
 text-decoration: underline;
}

.PublishedLinkMenu ul.pl_more_topnav li #more_link {
 color: #FFFFFF;
 font-family: Arial;
 left: 0;
 position: absolute;
 text-decoration: underline;
 top: 0;
 /* z-index: -1; */
 font-size: 8pt;
}

.pl_more_topnav li span {
 /* line-height: 15px !important;
 height: 15px !important; */
 display: block;
}

.pl_more_topnav {
 top: 0px !important;
 line-height: normal !important;
}

/*** END of Published Links Styles ***/

/*** Top Black Bar Styles  ***/

#pub-wrapper {
 background-color: #1E1E1E;
 height: 34px;
 width: 100%;
}

#pub-container {
 margin: 0 auto;
 padding-right: 15px;
 position: relative;
 width: 940px;
 z-index: 8000;
}

#pub-links{
 width: 300px;
 float: left;
 padding-top: 8px;
 padding-left: 8px;
 text-align:left;
}

#pub-school-dropdown{
 width: 133px;
 float: left;
 padding: 5px 8px 0px 0px;
}

#pub-translate-dropdown{
 width: 130px;
 float: right;
 padding: 5px 0px 0px 8px;
}

#search {
 width: 179px;
 font-size: 10px;
 float: right;
 color: #252525;
 position: relative;
 top: 3px;
 padding-left: 8px;
}

.divSearchBox .SearchButton {
 vertical-align: none;
 border: 0 none;
 margin: 0px;
 padding: 0px 0px 3px 0px;
 vertical-align: middle;
}

*+html .divSearchBox .SearchButton{padding: 0px 0px 8px 0px;}

#userlink {
 color: #FFFFFF;
 float: right;
 font-family: arial;
 font-size: 8pt;
 height: 8px;
 position: relative;
 text-decoration: none;
 top: 10px;
 width: auto;
}

#userlink a {
 color: #fff;
 font-size: 8pt;
 font-family: arial;
 text-decoration: none;
}

#userlink a:hover {
 color: #fff;
 font-size: 8pt;
 font-family: arial;
 text-decoration: underline;
}

/*** END of Top Black Bar Styles ***/

/*** Translate Drop Down Styles  ***/

ul.topnav {  
 list-style: none;  
 padding: 0;  
 margin: 0;  
 float: right;  
 width: 130px;   
 text-align: left;
} 
   
ul.topnav li {  
 float: left;  
 margin: 0;  
 padding: 0px;  
 position: relative; 
}  

ul.topnav li a {
 color: #FFFFFF;
 display: block;
 float: left;
 height: 20px;
 text-decoration: none;
}  

ul.topnav li span {
 width: 130px;  
 height: 24px;   
 float: left;
 background: url(/Common/resources/DesignPortfolio/SiteThemes/CommonLib/pub-earth-dropmenu.png) no-repeat center top;  
} 
    
ul.topnav li span.subhover {
 background: url(/Common/resources/DesignPortfolio/SiteThemes/CommonLib/pub-earth-dropmenu.png) no-repeat center bottom;
 cursor: pointer;
} 

ul.topnav li ul.subnav {  
 list-style: none;  
 position: absolute;
 left: 0; 
 top: 24px;
 background: #333;  
 margin: 0px 0px 0px 5px; 
 padding: 0;  
 display: none;  
 float: left;  
 width: 120px;   
 border: 1px solid #111;  
}  
    
ul.topnav li ul.subnav li{  
 margin: 0; 
 padding: 0;  
 border-top: 1px solid #252525;
 border-bottom: 1px solid #444;  
 clear: both;  
 width: 120px;  
}  

html ul.topnav li ul.subnav li a {  
 float: left;  
 width: 110px;  
 background: #333 10px center;  
 padding-left: 10px;  
 padding-top:5px;
 font-family: arial;
 font-size: 11px;
}  
    
html ul.topnav li ul.subnav li a:hover {
 background: #222 10px center;  
 padding-top:5px;
 font-family: arial;
 font-size: 11px;
}
 
ul.topnav li ul.subnav span {
 background-image: url(/common/resources/shared/images/themeElements/flags.png);
 width: 16px;
 height: 16px; 
 display: block;
 margin-right: 5px;
}

ul.topnav li ul.subnav span.spanish {
 background-position: 0px;
}

ul.topnav li ul.subnav span.cantonese {
 background-position: -16px;
}

ul.topnav li ul.subnav span.french {
 background-position: -32px;
}

ul.topnav li ul.subnav span.german {
 background-position: -48px;
}

ul.topnav li ul.subnav span.italian {
 background-position: -64px;
}

ul.topnav li ul.subnav span.tagalog {
 background-position: -80px;
}

ul.topnav li ul.subnav span.vietnamese {
 background-position: -96px;
}

ul.topnav li ul.subnav span.korean {
 background-position: -112px;
}

ul.topnav li ul.subnav span.russian {
 background-position: -128px;
}

ul.topnav li ul.subnav span.hindi {
 background-position: -144px;
}

/*** END of Translate Drop Down Styles  ***/

/*** School Drop Down Styles  ***/

ul.school-topnav {  
 list-style: none;  
 padding: 0;  
 margin: 0;  
 float: right;  
 width: 130px;   
 text-align: left;
} 
   
ul.school-topnav li {  
 float: left;  
 margin: 0;  
 padding: 0px;  
 position: relative; 
}  

ul.school-topnav li a {
 color: #FFFFFF;
 display: block;
 float: left;
 height: auto;
 padding-bottom: 5px;
 text-decoration: none;
}  

ul.school-topnav li span {
 width: 142px;  
 height: 24px;   
 float: left;
 background: url(/Common/resources/DesignPortfolio/SiteThemes/CommonLib/school-dropdown.png) no-repeat center top;  
} 
    
ul.school-topnav li span.subhover {
 background: url(/Common/resources/DesignPortfolio/SiteThemes/CommonLib/school-dropdown.png) no-repeat center bottom;
 cursor: pointer;
} 

ul.school-topnav li ul.school-subnav {  
 list-style: none;  
 position: absolute;
 left: 0; 
 top: 24px;
 background: #333;  
 margin: 0px 0px 0px 5px; 
 padding: 0;  
 display: none;  
 float: left;  
 width: 210px;   
 border: 1px solid #111;  
}  
    
ul.school-topnav li ul.school-subnav li{  
 margin: 0; 
 padding: 0;  
 border-top: 1px solid #252525;
 border-bottom: 1px solid #444;  
 clear: both;  
 width: 210px;  
}  

html ul.school-topnav li ul.school-subnav li a {  
 float: left;  
 width: 195px;  
 background: #333 10px center;  
 padding: 5px 8px;
 font-family: arial;
 font-size: 11px;
}  
    
html ul.school-topnav li ul.school-subnav li a:hover {
 background: #222 10px center;  
 padding: 5px 8px;
 font-family: arial;
 font-size: 11px;
}

ul.school-topnav li ul.school-subnav img {  
 padding-right: 5px;  
} 

/*** END of School Drop Down Styles  ***/

/************ START of calendar CSS ************/

a.mini_calendar_day_small:link, a.mini_calendar_day_small:visited { 
 background-color: red;
 color: white;
 display: block;
 line-height: 14px;
 text-decoration: none;
}

a.mini_calendar_day_small:link, a.mini_calendar_day_small:visited {
 font-family: Arial,Helvetica,Geneva;
 font-size: 8pt;
 font-weight: bold;
 background-color: #005802;
 color: black;
}

.mini_calendar_day_small {
 display: block;
 width: 20px;
 height: 25px;
 color: #333;
}

.mini_calendar_day_small {
 font-family: Arial,Helvetica,Geneva;
 font-size: 8pt;
 text-algin: center;
}

.tbl_mini_calendar {
 background-color: #005802;
}

.tbl_mini_calendar tr td {
 text-align: center;
 color:#fff;
}

.mini_calendar_tbl {
 background: none repeat scroll 0 0 #005802;
 margin-left: 22px;
}

td.mini_calendar_header_small {
 color: #ffffff;
 font-weight: bold;
 text-transform: uppercase;
 background: #005802;
}

a.mini_calendar_header_small:link, a.mini_calendar_header_small:visited {
 color: #ffffff;
 text-decoration: none;
}

.tbl_mini_calendar tr td b {
 color: #fff;
 text-align: center;
 vertical-algin: middle;
}

/************ END of calendar CSS ************/

/************ START of mini events CSS ************/

.tbl_mini_upcomingevent {
 float: left;
 padding-left: 22px;
 position: relative;
 background: none;
}

a.mini_upcomingevent_event:link, a.mini_upcomingevent_event:visited {
 font-family:Arial;
 color:#005802;
 font-weight: bold;
 font-size: 14px;
 margin: 0px;
 padding: 0px;
 text-decoration:none;

}
a.mini_upcomingevent_event:hover {
 font-family:Arial;
 color:#005802;
 font-weight: bold;
 font-size: 14px;
 margin: 0px;
 padding: 0px;
 text-decoration:underline;
}

a.mini_upcomingevent_event_bold:link, a.mini_upcomingevent_event_bold:visited {
 color: #005802;
 font-family: Tahoma,Verdana,Arial,Helvetica;
 font-size: 9pt; 
 font-weight: bold;
 text-decoration: none;
 margin-top:8px;
}

a.mini_upcomingevent_event_bold:hover {
 color: #005802;
 font-family: Tahoma,Verdana,Arial,Helvetica;
 font-size: 9pt;
 font-weight: bold;
 text-decoration: none;
 margin-top: 8px;
}

/************ END of mini events CSS ************/

/*** Telerik Main Menu Top Level ***/

li.rmItem{
 height: 30px !important;
}

.telerik_main_menu a,
.telerik_main_menu a:hover
{
 text-decoration: none;
 font-family: arial;
 font-size: 12px;
}

.telerik_main_menu .rmText {
 padding-top: 8px !important;
 padding-bottom: 8px !important;
}

.RadMenu .rmItem {
 height: auto;
 padding: 4px 0px;
}

.RadMenu .rmLink {
 float: left;
 margin: 0 2px;
 outline: 0 none;
 padding: 0 10px !important;
}

.RadMenu .rmHorizontal .rmText {
 padding-left: 0 !important;
 padding-right: 0 !important;
 padding-top: 4px !important;
}

/*** Normal State ***/
.telerik_main_menu .rmRootGroup a
{
 text-decoration: none;
 color: #fff;
 cursor: pointer;
}

.telerik_main_menu .rmRootGroup a span
{
 text-decoration: none;
 color: #fff;
 cursor: pointer;
}

/*** Over and Focused State ***/

.telerik_main_menu .rmRootGroup a:hover,
.telerik_main_menu .rmRootGroup a.rmFocused 
{
 color: #005802;
 background-image:url('/UserFiles/Servers/Server_168031/Image/template/roll-over.png');
 background-repeat: repeat-x;
}

.telerik_main_menu .rmRootGroup a:hover span,
.telerik_main_menu .rmRootGroup a.rmFocused span
{
 color: #005802;
 cursor: pointer;
}

.RadMenu .rmText {
 float: left;
 font-family: 'Permanent Marker', cursive;
 font-size: 14px;
}

/*** END of Telerik Main Menu Top Level ***/

/*** Telerik Main Menu Dropdown Level ***/

/*** Normal State ***/
.telerik_main_menu .rmGroup a
{
 background: #ffc20f;
 color: #005802;
 cursor: pointer;
 text-align: left;
}

.telerik_main_menu .rmGroup a span
{
 background: #ffc20f;
 color: #005802;
 text-decoration: none;
 cursor: pointer;
 text-align: left;
}

/*** Over and Focused State ***/
.telerik_main_menu .rmGroup a:hover,
.telerik_main_menu .rmGroup a.rmFocused 
{
 color: #ffc20f;
 text-decoration: none;
 cursor: pointer;
 text-align: left;
 background:#005802;
}

.telerik_main_menu .rmGroup a:hover span,
.telerik_main_menu .rmGroup a.rmFocused span
{
 background:#005802;
 color: #ffc20f;
 text-decoration: none;
 cursor: pointer;
 text-align: left;
}

.RadMenu .rmVertical .rmLink, .RadMenu .rmHorizontal .rmVertical .rmLink {
 padding: 2px 15px !important;
}

/*** END Telerik Main Menu Dropdown Level ***/

/************ START of home CSS ************/

#bottom-wrapper {
 background-image: url("/Common/resources/DesignPortfolio/SiteThemes/chalkboard/v1/wooden-bg.png");
 background-position: center bottom;
 background-repeat: repeat-x;
 height: 37px;
 width: 100%;
 margin-top: 15px;
}

#wrapper {
 height: auto;
 margin: 0 auto;
 padding-bottom: 60px;
 text-align: left;
 width: 960px;
}

#content {
 height: 100%;
 min-height: 100%;
 overflow: hidden;
 padding: 10px 10px 0;
}

#logo {
 padding: 30px 20px 0 20px;
}

.logo2 {
 float:left;
 margin: 18px 0 0 40px;
 width: 154px;
}

#page {
 float: left;
 height: auto;
 margin: 0 auto 0;
 width: 950px;
}

#menubar {
 float: left;
 height: 30px;
 margin: 0 auto;
 padding-left: 10px;
 padding-top: 20px;
 position: relative;
 width: 940px;
 z-index: 1001;
}

#top-wrapper {
 background-image: url('/Common/resources/DesignPortfolio/SiteThemes/chalkboard/v1/wooden-top-bg.png');
 background-repeat:repeat-x;
 height: 38px;
 width: 100%;
 position: relative;
 z-index: 3;
}

#main-content {
 background-image: url("/UserFiles/Servers/Server_168031/Image/template/container-bg.png");
 float: left;
 line-height: 20px;
 margin-top: 5px;
 position: relative;
 right: -10px;
 color: #4C4840;
 padding-bottom: 20px;
}

/************ START of banner CSS ************/

#paper-fold {
 height: 39px;
 left: -7px;
 position: absolute;
 top: 13px;
 width: 38px;
 z-index: 500;
 background-image: url("/UserFiles/Servers/Server_168031/Image/template/paper-fold.png");
}

#banner {
 background-image: url("/UserFiles/Servers/Server_168031/Image/template/banner-bg.png");
 background-repeat: no-repeat;
 height: 355px;
 left: -20px;
 margin-top: -5px;
 position: relative;
 width: 710px;
}

/************ END of banner CSS ************/

#left-content {
 float: left;
 padding-left: 10px;
 padding-right: 10px;
 width: 680px;
}

#left-content-one {
    float: left;
    padding: 0 20px 20px;
    width: 640px;
}


#left-content-two {
 float: left;
 padding-left: 20px;
 padding-right: 20px;
 width: 420px;
}

#left-content-three {
 float: left;
 padding-left: 20px;
 padding-right: 20px;
 width: 180px;
}


#ctl00_ContentPlaceHolder1_ctl07_divView {
 margin-left: 13px;
 margin-top: 30px;
}

#right-content {
 background-image: url("/UserFiles/Servers/Server_168031/Image/template/banner-right.png");
 background-repeat: no-repeat;
 float: left;
 width: 240px;
 margin-top: -5px;
}

#right-content-one {
 padding: 0 10px 15px;
}

#right-content-two {
 width:230px;
 float: left;
}

#social-links {
 margin-top: 23px;
}

#social-links ul {
 display: block;
 margin: 15px 0px 0px 31px;
}

#social-links ul li {
 float: left;
 list-style-type: none;
 width: 50px;
}

#calendar-title {
 margin-top: 29px;
}

#upcoming-events-title {
 margin-top: 29px;
}

#latest-title, #quick-links-title {
 border-bottom: thin solid #C7BFAC;
 height: 30px;
}

#ctl00_ContentPlaceHolder1_ctl25_divView,
#padding15 {
 padding-top: 15px;
}

#padding15 a img {
 padding: 3px 0;
}

/************ START of footer CSS ************/

#footer {
 background-image: url('/UserFiles/Servers/Server_168031/Image/template/footer-bg.png');
 background-repeat: no-repeat;
 width: 940px;
 float: left;
 margin-left: 20px;
}

#footer-credit {
 float: left;
 padding-top: 30px;
 text-align: center;
 width: 940px;
 color: #bfddbb;
}

.label_skin_corporation a,
.label_skin_corporation a:hover {
 color: #bfddbb;
 text-decoration: none;
 font-weight: bold;
 font-size: 8pt;
}

#footer-credit li {
 list-style-type: none;
 font-family: arial, sans-serif;
 font-size: 8pt;
 line-height: 12pt;
}

/************ END of footer CSS ************/

.goggle-font {
 font-family: 'Permanent Marker', cursive;
}

.header-color {
 color:#005802;
}

.connect {
 color: #a0e0e2;
 font-size: 11px;
 text-align: center;
 line-height: 0px;
 padding-left: 12px;
}

#ctl00_ContentPlaceHolder1_ctl37_divView {
 padding-top: 15px;
}

/************ START of latest news CSS ************/

#tbl_news_summary #news #image {
 border: 1px solid #DADADA;
 float: left;
 height: auto;
 margin: 5px 10px 30px 0;
 width: auto;
}

#tbl_news_summary a.link {
 color: #005802;
 font-size: 10px;
 font-weight: bold;
 text-decoration: none;
}

#tbl_news_summary #news {
 border-bottom: 1px dotted #CCCCCC;
 height: auto;
 margin-bottom: 12px;
 margin-top: 12px;
 overflow: auto;
}

/************ END of latest news CSS ************/

a {
 color: #005802;
 font-family: Tahoma,Verdana,Arial,Helvetica;
 font-size: 10pt;
 text-decoration: underline;
}

a:hover {
 color: #005802;
 font-family: Tahoma,Verdana,Arial,Helvetica;
 font-size: 10pt;
 text-decoration: underline;
}

/************ START of subpage CSS ************/

#menubar-sub {
 float: left;
 height: 30px;
 margin: 0 auto 0 10px;
 padding-top: 20px;
 position: relative;
 width: 940px;
 z-index: 1001;
}

#nav-box {
 background-color: #005802;
 float: left;
 font-family: Arial,Helvetica, sans-serif;
 width: 200px;
}

#subpage {
 background-color: #f9f9f9;
 color: #4C4840;
 float: left;
 font-family: Arial,Helvetica, sans-serif;
 height: auto;
 line-height: 20px;
 margin: 0 auto 0 10px;
 min-height: 350px;
 padding: 20px 0px;
 width: 940px;
}

#subpage-right-content a {
 color: #3A8993;
 font-weight: bold;
}

#subpage-right-content {
 float: right;
 margin-right: 20px;
 text-align: left;
 width: 680px;
}

#subpage-left-sidebar {
 float: left;
 margin-left: 20px;
 text-align: left;
 width: 200px;
}

#breadcrumbs {
 width: 100%;
 color: #005802;
 text-align: left;
 font-size: 8pt;
}

#breadcrumbs a {
 color: #999;
 text-decoration: none;
 font-size: 8pt;
}

#pagetitle {
 font-family :Tahoma,Verdana,Arial,Helvetica;
 float: left;
 font-weight: bold;
 color: #005802;
 font-size: 18px;
 text-align: left;
 padding-top: 20px;
 width: 100%;
}

#subpage-content .ptl_page {
 float: left;
 padding-top: 20px;
}

#subpage-content .ptl_page a {
 color: #3A8993;
}

#ctl00_ContentPlaceHolder1_ctl04_tblNav tbody tr td {
 color: #E25525;
 padding: 2 0;
 background-color: #ece6d8;
}

#ctl00_ContentPlaceHolder1_ctl04_tblNav tbody tr td {
 font-family: Tahoma,Verdana,Arial,Helvetica;
 font-size: 14px;
 font-weight: bold;
}

#subpage-content {
    float: left;
    height: auto;
    width: 680px;
}

#top-content-style {
 background-image: url("/UserFiles/Servers/Server_168031/Image/template/sub-too.png");
 background-repeat: no-repeat;
 float: left;
 height: 13px;
 margin: 0 auto 0px 10px;
 position: relative;
 width: 940px;
 z-index: 1000;
}

.site_render_table_row td{
 padding-bottom: 0px;
}

/************ START of sub-nav CSS ************/

A.header:link, A.header:active,A.header:visited{
 border-bottom: 1px solid #003001;
 border-top: 1px solid #08860b;
 border-right: 1px solid #003001;
 border-left: 1px solid #003001;
 color: #fff;
 display: block;
 font: 14px Arial,helvetica,sans-serif;
 padding: 10px 25px 10px 25px;
 text-align: left;
 text-decoration: none;
}

A.header:hover{
 display: block;
 color: #000;
 background-color: #ffc20f;
 font: 14px Arial, helvetica, sans-serif;
 padding: 10px 25px 10px 25px;
 text-decoration: none;
 text-align: left;
}

A.header_sel:link, A.header_sel:active,A.header_sel:visited{
 display:block;
 color:#000;
 font:14px Arial, helvetica, sans-serif;
 text-decoration: none;
 background-color: #ffc20f;
 padding: 10px 25px 10px 25px;
 text-align: left;
}

A.sub:link, A.sub:active,A.sub:visited{
 display: block;
 color: #fff;
 font: 12px Arial, helvetica, sans-serif;
 padding: 10px 40px 10px 40px;
 text-decoration: none;
 background-color: #003001;
}

A.sub:hover{
 display: block;
 color: #000;
 font: 12px Arial, helvetica, sans-serif;
 padding: 10px 40px 10px 40px;
 text-decoration: none;
 background-color: #ffc20f;
}

A.sub_sel:link, A.sub_sel:active,A.sub_sel:visited
{
 display: block;
 color: #fff;
 font: 12px Arial, helvetica, sans-serif;
 padding: 10px 40px 10px 40px;
 text-decoration: none;
 background-color: #ffc20f;
}

/************ END of sub-nav CSS ************/

/************ END of subpage CSS ************/