/* CSS Document */
/* html tag overides */
html {font-size:100.01%;margin:0;padding:0;border:none; }
body {font-size:.9em;margin:0;padding:0;border:none;background:#fff url(/images/sms-bg5.png) top repeat-x;font-family:Tahoma;}
h1 {font-size:20px;font-family:Arial Narrow;color:#660000;padding:0 1em .5em 0;margin:0;font-stretch:ultra-condensed;}
h2 {font-size:16px;font-family:Tahoma;color:#660000;padding:1.2em 1em 0 0;margin:0;font-stretch:ultra-condensed;}
h3 {font-size:18px;font-family:Arial Narrow;color:#333;padding:1em 1em .5em 0;margin:0;font-stretch:ultra-condensed;}
a {text-decoration:none;color:#660000;}
a:link {text-decoration:none;}
a:visited {text-decoration:none;color:#660000;}
a:active {text-decoration:none;}
a:hover {text-decoration:none;color:#666;}
/* layout css */
#container {width:1024px;position:center;margin: 0 auto;padding:20px 0 0 0;}
#header {width:1024px;height:133px;position:center;margin: 0 auto;padding:0;border:solid 1px #9f9f9f;background:#fff;}
#nav {}
#r-photos {border:solid 1px #9f9f9f;margin:0;padding:0;background:#fff;}
#rotate_container { height: 205px; width: 1024px; overflow: hidden; }
#buttons {padding:5px;position:center;margin: 0 auto;}
#buttons img {padding:0 4px;margin:0;}
#bodyCont {background:#F4F4F4;border:solid 1px #ddd;position:center;margin-top:10px;padding:5px;}
#left {width:705px;float:left;padding:10px;margin:0;}
#right {width:265px;float:right;padding:10px;margin:0;}
#calendar { }
#footer {width:1024px;position:center;margin: 0 auto;padding:5px;}
.logo {width:144px;height:133px;margin:0;padding:5px 10px 0 10px;position:absolute;}
.address {}
.address h1 {font-size:32px;font-family:Tahoma;color:#660000;padding:.5em 0 0 0;margin:0;font-stretch:ultra-condensed;text-align:center;}
.address p {text-align:center;color:#333333;padding:0;}
/* borders css */
.boxes {background:#fff url(/images/h1-bg.png) top repeat-x;border:solid 1px #ddd;padding:5px;margin:0 0 10px 0;}
.rightCont {width:250px;padding:0;margin:0;}
.leftCont {width:720px;padding:0;margin:0;}
.leftCont p {margin:0;padding:10px 30px 10px 10px;}
.leftCont ul, ol {padding:.8em 1em;margin:0 .3em;}
.leftCont img {padding:0 20px 0 10px;margin:0;}
/* navigation css */
.menu {border:none;border:0px;margin:0px;padding:0px;font-family:verdana,geneva,arial,helvetica,sans-serif;font-size:14px;font-weight:bold;color:8e8e8e;}
.menu ul {background:url(/images/menu-bg.gif) left repeat-x;height:43px;list-style:none;margin:0;padding:0;}
.menu li {float:left;padding:0px 8px;margin:0;}
.menu li a {color:#666;display:block;font-weight:bold;line-height:43px;padding:0px 25px;text-align:center;text-decoration:none;margin:0;}
.menu li a:hover {background:url(/images/current-bg.gif) repeat-x;color:#ffffff;text-decoration:none;height:auto;}
.menu li ul{background:#e0e0e0;border-left:2px solid #9f9f9f;border-right:2px solid #9f9f9f;border-bottom:2px solid #9f9f9f;display:none;height:auto;filter:alpha(opacity=95);opacity:0.95;position:absolute;width:160px;z-index:200;/*top:1em;/*left:0;*/}
.menu li:hover ul{display:block;}
.menu li li {display:block;float:none;padding:0px;width:160px;height:auto;}
.menu li ul a{display:block;font-size:12px;font-style:normal;padding:0px 10px 10px 15px;text-align:left;height:32px;}
.menu li ul a:hover{background:#949494;color:#000000;opacity:1.0;filter:alpha(opacity=100);height:32px;}
.menu p{clear:left;}
.menu #current{background:url(/images/current-bg.gif) top left repeat-x;color:#ffffff;}
/* navigation css */
#footer td {font-size:.75em;color:#666;}
#footer a {text-decoration:none;color:#666;}
#footer a:link {text-decoration:none;}
#footer a:visited {text-decoration:none;}
#footer a:active {text-decoration:none;}
#footer a:hover {text-decoration:none;color:#660000;}
/* for jQuery overlay */
.overlay { display: none; z-index: 10000; background-color: #fff; width: 600px; min-height: 200px; border: 2px solid #333; -moz-box-shadow: 0 0 90px 5px #000; -webkit-box-shadow: 0 0 90px #000; }
.overlay h2 { font-size: 20px; color: #500; margin: 0px; padding: 10px 0px 5px 45px; }
.overlay h3, .overlay h3 a { margin: 0px; padding: 0px 0px 5px 23px; border-bottom: 2px solid #500; font-size: 12px; color: #500; }
.overlay .close { background-image: url(/icon/close.png); position: absolute; right: -15px; top: -15px; cursor: pointer; height: 35px; width: 35px; }
.contentWrap { padding: 5px; overflow-y: auto; }
.contentWrap span { margin-top: 3px; }
/* for event scheduler */
.calendar { }
.calendar .month td { text-align: center; font-weight: bold; }
.calendar .days td { border-bottom: 1 px solid #CCC; border: 0 0 1 0; width: 93px; height: 20px; text-align: center; }
.calendar .rows td { height: 76px; border: 1px solid #CCC; text-align: right; vertical-align: top; padding: 3px; }
.calendar .rows .outofmonth { color: #999; }
.calendar .rows .activedate { background-color: #CCC; }
.calendar .rows .showdate { background-color: #EEE; }
.calendar #cal_back { float: left; }
.calendar #cal_next { float: right; }
/* staff directory table */
.staff td { padding: 5px; }
.staff img { border: 0px; }
/*student works stuff*/
.sw_preview { text-align: center; padding-left: 23px; }
.sw_preview_box { margin: 5px; width: 200px; height: 133px; overflow: hidden; }
.sw_preview_box img { border: 0px; }
/*jQuery scroller*/
.scrollable { position: relative; overflow: hidden; width: 960px; height: 133px;}
.scroll_items { width: 20000em; position: absolute; }
.scroll_items div { float: left; }