@charset "UTF-8";

/*---------------------------------------------
|                Global CSS                   |
---------------------------------------------*/

* { margin:0;
    padding:0; }
    
body{ font-size: 62.5%; /* Resets 1em to 10px */
	  font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
      background: #FFF;
      color: black;
      text-align:center;}
      
.wrapper{ margin: 0 auto;
          width: 800px;
          text-align:left;
          font-size:1.2em; /*Standard font is now 12px*/ }
          
h1, h2, h3 { font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
			 font-weight: bold;
			 padding:0;
			 margin:0;}
		  
.italic { font-style: italic; }

.bold { font-weight:bold; }

.upperCased { text-transform:uppercase; }

.clear { clear:both; }

.footerBold { font-weight: bold; }

a, a:visited { color:blue;
               text-decoration:none;}
a:hover {text-decoration:underline;}

h1 { font-size: 1.8em;
	 text-align: center; }
	 
/*---------------------------------------------
|               Top Navigation                |
---------------------------------------------*/
  
#navBar{ margin: auto;
         z-index:1000;
         font-size:1.2em; 
         display:block;
         float:left;}

#navBar a, 
#nav a:link, 
#nav a:visited { text-decoration: none;
                 font-weight:bold;
                 background:navy;
                 color:white;
                 padding: 2.5px 0 2.5px 0;
				 border-right:1px solid white;
				 border-bottom:1px solid white;
                 display:block; }
 
#navBar a:hover { background:white;
	              color:blue; }

#navBar ul{ list-style: none;
            padding: 0;
            margin: 0; 
            z-index:1000;}

.nav li { float: left;
          position: relative;
          width: 133px;
          text-align: center;
          color: black; 
          z-index:1000;}	
	
.nav li ul { display: none;
             position: absolute;
             width: 100%;
			 background:white;
             color: black; }	

.nav li li { display: block;
             width: 100%;
             float: none; }

.nav li li a { display: block;
               font-weight: normal; }

.nav li:hover ul{ display:block;
                  z-index:1000; }
                  
#last a, #last a:link, #last a:visited { border:none;}
 
/*---------------------------------------------
|          Tooltip CSS (for Calendar)         |
---------------------------------------------*/

.hotspot { color:#900; 
		   padding-bottom:1px; 
		   border-bottom:1px dotted #900; 
		   cursor:pointer; }

#tt { position:absolute; 
	  display:block; 
	  background:url(images/tt_left.gif) top left no-repeat;
	  z-index:990;
	  font-size:1.1em; }

#tttop { display:block; 
		 height:5px; 
		 margin-left:5px; 
		 background:url(images/tt_top.gif) top right no-repeat; 
		 overflow:hidden;
		 z-index:990; }

#ttcont { display:block; 
		  padding:2px 12px 3px 7px; 
		  margin-left:5px; 
		  background:#666; 
		  color:#FFF;
		  z-index:990; }

#ttbot { display:block; 
		 height:5px; 
		 margin-left:5px; 
		 background:url(images/tt_bottom.gif) top right no-repeat; 
		 overflow:hidden;
		 z-index:990; }
		 
/*---------------------------------------------
|                 Main Site                   |
---------------------------------------------*/

.content p {padding-top:15px;}

.docHead { display:block;
           float:left;}

/** Three Column Layout **/
.colmask { position:relative;	
		   clear:both;
		   float:left;
		   width:100%;			
		   overflow:hidden; }
.colright,
.colmid,
.colleft { float:left;
		   width:100%;	
		   position:relative; }
.col1,
.col2,
.col3 {	float:left;
		position:relative;
		padding:0 0 1em 0;	
		overflow:hidden;}
.colmask { background:#eee; }
.colmask .colmid { background:#fff; }
.colmask .colleft { background:#f4f4f4;	}
.colmask .col2 { width:50%;
                 background:#fff;
                 padding:10px 10px 0 10px; }
.colmask .col1 { width:21%;
                 padding:10px 10px 0 10px; }
.colmask .col3 { width:21%;
                 padding:10px 10px 0 10px; }

/** Two Column Layout **/
.twocolmask { position:relative;	
		      clear:both;
		      float:left;
		      width:100%; }
.twocolmid,
.twocolleft { float:left;
		      width:100%;	
		      position:relative; }
.twocol1,
.twocol2 { float:left;
		   position:relative;
		   padding:0 0 1em 0;	
		   overflow:hidden;}
.twocolmask { background:#eee; }
.twocolmask .twocolmid { background:#fff; }
.twocolmask .twocolleft { background:#f4f4f4; }
.twocolmask .twocol1 { width:74%;
                       padding:10px 10px 0 10px;
                       background:#fff; }
.twocolmask .twocol2 { width:21%;
                       padding:10px 10px 0 10px;}
/*---------------------------------------------
|                    Footer                   |
---------------------------------------------*/

#footer { width:100%;
          display:block;
          float:left;
          text-align:center; 
          margin: 15px 0 0 0;
          font-size:1.1em;}
          
#footer a, a:visited, a:hover {color:blue;
                               text-decoration:underline;}