/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 

body{
	background-color:#FFFFFF;
    FONT-FAMILY: Arial, Helvetica, Verdana;
    FONT-SIZE: 12px; 
    FONT-STYLE: normal; 
    FONT-VARIANT: normal; 
    FONT-WEIGHT: normal; 
	color: #333333; 
	line-height: 1.166;	
	margin-left: 2%;
	padding: 10px;
}

a:link {
	color:#069;
    text-decoration: none;
	font-weight:bold;
}

a:visited {
    color:#069;
	text-decoration: none;
	font-weight:bold;
}

a:hover {
	color:#FF0000;
    background-color: #FFFFFF;
    text-decoration: none;
	font-weight:bold;
}

a:active {
	text-decoration: none;
	font-weight:bold;
}

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

h1{
 font-size: 120%;
 color: #334d55;
}

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

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

h4{
 font-size: 90%;
 color: #334d55;
}

h5{
 font-size: 80%;
 color: #334d55;
}

ul{
 list-style-type: square;
}

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

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

table{
	padding:5px;
	width:auto;
	color: #000000;
}

table.index{
	border: 1px solid #FAFAFA;
	padding:5px;
	width:auto;
	color: #000000;
	font-size: 9px;
}

table.body{
	border: 1px solid #FAFAFA;
	padding:5px;
	width:auto;
	COLOR: #076f8f;
    TEXT-DECORATION: none; 
    FONT-FAMILY: verdana,Arial, Helvetica, Verdana;
    FONT-SIZE: 10px; 
    FONT-STYLE: normal; 
    FONT-VARIANT: normal; 
    FONT-WEIGHT: normal; 
}

tr.heading{
	background-color:#999999;
	font:Arial, Helvetica, sans-serif;
	text-align:center;
	color:#FFFFFF;
}

tr.separator{
	background-color:#FFCCFF;
}

tr.done{
	background-color:#D11332;
	color: #FFFFFF;
}

td.topRight{
	text-align:right;
	padding: 3px; 
	vertical-align:top;
}

td a:link {
	color:#069;
    text-decoration: none;
}

td a:hover {
	color:#FF0000;
	/* background-color: #EBEBEB; */
	text-decoration: none;
}

pre { width:80%;
	font:"Courier New", Courier, mono;
}

/************** pin down menu  **************/

div.banner {
  margin: 0;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 80% /*smaller*/;
  font-weight: bold;
  line-height: 1.1;
  text-align: left;
  position: fixed;
  top: 80px;
  left: auto;
  width: 100px;
  right: 20px;
}

div.banner p {
	margin: 0;
	padding: 4px 5px;
	font-family: Arial, sans-serif;
	background: #006699;
/*	border: thin outset #900; */
	color: white;
	
}

div.banner a, div.banner em { display: block; padding: 2px 2px 2px 2px }
div.banner a { border-top: 2px groove #900 }
div.banner a:first-child { border-top: none }
div.banner em { color: #CFC }

div.banner a:link { text-decoration: none; color: white }
div.banner a:visited { text-decoration: none; color: #CCC }
div.banner a:hover { 
	color: white;
	background-color: #003366;
}

div.example {
    background: white;
    color: #603;
    border: #603 solid;
    padding: 0.6em;
    margin: 1em 2em 
}
div.boxContent { 
    color: #603;
    padding: 0.6em;
    margin: .5em 2em 
}

blockquote {
	background: white;
	color: #000000;
	border: #603;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px
}

.menuheading {
	background-color: #eee;
	text-decoration: none;
	display:block;
	border: thin solid black;
	margin-left:5px;
	margin-right:5px;
	margin-top: 5px;
	COLOR: #076f8f;
	FONT-FAMILY: Arial, Helvetica, Verdana;
	FONT-SIZE: 12px;
	FONT-STYLE: normal;
	FONT-VARIANT: normal;
	FONT-WEIGHT: bold;
	text-align: center;
}
.menuheading a {
        color:#069;
        background-color: #FFF;      
        text-decoration: none;
        display:block;
        border: thin solid black;
        margin-left:4px;
        margin-right:4px;
        margin-top: 4px;

}
.menuheading a:hover { color:#FF0000;
        background-color: #dddddd;
        text-decoration: none;
  }
  
.menulink {
        font-family: Arial, Helvetica, sans-serif;
        font-weight: bold;
        font-size: 12px;
        text-align:center;
 }

.menulink a {
        color:#069;
        background-color: #FFF;      
        text-decoration: none;
        display:block;
        border: thin solid black;
        margin-left:4px;
        margin-right:4px;
        margin-top: 4px;

}
.menulink a:hover { color:#069;
        background-color: #dddddd;
        text-decoration: none;
  }
  
/***********************************************/
/* individual tags                                 */
/***********************************************/ 

#masthead{
	margin: 10px;
	padding: 10px;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	width: 80%;
}

#content{
  	float:left;
	width: 80%;
	border: thin solid black;
	margin: 10px;
	padding: 10px;	
	background-color:#eee;
}

#firstPage{
  	float:right;
	width: 80%;
    border: thin solid black;
	margin: 0px;
	padding: 0px;
	background-color:#eee;
}

#siteName{
	margin: 0px;
	padding: 0px 0px 10px 10px;
}

#siteInfo{
	clear: both;
	border: 1px solid #cccccc;
	font-size: 75%;
	color: #cccccc;
	padding: 10px 10px 10px 10px;
	margin-top: 0px;
}

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

#navBar{
	float:left;
	border: thin solid black;
	width: 18%;
	padding: 3px;
	font-size: small;
	vertical-align: top;
	background-color:#FFFFFF;
}

#navBar ul a:link, #navBar ul a:visited {display: block;}
#navBar ul { list-style: square;}

/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
#navBar li {
}

/* fix for browsers that don't need the hack */
html>body #navBar li {border-bottom: none;}


/***********************************************/
/* classes for text                                */
/***********************************************/

.toprightborder {
	border-top: 1px solid black;
	border-right: 1px solid black;
	}
.boxBorder{	
	border: thin solid black;
}
.topborder {
	border-top: 1px solid black;
	}
.bottomborder {
	border-bottom: 1px solid black;
	}
.rightBorder {
	border-right: 1px solid #BBBBBB;
}
.leftBorder {
	border-left: 1px solid #BBBBBB;
}

.codeBlue{
	color:#0000FF;
	font-family:"Courier New", Courier, mono;
	font-weight: bolder;	
}

.blackheading {
       COLOR: #000000;
       TEXT-DECORATION: none; 
       FONT-FAMILY: Arial, Helvetica, Verdana;
       FONT-SIZE: 18px; 
       FONT-STYLE: normal; 
       FONT-VARIANT: normal; 
       FONT-WEIGHT: bold; 

}

.redsmltext {
       COLOR: #9d2126;
       TEXT-DECORATION: none; 
       FONT-FAMILY: Arial, Helvetica, Verdana;
       FONT-SIZE: 10px; 
       FONT-STYLE: normal; 
       FONT-VARIANT: normal; 
       FONT-WEIGHT: normal; 

}

.redmedtext {
       COLOR: #9d2126;
       TEXT-DECORATION: none; 
       FONT-FAMILY: Arial, Helvetica, Verdana;
       FONT-SIZE: 12px; 

       font-weight : normal;
}

.redsmltextbold {
       COLOR: #9d2126;
       TEXT-DECORATION: none; 
       FONT-FAMILY: verdana, Arial, Helvetica;
       FONT-SIZE: 11pt; 
       FONT-STYLE: normal; 
       FONT-VARIANT: normal; 
       FONT-WEIGHT: bold; 

}

.whitesmltext {
       COLOR: #ffffff;
       TEXT-DECORATION: none; 
       FONT-FAMILY: Arial, Helvetica, Verdana;
       FONT-SIZE: 10px; 
       FONT-STYLE: normal; 
       FONT-VARIANT: normal; 
       FONT-WEIGHT: normal; 

}
.whitesmltextbold {
       COLOR: #ffffff; 
       TEXT-DECORATION: none;
       FONT-FAMILY: verdana,Arial, Helvetica, Verdana; 
       FONT-SIZE: 10px; 
       FONT-STYLE: normal; 
       FONT-VARIANT: normal; 
       FONT-WEIGHT: bold;
    }
.whitemedtext {
       COLOR: #ffffff;
       TEXT-DECORATION: none; 
       FONT-FAMILY: Arial, Helvetica, Verdana;
       FONT-SIZE: 12px; 
       FONT-STYLE: normal; 
       FONT-VARIANT: normal; 
       FONT-WEIGHT: normal; 

}
.whitemedtextbold {
       COLOR: #ffffff;
       TEXT-DECORATION: none; 
       FONT-FAMILY: Arial, Helvetica, Verdana;
       FONT-SIZE: 12px; 
       FONT-STYLE: normal; 
       FONT-VARIANT: normal; 
       FONT-WEIGHT: bold; 

}

.blacksmltextie {
       COLOR: #000000;
       TEXT-DECORATION: none; 
       FONT-FAMILY:  Arial, Helvetica, Verdana;
       FONT-SIZE: 13px; 

}
.blacksmltext {
       COLOR: #000000;
       TEXT-DECORATION: none; 
       FONT-FAMILY:  Arial, Helvetica, Verdana;
       FONT-SIZE: 11px; 

}

.blackverysmltext {
       COLOR: #000000;
       TEXT-DECORATION: none; 
       FONT-FAMILY: Arial, Helvetica, Verdana;
       FONT-SIZE: 10px; 

}

.blacksmltextbold {
       COLOR: #000000;
       TEXT-DECORATION: none; 
       FONT-FAMILY: Verdana, Helvetica, Arial;
       FONT-SIZE: 10px; 
       FONT-STYLE: normal; 
       FONT-VARIANT: normal; 
       FONT-WEIGHT: bold; 

}
.bodytext {
       COLOR: #000000;
       TEXT-DECORATION: none; 
       FONT-FAMILY: Arial, Helvetica, Verdana;
       FONT-SIZE: 12px; 
       FONT-STYLE: normal; 
       FONT-VARIANT: normal; 
       FONT-WEIGHT: normal; 
}
.yellowtextbold {
       COLOR: #ffff00;
       TEXT-DECORATION: none; 
       FONT-FAMILY: verdana,Arial, Helvetica, Verdana;
       FONT-SIZE: 11px; 
       FONT-STYLE: normal; 
       FONT-VARIANT: normal; 
       FONT-WEIGHT: bold; 
}

.purpletextbold {
       COLOR: #4D117B;
       TEXT-DECORATION: none; 
       FONT-FAMILY: verdana,Arial, Helvetica, Verdana;
       FONT-SIZE: 11px; 
       FONT-STYLE: normal; 
       FONT-VARIANT: normal; 
       FONT-WEIGHT: bold; 
}

.darkbluetextbold {
       COLOR: #002c52;
       TEXT-DECORATION: none; 
       FONT-FAMILY: verdana,Arial, Helvetica, Verdana;
       FONT-SIZE: 10px; 
       FONT-STYLE: normal; 
       FONT-VARIANT: normal; 
       FONT-WEIGHT: bold; 
}

.navdarkbluetextbold {
       COLOR: #076f8f;
       TEXT-DECORATION: none; 
       FONT-FAMILY: Verdana,Arial, Helvetica;
       FONT-SIZE: 10px; 
       FONT-STYLE: normal; 
       FONT-VARIANT: normal; 
       FONT-WEIGHT: bold; 
}


.aquabold {
       COLOR: #076f8f;
       TEXT-DECORATION: none; 
       FONT-FAMILY: Arial, Helvetica, Verdana;
       FONT-SIZE: 12px; 
       FONT-STYLE: normal; 
       FONT-VARIANT: normal; 
       FONT-WEIGHT: bold; 
}

.footer {
       COLOR: #076f8f;
       TEXT-DECORATION: none; 
       FONT-FAMILY: verdana,Arial, Helvetica, Verdana;
       FONT-SIZE: 11px; 
       FONT-STYLE: normal; 
       FONT-VARIANT: normal; 
       FONT-WEIGHT: normal; 
}
.bodytextbold {
       COLOR: #000000; 
       TEXT-DECORATION: none;
       FONT-FAMILY: Arial, Helvetica, Verdana; 
       FONT-SIZE: 12px; 
       FONT-STYLE: normal; 
       FONT-VARIANT: normal; 
       FONT-WEIGHT: bold;
    }

.bigredheading {
       COLOR: #D11332; 
       TEXT-DECORATION: none;
       FONT-FAMILY: Arial, Helvetica, Verdana; 
       FONT-SIZE: 20px; 
       FONT-STYLE: normal; 
       FONT-VARIANT: normal; 
       FONT-WEIGHT: bold;
    }
.mediumredheading {
       COLOR: #9d2126; 
       TEXT-DECORATION: none;
       FONT-FAMILY: Arial, Helvetica, Verdana; 
       FONT-SIZE: 12px; 
       FONT-STYLE: normal; 
       FONT-VARIANT: normal; 
       FONT-WEIGHT: bold;
    }
	 
.mediumredheading14 {
       COLOR: #9d2126; 
       TEXT-DECORATION: none;
       FONT-FAMILY: Arial, Helvetica, Verdana; 
       FONT-SIZE: 15px; 
       FONT-STYLE: normal; 
       FONT-VARIANT: normal; 
       FONT-WEIGHT: bold;
    }

.bigyellowheading {
       COLOR: #ffff00; 
       TEXT-DECORATION: none;
       FONT-FAMILY: Arial, Helvetica, Verdana; 
       FONT-SIZE: 20px; 
       FONT-STYLE: normal; 
       FONT-VARIANT: normal; 
       FONT-WEIGHT: bold;
    }
	 
.mediumyellowheading {
       COLOR: #ffff00; 
       TEXT-DECORATION: none;
       FONT-FAMILY: Arial, Helvetica, Verdana; 
       FONT-SIZE: 12px; 
       FONT-STYLE: normal; 
       FONT-VARIANT: normal; 
       FONT-WEIGHT: bold;
    }