/***********************************************/
/* 3col_leftNav.css                             */
/* Use with template 3col_leftNav.html          */
/***********************************************/

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

body{
	font-family: Georgia, serif;
	color: black;
	line-height: 125%;
	margin: 0px;
	padding: 0px;
	font-size: medium;
	font-stretch: 110%;
}

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

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

a:visited{
	color: #0099cc;
	text-decoration: none;
}

a:hover{
	color: red;
	text-decoration: underline;
}

h1{
  	font-family: Georgia, serif;
  	font-size: 150%;
 	color: black;
}

h2{
 	font-family: Georgia, serif;
 	font-size: 110%;
	font-weight: bold;
 	color: white;
	background-color: black;
	padding-left: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
}

h3{
	font-family: Verdana, Arial, sans-serif;
 	font-size: 125%;
 	color: black;
}

h4{
	font-family: Verdana, Arial, sans-serif;
 	font-size: 110%;
 	font-weight: bold;
}

ul{
 list-style-type: square;
}

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

ul ul ul{
 list-style-type: none;
}
dt {
	font-weight: bold;
}

label {
}
/***********************************************/
/* Layout Divs                                 */
/***********************************************/
.masthead{
	padding: 10px 0px 0px 20px;
	border-bottom: 1px solid black;
	line-height: normal;
}
.rule {
	margin-top: 5px;
	border-bottom: 1px solid black;
}
.leftNav {
	float: left;
	width: 150px;
	margin: 5px 0 0 0;
	/*  border-right: 1px solid black;  */
	padding-right: 5px;
}
.rightNav {
	float: right;
	width: 305px;
	margin: 5px 0 0 0;
	/*  border-left: 1px solid black;   */
}
#navBar{
	float: left;
	width: 20%;
	margin: 5px 0 0 0;
	padding: 0px;
	background-color: #eeeeee;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}
.content {
	margin: 25px 310px 10px 165px;
	padding: 15px;
	border-left: 1px dotted #cccccc;
	border-right: 1px dotted #cccccc;
}
.footer {
	clear: both;
	line-height: normal;
	margin: 0;
	border: 0;
}
.popup {
	margin: 25px 25px 10px 25px;
	padding: 15px;
}
/************* #globalNav styles **************/
td.nav {
	border-left: 1px solid black;
}
p.nav {
	margin-left: 10px;
	font-size: 85%;
	margin-top: 4px;
	margin-bottom: 0;
	padding: 0;
	line-height: normal;
}
.navDiv {
    margin-top: 3px;
    margin-bottom: 3px;
    margin-left: 10px;
    margin-right: 10px;
    padding: 0;
    font-size: 25%;
    border-bottom: 1px dotted #c0c0c0;
	line-height: normal;
}
p.adv {
	margin-left: 10px;
	margin-right: 5px;
	font-size: small;
	line-height: normal;
}
.navTitle {
	font-weight: bold;
	font-style: italic;
	margin-left: 5px;
	padding-top: 2px;
	padding-bottom: 0px;
	margin-bottom: 0;
}
/************* #breadCrumb styles *************/
.breadCrumb {
	margin-top: 5px;
	padding: 2px 0px 5px 30px;
}
/************** form styles **************/
input.button {
	border: 1px solid black;
	background-color: #CCCCCC;
	font-family: Georgia, 'Times New Roman', Times, serif;
	font-weight: bold;
}
input.button:hover {
	color: red;
}
input.text {
	border: 1px solid black;
}
textarea {
	border: 1px black solid;
	font-family: Arial, Helvetica, sans-serif;
	padding: 2px;
	margin-top: 0px;
}
select {
	border: 1px black solid;
	font-family: Arial, Helvetica, sans-serif;
}
/************** span styles **************/
.small {
	font-size: 80%;
}
.note {
	font-size: 80%;
}
.caption {
	font-style : italic;
	font-size: 80%;
	line-height: normal;
	margin: 0;
	padding: 0;
}
.big {
	font-size: 110%;
    font-weight: bold;
}
.red {
	color: red;
}
/***************  Picture Boxes  *****************/
.picRight {
	border: 1px solid black;
	float: right;
	font-size: 80%;
	font-style: italic;
	line-height: normal;
	text-align: center;
	padding: 7px;
	margin: 7px;
}
.picBox {
	border: 1px solid black;
	font-size: 80%;
	font-style: italic;
	line-height: normal;
	text-align: center;
	padding: 7px;
}
.picLeft {
	border: 1px solid black;
	float: left;
	font-size: 80%;
	font-style: italic;
	line-height: normal;
	text-align: center;
	padding: 7px;
	margin: 7px;
}
.textBox {
	border: 1px solid black;
	float: right;
	font-size: 80%;
	font-style: italic;
	line-height: normal;
	padding: 7px;
	margin: 7px;
	background-color: #dcdcdc;
	width: 250px;
}
#dropmenudiv {
    position:absolute;
    border:1px solid black;
    border-bottom-width: 0;
    font:normal 12px Verdana;
    line-height:18px;
    z-index:100;
}

#dropmenudiv a {
    width: 100%;
    display: block;
    text-indent: 7px;
    border-bottom: 1px solid black;
    padding: 3px 0;
    text-decoration: none;
    font-weight: bold;
}

#dropmenudiv a:hover { /*hover background color*/
     background-color: yellow;
}