/* clientstyles.css */

/* Universal style rule */
*{

/* Block all browser default margins and padding */
  margin:0;
  padding:0;
 
}

/************* body division styles ****************/

body{
 background:#ccffcc;
 font-family: Sans-serif, tahoma,Helvetica, times;
 text-align:center;

 
}

/************* Wrapper division styles ****************/

#wrapper{
 width:48.7em;
 border-left:1px solid #339966;
 border-right:1px solid #339966;
 border-top:1px solid #339966;
border-bottom:1px solid #339966;
 background-color:#ccffcc;  /*background color for the left column*/

/* Center the wrapper horizontally */
 margin: 20px auto 0 auto;
 position:relative;
}

/************* Leftcolumn division styles ****************/

#leftcolumn{
/* Remember, content left  margin must match this width */
  width:6em;
  
  float:left;
  text-align:left;
/* For absolutely-positioned leftcolumn */
  position:absolute;
  top:11em; /* Same as branding div height */
  left:0;
 
}



/* Applies to paragraphs in the leftcolumn division */
#leftcolumn p{

  padding-left:0.4em;
  width:100%;
  font-size:0.8em;
  margin:.3em auto;
  text-align:left;
  color:#000;
  outline-style:none;
 
} 



/************* Vertical Navbar division  ****************/ 
#navbar{ 
 width:80%; 
 /* Center horizontally */ 
 margin:1em auto; 
 text-align:left; 
}


/* Remove bullets from ul in the navbar */
#navbar ul{
  list-style-type:none;
}


/* List items in the navbar */
#navbar li{

/* Required for flyout menus */
position:relative;

}


/* Unvisited and visited links in navbar */
#navbar a:link,
#navbar a:visited{ 
  text-decoration:none;
  font-family:Sans-serif,Times,Geneva,Verdana;
  font-weight:bold;
  font-size:90%;
  color:#003300;          /* green */
  line-height:2.5em;
  height:1em;
  width:auto;
  text-align:center;
  
}

/* hover links in navbar */
#navbar a:hover
{
  color:#0f0;
}

/* active link in navbar  */
#navbar a:active
{
text-decoration:none;
  color:#0f0;
}



/*********** unvisited links (no underline) *************/
a:link{
  color: #003399; /* navy blue */
  Text-decoration: none;    /*no underline for the link */
}

/*********** visited links (no underline) *************/
a:visited{
  color: #990033; /* purple*/
  Text-decoration: none;    /*no underline for the link */
}

/*************Main Content division *****************/
#content{
/* Left and right margin must match leftcolumn width */
 margin-left:7em;
 margin-right:0em;
 background-color:#cccc99;
 color:#003300;  /* text color  */
 padding:10px 10px;
 

}




/* Applies to h1,h2,h3 elements in the content division */
#content h1, #content h2, #content h3{
  font-family:Sans-serif, times  
 
;
 font-size:1.5em;text-align:left;
  color:#003300;
  
}



/* Applies to p and all lists in the content division */
#content ul,#content ol,#content p{
  font-family:Sans-serif,times,Geneva,Verdana;
  padding-top:20px;
  text-align:left;
   line-height:1.25em;
   font-size:1em;
list-style-type:none;
font-weight:bold;
}

/* Applies to lists in the content division */
#content ul, #content ol{
   padding: 5px 0px 5px 30px;
  
}


 
/* Applies to all list items in the content division */ 
#content li{ 
  margin-bottom:10px; 
} 


/*Applies to title of definition in the content division*/

#content dt{
  font-family:Sans-serif,Genefa, Verdana;  
  font-size:1em;text-align:left;
  color:#003300;
  font-weight:bold;
}

/*Applies to dl definition in the content division*/

#content dd{
  font-family:Sans-serif,times,Geneva,Verdana;
  padding: 5px 0px 5px 30px;
  text-align:left;
   font-size:1em;
font-weight:bold;
}




/****************************branding Div *******************/
#branding{
 /* For absolutely-positioned hyperlinks */
  position:relative;
  height:11em;
  
  background-image: url(wvgclogo.jpg);
 
} 


#branding h1{
  font-family:'monotype corsiva', Charcoal, Impact, Sans-serif;
  font-size:2em;
  padding-top:3em;
  font-style:italic; 
  font-weight:bold;
}

/******************************Footer ******************/
#footer{
  height:0em;
  background-color:#99ff99;
  color:#003300;
   position:relative;
  font-size:small;
  padding-top:0em; 
  padding-right:0em; 

  text-align:left;
  font-family:sans-serif; 
}



/************** float image to the left of paragraph */


/* Float image to left of paragraph  border: #00008 1px solid;*/
img.floatleft{
   float: left;
   margin-right: 10px;
   border: solid 1px #2966b8;  /*blue*/
   width:180px; 
   clear:both;


}






/* style a paragraphy as hilite */

.hilite {
 background-color:#ffcc00;

}

/* style a paragraphy for yellow background */
.yellow{
 background-color:#ffcc66;
 font-style:italic; 
  font-weight:bold;

}

/* style a paragraphy for light blue background */
#bblue{
 background-color:#ccffcc;

}
/* style a paragraphy for light blue background */
.lblue{
 background-color:#ccffcc;
font-weight:bold;

}

/*** Horizontal ruler ***/
hr{
   height:2px;
   width:100%;
   background-color:#ccffcc;
   margin:2px 0px 0px 2px; 
}

/************************  Thumbnail photos ********************/
/* style for tables of thumbnail images */
table.thumbs{
  text-align: center;
  border-collapse: collapse;
  margin: auto;
  background-color:#ccffcc; /*same as the wraper */
}
/* style for table cells that contain thumnails */
td.thumbs{
  border: solid 3px  #339966;  /*gray*/
  padding: 3px;
 
}
/* style for thumbnail images */
img.thumbs{
   width: 100px;
   border-width: 0px;    /* not to show blue or magenta border around each picture */
}