@import url("reset.css");
@import url("font.css");
@import url("form.css");

body {
 background: #f5f5ff;
 font: 10pt Arial, Helvetica;
 min-width: 960px;
}
body.medium .main-inside, body.medium .sub-nav {
 font: 12pt Arial, Helvetica;
}
body.medium #inside-header h1 {
 margin-top: -5px;
 font-size: 33pt;
}
body.medium #sub-nav ul li a span {
 font-size: 12pt;
}
body.medium #nav li a span {
 padding: 0px 7px 0px 5px;
 font-size: 13pt;
}
body.large .main-inside, body.large .sub-nav {
 font: 14pt Arial, Helvetica;
}
body.large #inside-header h1 {
 margin-top: -5px;
 font-size: 36pt;
}
body.large #sub-nav ul li a span {
 font-size: 14pt;
}
body.large #nav li a span {
 padding: 0px 3px 0px 1px;
 font-size: 14pt;
}
body.xlarge .main-inside, body.xlarge .sub-nav {
 font: 18pt Arial, Helvetica;
}
body.xlarge #inside-header h1 {
 margin-top: -11px;
 font-size: 43pt;
}
body.xlarge #sub-nav ul li a span {
 font-size: 15pt;
}
body.xlarge #nav li a span {
 padding: 0px 3px 0px 1px;
 font-size: 14pt;
}

#wrapper {
 background: url( '../img/home-bg.png' ) repeat-x #f5f5ff;
}
body.inside #wrapper {
 background: url( '../img/inside-bg.png' ) repeat-x #f5f5ff;
}

p {
 line-height: 18pt;
 margin: 0px 0px 18px 0px;
}
a {
 color: #062297;
}
a:hover {
 color: #5d76dc;
}

h1 {
 font: 28pt/28pt 'RaaviBold', Arial, Helvetica, sans-serif;
 letter-spacing: -0.05em;
 color: #030d85;
 margin: 20px 0px;
}
#content h1 {
 margin-top: 0px;
}
h2 {
 font: 16pt/18pt Arial, Helvetica, sans-serif;
 color: #030d85;
 margin: 18px 0px;
 font-weight: bold;
}
#content h2 {
 margin-top: 0px;
}
blockquote {
 margin: 40px;
}
h3 {
 font: 1.4em/1.7em Arial, Helvetica, sans-serif;
 color: #030d85;
 margin: 18px 0px;
}
#content h3 {
 margin-top: 0px;
}
h4 {
 font: 12pt/12pt  Arial, Helvetica, sans-serif;
 color: #030d85;
 margin: 14px 0px;
 font-weight: bold;
}
.faded {
 color: #b4b4b4;
}
#content ol {
 margin: 18px 0px 18px 26px;
 list-style-type: decimal;
}
#content ul {
 margin: 18px 0px 18px 26px;
 list-style-type: disc;
}
#content ol li, #content ul li {
 margin: 4px 0px;
 line-height: 18pt;
}

#header {
 background: url( '../img/header-bg.jpg' ) no-repeat;
 width: 960px;
 height: 106px;
 margin: 0px auto;
 position: relative;
}

.nav-text-size {
 position: absolute;
 top: 14px;
 right: 90px;
 height: 24px;
 line-height: 24px;
}
.nav-text-size a {
 cursor: pointer;
}
.nav-text-size-larger {
 font-size: 1.4em;
}

#logo a {
 display: block;
 position: absolute;
 top: 19px;
 width: 197px;
 height: 68px;
 background: url( '../img/logo.png' ) no-repeat;
}
#logo a span {
 display: none;
}

#staff-login-button {
 list-style-type: none;
 position: absolute;
 top: 9px;
 right: -5px;
}
.button{cursor:pointer;border-radius:3px;border:1px solid #06109b;padding:8px;background:#1f22b3;color:#fff;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1f22b3',endColorstr='#040e9b');background:-webkit-gradient(linear,left top,left bottom,from(#1f22b3),to(#040e9b));background:-moz-linear-gradient(top,#1f22b3,#040e9b);font-size:1em;font-weight:bold;box-shadow:0 3px 3px rgba(0,0,0,0.2);text-decoration:none;text-shadow:0 1px 1px rgba(0,0,0,0.6)}
.button.small{padding:4px;font-size:11px}
.button:hover{box-shadow:0 3px 3px rgba(0,0,0,0.3);background:#0d20b3;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d41c6',endColorstr='#0d20b3');background:-webkit-gradient(linear,left top,left bottom,from(#3d41c6),to(#0d20b3));background:-moz-linear-gradient(top,#3d41c6,#0d20b3)}
.button.secondary{border-radius:3px;border:1px solid #b9b9b9;background:#e0e0e0;color:#8e8e8e;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefefe',endColorstr='#dfdfdf');background:-webkit-gradient(linear,left top,left bottom,from(#fefefe),to(#dfdfdf));background:-moz-linear-gradient(top,#fefefe,#dfdfdf);text-shadow:0 1px 1px rgba(255,255,255,0.6);box-shadow:0 3px 3px rgba(0,0,0,0.1)}
.button.secondary.small{box-shadow:0 1px 3px rgba(0,0,0,0.1)}
.button.secondary:hover{border:1px solid #d3d3d3;background:#eee;color:#8e8e8e;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefefe',endColorstr='#eeeeee');background:-webkit-gradient(linear,left top,left bottom,from(#fefefe),to(#eee));background:-moz-linear-gradient(top,#fefefe,#eee);box-shadow:0 3px 3px rgba(0,0,0,0.1);text-shadow:0 1px 1px rgba(255,255,255,0.6)}

#sm-icons {
 list-style-type: none;
 position:absolute;
 top: 17px;
 right: 174px;
}
#sm-icons li {
 display: inline;
 float: left;
 margin-left: 5px;
}
#sm-icons a {
 background: url( '../img/sm-icons.gif' ) no-repeat;
 display: block;
 width: 18px;
 height: 19px;
}
#sm-icons a span {
 display: none;
}
#sm-icons a.facebook {
 background-position: -18px 0px;
}
#search {
 display: block;
 position: absolute;
 top: 48px;
 right: 0px;
 width: 216px;
 height: 40px;
 background: url( '../img/search-bg.gif' ) no-repeat;
}
#search form {
 padding-top: 10px;
 padding-left: 10px;
}

#search .box {
 border: 0px none;
 background: transparent;
 width: 170px;
}
#search .submit-search {
 position: absolute;
 right: 12px;
 top: 12px;
 width: 17px;
 height: 17px;
 border: 0px none;
 background: url( '../img/search-button.gif' ) no-repeat;
 display: block;
 padding: 0px;
 font-size: 0;
 line-height: 0;
 cursor: pointer;
}
#quick-links {
 list-style-type: none;
 position:absolute;
 top: 32px;
 right: 220px;
}
#quick-links li {
 display: inline;
 float: left;
 color: #d4bf17;
 margin-right: 3px;
 line-height: 40px;
 height: 40px;
}
#quick-links li a {
 display: block;
 float: left;
 text-decoration: none;
 margin-right: 3px;
 line-height: 40px;
 height: 40px;
}
.nav-wrapper {
 margin: 5px auto 0px auto;
 width: 960px;
 background: url( '../img/nav-bg.gif' ) no-repeat top center;
 height: 40px;
}
#nav {
 height: 40px;
 padding-left: 2px;
 background: url( '../img/nav-sep.gif' ) no-repeat top left;
 z-index: 99;
}
#nav li {
 display: inline;
 position: relative;
 z-index: 99;
 float: left;
 height: 40px;
}
#nav li a {
 float: left;
 display: block;
 position: relative;
 padding: 1px;
 text-decoration: none;
 z-index: 99;
 background: url( '../img/nav-sep.gif' ) no-repeat top right;
}
#nav li.has-sub:hover > a {
 margin-top: 2px;
 padding: 0px;
 background: url( '../img/nav-item-on-bg.gif' ) repeat-x;
 border: 1px solid #7079c0;
 z-index: 7px;
 border-bottom: 0px;
 padding-right: 9px;
 height: 38px;
 z-index: 1001;
}
#nav li.has-sub:hover > a span {
 color: #030377;
 text-shadow: 1px 2px 2px #c2c6e5;
 line-height: 37px;
}
#nav li a span {
 color: #fff;
 padding: 0px 12px 0px 10px;
 font: 11pt Arial, Helvetica, sans-serif;
 letter-spacing: -0.02em;
 font-weight: bold;
 line-height: 38px;
 text-shadow: 2px 2px 2px #030262;
}
#nav li a.students span {
 font: 13pt 'RaiRegular';
 text-transform: lowercase;
 font-weight: bold;
 letter-spacing: -0.05em;
 line-height: 36px;
}
#nav a:hover span {
 color: #f4e11b;
}

#nav li.has-sub > a {
 padding-right: 10px;
}
#nav li.has-sub > a span {
 background: url( '../img/nav-sub.gif' ) no-repeat 100% 7px;
 padding-right: 15px;
}
#nav li.has-sub:hover > a span {
 background: url( '../img/nav-sub-on.gif' ) no-repeat 100% 7px;
}

#nav li.has-sub a.students span {
 background: url( '../img/nav-sub.gif' ) no-repeat 100% 14px;
}
#nav li.has-sub:hover a.students span {
 line-height: 33px;
 background: url( '../img/nav-sub-on.gif' ) no-repeat 100% 14px;
}

/* menu */
ul#nav li .sub-nav {
 width: 200px;
 display: none;
 position: absolute;
 top: 40px;
 left: 0px;
 background: url( '../img/nav-sub-bg.gif' ) repeat-x #f4f4f9;
 z-index: 1000;
 border: 1px solid #7079c0;
 padding: 3px 5px 10px 5px;
 -moz-box-shadow: 1px 1px 6px #000;
 -webkit-box-shadow: 1px 1px 6px #000;
 box-shadow: 1px 1px 6px #000;
}
ul#nav .sub-nav li {
 width: 200px;
 display: block !important;
 height: auto !important;
 background: none;
 line-height: 12px;
 float: none;
 line-height: 24px !important;
}
ul#nav .sub-nav li a {
 min-height: 24px !important;
 height: auto;
 float: none;
 color: #5f67aa;
 background: none;
 border: 0px none;
 border-bottom: 1px solid #d4d4e8;
 padding: 0px 5px !important;
 display: block;
}

ul#nav .sub-nav li a:hover {
 color: #02036f;
}

ul#nav li:hover .sub-nav {
 display: block;
}



ul#nav li .sub-nav.about {
 width: 400px;
}
.sub-nav.about .departments-nav {
 float: right;
 width: 200px;
}
.sub-nav.about .departments-nav h4 {
 border-bottom: 1px solid #c7c7e1;
 padding: 5px !important;
 color: #02036f;
 text-transform: uppercase !important;
 font-size: 9pt;
 margin: 0px;
}
ul#nav .sub-nav.about .about-nav {
 float:left;
}
ul#nav .sub-nav.about .about-nav li {
 width: 180px;
}

/* home */

.home-header-container {
 background: url( '../img/home-header-bg.png' ) repeat-x top center;

}
.home-header-wrapper {
 background: url( '../img/home-top-bg.jpg' ) no-repeat top center;
 height: 244px;
 padding-top: 6px;
 position: relative;
 z-index: 10;
}
.home-header {
 width: 960px;
 margin: 0px auto;
 color: #fff;
 clear: both;
 position: relative;
}

#home-quick-links {
 width: 285px;
 position: absolute;
 color: #a7acf7;
 float: left;
 padding-left: 10px;
 padding-top: 0px;
 top: 0px;
 left: 0px;
}

#home-quick-links li {
 margin: 6px 0px;
}
#home-quick-links li.title {
 margin: 9px 0px 0px 0px;
}

#home-quick-links li.title a {
 display: inline;
 font: 16pt Arial;
 font-weight: bold;
 text-shadow: 2px 2px 2px #030262;
 color: #fff;
 text-decoration: none;
 margin: 0px;
 line-height: 18px;
}
#home-quick-links a {
 color: #a7acf7;
 text-decoration: none;
 margin: 0px;
}
#home-quick-links a:hover {
 color: #fff;
 text-decoration: underline;
}

/* because rapper is cooler than wrapper */
#slideshow-rapper {
 position: relative;
 overflow: hidden;
 width: 654px;
 height: 232px;
 margin-left: 306px;
 padding-top: 3px;
}
#slideshow {
 width: 542px;
 height: 232px;
 overflow: hidden;
}
#slideshow ul.uberbox-slides {
 width: 542px;
 height: 232px;
 overflow: hidden;
 position: absolute;
 top: 3px;
 left: 0px;
}

#thumber-rapper {
 height: 239px;
 width: 100px;
 top: 0px;
 right: 0px;
 position: absolute;
}

#slideshow-thumbs-rapper {
 overflow: hidden;
 height: 220px;
 width: 100px;
 z-index: 7;
 position: absolute;
}
#slideshow-thumbs {
}
#slideshow-thumbs li {
 text-align: center;
 margin: 1px 0px 8px 0px;
}

#slideshow-thumbs li  {
 display: block;
 width: 87px;
 height: 64px;
 overflow: hidden;
 -moz-box-shadow: 0px 0px 4px #000;
 box-shadow: 0px 0px 4px #000;
 border: 1px solid #031092;
 cursor: pointer;
}
#slideshow-thumbs li.active  {
 border: 1px solid #e6d62a;
 -moz-box-shadow: 0px 0px 10px #3131ee;
 -webkit-box-shadow: 0px 0px 4px #000;
 box-shadow: 0px 0px 4px #000;
}


#thumber-rapper #scroll {
 width: 110px;
 height: 18px;
 bottom: 0px;
 right: 0px;
 position: absolute;
 z-index: 8;
 display: none;
}

#scroll-down {
 width: 18px;
 height: 18px;
 background: url( "../img/thumber-down.png" ) no-repeat center center;
 display: block;
 position: absolute;
 left: 56px;
 bottom: 0px;
}
#scroll-down span {
 display: none;
}

#scroll-up {
 width: 18px;
 height: 18px;
 background: url( "../img/thumber-up.png" ) no-repeat center center;
 display: block;
 position: absolute;
 left: 34px;
 bottom: 0px;
}
#scroll-up span {
 display: none;
}


/* inside header */

#inside-header-wrapper {
 background: url( '../img/inside-top-bg.jpg' ) no-repeat top center;
 height: 87px;
}

#inside-header {
 width: 960px;
 margin: 0px auto;
 color: #fff;
 clear: both;
 position: relative;
}

#inside-header .breadcrum {
 color: #3e42c3;
 font-weight: bold;
 position: absolute;
 top: 14px;
 padding-left: 12px;
}
#inside-header .breadcrum a {
 color: #777bf7;
 text-decoration: none;
}
#inside-header .breadcrum a:hover {
 color: #fff;
}
#inside-header h1 {
 position: absolute;
 top: 25px;
 font: 29pt 'RaaviBold', Arial, Helvetica, sans-serif;
 color: #fff;
 letter-spacing: -0.06em;
 text-shadow: 1px 1px 2px #020657;
 margin: 0px;
 padding-left: 12px;
 height: 43px;
}

#inside-header.staff-login h1 {
 padding-left: 340px;
}

#main {
 width: 970px;
 margin: 4px auto 0px auto;
 border: 1px solid #dfdffa;
 border-top: 0px none;
 border-bottom: 0px;
 background: url( '../img/main-bg.jpg' ) no-repeat 50% -4px  #fff;
}
.main-inside {
 background: url( '../img/main-bg.png' ) repeat-x bottom center;
}
#home-events {
 width: 280px;
 float: left;
 margin-left: 10px;
}
#sidebar {
 width: 200px;
 float: right;
 margin-right: 5px;
}

#home-news {
 margin: 0px 12px 0px 305px;
 padding-bottom: 10px;
}

#footbar-wrapper {
 min-height: 180px;
 background: url( '../img/footbar-wrapper.jpg' ) no-repeat top center;
}
#footbar {
 width: 960px;
 margin: 0px auto;
 text-align: center;
 padding-top: 30px;
 color: #071293;
}
#footbar .switch-to-desktop {
 display: none;  
}
#footbar-nav  {
 width: 724px;
 text-align: center;
 margin: 0px auto;
 height: 15px;
}
#footbar-nav li {
 float: left;
 display: inline;
 padding-left: 5px;
 color: #a9aae2;
}
#footbar-nav li a {
 float: left;
 display: block;
 padding-right: 5px;
 text-decoration: none;
}
#footbar .dsbn {
 padding-top: 15px;
}
#footbar .copyright {
 padding-top: 15px;
}

.site-version-toggle {
 margin: 14px 0px;
}

.clear {
 clear: both;
}

#home-events h3, #home-news h3 {
 color: #ababd7;
 text-transform: uppercase;
 border-bottom: 1px solid #ccccec;
 font: 1em/1em 'RaaviRegular';
 font-weight: bold;
 padding: 10px 5px 5px 5px;
 margin: 0px;
}

a.rss {
 display: block;
 width: 19px;
 height: 19px;
 background: url( '../img/rss.gif' ) no-repeat;
}
a.rss span {
 display: none;
}

#rss-events, #rss-news {
 float: right;
 margin-top: 7px;
}
.events-top-submit {
 padding: 11px 5px 5px 5px;
 float: right;
 font: 1em/1em 'RaaviRegular';
 color: #ababd7;
 text-decoration: none;
}

ul.home-buttons li {
 margin-bottom: 5px;
}

#events li {
 border-bottom: 1px solid #e9e9f7;
 padding-top: 1px; /* ie6... the shame */
 margin-top: 10px;
 margin-bottom: 10px;
 clear: left;
}
#events li .date {
 background: url('../img/event-bg.png' ) no-repeat top center;
 float: left;
 color: #fff;
 width: 70px;
 text-align: center;
 margin-bottom: 10px;
}
#events li .date span {
 display: block;
}
#events li .date .day {
 font: 20pt/12pt Georgia, serif;
 padding: 8px 0px 7px 0px;
}
#events li .date .month {
 font-size: 10pt;
 padding-bottom: 9px;
}
#events li .date .time {
 color: #9f9f9f;
 font-size: 10pt;
 font-family: Arial, Helvetica, Sans-Serif;
}
#events li.no-events {
 padding-top: 1px; /* ie6... the shame */
 margin-top: 10px;
 margin-bottom: 10px;
 padding-left: 5px;
 border-bottom: 0px  none;
}

#events li h4 {
 margin-left: 80px;
 margin-bottom: 10px;
 margin-top: 2px;
}
#events li h4 a {
 font-weight: bold;
 text-decoration: none;
 font-size: 1.1em;
 color: #071293;
}
#events li .desc {
 margin-left: 80px;
 margin-bottom: 10px;
}

.news-full {
 border-bottom: 1px solid #e9e9f7;
}
.news-full h2 {
 font: 2.5em/0.9em 'RaaviRegular';
 letter-spacing: -0.05em;
 margin: 14px 0px 0px 0px;
}
.news-full h2 a {
 text-decoration: none;
}
.news-full .meta {
 margin: 0px 0px 14px 0px;
 color: #9f9f9f;
}
.news-full .news-thumb {
 float: left;
 padding: 0px 10px 10px 0px;
}

#content {
 padding: 20px;
}

#sub-nav {
 width: 271px;
 padding: 10px 0px 20px 0px;
 margin-left: -7px;
 float: left;
}
#sub-nav ul {
 margin-left: 25px;
}
#sub-nav ul li a {
 border-bottom: 1px solid #e4e4e5;
 line-height: 30px;
 display: block;
 text-decoration: none;
}
#sub-nav ul li a span {
 width: 232px;
 color: #797979;
 text-decoration: none;
 font-weight: bold;
 font-size: 11pt;
}
#sub-nav ul li a:hover span {
 color: #020379;
}
#sub-nav li.active a {
 display: block;
 width: 271px;
 border-bottom: 0px none;
 background: url( '../img/sub-nav-on-bottom.png' ) no-repeat bottom left;
 margin-left: -24px;
 overflow: hidden;
 cursor: pointer;
}
#sub-nav li.active a span {
 width: 247px;
 display: block;
 padding-left: 23px;
 padding-top: 10px;
 padding-bottom: 16px;
 line-height: 23px;
 color: #fff;
 background: url( '../img/sub-nav-on-top.png' ) no-repeat;
 text-shadow: 1px 1px 1px #000;
}
#sub-nav li.active a:hover span {
 color: #6b76e6;
}
#content.sub-nav {
 margin-left: 275px;
}

#sub-nav .sub-sub {
 margin: 0px 0px 10px 5px;
 width: 215px;
}
#sub-nav .sub-sub li a span, #sub-nav .sub-sub li.active a span {
 font-weight: normal;
 display: block;
 width: 205px;
 color: #797979;
 margin: 0px;
 padding: 0px 0px 0px 5px;
}
#sub-nav .sub-sub li a {
 background: none;
 padding: 0px;
 line-height: 30px;
 border-bottom: 1px solid #E4E4E5;
 padding: 0px 0px 0px 5px;
 margin: 0px;
 width: 215px;
 cursor: pointer;
 font-size: 10pt;
}
#sub-nav .sub-sub li a span {
 background: none;
 text-shadow: none;
 padding: 0px;
 line-height: 30px;
 font-size: 10pt;
}
#sub-nav .sub-sub li.active a span {
 color: #02037e;
 padding-left: 0px;
}

#sub-nav .sub-sub li.active .sub-sub-sub li a span {
 color: #797979;
}
#sub-nav .sub-sub li.active .sub-sub-sub li.active a span {
 color: #02037e;
}

#content.login {
 margin-left: 335px;
}
#staff-login {
 width: 331px;
 height: 328px;
 background: url( '../img/staff-login-bg.jpg' ) no-repeat;
 margin-left: 8px;
 position: relative;
 top: -64px;
 float: left;
}

#staff-login .login-form {
 padding-left: 9px;
 padding-right: 13px;
 padding-top: 8px;
}

#staff-login .login-form legend {
 padding-top: 24px;
 padding-left: 50px;
 padding-bottom: 12px;
 color: #fff;
 font-size: 13pt;
 font-weight: bold;
}
#staff-login label {
 color: #fff;
 font-weight: bold;
 display: block;
 margin: 6px 15px;
}
#staff-login .input {
 background: url( '../img/login-input-bg.jpg' ) no-repeat;
 width: 278px;
 height: 48px;
 margin: 12px 13px;
}
#staff-login .input-text {
 width: 252px;
}
#staff-login input {
 font-size: 15pt;
 color: #555555;
 border: 0px none;
 background: transparent;
 margin-top: 10px;
 margin-left: 13px;
 width: 252px;
}
#staff-login input#login-but {
 float: right;
 width: 92px;
 position: absolute;
 top: 240px;
 right: 26px;
}
.emergency-post-wrapper
{
 width: 960px;
 margin: 0px auto;
 position: relative;
 z-index: 11;
}
a#post-emergency {
 display: block;
 width: 26px;
 height: 22px;
 background: url( '../img/post-emerg.png' ) no-repeat;
 position: absolute;
 z-index: 2;
 top: 7px;
 left: 270px;
}
a#post-emergency span {
 display: none;
}

.about-pic-01 {
 float: right;
 margin-right: -38px;
 margin-top: -54px;
}
.about-pic-02 {
 float: left;
 margin-left: -5px;
 margin-right: 15px;
}

.pull-quote {
 background: url( '../img/pull-quote-bg.jpg' ) no-repeat;
 font: 24pt/24pt Georgia, serif;
 color: #020574;
 font-style: italic;
}
.pull-quote.right {
 float: right;
 width: 220px;
 text-align: right;
 margin-left: 19px;
 padding-bottom: 18px;
 padding-top: 12px;
}

.warren-pic-01 {
 float: right;
 margin-right: -36px;
 margin-top: -16px;
}
.warren-pic-02 {
 float: left;
 margin-left: -136px;
 margin-right: 15px;
}
.warren-pic-03 {
 float: right;
 margin-right: -33px;
}

/* self id */
body.selfid #inside-header h1 {
 font-size: 31pt;
}

/* trustees */

body.trustees #content-wrapper {
 background: url( '../img/about/trustee-bg.jpg' ) no-repeat 100% 10px ;
 min-height: 900px;
}

#content #trustee-list {
 list-style-type: none;
 padding: 92px 0 20px 30px;
 margin: 0px;
 /*height: 660px;*/
 position: relative;
 z-index: 5;
}

#trustee-list li {
 float: left;
 width: 150px;
 height: 197px;
 text-align: center;
}

#trustee-list li .name, .student-trustee .name, .senior-manager .name {
 display: block;
 font: 13pt Garamond, Georgia, serif;
}
#trustee-list li .location, .student-trustee .location, .senior-manager .location {
 display: block;
 font: 8pt Arial, sans-serif;
 font-style: italic;
}

h2.student-trustees {
 margin-top:40px;
 text-align: center;
}

.student-trustee {
  text-align: center;
  float: left;
  width: 49%;
  height: 70px;
  margin-top: 20px;
}

#trustee-list .trustee-info-window {
 z-index: 10;
 position: absolute;
 display: none;
 float: left;

 padding: 10px;
 background: #fff;
 text-align: left;
 margin-top: 110px;
 margin-left: -20px;

 -moz-box-shadow: 0px 0px 30px #000;
 -webkit-box-shadow: 0px 0px 30px #000;
 box-shadow: 0px 0px 30px #000;


 border: 1px solid #c9c9c9;
 width: 350px;
 background: url( '../img/about/trustees/info-window-bg.jpg' ) repeat-x #fff;
}

.trustee-info-window h3 {
 font: 13pt Garamond, Georgia, serif;
 margin: 0px 6px 0px 0px;
 color: #000;
}

#trustee-list li .trustee-info-window .location {
 font-size: 9pt;
 color: #8d8d8d;
 font-style: normal;
 line-height: 25px;
}
#trustee-list li .trustee-info-window .role {
 font-size: 8.5pt;
 color: #8d8d8d;
 font-style: normal;
 line-height: 20px;
}

.trustee-info-window .title {
 border-bottom: 1px solid #d4d4d4;
 height: 22px;
}
.trustee-info-window .title h3 {
 float: left;
 font: 14pt Garamond, Georgia, serif;
}

.trustee-info-window .contact-info {
 clear: left;
 padding-bottom: 5px;
 padding-top: 7px;
 padding-left: 5px;
}
.trustee-info-window .contact-info span {
 display: block;
}
.trustee-info-window .address {
 background: url( '../img/about/trustees/contact-address.jpg' ) no-repeat 0px 5px;
 padding-left: 20px;
}
.trustee-info-window .phone {
 background: url( '../img/about/trustees/contact-phone.jpg' ) no-repeat 0px 5px;
 padding-left: 20px;
}
.trustee-info-window .email {
 background: url( '../img/about/trustees/contact-email.jpg' ) no-repeat 0px 5px;
 padding-left: 20px;
}

#content .trustee-info-window h3.schools {
 margin: 3px 0px;
 border-bottom: 1px solid #d4d4d4;
}

#content .trustee-info-window p {
 line-height: 14pt;
 margin: 0px;
}
.trustee-info-window .schools-list {
 padding-top: 10px;
}


/* Senior Admins */

body.senioradmins #content-wrapper {
 background: url( '../img/about/senioradmins-bg2.jpg' ) no-repeat 100% 10px ;
 min-height: 1300px;
}
#seniors-list ul{
 list-style-type: none;
 padding: 137px 0 20px 30px;
 margin: 0px;
 height: 160px;
 position: relative;
 z-index: 5;
}
#seniors-list li {
 float: left;
 width: 150px;
 height: 197px;
 text-align: center;
}
#seniors-list li .name, .student-trustee .name {
 display: block;
 font: 13pt Garamond, Georgia, serif;
}
#seniors-list li .location, .student-trustee .location {
 display: block;
 font: 8pt Arial, sans-serif;
 font-style: italic;
}
#seniors-list .trustee-info-window {
 z-index: 10;
 position: absolute;
 display: none;
 float: left;

 padding: 10px;
 background: #fff;
 text-align: left;
 margin-top: 110px;
 margin-left: -20px;

 -moz-box-shadow: 0px 0px 30px #000;
 -webkit-box-shadow: 0px 0px 30px #000;
 box-shadow: 0px 0px 30px #000;


 border: 1px solid #c9c9c9;
 width: 350px;
 background: url( '../img/about/trustees/info-window-bg.jpg' ) repeat-x #fff;
}

.senior-manager {
  text-align: center;
  float: left;
  width: 33%;
  height: 172px;
  margin-top: 10px;
}


/* contact */
body.contact #content-wrapper h4 {
 font-size: 11pt;
 margin-top: 0px;
}
body.contact #content-wrapper {
 background: url( '../img/contact/env-bg.jpg' ) no-repeat 100% 41px;
}

.contact-details {
 width: 400px;
}
.contact-info {
 padding: 16px 0px;
}
.contact-info.email {
 padding-top: 0px;
}
.contact-info.address {
 border: 0px none;
}
.contact-info .info {
 color: #6f6f6f;
 margin-left: 120px
}
.contact-info.phone .info {
 margin-left: 117px
}
.contact-info .info.frequently-called {
 padding: 16px 0px;
 margin-left: 53px;
}
.contact-info .info .item {
 display: block;
 line-height: 18px;
}
.contact-info .info .item .title {
 display: block;
 float: left;
 width: 115px;
 margin-right: 7px;
 text-align: right;
 color: #000;
}
.contact-info .info .item.afterhours .title {
 font-style: italic;
 color: #969696;
}

.contact-info .frequently-called .item .title {
  width: 180px;
}
.contact-info h4.title {
 margin: 0px;
 float: left;
 padding-left: 10px;
}
#map {
 width: 394px;
}

#contact-form {
 float: right;
 width: 422px;

}
#contact-form h4.title {
 margin: 0px;
}
#contact-form .fields {
 padding-top: 38px;
}
#contact-form input.text-field, #contact-form textarea.text-field {
 width: 395px;
 padding: 10px;
 color: #6F6F6F;
}
#contact-form textarea.text-field {
 height: 220px;
}
#contact-form .text-field.filled {
 color: #000;
}
#contact-form .fields .text-field.error, #contact-form select.error {
 border: 1px solid red;
 background: url( '../img/contact/field-error.png' ) no-repeat 98% 12px #fff;
}
#contact-form .fields .text-field.fld-destination {
 text-align: center;
}

#direct-message {
 margin: 120px 0px;
 height: 200px;
}
#direct-message h3 {
 text-align: center;
 font-size: 19pt;
 margin: 20px 0px;
}
#direct-message .send-message {
 text-align: center;
 margin: 0px auto;
}
#direct-message .field {
 margin: 14px 0px;
}
#contact-status-final {
 text-align: center;
 margin: 14px 0px;
 display: none;
}

.send-message {
 display: block;
 background: url( '../img/contact/submit-button.png' );
 width: 130px;
 height: 38px;
 border: 0px none;
 color: #fff;
 text-shadow: -1px -1px 1px #000;
 font-weight: bold;
 cursor: pointer;
 font-size: 0pt;
 line-height: 0pt;
 text-indent: -99999px;
}
#submit-contact:hover {
 background-position: -100% 0px;
}
#submit-contact:active {
 background-position: -200% 0px;
}
#contact-status {
 float: right;
 text-align: right;
 line-height: 38px;
 padding-right: 5px;
}


#contact-sm-icons { padding-top: 50px; margin-left: -3px; }

#contact-sm-icons .smb {
 display: block;
 width: 209px;
 float: left;
 padding-top: 32px;
 line-height: 42px;
 height: 51px;
}

#contact-sm-icons .facebook {
 background: url( '../img/contact/sm-facebook.png' ) no-repeat;
}
#contact-sm-icons .twitter {
 background: url( '../img/contact/sm-twitter.png' ) no-repeat;
}
#contact-sm-icons .smb a {
 display: block;
 float: left;
 text-decoration: none;
 font-weight: bold;
}
#contact-sm-icons .smb a.username {
 margin-left: 7px;
 width: 93px;
 text-align: center;
 color: #fff;
 text-shadow: -1px -1px 0px rgba( 0, 0, 0, 0.2 );
}
#contact-sm-icons .smb a.join {
 width: 101px;
 text-align: center;
}

#contact-sm-icons .smb.facebook a.join {
 color: #3e5b99;
}

#contact-sm-icons .smb.twitter a.join {
 color: #4dacd9;
}

#contact-status.success, #contact-status-final.success {
 color: #3b9237;
}

table.dsbn {
 margin: 14px 0px;
}

.dsbn th {
 background: #0411a7; /* for non-css3 browsers */
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0411a7', endColorstr='#020474'); /* for IE */
 background: -webkit-gradient(linear, left top, left bottom, from(#0411a7), to(#020474)); /* for webkit browsers */
 background: -moz-linear-gradient(top, #0411a7, #020474); /* for firefox 3.6+ */
 padding: 6px;
 color: #fff;
 text-align: left;
}
.dsbn td {
 padding: 6px;
 background: #f0f1f7;
 vertical-align: middle;
}
.dsbn th:first-child {
 -moz-border-radius: 5px 0px 0px 0px;
 -webkit-border-radius: 5px 0px 0px 0px;
 border-radius: 5px 0px 0px 0px;
}
.dsbn th:last-child{
 -moz-border-radius: 0px 5px 0px 0px;
 -webkit-border-radius: 0px 5px 0px 0px;
 border-radius: 0px 5px 0px 0px;
}

.dsbn .alt td {
 background: #fff;
}
.dsbn td.title {
 background: #fff;
 color: #030d86;
 border-bottom: 1px solid #dfdfdf;
 font-weight: bold;
}

.dsbn td.subtitle {
 background: #c9caee;
 color: #565760;
 font-size: inherit;
 font-weight: bold;
}


.dsbn-calendar-wrapper {
 background: url( '../img/calendar/calendar-bg.jpg' ) repeat-y;
 width: 936px;
 margin: 0px auto;
}
.dsbn-calendar-container {
 background: url( '../img/calendar/calendar-top.jpg' ) no-repeat top center;
}
.dsbn-calendar {
 background: url( '../img/calendar/calendar-bottom.jpg' ) no-repeat bottom center;
 padding-left: 7px;
 padding-right: 6px;
 width: 924px;
 padding-bottom: 5px;
}

table.calendar-title
{
    height: 36px;
    line-height: 36px;
}
table.calendar-title td
{
    height: 36px;
    line-height: 36px;
    text-decoration: none;
    font-weight: bold;
    text-shadow: 1px 1px 1px rgba( 255,255,255,0.4 );
    color: #703c00;
    font-weight: bold;
    font-size: 14px;
}

.dsbn-events-calendar th.day-header
{
    color: #fff;
    height: 44px;
    line-height: 44px;
    text-shadow: 1px 1px 1px rgba( 0,0,0,1 );
}

td.day
{
    height: 100px;
    padding: 8px;
    vertical-align: top;
    border-right: 1px solid #dfdfdf;
    border-bottom: 1px solid #dfdfdf;
    width: 115px !important;
}
td.day a
{
    float: right;
    text-decoration: none;
    color: #777777 !important;
    font-weight: bold;
}
td.day ul
{
     list-style-type: none !important;
     margin: 0px !important;
     padding: 0px;
     text-align: left;
     float: left;
     clear: right;
}
td.day ul li a
{
}
td.today
{
    background: url( '../img/calendar/today-bg.jpg' ) repeat-x #fff084;
}

td.day ul a
{
    background: url( '../img/calendar/event-icon.jpg' ) no-repeat 0px 3px;
    padding-left: 12px;
    font-weight: normal;
    color: #000 !important;
    font-size: 9pt;
    line-height: 10pt;
}
td.day ul a:hover
{
    color: #8f8f8f !important;
}
td.day ul a .time
{
    color: #5d5d5d;
    padding-right: 5px;
}

#submit-event {
 float: right;
 width: 300px;
 line-height: 48px;
 margin-top: 23px;
}
#submit-event a {
 width: 134px;
 height: 48px;
 background: url( '../img/but-submit-event-sprite.png' ) no-repeat top left;
 display: block;
 float: right;
}
#submit-event a:hover {
 background-position: 0% 100%;
}

#submit-event a span {
 display: none;
}


.school-list.dsbn {
 margin: 0px;
}

.school-list .org {
 font-weight: bold;
}

.text-box
{
    width: 400px;
    height: 100px;
}

input.datepicker
{
    width: 80px !important;
}

span.error { color: #f00; }

.next-prev a
{
    text-decoration: none;
    color: #8e5408 !important;
    text-shadow: 1px 1px 1px rgba( 255,255,255,0.3);
}

.next-prev a:hover
{
    text-decoration: none;
    color: #fff !important;
    text-shadow: 1px 1px 1px rgba( 0,0,0,0.3);
}


.event-details h5
{
    color: #8e8e8e;
}

.home-msg {
 padding-top: 1px;
}

.safety-wireless {
 background: url( '../img/wireless-bg.jpg' ) no-repeat top right;
}

.safety-wireless p {
 line-height: 17pt;
}



.safety-wireless .intro {
 margin-right: 300px;
}

#content ol.search-results {
 list-style: none;
 margin: 0px;
 padding: 0px;
}
#content ol.search-results h4 {
 margin: 0px;
 font-weight: normal;
}
#content ol.search-results .link {
 text-decoration: none;
 color: #093;
}
#content ol.search-results .link:hover {
 text-decoration: underline;
}
.results-for {
 margin-bottom: 14px;
}

.new {
 background: url('../img/new-flag.png') no-repeat;
 width: 26px;
 height: 12px;
 color: white;
 font-size: 7pt;
 line-height: 11px;
 padding-right: 9px;
 display: block;
 text-align: right;
 font-weight: bold;
 float: right;
 margin-top: 2px;
 margin-left: 4px;
 text-shadow: 0px 1px 1px rgba(0,0,0,0.4);
}

#nav-mobile-menu, #nav-mobile-search, .mobile-menu-toggle  {
 display: none;
}

.grid-col-25 {
 float: left;
 width: 25%;
}
.grid-col-33 {
 float: left;
 width: 33%;
}
.grid-col-50 {
 float: left;
 width: 50%;
}

.school-list,
.school-list-website {
 width: 100%;
}
.school-list-website-elementary {
 width: 90%;
}
.school-list th, 
.school-list td { padding: 12px; }
.school-list td h5 { font-size: 1.1em; margin-bottom: 3px; }
.school-list tr:nth-child(even) td,.school-list-website tr:nth-child(even) td { background: #E5E7F0; }


/* emergency notification */

.emergency-notification {
	color: #fff;
	font-size: 1.1em;
	font: Arial, Helvetica, sans-serif;
	background: url('../img/emergency/notification-border-bg.png') repeat-x top center #bc2e2d;
}
.emergency-inner {
	color: #fff;
	background: url('../img/emergency/notification-border-bg.png') repeat-x bottom center;
	padding: 40px;
}
.emergency-msg {
	background: url('../img/emergency/notification-icon.png') no-repeat 0px 0px;
    width: 960px;
    margin: 0 auto;
}
.emergency-msg h1 {
	color: #fff;
	font-size: 2em;
	border: 0 none;
	padding: 0 0 0 100px;
	margin: 0;
}
.emergency-msg p {
	padding: 0 0 0 100px;
	margin: 14px 0;
}
.emergency-msg a {
	color: #fff;
}
.emergency-msg a:hover {
	color: #FFB3B3;
}
.emergency-msg p.emergency-date-posted {
	padding: 0 0 0 100px;
    margin-bottom: 0;
	color: #FF7371;
}

/* trustee profile page modification */
h1 small {
 color: gray;
 font-size: 0.5em;
 font-weight:100;
}
.trustee-info-window.full-page .contact-info {
  padding: 1em;
  vertical-align: middle;
}
.trustee-info-window.full-page .contact-info > span {
  min-height: 25px;
  padding-top: 5px;
}
.trustee-info-window .secondary {
  padding-left: 2em;
  vertical-align: top;
}
a.back-we-go {
  font-size: 1.2em;
  color: #444;
  padding-bottom: 1em
}