/* Fixed header and footer idea adapted from http://www.cssplay.co.uk/layouts/body4.html */ 

* {
	padding: 0;
	margin: 0;
	}

body {  
  background:#E3F1FF;
  font-family:arial, verdana, sans-serif;
  font-size:90%;
  }

img {
	border-style:none;
	/* IE hack to remove whitespace from bottom of image */
	vertical-align: bottom	
  }

th {
 background:black;
 }

td {
 padding:2px; 
 margin:2px;
 }
 
.submitLink {
   color: #00f;
   background-color: transparent;
   text-decoration: underline;
   border: none;
   cursor: pointer;
   cursor: hand;
   font-size:1.3em;
  }
  
.bodyLink { text-decoration: none; font-size:1.3em;}  

ul {
margin-left:30px;
margin-right:0px;
} 

ol {
margin-left:30px;
margin-right:0px;
} 


p {margin:5px 5px 0 10px;}


.MyCalendar .ajax__calendar_container {
    border:1px solid #646464;
    background-color: Silver;
    color: red;
}
  
#DMIHeaderBox {
	border-width: 15px; 
	border-style: solid; 
	border-color: black;
    background-color:black;	
	font-family:verdana, arial, verdana;
    font-size:76%;

    }

#DMIHeaderBox h3 {font-style: normal; font-size: 2.0em; }
    
#DMIHeaderLeft {
	float:left; 	 
    margin-right:0.75em;
    background-color:black;	
}

#DMIHeaderLeft h2 {
	margin-left: 0.5em;	
	font-size: 1.8em; 	
}

#DMIHeaderLeft h3 
{	
	margin-left: 5em;		
	font-size: 1.0em; 
}

#DMIHeaderLeft a:link {text-decoration: none; color:White}
#DMIHeaderLeft a:visited {text-decoration: none; color:White}
#DMIHeaderLeft a:active {text-decoration: none; color:White}
#DMIHeaderLeft a:hover {text-decoration: none; color:orange}

    
#DMIHeaderRightTop img 
{
	vertical-align:text-top;
	margin-right:0.5em;
	width:1.95em;
	height:2.5em;
	background-color:black;
}   
/*#DMIHeaderRightTop h3 {background-image: url(usercontrols/images/dmi_blue.png)} */
#DMIHeaderRightTop h3 {text-decoration: none; color:Orange; background-color: black;}

/* Main content areas of site */
div#content {
	width: 900px;
	margin-left: 20px;
	background: #E3F1FF;
}
div#contentarea {
	margin: 0;
    padding: 6px 6px 0 8px;
	border-left: 1px solid #AF5C38;
}

span {
	padding-left:40px
}

/*TABS*/
#tabbar {
	float:left;
	width:100%;
	clear:both;
	font-size:110%;
    line-height:normal;
	font-weight:bold;
	background-image:url(images/tabback.gif);
	background-repeat:repeat-x;
	border-bottom:1px solid #0003F9;
	background-color:#91C1FF;
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
	font-size:76%;
}
#tabbar h2 {
	position:absolute;
	left: -200em;
}

#tabbar ul {
	margin:0;
	padding:0px 10px 0 50px;
	list-style:none;
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
}
#tabbar li {
	display:inline;
    margin:0;
    padding:0;
}
#tabbar a {
    float:left;
    background:url(images/tableft.gif) no-repeat left top;
    margin:0;
    padding:0 0 0 4px;
    text-decoration:none;
	text-align:center;
}
#tabbar a span {
    float:left;
    display:block;
    background:url(images/tabright.gif) no-repeat right top;
    padding:5px 15px 4px 6px;
    color:#333333;
}
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabbar a span {float:none;}
    /* End IE5-Mac hack */
#tabbar a:hover span {
    color:#000000;
}
#tabbar a:hover {
    background-position:0% -128px;
}
#tabbar a:hover span {
    background-position:100% -128px;
}
.tabcontent{
	display:none;
	height:1em;
}
.endpiece{
	border-right:1px solid #0003F9;
}

#tabbar li ul { /* second-level lists */
	position: absolute;
	background-image:none;
	font-size:90%;
	font-weight:normal;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	background-image: url(images/transparent.gif);
}
#tabbar li ul a{
	background-image:none;
	border-right:1px solid black;
	padding-right:.5em;
	padding-left:.5em;
	margin:0;
}

#tabbar li:hover ul, #tabbar li.sfhover ul { /* lists nested under hovered list items */
	margin-top:1.6em;
	padding:.5em 0 .3em 0;
	left: 0;
	margin-right: 210px;
}

/*BOTTOMBAR*/
DIV#bottombar {
	background-color:white;
	CLEAR: both; 
	PADDING: .5em; 
	MARGIN: 0;
	text-align:left;
	background-color:#91C1FF;
	background-image:url(images/infobarback.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	border-top: 1px solid #0646FD;
	padding-right:205px;
}