/*clientstyles.css*/


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

/*Wrapper contains the layout*/
#wrapper{
 width:45em;
 background-color:#304b66;
 margin: 20px auto 0 auto;
/* Required for absolutely-positioned layout only */
 position:relative;
}

#branding{
 height:12.2em;
 background: #5182a3;
 font-family: Georgia,"Lucinda Bright",serif;
 color:#102542;
}

 #branding img { 
 border: 2px solid #c38015;
 padding:5px;
 background-color:#4b7ea9;
 margin:3px;

}

#branding h1{
padding-top:.6em;
}

#leftcolumn{
 /* Remember, content left margin must match this width */ 
 width:10em;
 text-align:center;
/* temporary border 
 border: 1px #f00 dashed; */
 /* For absolutely-positioned leftcolumn */
 position: absolute;
 top:12.2em; /* Same as branding div height */
 left:0;
 
}
/* Applies to images in leftcolumn div */
#leftcolumn img{
 width:60%;
 border: 2px solid #c38015;
 padding:5px;
 background-color:#4b7ea9;
 margin:10px 10px 5px 10px;
}


 
/*  Applies to paragraphs in leftcolumn div */
#leftcolumn p{
 width:75%;
 padding:0.25em;
 border:1em solid ##000;
 font-family:Tahoma, Verdana, sans-serif;
 font-size: 0.8em;
 color: #ffc;
 margin: 1em auto;
}

/* Navbar division */
#navbar{
  background-color:#9cf;
  /* Left/right margins must match left column width */
 /*  margin: 0 0em 0 10em; */
  height:1.6em;
 /* For absolutely-positioned navbar */
  position: absolute;
  top:12.2em; /* Same as branding height */
  left:10em; /* Same as leftcolumn width */
  width:35em; /* Layout width minus leftcolumn width */
}

/* Applies to navbar links, unvisited and visited */
#navbar a,
#navbar a:link,
#navbar a:visited{
  text-decoration:none;
  font-family:Verdana, Geneva, Arial, Sans-Serif;
  font-size:80%;
  color:#102542;
  background-color:#c38015;
  display:block;
  height:2em;
  width:8.75em;
  text-align:center;
  line-height:2em;
  outline-style:none;
}

/* Navbar hover and active links */
#navbar a:hover,
#navbar a:active,
#navbar li.selected a:link,
#navbar li.selected a:visited{ 
  background-color:#102542;
  color:#c38015;
}

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

/* List items in the navbar*/
#navbar li{
 float:left;
/* Required for drop-down menus */
position:relative;
}

/* Drop-down menu styles */
#navbar li ul{
 position:absolute;
 z-index: 100;
 visibility:hidden;
}

/* Make drop-down visible on navbar hover */
#navbar li:hover ul,
#navbar li a:hover ul {/* IE6 hack */
 visibility:visible;
 top:1.6em;
 left:0;
}

/* Applies to links on the drop-down menu */
#navbar li:hover ul li a,
#navbar li a:hover ul li a{/*IE6 hack */
  background:#cbf0ff; 
  color:#000;
  text-align:left;
  display:block;
  width:21em;
  padding:0 0 0 1em;
  height:auto;
}

/* Hover on drop-down menu links */
#navbar li:hover ul li a:hover,
#navbar li a:hover ul li a:hover{ /* IE6 hack */
  background: #5182a3;
  color:#000;
}

/* IE6 hack applies to its table drop-down */
#navbar table {
  margin:-1px;
  border-collapse:collapse;
  position:absolute;
  top:0.5em;
  left:0;
  z-index:100;
}



#content{
 margin: 0 0 0 10em;
 padding:3em 5px 5px 10px;
 background-color:#ffc;
 font-family: 
 text-align:center;
 color:#45322F;
}
 
/* applies to all tables */
#content table {
 text-align:left;
}

 #content a, #content a:link
 {
  

   font-family: Georgia,"Lucinda Bright",serif;
  
  color:#102542;
}

#content a:visited {
  
   font-family: Georgia,"Lucinda Bright",serif;
  
  color:#304b66;
}

/* applies to all paragraphs and lists */
#content ul, #content ol,#content p {
 text-align:left;
 font-size:0.8em;
 line-height:1.25em;
}

/* Applies to h1,h2,h3 elements */
#content h1,#content h2,#content h3{ 
 font-family: Georgia,"Lucinda Bright",serif;
 color:#45322F;
text-align: center;
}

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

/* Applies to all images in content division */
#content img{
 display: block;
 border: 5px solid #c38015;
 padding:5px;
 background-color:#4b7ea9;
 margin:1em auto;
width: 60%;
}

/* Applies to large images in content div */
#content #BigPicture img{
 width: 90%;
 border: none;
 margin: 1em auto;
}

/* Captioned images */ 
div.captionpic{
   width:9em;
   border: 2px solid #f00;
 padding:5px;
 background-color:#4b7ea9;
 margin:10px 20px 20px 10px;
   font-family: Arial, Helvetica, Sans-Serif;
   font-size:0.8em;
   color:#2b0d02;
   text-align:center; 
}
 
#footer{
  
  width: 45em;
  height:3.5em;
  background-color: #5182a3;
  font-family: Georgia,"Lucinda Bright",serif;
  color:#102542;
}

#footer h4{
 padding-top: .5em;
}

body{
 background: #5f3b01;
 font-family: Geneva, Tahoma, sans-serif;
 color:#000;
 text-align:center;
}

@media print{
/* Start printer-friendly styles */

/* Set wrapper to fill page width */
#wrapper{
width:100%;
}

/* Hide leftcolumn, rightcolumn, navbar and footer */
#leftcolumn,
#rightcolumn,
#navbar,
#footer{
display:none;
}

/* Get rid of content div margins and padding.  Use a different font for print */
#content{
margin:0;
padding:0;
font-family: 'Century Schoolbook', Times, Serif;
font-size:1em;
}
/* End printer-friendly styles */
}