/********************************************************************************
/*  Name:    xww_menu.css
/*  Purpsoe: Master css for WaterWatch
/*  Version: 3.0.0
/*********************************************************************************/
body {
	/*background-color: #FF99FF;*/
	/*text-align: center;*/
}
a { color: #0000FF; font-weight: bold;}
a:link {TEXT-DECORATION: none}
a:active {TEXT-DECORATION: none}
a:visited {TEXT-DECORATION: none}
a:hover {color:#FF0000 }

div.ww_head table {
	color:white;
	border-collapse: collapse;
	border-spacing: 1px;  /* It doesn't work for all brosers. To fix, 1. Use <td> padding  or 2. use 'cellspacing' in table attribute*/
	font-size: 12px;
	font-weight: bold;
	margin: 0px;
	width: 100%;	
	font-family: Arial, Helvetica, sans-serif;
}
div.ww_head form {
	margin: 0px;
}
div.ww_head .ww_banner{ /* regular background */
	background-color:#000080;
}
div.ww_head .ww_banner_dryw{ /* droughtwatch backgroud */
	background-image:url(../images/drought2.jpg);
	background-color:#FFCC33;
}

div.ww_head td {
	padding: 1px;
}

div.ww_head th {
	/*text-align: left;*/
	/*vertical-align: bottom;*/
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
	border-bottom-width: thick;
}

div.ww_head a {
	color:white;
	font-family: Arial, Helvetica, sans-serif;
}
div.ww_head a:link {TEXT-DECORATION: none}
div.ww_head a:active {TEXT-DECORATION: none}
div.ww_head a:hover {	
  TEXT-DECORATION: none;
  	color: #FF0000;
}
div.ww_head a:visited {
	TEXT-DECORATION: none;
}


div.container {
	clear: both;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #0000FF;
	border-right-color: #0000FF;
	border-bottom-color: #0000FF;
	border-left-color: #0000FF;
	/*background-color:#FFCC33;*/
	color:#000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	vertical-align: top;
	width: 700px;
	/*margin-right: auto;
	margin-left: auto;
	text-align:left;*/
}
div.page_title {
	clear:both;
	/*width: 400px;*/
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #00CC66;
	border-right-color: #00CC66;
	border-bottom-color: #00CC66;
	border-left-color: #00CC66;  /*width:800px;*/
	/*float: left */;
	/*text-align: left;*/
}
div.page_title p{
	font-family: "Times New Roman", Times, serif;
	font-size: 32px;
	font-style: normal;
	font-weight: bold;
	color: #000080;
	text-align: left;
	margin-top: 0px;
	margin-bottom: 0px;
}
div.page_title span{
	font-size: 24px;
	font-style: italic;
	font-weight: bold;
}

div.float {
float: left;
}
div.float_right {
	float: right;
	clear: none;
	border: thin solid #0000FF;
}
div.float_right p {
text-align: right;
}

div.content_container {
	clear: both;
}
div.map_title {
	width: 600px;
	/*display: block;*/
   text-align:center;
	margin-right: auto;
	margin-left: auto;	
   margin-top: 15px;
	margin-bottom: 15px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #FF0000;
	border-right-color: #FF0000;
	border-bottom-color: #FF0000;
	border-left-color: #FF0000;
}
div.map_title p{
	font-family: "Times New Roman", Times, serif;
	font-size: 24px;
	font-style: normal;
	font-weight: bold;
	color: #000000;
	text-align: center;
	margin-top: 0px;
	margin-bottom: 0px;
	line-height: normal;
}
div.map_container {
	/*width: 600px;*/
	/*display: block;*/
   text-align:center;
	margin-right: auto;
	margin-left: auto;	
   margin-top: 15px;
	margin-bottom: 15px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #FF0000;
	border-right-color: #FF0000;
	border-bottom-color: #FF0000;
	border-left-color: #FF0000;
}
div.map_container p{
	font-family: "Times New Roman", Times, serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #000000;
	text-align: center;
}
div.map_container form{
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	color: #000000;
	text-align: center;
}
div.map_container img{
	margin-top: 10px;
	margin-bottom: 10px;
}
div.map_description {
	/*width: 600px;*/
	/*display: block;*/
   text-align:center;
	margin-right: auto;
	margin-left: auto;	
   margin-top: 15px;
	margin-bottom: 15px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #FF0000;
	border-right-color: #FF0000;
	border-bottom-color: #FF0000;
	border-left-color: #FF0000;
}
div.map_description p{
	font-family: "Times New Roman", Times, serif;
	/*font-size: 1em; /*12px; /*1em;*/
	font-style: normal;
	font-weight: normal;
	color: #000000;
	text-align: left;
	margin-top: 10px;
	margin-bottom: 0px;
	font-size: 14px;
}

div.map_description p.title {
	font-family: "Times New Roman", Times, serif;
	/*font-size: 1em; /*12px; /*1em;*/
	font-style:normal;
	font-weight: bold;
	color: #000000;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 0px;
	font-size: 18px;
}
div.content_container p.title {
	font-family: "Times New Roman", Times, serif;
	font-size: 24px;
	font-style: normal;
	font-weight: bold;
	text-align: center;
	color: #000000;
}
div.tail_container {
	/*width: 600px; */
	/*display: block;*/
   text-align:center;
	margin-right: auto;
	margin-left: auto;
	margin-top: 15px;
	margin-bottom: 15px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #FF0000;
	border-right-color: #FF0000;
	border-bottom-color: #FF0000;
	border-left-color: #FF0000;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
}
div.tail_container p {
	text-align:left;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	/*font-size: 24px; */
}