/* CSS Document for Central Ground Water Board Portal  */

body {
	color: blue;
/*	background-color: #F2FFF2; */
    background-color: #F4FFF8 ;
/*	margin: 0 0.3em; */
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size:70%;
/*	line-height: 200%;  */   
	text-decoration: none;
	border:double; border-color: red; border-style:ridge;
}

/*    --- Links   */

a:link {color: #0033FF ; text-decoration:  none;}  
a:visited { color: #0000FF; text-decoration: none;}  
a:hover ,a:active  { color: #FF00FF; text-decoration:  underline;background-color: #FFFFDD; }


UL LI	{	
	list-style-type:	square ; 
	}	

UL LI LI	{	
	list-style-type: none	;
	}	

UL LI LI LI	{	
	list-style-type:	circle;
	}	
	
OL LI	{	
	list-style-type:	decimal;
	}	

OL OL LI	{	
	list-style-type:	lower-alpha;
	}	

OL OL OL LI	{	
	list-style-type:	lower-roman;
      }


/*     Main Headings           */

div.header {
	width: 100%; 
    overflow: hidden;
     color: #FFCC00 ; border: none ; border-color:#AF64DD;  
     background:  url(image/banner.gif); 
}


div.header1
{
   float:left; 
   width:10%;
   color:#AF64DD;
 }   

div.header2
{
/*  background:   url(image/banner.gif) no-repeat;  */
  font-size: 120%;
  font-weight:bolder;
  float:left;
  width:78%;
  color: golden ;
 }  

div.header3
{
   
   float:right;
   width: 10%;
  color:#AF64DD;
}  


div.footer
{
padding:0.5em;
color:red ;
background-color: #B1F7FE  ; border: double; border-color:#FF0033; 
 
clear:left;
}

div.footer1
{
padding:1em;
color:red ;
/*background-color: #CDF1FC    ; */
border: double ; border-color:#FF0033;
clear:left;
}

div.botbanner
{ 
background-color: #CDF1FC ;
/*border:1px solid #E0E0E0  ; 
border-color: #D2D2D2  ;   */
clear:left;
}

/*  Old foter background color = #00CCFF */


/*
div.org{
background:url(image/logocgwb-large.jpg); background-repeat: no-repeat ; background-position:center;   
}

div.act{
background:url(image/banner.gif); background-repeat: no-repeat ; background-position:center;   
}
*/
h1 {
	font-size: 225%;  font-style:italic;  font-weight: bolder; color:golden; font-family: Verdana, Arial, Helvetica, sans-serif ; 
}

/************* #search styles ***************/

#search{
	padding: 5px 0px 5px 10px;
	border-bottom: 1px solid #cccccc;
	font-size: 70%;
}

#search form{
 margin: 0px;
 padding: 0px;
 float:left;
}

#search label{
	display: block;
	margin: 0px;
	padding: 0px;
}

#searchmenu{
  float:right;
	width: 19%;
/*	border-left: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc; */
	border: 2px solid #cccccc; 
	padding-right: 0px;
	background-color: #66FFFF;
}

/*  end serch */


#mainpage
{
background-image:url(image/container.gif); background-repeat:repeat; width:100%; height:100%; 
overflow:hidden; 

}
#maincontainer
{
width:100%; 
margin:0px;
border:1px solid blue;
line-height:100%; 

}


div.topnavigation
{

color: #FF0000;
background-color: #FFDDFF  ; 
/* background-color: #B1F7FE; */
border: double  ; border-color: #AF64DD  ;  border-style: inset ;  

clear:left;
}


div.slogan1
{

background-color: #CCFFFF  ; 
border:none; border-color:#FF0033; border-style: inset;
}/*

div.menuheading
{
 background-color: #DFD8F5  ; width:95%; border-style: inset  ; border-color:  #FFCCFF ;  
}
*/
div.menuheading1
{
 background-image:url(image/arrow-b.gif); background-color: #EAEAEA ;  width:85%; border:1px solid #E0E0E0  ; border-color: #FFCCFF ; margin-left:1em;   background-repeat: no-repeat;}
/*
{background-image:url(image/arrow.gif);border:1px solid #E0E0E0;margin:0px;height:21px;background-repeat: no-repeat; background-color: #EAEAEA ;}
*/
div.menuheading2
{
 background-image:url(image/arrow-o.gif); background-color: #EAEAEA ;  width:85%; border:1px solid #E0E0E0  ; border-color: #FFCCFF ; margin-left:1em;   background-repeat: no-repeat; }

div.menuheading3
{
 background-image:url(image/arrow-r.gif); background-color: #EAEAEA ;  width:85%; border:1px solid #E0E0E0  ; border-color: #FFCCFF ; margin-left:1em;   background-repeat: no-repeat;}

div.menuheading4
{
 background-image:url(image/arrow-m.gif); background-color: #EAEAEA ;  width:85%; border:1px solid #E0E0E0  ; border-color: #FFCCFF ; margin-left:1em;   background-repeat: no-repeat;
}

div.menuheading1-b
{
  background-color: #EAEAEA ; border-style:inset ;  width:85%;   ; border-color: #FFCCFF ; margin-left:1em;   }

div.menuheading2-b
{
  background-color: #EAEAEA ; border-style:inset ; width:85%;  border-color: #FFCCFF ; margin-left:1em;   background-repeat: no-repeat; }

div.menuheading3-b
{
  background-color: #EAEAEA; border-style:inset ; width:85%;   ; border-color: #FFCCFF ; margin-left:1em;   background-repeat: no-repeat;}

div.menuheading4-b
{
 background-color:#EAEAEA ; border-style:inset ;  width:85%;    border-color: #FFCCFF ; margin-left:1em;   background-repeat: no-repeat;
}


/*   
div.menuheading
{
 background-color: #FFCCCC ; width:95%; border-style: inset  ; border-color:#FFCCFF ;   
}

*/
div.menuheading_right
{
background-color:#FFCCFF ;   border-style: inset  ; border-color:  #FFCCFF; width:85%; margin-left:1em;
}
/* #FFCCFF pink   #FFFFCC yellow  */
div.menu-highlights
{
background-color:#FFCCFF   ;  border-bottom-style:outset  ; border-color:  #FFCCFF; 
}

div.chairmansdesk
{
background-color:#EAEAEA;   border-style: inset  ; border-color:  #FFCCFF; 
}
div.pagelink
{

background-color: #FFE1FF  ; 
/*background-color: #C4F2F0  ; */
border: double; border-color: #AF64DD  ; border-style: inset; 

}


h1.header
{
padding:0;
margin:0;
}

div.pageheading 
{ width= 100%;
  margin:0px;
  border 1px solid blue; 
  line-height:1px;
  
}


.slogan{ font: "Times New Roman", Times, serif ; font-size: 14pt; font-weight: bold; color: #FF3333 ;  }

div.banner
{border-color:red;}


/*
.content1 { float:left; width:17%; background-color: #EAEAEA  ; border:2px solid #cccccc ; margin-left:1em; }
.content2 { float:left; width:17%; background-color: #EAEAEA ; border:2px solid #cccccc ; margin-left:1em; }
.content3 { float:left; width:17%; background-color: #EAEAEA; border: 2px solid #cccccc; margin-left:1em;}
.content4 { float:left; width:17%; background-color: #EAEAEA; border: 2px solid #cccccc; margin-left:1em; }
.content5 { float:left; width:22%; background-color: #EAEAEA; border: 2px solid #cccccc; margin-left:1em;}

*/

div.content1 { float:left; width:17%;  margin-left:1em; }
div.content2 { float:left; width:17%;  margin-left:1em; }
div.content3 { float:left; width:17%;  margin-left:1em; }
div.content4 { float:left; width:17%;  margin-left:1em; }
div.content5 { float:left; width:22%;  margin-left:1em; background-color: #EAEAEA; border: 2px solid #cccccc;}


/*
.content1 { float:left; width:19%; background-color: none;  border-color:#FF6699; }
.content2 { float:left; width:19%; background-color: none ;  border-color:#FF6699;}
.content3 { float:left; width:19%; background-color: none;  border-color:#FF6699;}
.content4 { float:left; width:19%; background-color: none ;  border-color:#FF6699;}
.content5 { float:left; width:19%; background-color: none ;  border-color:#FF6699;}

*/
/*
.content5 { float:left; width:16em; background-color:#FF9933 ; }
.content6 { float:left; width:16em; background-color:#99FF00 ;}
.content7 { float:left; width:16em; background-color:#33CCFF ; }
.content8 { float:left; width:16em; background-color:#0066FF ; }
.content9 { float:left; width:16em; background-color:#33FF33 ; }
.content10 { float:left; width:16em; background-color:#66FFFF ;  }
*/


/*
.floatmenu1{ float:left; width:15%; height: 1.5em; background-color: #cccccc ;}
.floatmenu2{ float:left; width:15%; height: 1.5em; background-color: #cccccc ;}
.floatmenu3{float:left; width: 15%; height: 1.5em; background-color: #cccccc ;}
.floatmenu4{float:left; width: 15%; background-color: #cccccf ;}

*/


/*
.floatmenu1{height: 18px; background-color: #CCFFFF ;}
.floatmenu2{height: 18px; background-color: #CCFFCC ;}
.floatmenu3{height: 18px; background-color: #CCFF99 ;}
.floatmenu4{height: 18px; background-color: #CCFF66 ;}
*/

#rightmenu{
  float:right;
	width: 19%;
/*	border-left: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc; */
	border: 1px solid #cccccc; 
	padding-right: 0px;
	background-color: #00CCCC;
}


#leftmenu{
  float:left;
	width:18%;
/*	border-left: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc; */
	border: double; border-color:#FF6699;
	padding-right: 0px;
	background-color: #F2FFF2;
}


/* Photogallaery */
div.img
{
  margin: 2px;
 border: 1px solid #FF3366; 
  width: auto;
  float: left;
  text-align: center;
  }	
div.img img
{
  display: inline;
  margin: 3px;
 border: 1px solid #FF0099; 
}
div.img a:hover img {border: 1px solid  #0000ff;} 
div.desc
{
  text-align: center;
  font-weight: normal;
  width: 120px;
  margin: 2px;
}

div.img-sep
{ clear:left;
 
}