/* Homepage Cascading Style Sheet */

	BODY	{ 
		font-family:"Trebuchet MS","Verdana", "Bitstream Vera Sans", "Arial", "Helvetica", sans-serif;
		font-size:11pt;
		background-color: #FFFFCC;
		background-image: url(../images/tabbkgnd.jpg);
/*		overflow: hidden;*/
		margin: 2px 0px 0px 1px; 
		}

	IMG 	{
		border: none;
		margin: 0 0 2px 0;
		}

	SUP 	{
		line-height: 0%;
		}

	TD	{
		font-family: Arial; 
		font-size: .95em;
		}

	TH	{
		font-family: Arial; 
		font-size: .95em;
		}
	a:hover{
		color: #242424;
		background-color: #FFFFCC;
	}

td.myheading{font-size:55px;
		font-family: 'Times New Roman';
		padding: 0px 0px 0px 10px!important;
 
		}

.heading{
	height:53px;
	width:400px;
/*	align:center;
	valign:center;*/

}

.innertube{
margin: 15px; /*Margins for inner DIV inside each DIV (to provide padding)*/
}

.innertube2{
margin: 0 30px 5px 30px; /*Margins for inner DIV inside each DIV (to provide padding)*/
}

.firstlet:first-letter
{
/*color: #ff0000;*/
font-family: 'Old English Text MT', 'Old English';
font-size: xx-large;
}

.welcome:first-letter
{
/*color: #ff0000;*/
font-family: 'URW Chancery L', 'Monotype Corsiva', 'Matura MT Script Capitals';
font-size:large;
}

/*This is for the onmouseover popup box*/

#dek {POSITION:absolute;VISIBILITY:hidden;Z-INDEX:200;}

td.mousepop{
	font-size: .75em;
	font-family: arial;
	color: black;
	text-decoration: none;
	text-align: left;
	}
.mousepop{
	color: black;
	text-decoration: none;
	}
	

.clear {
	clear: both;
	font-size: 1px;
	height: 0px
}

/* ------ New Round Corner Box CSS Code ----- */

.roundedcornr_box_270835 {
   background: #ffffff url(../images/roundedcornr_270835_grad.gif) repeat-x top left;

}

.roundedcornr_box_blue {
/*   background: #ffffff url(../images/light_blue_to_white_bg.gif) repeat-x top left;*/
   background: transparent; 

}
.roundedcornr_top_270835 div {
   background: url(../images/roundedcornr_270835_tl_16px.gif) no-repeat top left;
}
.roundedcornr_top_270835 {
   background: transparent url(../images/roundedcornr_270835_tr_16px.gif) no-repeat top right;
}
.roundedcornr_bottom_270835 div {
   background: url(../images/roundedcornr_270835_bl_16px.gif) no-repeat bottom left;
}
.roundedcornr_bottom_270835 {
   background: transparent url(../images/roundedcornr_270835_br_16px.gif) no-repeat bottom right;
}

.roundedcornr_top_270835 div, .roundedcornr_top_270835,
.roundedcornr_bottom_270835 div, .roundedcornr_bottom_270835 {
   width: 100%;
   height: 8px;
   font-size: 1px;
}

.roundedcornr_content_270835 {
	overflow-y: auto;
	font-family:arial;
	font-size:10pt;
	color: black;
 /*margin: 10px; */
	padding: 5px 15px 5px 15px!important;
}

.roundedtab_content_270835 {
/*	overflow-y: auto;*/
	font-family:arial;
	font-size:10pt;
	color: black;
 /*margin: 10px; */
	padding: 5px 3px 3px 3px!important;
}


/* $Id: example.css,v 1.5 2006/03/27 02:44:36 pat Exp $ */

/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
 display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {
}
.tabberlive {
/* margin-top:1em;*/
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav
{
 margin:0;
 padding: 1px 0;
 border-bottom: 1px solid #778;
/*  border-bottom: 1px solid #CC9966;*/
 font: bold 11px Verdana, sans-serif;
}

ul.tabbernav li
{
 list-style: none;
 margin: 0;
 display: inline;
}

ul.tabbernav li a
{
 padding: 3px 0.5em;
 margin-left: 2px;
 border: 1px solid #778;
/* border: 1px solid #CC9966;*/
 border-bottom: none;
/* background: #DDE;*/
 text-decoration: none;
 background: #BBBB99;
}

ul.tabbernav li a:link { color: #448; }
ul.tabbernav li a:visited { color: #667; }

ul.tabbernav li a:hover
{
/* color: #000;
 background: #AAE;
 border-color: #227;*/
	background-color: black;
	color: white;

}

ul.tabbernav li.tabberactive a
{
/* background-color: #fff;*/
 background-color: #DBFF6C;
/* border-bottom: 1px solid #fff;*/
 border-bottom: 1px solid #DBFF6C;
}

ul.tabbernav li.tabberactive a:hover
{
 background-color: #DBFF6C;
 border-bottom: 1px solid #DBFF6C;
 color: #448;
/*
 color: #000;
 background: white;
 border-bottom: 1px solid white;
*/
}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
 padding: 10px 10px 10px 10px ;

 border:1px solid #aaa;
/* border:1px solid #CC9966;*/
 border-right: 1px transparent; 
 border-left: 1px transparent; 
 border-bottom: 1px transparent; 


 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

/* height:75px;*/

/*
  height      : expression(document.body.clientHeight > 75 ? "75px" : "100%");
  max-height  : 75px;
*/

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

/* overflow:auto; */


/*  max-height:107px;*/ /*does not do anything for IE6 - need to check firefox*/
  overflow:auto;
/*  height:expression(
      this.scrollHeight > 104? "104px" : "auto" );*/
/*  vertical-align:top;*/

}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
 display:none;
}
.tabberlive .tabbertab h3 {
 display:none;
}

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
 height:200px;
 overflow:auto;
}

/* End of Tabber */




/*Calender */

.main {
width:200px;
/*border:1px solid black;*/
border:1px solid #CCCC99;
}

.month {
/*background-color:black;*/
background-color: #cccc99;
font:bold 12px verdana;
/*color:white;*/
color: black;
}

.daysofweek {
background-color:gray;
font:bold 12px verdana;
color:white;
}

.days {
font-size: 12px;
font-family:verdana;
color:black;
/*background-color: lightyellow;*/
/*background-color: #FFFFCC;*/
padding: 2px;
}

.days #today{
font-weight: bold;
color: red;
}



/* The Clock */
/*
table.clock {
  text-align: center;
	font-family:arial;
	font-size:9pt;
*/
/*  border: thin dotted blue;*/
/*  pindicatoring: 5px;*/
/*  margin: auto;*/
/*
}
*/

/*
.clocka {
  text-align: center;
	font-family:arial;
	font-size:9pt;
*/
/*  border: thin dotted blue;*/
/*  pindicatoring: 5px;*/
/*  margin: auto;*/
/*
}
*/

/*
  input.clock2 {
  text-align: center;
  border: none;
*/
/*  font: bold .9em verdana, helvetica, arial, sans-serif;*/
/*
	font-family:arial;
	font-size:10pt;

 pindicatoring-bottom: .5em;
}
*/

/*
.clock3 {
  text-align: center;
*/
/*  font: .7em verdana, arial, helvetica, ms sans serif;*/
/*
	font-family:arial;
	font-size: 8pt;

}
*/

table.clock{
	border: 0;
	background-color:#cccc99;
        background: url(../images/roundedcornr_270835_grad.gif) repeat-x top left;

	}

 td.styles {
	font-family:"ms sans serif",arial,helvetica,sans-serif; 
	font-size:11px; 	
	color:black
	}
 span.title {font-family:"ms sans serif",arial,helvetica,sans-serif; 
	font-size:11px; 	
	color:white
	}
 input.smallButton {
	background-color:#cccccc; 
	font-size:11px
	}
 select.theSelect {
	background-color:#000000; 
	font-family:"ms sans serif",verdana,arial,helvetica,sans-serif; 		
	font-size:10px; 
        font-weight: bold;
	color:#00ff00;
	}
 input.disp {	
	background-color:#000000; 
	font-family:"ms sans serif",arial,helvetica,sans-serif; 
	font-size:11px; 
	color:#00ff00; 
	text-align:center;
        font-weight: bold;
	}
 input.localTime {
	background-color:#606060; 
	font-family:"ms sans serif",arial,helvetica,sans-serif; 
	font-size:11px; 
        font-weight: bold;
	color:#00ff00; 
	text-align:center;
	}
 span.local {
	font-family:"ms sans serif",arial,helvetica,sans-serif; 
	font-size:11px; 	
	color:#606060
	}
 .copy {
	font-family:verdana,arial,helvetica,sans-serif; 
	font-size:11px; 
/*	line-height:16px*/
	}