/* imports and fonts imports */
@import url("../apps/js/polls/polls-pack.css");

/* General */
html { height: 100%; font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { height: 100%; text-align: center; margin: 0; padding: 0; font-size: 13px; line-height: 1.231; min-width:1200px; background: #e5efef;}
.abg{ background:#e5efef url(../pics/body_bg.jpg) repeat;}
.all{ background:url(../pics/all_t.png) repeat-x center top;}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

.cf:before, .cf:after { content: ""; display: table; }
.cf:after { clear: both; }
.cf { zoom: 1; }

.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }
h1, h2, h3, h4, h5, h6 { padding: 0; margin: 0; }
a, a:active, a:visited { color: #033b73; }
a:hover, a:focus, a:active { outline: 0; color: #fb3038; }

img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
  
/* Normalization of fonts */
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

/* Font styles */
body,
#nav_items_0 li:focus ul li a, 
#nav_items_0 li:hover ul li a, 
#nav_items_0 li.over ul li a,
#address { font-family: 'Raleway', sans-serif;}
#pageNav, #pageNav ul li a, #quicklinks a, #nav_items_0 li a, #motto { font-family: 'Raleway', sans-serif; }

/* Site Styles */
#wrapper, #wrapper-index { position: relative; margin: 0 auto; width: 100%; min-width: 1080px; height: 100%; min-height: 100%; height: auto!important; text-align: left;background: url('https://pearlmagnet.org/shared/main.css') no-repeat;}

.inside { width:100%; margin: 0 auto; }
#wrapper .content { position: relative; margin: 0 auto; background: #fff;}
#wrapper .content .inside { width: 1080px; padding: 88px 0px 50px 0px; line-height: 20px; background: none; }
#wrapper .content .inside, #wrapper .neutral, #wrapper table { font-family: 'Raleway', sans-serif; font-weight:400; font-size:16px; line-height:1.4em; color:#2f2f2f;}
.content { width: 100%; text-align: left; margin: 0 auto; padding: 0 0 0px 0;}
.content .inside { position: relative; min-height: 400px; height: auto!important; height: 400px; padding-bottom: ;}
.pageTitle { width: auto; display: block; height: 32px; padding:0px 0 2px 5px; margin-bottom: 20px; font-family: 'Zilla Slab', serif; font-weight:400; font-size: 40px; color: #000; position: relative; background: url(../pics/page_title.png) no-repeat center bottom;}

/* Top */
#top { position: relative; position: relative; top: 0; background: none; width: 100%; z-index: 10000;}
#top #inner {position: relative; width: 1080px; height: 31px; margin: 0 auto; background: none;}
#tabs { position:absolute;width: 68px; height: 31px; padding: 0; background:none; right:-1px;}
#search { right:0px; position: absolute; top: 0px; cursor: pointer; }
#search form { margin: 0; }
#search #search-field { width: 0px; padding:0px; margin:0px; height: 25px; border: 0; position: absolute; right:0px; top:31px; background: none; background: #bf2030; font-family: 'Raleway', sans-serif; font-weight: 400; font-size: 12px; color: #fff; text-transform: uppercase; } 
#search #search-img { vertical-align: top; margin-top: 0px; /*left:-70px;*/
position: relative; } 
.ie6 #search #search-img, .ie7 #search #search-img { margin-top: 1px; }
#googleTranslate { opacity: 0; filter: alpha(opacity = 0); width: 33px!important; height: 31px; cursor: pointer; }
#preGoogle { position: relative; top: 0px; margin-right:2px; height: 31px!important; display: block; overflow: hidden; background: url('../pics/translate.png') no-repeat top left; border: 0; float: left; }
#login { width: 32px; position:relative; float:left; margin-right:2px;}
#login #click { width: 32px; height: 31px; display: block; position: relative; z-index: 1; text-decoration: none; background:url(../pics/login.png) no-repeat center;}
#login #form { display: none; right:-2px; padding: 0 10px 10px ; z-index: 0; position: absolute; background: #bf2030; }
#email-container, #password-container, #sign-in a, #form, #form a{ color:#fff !important;}
#marquee-new { width: 860px; height: 24px; left:115px; top:6px; position: absolute; background: none; }
.best{ background:url(../pics/best.png) no-repeat center; width:118px; height:111px; position:absolute; right:-17px; top:17px;}

/* Header */
#header { position: relative; top: 0; z-index: 99999; width: 100%; background: url(../pics/head_bg.jpg) repeat-x center top; }
#header .inside { width:1080px; margin:auto; position: relative; height: 138px; background:#0e393a url(../pics/head_bg.jpg) no-repeat center top; }
#header-name {position: absolute; left: 160px; top: 20px; width:452px; height:96px; background:url(../pics/name.png) no-repeat center; color:#fff;}
#header .logo { width: 195px; height: 164px; background: url('../pics/logo.png') no-repeat; position: absolute; top: -12px; left:-35px; z-index: 99999; color:#fff;}
#motto { position: absolute; right: 118px; top: 47px; background:url(../pics/moto.png) no-repeat center; width:239px; font-family: 'Raleway', sans-serif;font-weight:700;font-style:italic; font-size:18px; color:#fff; text-align:center; line-height:1.22em; letter-spacing:0.03em;}


/* Navigation menu */
#menu { width: 100%; height: 55px; z-index: 10; margin: 0 auto; background: url(../pics/menu_bg.png) repeat-x center bottom; position: absolute; top: 138px; }
#menu h2 { width: 0; height: 0; }
#nav_items_0 { list-style: none; margin: 0; padding: 0; float: right; right: 50%; position: relative; z-index: 9999; }
#nav_items_0 li { list-style: none; display: inline; float: left; left: 50%; position: relative; z-index: 9999; padding: 0; }

#nav_items_0 li a { white-space: nowrap; width: 0; height: 18px; display: block; text-align: center; padding: 15px 7px; padding-bottom:24px; font-family: 'Zilla Slab', serif;font-size: 20px;letter-spacing: 0.3px; text-decoration: none; text-transform:uppercase;color: #010101; font-weight: 400;}
#nav_items_0 > li a { width: auto; white-space: normal; }
#nav_items_0 li:hover a, #nav_items_0 li:focus a, #nav_items_0 li.over a { color:#fff; background: url(../pics/menu_hv.png) no-repeat top right; }
#nav_items_0 > li.nav_item_first a{transition: all .2s ease-in-out; text-indent:-9999px; background:url(../pics/hom.png) no-repeat center; padding-right:24px;}
#nav_items_0 > li.nav_item_first a:hover,#nav_items_0 > li.nav_item_first a:focus{background:url(../pics/hom_hv.png) no-repeat center;}

/* Drop down items */
#nav_items_0 ul, 
#nav_items_0 li:focus ul ul, #nav_items_0 li.over ul ul, 
#nav_items_0 li:focus ul ul ul, #nav_items_0 li.over ul ul ul,
#nav_items_0 li:focus ul ul ul ul, #nav_items_0 li.over ul ul ul ul
#nav_items_0 li:hover ul ul, #nav_items_0 li.over ul ul, 
#nav_items_0 li:hover ul ul ul, #nav_items_0 li.over ul ul ul,
#nav_items_0 li:hover ul ul ul ul, #nav_items_0 li.over ul ul ul ul { position: absolute; right: auto; left: -9999em; top: -9999em; z-index: 9999; width: 194px; margin: 0; padding: 0; font-size: 12px;}
#nav_items_0 ul li { margin: 0; left: auto; }
#nav_items_0 li:hover ul, #nav_items_0 li:focus ul, #nav_items_0 li.over ul { left: auto; top: auto; background: none; }

#nav_items_0 ul li:focus ul, #nav_items_0 ul li.over ul,
#nav_items_0 ul ul li:focus ul, #nav_items_0 ul ul li.over ul,
#nav_items_0 ul ul ul li:focus ul, #nav_items_0 ul ul ul li.over ul,
#nav_items_0 ul li:hover ul, #nav_items_0 ul li.over ul,
#nav_items_0 ul ul li:hover ul, #nav_items_0 ul ul li.over ul,
#nav_items_0 ul ul ul li:hover ul, #nav_items_0 ul ul ul li.over ul { position: absolute; top: 0; left: 100%; }

/* Drop down items colors and formatting */
#nav_items_0 li:hover ul li a, #nav_items_0 li:focus ul li a, #nav_items_0 li.over ul li a { line-height: 16pt; text-align: left; text-decoration: none; padding: 8px 12px; height: auto; width: 196px; font-family: 'Raleway', sans-serif; font-weight:600; font-size: 16px; letter-spacing: normal; white-space: normal; text-transform: none; text-shadow: none; font-variant: normal;}

#nav_items_0 li:focus ul li a, #nav_items_0 li.over ul li a,
#nav_items_0 li ul li:focus ul a, #nav_items_0 li ul li.over ul a,
#nav_items_0 li ul li ul li:focus ul a, #nav_items_0 li ul li ul li.over ul a,
#nav_items_0 li ul li ul li ul li:focus ul a, #nav_items_0 li ul li ul li ul li.over ul a,
#nav_items_0 li:hover ul li a, #nav_items_0 li.over ul li a,
#nav_items_0 li ul li:hover ul a, #nav_items_0 li ul li.over ul a,
#nav_items_0 li ul li ul li:hover ul a, #nav_items_0 li ul li ul li.over ul a,
#nav_items_0 li ul li ul li ul li:hover ul a, #nav_items_0 li ul li ul li ul li.over ul a { text-indent:0px; color: #fff; background: #2d6769 !important; }

#nav_items_0 li ul li a:focus, 
#nav_items_0 li ul li:focus a, #nav_items_0 li ul li.over a,
#nav_items_0 li ul li:focus ul a:focus, #nav_items_0 li ul li.over ul a:focus,
#nav_items_0 li ul li ul li:focus a, #nav_items_0 li ul li ul li.over a,
#nav_items_0 li ul li ul li:focus ul a:focus, #nav_items_0 li ul li ul li.over ul a:focus,
#nav_items_0 li ul li ul li ul li:focus a, #nav_items_0 li ul li ul li ul li.over a,
#nav_items_0 li ul li ul li ul li:focus ul a:focus, #nav_items_0 li ul li ul li ul li.over ul a:focus,
#nav_items_0 li ul li a:hover, 
#nav_items_0 li ul li:hover a, #nav_items_0 li ul li.over a,
#nav_items_0 li ul li:hover ul a:hover, #nav_items_0 li ul li.over ul a:hover,
#nav_items_0 li ul li ul li:hover a, #nav_items_0 li ul li ul li.over a,
#nav_items_0 li ul li ul li:hover ul a:hover, #nav_items_0 li ul li ul li.over ul a:hover,
#nav_items_0 li ul li ul li ul li:hover a, #nav_items_0 li ul li ul li ul li.over a,
#nav_items_0 li ul li ul li ul li:hover ul a:hover, #nav_items_0 li ul li ul li ul li.over ul a:hover { color: #fff; background: #bf2030 !important; padding-left:18px; width: 190px;}

nav#menu ul li span.nav_icon { display: none; }
li.nav_item_last ul{ right:16px !important;}

#nav_items_0 li a bdi:after, #nav_items_0 li a li a bdi:after, #nav_items_0 li a li a li a bdi:after{ content: " \2192";}

/* Index properties */
#index-wrapper {  }
#index-top, #columns { width: 1080px; position: relative;}
#index-top { margin: 0 auto 0; height: 706px; background: none; margin-top:0px;}
#columns { width: 100%; padding: 39px 0 0 0; margin: 0; position: relative; background: #fff url(../pics/columns_bg.png) no-repeat center top; }
#columns:after{content:""; position:absolute;z-index:2; width:100%; bottom:-11px; height:11px; background:url(../pics/columns_b.png) repeat-x bottom;}
.center{ width:1080px; margin:auto; position:relative;}
#left-column {margin-left: 10px; width: 220px; margin-right: 10px; position: relative; float: left; display: inline-block;}
#center-column {margin-left: 0px; width: 1080px; margin-right: 0px; position: relative; float: left; display: inline-block;}
#center-column-left {width: 300px; float: left; margin-right: 65px; height: 440px; background-color: rgba(3,206,213,0.25);}
#center-column-right{width: 700px; float: left;}
#right-column {margin-left: 10px; width: 220px; margin-right: 10px; position: relative; float: left; display: inline-block;}

/* Image shuffles */
#slideshow { width: 650px; height: 300px; background: grey; float: left; display: inline-block; }
.par{ height:337px; width:100%;}
#slide-1 {height: 337px !important;}
#slide-1 {background-image:url('../pics/par_bg.jpg');height: 337px;-pie-background-image: url('../pics/par_bg.jpg');behavior: url('https://pearlmagnet.org/shared/pie.htc');background-position:center;background-repeat: no-repeat;background-size:cover;
background-attachment: fixed;height: 337px;width: 100%;} 
.mid_bg{width:100%; min-height:766px; position: relative; background:#000 url(../pics/middle_bg.png) repeat-y center top; background-size: 100% 100%;}
.middle{ width:100%; min-height:721px; padding-top:45px; position: relative; background:url(../pics/middle_bg.png) repeat-y center top;}
.facts{ margin-top:-28px; position:relative;z-index:2;background:url(../pics/facts.png) no-repeat center; width:100%; height:300px; bottom:-16px;}
.facts .mo{font-family: 'Zilla Slab', serif; font-weight:700; font-style:italic; font-size:42px; line-height:1.2em; color:#fff; text-align:left; width:320px; position:absolute; left:0; top:57px; letter-spacing:0.06em;}
.list span{font-family: 'Noto Serif', serif; font-weight:400; font-size:36px; letter-spacing:-0.03em;}
.list div{ color:#fff;}
.l1{ position:absolute; left:320px; top:0px; width:170px; padding-left:23px; height:64px; padding-top:22px; font-family: 'Raleway', sans-serif; font-weight:500; font-size:18px; line-height:1.17em;}
.l3{ position:absolute; left:320px; top:214px; width:170px; height:58px; padding-top:28px; padding-left:23px; font-family: 'Raleway', sans-serif; font-weight:700; font-size:18px; line-height:1.9em; letter-spacing:0em; color:#000 !important; background: #fff url(../pics/l3.png) no-repeat center;}
.l3 span{font-size:44px; float:left; line-height:0.6em !important;}
.l4{ position:absolute; left:697px; top:0px; width:162px; padding-left:31px; height:142px; padding-top:26px; font-family: 'Raleway', sans-serif; font-weight:500; font-size:18px; line-height:1.33em; letter-spacing:0.04em;}
.l5{ position:absolute; left:697px; top:168px; width:163px; padding-top:32px; padding-left:30px; height:100px; font-family: 'Raleway', sans-serif; font-weight:500; font-size:18px; line-height:1.15em;}
.l5 span{font-size:44px; line-height:0.65em;}
.l6{ position:absolute; left:890px; top:0px; width:166px; height:100px; padding-top:26px; padding-left:24px; font-family: 'Raleway', sans-serif; font-weight:500; font-size:18px; line-height:1.03em;}
.l6 span{line-height:1em;}
.l7{ position:absolute; left:890px; top:126px; width:184px; padding-left:6px; height:72px; padding-top:102px; font-family: 'Raleway', sans-serif; font-weight:500; font-size:18px; line-height:1em; letter-spacing:0em; color:#000 !important; text-align:center; background:#fff url(../pics/l7.png) no-repeat center; } 
.social{ width:100%; min-height:516px; padding-top:49px; position:relative;}
.social .fb{ float:left; width:356px; height:402px;}
.social .tw{ float:left; margin-left:16px; width:346px; height:402px;}
.social .ig{ float:left; margin-left:16px; width:346px; height:402px;}
.social .fb h3{ background:url(../pics/fb.png) no-repeat center; width:100%; height:63px;}
.social .tw h3{ background:url(../pics/tw.png) no-repeat center; width:100%; height:63px;}
.social .ig h3{ background:url(../pics/ig.png) no-repeat center; width:100%; height:63px;}
.social .fbg, .social .tbg{ padding:10px 10px 5px 10px; background:#fff; 
-webkit-box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.15);
-moz-box-shadow:    0px 0px 14px 0px rgba(0, 0, 0, 0.15);
box-shadow:         0px 0px 14px 0px rgba(0, 0, 0, 0.15);}
.social .fbb{ width:332px; height:347px; border:2px solid #78f9ff; float:left; margin-bottom:14px;}
.social .ab{ margin-left:20px;}
.social .tww{ width:322px; height:347px; border:2px solid #78f9ff;}
.afb{ margin:auto; display: block; margin-top:14px; text-align:center; background:url(../pics/like.png) no-repeat center bottom; text-decoration:none; text-transform:uppercase; font-family: 'Raleway', sans-serif; font-weight:600; font-size:15px; color:#010101; line-height:0.8em; padding-bottom:10px; transition: all .2s ease-in-out; letter-spacing:0.02em;}
.afb:hover, .afb:focus{font-weight:400;}

/* Homepage Sections */
section { margin-bottom: 10px; position: relative; }

/* Homepage Section Headers */
#wrapper-index .content section h2 {  }
#wrapper-index .content section h2 a { width: auto;height: 52px; line-height:50px; font-family: 'Zilla Slab', serif; font-size: 36px; text-decoration: none; font-weight: 400; margin: 0; padding: 0px 0 0 42px; text-align:left; color: #fff; display: block; background: url(../pics/t_news.png) no-repeat center left;}
#wrapper-index .content #eventss h2 a { background:#fff url(../pics/t_events.png) center left; color:#000;margin-left:10px; width:289px;}
#wrapper-index .content #news h2 a { width:396px; background:#000 url(../pics/t_news.png) no-repeat center left;}

/* Homepage Sections Containers */
.container {position: relative; margin-top: 0; padding: 10px 0; background: none;}
#news .container { padding:0px;}
#eventss .container { padding-top:20px;}
 
 /* Events */
.dayeventwrap{  padding-bottom:9px;}
#hp-events .v3 .dayInfoWrap{ padding:0px !important;}
#hp-events .v3 ul li {margin-bottom:0px!important;}
#eventss{ float:left; width:340px; margin-left:-10px; padding-left:0px;} 
#eventss .dayInfoWrap { margin-left:-10px; margin-right:12px; position:relative !important; float:left; width:68px; height:68px; background:#fff url(../pics/ev_bg.png) no-repeat center; color:#000; text-align:center; border-radius:0 !important; text-transform:uppercase; line-height:1em;}
#eventss .dayInfoWrap .month{font-family: 'Raleway', sans-serif; font-weight:900; font-size:14px !important; margin-top:14px;}
#eventss .dayInfoWrap .day{font-family: 'Noto Serif', serif; font-size:30px; font-weight:400;}
#eventss #events{ height:320px; overflow-y:scroll;  width:330px; padding-left:10px;}
#eventss .event{ float:left; width:230px;}
#eventss .event{font-family: 'Raleway', sans-serif; font-weight: 400; font-size:16px !important; color: #fff; }
#eventss .event label{font-weight: 400 !important;}
#eventss .event .title a{font-weight: 500; color: #03ced5; font-size:18px !important; text-decoration: none; }
#eventss .event .title a:hover, #eventss .event .title a:focus{font-weight: 400; color:#fff;}
#eventss .hpeventlinks{ margin-left:0px !important; padding-top:15px;}
#eventss .hpeventlinks a{ float:left; text-align:center; font-family: 'Raleway', sans-serif; font-weight: 600 !important; font-size:14px; color: #fff !important; text-decoration:none; text-transform:uppercase; background:url(../pics/re.png) no-repeat left bottom; padding-left:7px; line-height:0.8em; padding-bottom:11px; margin-top:0px; letter-spacing:0.03em;}
#eventss .hpeventlinks a:hover, #eventss .hpeventlinks a:focus{background:url(../pics/re.png) no-repeat right bottom; transition-duration:0.4s;}
#eventss .hpeventlinks div:first-child a{ margin-left:10px; margin-right:20px;}
#eventss .hpeventlinks div:last-child{ margin-top:0px !important;}
#events-page .dayInfoWrap{ background:none; margin-top:0 !important; color:#000 !important;}
.re{ position:absolute; top:25px; right:0px; height:17px; background:url(../pics/re.png) no-repeat left bottom; line-height:0.08em; font-family: 'Raleway', sans-serif; font-weight:600 !important; font-size:15px; color:#010101 !important; text-decoration:none; text-transform: uppercase; padding-left:5px;}
.re:hover, .re:focus{background:url(../pics/re.png) no-repeat right bottom; transition-duration:0.4s;}
.bx-viewport {
    min-height: 372px !important;
	padding:15px 9px;
	margin-left:-9px;
}
 .homepage-news .bx-wrapper .bx-prev {
    background: url('../pics/prew.png') center center no-repeat !important;
    width: 35px;
    height: 35px;
    left:-47px!important;
	outline:0px !important;
}
 .homepage-news .bx-wrapper .bx-next {
    background: url('../pics/next.png') center center no-repeat !important;
    width: 35px;
    height: 35px;
    right:-47px!important;
	outline:0px !important;
}
 .homepage-news .bx-wrapper .bx-controls-direction a {
    margin-top: 0 !important;
    top: 197px !important;
}
 .homepage-news li {
    background: none !important;
    border: 0;
    margin-top: 0px;
    width: 346px !important;
   border:none !important;
-webkit-box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.12);
-moz-box-shadow:    0px 0px 13px 0px rgba(0, 0, 0, 0.12);
box-shadow:         0px 0px 13px 0px rgba(0, 0, 0, 0.12);
}
 .homepage-news li:after{ content:""; position:absolute; left:10px; top:10px; border:2px solid #78f9ff; height:348px; width:322px; pointer-events:none;}
.homepage-news .news-wrap {
    padding: 15px 22px 10px 28px !important;
    margin: 0;
    height: 145px !important;
    background: #fff;
	border:none !important;
}
 .homepage-news .news-text {
    font-family: 'Raleway', sans-serif !important;
    color: #2f2f2f!important;
    font-size: 16px!important;
    font-weight: 400!important;
    line-height: 1.2em!important;
}
 .homepage-news .news-title a {
    font-size: 18px !important;
    color: #02797d !important;
    font-family: 'Raleway', sans-serif !important;
    font-weight: 500 !important;
    line-height: 1.1em;
    letter-spacing: 0.4px;
}
 .homepage-news .news-title a:hover, .homepage-news .news-title a:focus {
    color: #000 !important;
	font-weight: 700 !important;
}
.homepage-news .news-thumb {
    margin-top: 0px;
}
.homepage-news .news-thumb img {
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.homepage-news .news-title {
    padding-top:3px !important;
}

.homepage-news .news-thumb img:hover {
    transform: scale(1.1);
}
 
/* quicklinks */
#quicklinks { background: url(../pics/ql_bg.png) repeat-x;  width: 100%; height: 94px; position:relative; z-index:10;}
#quicklinks ul { padding: 0; margin: 0; width:1080px; margin:auto;}
#quicklinks li { float:left; margin-right:20px; padding: 0; margin-top: -23px; list-style: none; position: relative; }
#quicklinks li:last-child{margin-right:0px;}
#quicklinks a { width:162px; height: 85px; text-decoration: none; padding: 12px 0 0px 0px; margin: 0; display: block; color: #010101; background: #fff url(../pics/ql_arr.png) no-repeat center bottom 10px; font-family: 'Zilla Slab', serif; font-weight:400; font-size: 24px; line-height:0.9em; text-transform:uppercase; text-align: center; position: relative; z-index: 0;
-webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.2);
-moz-box-shadow:    0px 0px 8px 0px rgba(0, 0, 0, 0.2);
box-shadow:         0px 0px 8px 0px rgba(0, 0, 0, 0.2);}
#quicklinks a:hover,#quicklinks a:focus { background: #000 url(../pics/ql_hv.png) no-repeat center bottom 10px; color: #fff; }

/* Featured Photo Album */
.HPFeaturedAlbums {margin-bottom: 10px; position: relative; float:left; margin-left:20px; width:340px;}
.HPFeaturedAlbums h2 {width: auto;height: 52px !important; line-height:50px; font-family: 'Zilla Slab', serif; font-size: 36px; text-decoration: none; font-weight: 400; margin: 0; padding: 0px 0 0 40px !important; text-align:left; color: #fff; display: block; background: url(../pics/featured_heading.png) no-repeat center left !important;}
.HPFeaturedAlbums .featuredAlbums {position: relative; margin-top: 19px; padding: 2px; background: #78f9ff;}
.HPFeaturedAlbums ul {margin-top: 0px !important;}
.HPFeaturedAlbums ul li {margin-bottom: 46px; margin-top:0px; background:#fff; padding:0px; border:none; box-shadow:none; filter:none; overflow:visible;}
.HPFeaturedAlbums ul li h3 { position:relative;background: #bf2030; height:40px; padding-top:6px; margin: 0px auto; margin-top:0px; z-index:100; text-align:center; margin-bottom:10px;}
.HPFeaturedAlbums ul li h3 span {font-family: 'Raleway', sans-serif; font-size:17px; font-weight:600; font-style:italic; color:#fff; text-shadow:none;}

/* Featured Video */
.HPVideo {margin-bottom: 10px; position: relative; float:left;  width:370px; margin-left:20px;}
.HPVideo h2 a {width: auto;height: 52px; line-height:50px; font-family: 'Zilla Slab', serif; font-size: 36px; text-decoration: none; font-weight: 400; margin: 0; padding: 0px 0 0 40px; text-align:left; color: #fff; display: block; background: url(../pics/t_video.png) no-repeat center left;}
.HPVideo .videowrapper {position: relative; margin-top: 19px; padding: 2px; background: #78f9ff;}
.HPVideo p {padding: 0; margin: 0;}
.HPVideo p a {background: #bf2030; text-align: center; text-decoration: none; font-family: 'Raleway', sans-serif; font-size:17px; font-weight:600; font-style:italic; color:#fff; height: 46px; display: block; line-height: 46px;}

/* Homepage Section Table Includes */
#wrapper-index .content table { width: 100%; padding: 0; margin: 0; }

/* Other homepage section extras */
.dark {background-color: #0e393a !important; color: #fff !important; font-family: 'Raleway', sans-serif !important; font-weight:400 !important; font-size:16px !important;}
.light {background-color: #fdfafa !important; font-family: 'Raleway', sans-serif !important; font-weight:400 !important; font-size:16px !important;}
.dark a, .dark a:visited, .dark a:link, .dark a:hover, .dark a:focus, .dark a:active {color: #fff !important;}

#wrapper-index .content table { color: #000; }
#wrapper-index .content section table a { color: #033b73; text-decoration: none; font-weight: 700; }
#wrapper-index .content table #l { padding-top: 8px; } /* Put Display None if you want to hide bullet */
#wrapper-index .content table #r { border-bottom: 1px solid #d1d1d1; padding: 10px 0 10px 0; }
#wrapper-index .content table #r b a { display: block; margin-top: 5px; text-decoration: none; }

.autoCalendarLinks td, #showAll-0, #showAll-hpbbmessages #r, #showAll-hplinks #r, #showAll-0 #r { border-bottom: 0!important; padding-left: 0!important; padding-bottom: 0!important; padding-top: 2px!important; }

#wrapper-index .content table tr:first-child td, .autoCalendarLinks, #showAll-0, #showAll-hplinks #r, #showAll-0 #r { border-left: 0!important; }

#wrapper-index .content table tr:last-child td { border-bottom: 0!important; }

/* Side Image */
img.sub {}
#wrapper img.sub {margin-left: 20px; border:none;  width: 280px;}
.light a img.sub{width:auto !important;}

/* Page navigation */
#pageNav { border: 0; font-size: 14px; position: relative; background: #000 url(../pics/nav_bg.png) no-repeat center bottom; margin-left: 20px; -webkit-box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.12);
-moz-box-shadow:    0px 0px 12px 0px rgba(0, 0, 0, 0.12);
box-shadow:         0px 0px 12px 0px rgba(0, 0, 0, 0.12);}
#pageNav ul, #pageNav ul li { list-style: none; line-height: 16px; }
#pageNav ul { padding: 10px 0!important; margin: 0 auto!important; width: 280px;  height: auto!important;  }
#pageNav ul li { padding: 0 0 3px!important; margin: 0 0 -2px!important; zoom: 1; /* important for IE6 */ }
#pageNav td img { display: none; }
#pageNav ul li a, #pageNav ul li b {  min-height: 20px;text-decoration: none; padding: 9px 10px 8px 15px; margin: 0; display: block; font-family: 'Raleway', sans-serif; font-weight:600 !important; letter-spacing:0.03em; font-size: 18px; line-height:1.2em; text-align: left; position: relative; z-index: 0;}
#pageNav ul li b,#pageNav ul li a:hover, #pageNav ul li a:focus { background: rgba(191,32,48,0.89); color: #fff; }
#pageNav ul li a { text-decoration: none; color: #03ced5; background: none; }

/* Footer */
.footer_bg{width: 100%; background:#0e393a url(../pics/all_b.png) repeat-x center; height:412px; position:relative; bottom: 0;}
#footer { width: 100%; height: 412px; position: relative; bottom: 0; text-align: left; background: url(../pics/footer_bg.jpg) no-repeat center; }
#footer .inside { width:1080px; margin:auto; height: 412px; margin-top: 0; position: relative; background: none; }
#footer span { margin: 0 5px; }
#footer #name { color:#fff; width:316px; height:78px; text-decoration: none; position: absolute; top: 41px; left: 123px; background:url(../pics/footer_name.png) no-repeat; text-indent:-9999px;}
#footer #logo {color:#fff; width: 140px; height: 147px; background: url('../pics/footer_logo.png') no-repeat; position: absolute; left: -17px; top: 8px; }
#district-logo {color:#fff; width: 138px; height: 135px; background: url('../pics/district.png') no-repeat; position: absolute; left: 298px; top: 217px; }
#address-left{
	color: #FFF;
	font-size: 16px;
	left: 130px;
	line-height: 18px;
	margin: 0;
	position: absolute;
	padding:0px;
	top: 136px;
	font-family: 'Raleway', sans-serif; font-weight:700; letter-spacing:0.04em;
	cursor:pointer;
}
#address-left span{ color:#78f9ff;margin: 0 0px;}
#address-right{
	color: #FFF;
	font-size: 16px;
	left: 130px;
	line-height: 18px;
	margin: 0;
	position: absolute;
	padding:0px;
	top: 210px;
	font-family: 'Raleway', sans-serif; font-weight:700; letter-spacing:0.04em;
	cursor:pointer;
}
#address-right span{ color:#78f9ff;margin: 0 0px;} 
#address-fax{
	color: #FFF;
	font-size: 16px;
	left: 130px;
	line-height: 18px;
	margin: 0;
	position: absolute;
	padding:0px;
	top: 255px;
	font-family: 'Raleway', sans-serif; font-weight:700; letter-spacing:0.04em;
	cursor:pointer;
}
#address-fax span{ color:#78f9ff;margin: 0 0px;} 
#edunet {color:#fff; width: 187px; height: 25px; background: url('../pics/edu.png') no-repeat; position: absolute; left: 446px; top: 382px; }

#news{margin-bottom: 8px; width:1080px;}
#staff.staffR1.staff-horizontal .staff-categoryStaffMember dl dt{padding-bottom:1px;}

.APP_I {
	position: absolute;
	top: 380px;
	left: 0px;
}