/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 
    body
    {
        /* background:lightyellow; */
        font: 10pt sans-serif;
        margin: 0;
        padding: 0;
    }
    
a:hover {
	text-decoration: none;
	color:#000099;

}

/* overrides decoration from previous rule for hovered links */

h1, h2, h3, h4, h5, h6 {
	font-family: Arial,sans-serif;
	margin: 0px;
	padding: 0px;
}

h1{
	font-family: Verdana,Arial,sans-serif;
	font-size: 115%;
	color: #334d55;
	font: arial;
}

h2{
	font-size: 100%;
	color: #006699;
}

h3{
	font-size: 100%;
	color: #006699;
}

h4{
 font-size: 125%;
 font-weight: normal;
 color: #333333;
}

h5{
	border-top: 1px solid #cccccc;
	background-color: #FFFFFF;
	padding: 2px 0px 2px 10px;
	color: #006699;
	text-decoration:none;
	font:bold;
	font-size: 100%;
}

ul{
 list-style-type: disc;
}

ul ul{
 list-style-type: disc;
}

ul ul ul{
 list-style-type: none;
}

label{
 font: bold 100% Arial,sans-serif;
 color: #334d55;
}
		
/***********************************************/
/* Layout Divs                                 */
/***********************************************/ 

    div#container
    {
        border: 1px solid black;
        min-width: 600px;
        max-width: 1000px;
        min-height:575px;
        position: relative;
        margin: 10px;
    }
    
    div#left 
    {
        position:absolute;
        top: 80px;
        bottom: 0;
        left: 0;
        width: 165px;
        border-bottom-style: solid;
        border-bottom-width: 1px;
        background: rgb(234, 234, 234);
        /* padding: 5px; */
        border-right: 1px solid black;
    }
    
    div#content
    {
        margin-left: 166px;
        background: white;
        min-height: 465px;
        border: 1px solid white;
        padding: 10px;
    }
    
    /* div#container
    {
        width: expression(
            documentElement.clientWidth >= 1000?
                1000
            :
                (documentElement.clientWidth <= 600? 600: 'auto')
                );
    }
    
    div#left 
    {
        top:80px;
        height: expression(
            document.getElementId('container').ofsetHeight - 12);
    }  
    */
    
    a:link, a:visited, a:hover {
	color:#0066CC;
	text-decoration: none;
	font:bold;
}

#masthead{
	padding: 0px 0px 0px 0px;
	/* width: 800px; */
	height: 78px; 
	/* background-image:url(images/Background_6.gif); */
	/* background-color: #E5F9FE; */
	background-color: #E5FEFE;
	position: relative;
	margin-bottom: 0px;

}

#navBar{
	padding: 0px 0px 0px 0px;
	background-color: #E5FEFE;
	margin-top: 0px;
	margin-bottom: 0;
	margin-left: 0;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #ccc;
	border-bottom-color: #ccc;
	width: 165px;
	float: left;
}

#headerBar {
	background-color: #999999;
	position: relative;
	height: 10px;
}


/***********************************************/
/*Component Divs                               */
/***********************************************/

#siteName{
	margin: 0px;
	color: #0099CC;
	vertical-align: bottom;
	/* background-image:url(images/Background_6.gif);  */
	font-size: 20pt;
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	font-weight: 900;
}


/*********** #navBar link styles ***********/

#navBar
{
    height:100%;  
    /* background-color: Blue; */
}

#navBar ul a:link, #navBar ul a:visited {
	display: block;
	height: 27px;
}

#navBar ul {
	list-style: none;
	margin: 0;
	padding: 0;
	border: 1 solid #333333; 
    /* background-color: #E5FEFE; */
/**	border: 1px solid #cccccc  **/
}

/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
				

/*********** #sectionLinks styles ***********/

#sectionLinks{
	position: relative;
	padding: 0px;
	border-bottom: 1px solid #cccccc;
	font-size: 145%;
	background-color: #0099CC;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	text-align: left;
}

#sectionLinks h3{
	border-top: 1px solid #cccccc;
	background-color: #FFFFFF;
	padding: 2px 0px 2px 10px;
	color: #006699;
	text-decoration:none;
	font:bold;
	font-size: 100%;
}

#sectionLinks a:link{
	padding: 2px 0px 2px 10px;
	border-top: 1px solid #cccccc;
	width: auto;
	color:#FFFFFF;
	text-decoration:none;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: auto;
	height: 20px;
}

#sectionLinks a:visited{
	border-top: 1px solid #cccccc;
	padding: 2px 0px 2px 10px;
	color: #FFFFFF;
	text-decoration:none;
}

#sectionLinks a:hover{
	border-top: 1px solid #cccccc;
	background-color: #FFFFF1;
	padding: 2px 0px 2px 10px;
	color: #006699;
	text-decoration:none;
}

.Header2
{
    font-size: 12pt;
}
  
 /************* #siteInfo styles ***************/

#siteInfo{
	clear: both;
	font-size: 85%;
	padding: 5px 0px 5px 8px;
	margin-top: 0px;
	/* color: Black; */
	color: #006699; 
	/* background-color: #999999; */
	background-color: #C1CDCD;
	/* width: 792px;  */
	position: relative;
	text-align: left;
}
/* negative top margin pulls siteinfo up so its top border overlaps (and thus lines up with)
	the bottom border of the navBar in cases where they touch */

#siteInfo img{
	padding: 0px;
	vertical-align: middle;
}

#siteInfo a:link, #siteInfo a:visited{
	color: #006699;
	text-decoration:none;
}

#siteInfo a:hover{
	color: #006699;
	text-decoration:underline;
}