/* FILE: templates/nbto/style.css */
body {
    background-image: url(../templates/nbto/images/bubkgnd.gif);
    background-color: #FFFFFF;
    color: #000000;
    font-family: Arial, Arial, Helvetica;
    font-size: 10pt;
}

html, body {
    height: 100%;
}

a {
    color: #0202CC;
}

a:visited {
    color: #0202CC;
}

a:active {
    color: #0202CC;
}

a:hover {
    color: #0202CC;
}

ul#leftnav {
    list-style-type: none;
    text-index: -25px;
}

ul#leftnav, ul#leftnave li {
    margin-left: 0;
    padding-left: 0;
}

ul#leftnav li {
    list-style-type: none;
    width:185px;
    margin-left: 0px;
}

ul#leftnav li a.leftnavinactive {
    background-image: url(../templates/nbto/images/pencil_hover.gif);
    height: 29px;
    display: block;
    background-repeat: no-repeat;
    padding-top: 4px;
    text-align: center;
    font-weight: bold;
    text-decoration: none;
    color: #FFFFFF;
    width: 187px;
}

ul#leftnav li a.leftnavactive {
    background-image: url(../templates/nbto/images/pencil_active.gif);
    height: 29px;
    display: block;
    background-repeat: no-repeat;
    padding-top: 4px;
    text-align: center;
    font-weight: bold;
    text-decoration: none;
    color: #FFFFFF;
    width: 187px;
}

ul#leftnav li a:hover {
    background-image: url(../templates/nbto/images/pencil_active.gif);
}

#page {
    margin-bottom: -50px;
    position: relative;
    min-height: 100%:
    min-width: 1024px;
    width: 1024px;
}

#top {
    height: 163px;
    padding-bottom: 4px;
    width: 100%;
}

#NavHeader {
    height:153px;
    background-image: url(../templates/nbto/images/blackboard1.jpg);
    width:562px;
    font-family: Verdana;
    background-repeat: no-repeat;
    font-size: 18pt;
    color: #FFFFFF;
    float:left;
    text-align: center;
}

#NavTitle {
    font-weight:bold;
    width:562px;
    margin-top: 55px;
    -moz-opacity:.92; 
    filter:alpha(opacity=92); 
    opacity:.92;    
}

#penholder {
    width: 125px;
    height: 167px;
    background-image: url(../templates/nbto/images/holder2.png);
    background-repeat: no-repeat;
    float:left;
}

#leftnav {
    float: left;
    width: 200px;
    height: 100%;
}

#maincontent {
    float: left;
    margin-left: 25px;
    width: 760px;
    padding: 4px;
}


.container {
    vertical-align: top;
    background-color:#FFFFFF;
    border:2px solid #FF0000;
    float:left;
    width:748px;
}

.headerbar {
    background-image:url(../templates/nbto/images/header-bg.gif);
    background-position:center top;
    background-repeat:repeat-x;
    border-bottom:1px solid #FF0000;
    color:#FFFFFF;
    font-size:14pt;
    font-weight:bold;
    height:20px;
    padding:3px;
}

.articleholder {
    padding: 4px;
    vertical-align: top;
    overflow: auto;
    width: 740px;
    max-height: 471px;
}

.article_thumb {
    min-width:137px;
    max-width:137px;
    width:137px;
    height:110px;
    min-width:138px;
    max-width:138px;
    float: left;
}

ul.subsection {
    min-height: 25px;
}

li.subsection: {
    text-indent: 0px;
    margin: 0px;
    list-style: none;
    font-size: 14pt;
}

li.subsection_inline {
    min-height: 25px;
    font-size: 16pt;
    line-height:16pt;
    font-weight:bold;
    color:#FF0000;
    margin:0px;
    padding: 5px;
    list-style: none;
    color: #FF0000;
    text-indent: 0px;
}

li.article {
    list-style-image: url(../templates/nbto/images/abubull1.gif);
    padding: 5px;
    line-height: 14pt;
    font-weight: bold;
    font-size: 12pt;
}

.article_teaser {
    height:110px;
}

.article_desc {
    float:left;
    width: 575px;
    text-align: justify;
    padding-left: 5px;
}
.article_desc_long {
	float: left;
	width: 718px;
	text-align: justify;
	margin-left:auto;
	margin-right:auto;
}

.article_desc p {
    padding: 0px;
    margin: 0px;
}

a.article_link {
    font-weight: bold;
    text-decoration: none;
    font-size: 14pt;
    color: #000000;
}

a.small_link {
    font-size: 8pt;
}

div.spacer10 {
    display: block;
    clear: both;
    height: 10px;
    padding-bottom:8px;
}

hr.fun {
    background-image: url(../templates/nbto/images/aburule.gif);
    backgroun-repeat: no-repeat;
    width:600px;
    height:10px;
    border: 0px;
    border-style: none;
}

.footer_text {
    font-size: 10pt;
}

#site_update {
    font-size: 13pt;
    border: 2px solid #000000;
    width:175px;
    height:100px;
    padding: 4px;
    position: relative;
    margin-left: auto;
    margin-right:auto;
}

#clearfooter {
    height: 50px;
    clear: both;
}

#footer {
    height: 50px;
    position: relative;
}

.article_title {
    color: #E4AC00;
}

.article_body {
    font-size: 12pt;
}

div.announcement {
    border: 2px solid #CC0000;
    color: #CC0000;
    font-weight:bold;
    padding: 4px;
    width: 600px;
    margin-left: auto;
    margin-right: auto;
    text-align: justify;
}

ul.article_pics {
    list-style-type: none;
	width: 820px;
	text-indent: 0px;
	margin: auto;
	padding: 0px;
	float: left;
	position: relative;
}

ul.article_pics li {
	margin: 0px;
	padding-right: 10px;
	padding-bottom: 10px;
	float: left;
	width: 400px;
	height: 300px;
	text-indent: 0px;
}


/* FILE: clib/jqModal.css */
/* jqModal base Styling courtesy of;
	Brice Burgess <bhb@iceburg.net> */
    
/* MODIFIED BY KEN DOWNS to adhere to colors of 
   "Rocket Theme" 4/2/08 for inclusion in Andromeda. 
   
*/

/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
	the Window's z-index value will be set to 3000 by default (in jqModal.js). You
	can change this value by either;
	  a) supplying one via CSS
	  b) passing the "zIndex" parameter. E.g.  (window).jqm({zIndex: 500}); */
	
.jqmWindow {
    display: none;
    
    position: fixed;
    top: 20%;
    margin-left: auto;
    margin-right: auto;
    width: 20%;
    
    /* margin-left: -300px; */
    /* width: 600px; */
    
    background-color: #EFEFF7;
    color: #333;
    border: 6px solid #A5AAAD;
    padding: 0px;
}

/* Also see the style sheets red, blue, etc to define bg colors */
td#jqmTitle {
    height: 22px;
    color: white;
    font-size: 125%;
    padding-left: 8px;
    font-weight:bold;
}

.jqmHeader {
    background-color: #0000AA;
}

td#jqmMessage {
    padding: 8px 8px 8px 15px;
    font-size: 110%;
    background-color: #EFEFF7;
}

.jqmOverlay { background-color: #000; }

/* Background iframe styling for IE6. Prevents ActiveX bleed-through
  (<select> form elements, etc.) */
* iframe.jqm {position:absolute;top:0;left:0;z-index:-1;
	width: expression(this.parentNode.offsetWidth+'px');
	height: expression(this.parentNode.offsetHeight+'px');
}

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}
/* FILE: clib/jquery.timeentry.css */
/* timeEntry styles */
.timeEntry_control {
	vertical-align: middle;
	margin-left: 2px;
}
* html .timeEntry_control { /* IE only */
	margin-top: -4px;
}

/* FILE: clib/date_input.css */
/* Some resets for compatibility with existing CSS */
.date_selector, .date_selector * {
  width: auto;
  height: auto;
  border: none;
  background: none;
  margin: 0;
  padding: 0;
  text-align: left;
  text-decoration: none;
}
.date_selector {
  background: #F2F2F2;
  border: 1px solid #bbb;
  padding: 5px;
  margin: -1px 0 0 0;
  position: absolute;
  z-index: 100000;
  display: none;
}
.date_selector_ieframe {
  position: absolute;
  z-index: 99999;
  display: none;
}
  .date_selector .month_nav {
    margin: 0 0 5px 0;
    padding: 0;
    display: block;
  }
    .date_selector .month_name {
      font-weight: bold;
      line-height: 20px;
      display: block;
      text-align: center;
    }
    .date_selector .month_nav a {
      display: block;
      position: absolute;
      top: 5px;
      width: 20px;
      height: 20px;
      line-height: 17px;
      font-weight: bold;
      color: #003C78;
      text-align: center;
      font-size: 120%;
      overflow: hidden;
    }
      .date_selector .month_nav a:hover, .date_selector .month_nav a:focus {
        background: none;
        color: #003C78;
        text-decoration: none;
      }
    .date_selector .prev {
      left: 5px;
    }
    .date_selector .next {
      right: 5px;
    }
  .date_selector table {
    border-spacing: 0;
    border-collapse: collapse;
  }
    .date_selector th, .date_selector td {
      width: 2.5em;
      height: 2em;
      padding: 0;
      text-align: center;
    }
    .date_selector td {
      border: 1px solid #ccc;
      line-height: 2em;
      text-align: center;
      white-space: nowrap;
      background: white;
    }
    .date_selector td.today {
      background: #FFFED9;
    }
    .date_selector td.unselected_month {
      color: #ccc;
    }
      .date_selector td a {
        display: block;
        text-decoration: none !important;
        width: 100%;
        height: 100%;
        line-height: 2em;
        color: #003C78;
        text-align: center;
      }
      .date_selector td.today a {
        background: #FFFEB3;
      }
      .date_selector td.selected a {
        background: #D8DFE5;
        font-weight: bold;
      }
        .date_selector td a:hover {
          background: #003C78;
          color: white;
        }

/* FILE: clib/jquery.tooltip.css */
#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background-color: #eee;
	padding: 5px;
	opacity: 0.85;
}
#tooltip h3, #tooltip div { margin: 0; }

/* FILE: templates/nbto/css/x2.css */

/* FILE: clib/dhtmlgoodies_calendar.css */
#calendarDiv{
	position:absolute;
	width:205px;
	border:1px solid #317082;
	padding:1px;
	background-color: #FFF;
	font-family:arial;
	font-size:10px;
	padding-bottom:20px;
	visibility:hidden;
}
#calendarDiv span,#calendarDiv img{
	float:left;
}
#calendarDiv .selectBox,#calendarDiv .selectBoxOver{
	
	line-height:12px;
	padding:1px;
	cursor:pointer;
	padding-left:2px;
}

#calendarDiv td{
	padding:3px;
	margin:0px;
	font-size:10px;
}

#calendarDiv .selectBox{
	border:1px solid #E2EBED;		
	color: #E2EBED;
	position:relative;
}
#calendarDiv .selectBoxOver{
	border:1px solid #FFF;
	background-color: #317082;
	color: #FFF;
	position:relative;
}

#calendarDiv .topBar{
	height:16px;
	padding:2px;
	background-color: #317082;


}
#calendarDiv .activeDay{	/* Active day in the calendar */
	color:#FF0000;
}
#calendarDiv .todaysDate{
	height:17px;
	line-height:17px;
	padding:2px;
	background-color: #E2EBED;
	text-align:center;
	position:absolute;
	bottom:0px;
	width:201px;
}
#calendarDiv .monthYearPicker{
	background-color: #E2EBED;
	border:1px solid #AAAAAA;
	position:absolute;
	color: #317082;
	left:0px;
	top:15px;
	z-index:1000;
	display:none;

}
#calendarDiv #monthSelect{
	width:70px;
}
#calendarDiv .monthYearPicker div{
	float:none;
	clear:both;	
	padding:1px;
	margin:1px;	
	cursor:pointer;
}
#calendarDiv .monthYearActive{
	background-color:#317082;
	color: #E2EBED;
}

#calendarDiv td{
	text-align:right;
	cursor:pointer;
}

#calendarDiv .topBar img{
	cursor:pointer;
}
#calendarDiv .topBar div{
	float:left;
	margin-right:1px;
}
/* FILE: clib/andromeda.css */
/* Generic relative-position div element.       */
/* You need this as outer container so you can  */
/* relatively position the inner guys           */
div.andro_rel {
   position: relative;
   width: 100%;
}

div.andro_right {
   position: absolute;
   top: 0px; 
   right: 0px;
   text-align: right;
}

div.andro_space2 {   height: 2px;  }
div.andro_space3 {   height: 3px;  }
div.andro_space4 {   height: 4px;  }
div.andro_space5 {   height: 5px;  }