/* layoutstyles.css */

/* Universal style rule */
*{
/* Block all browser default margins and padding */
margin:0;
padding:0;
/* Temporary borders */
/* border:dashed 1px #f00; */
}

body{
background:url(images/bgg.jpg);
font-family: 'Helvetica', Arial, sans-serif;
}

#wrapper{
width:60em;
background:transparent;
/* Put 20px margin above the wrapper */
/* Set right and left to auto for centering wrapper */
margin: 20px auto 0 auto;
/* Required for absolutely-positioned layout only */
position:relative;
}

h1{
font-family:'Futura Lt', Helvetica, Times New Roman, Sans-serif;
font-size:2.25em;
color:#00709e;
  font-variant:small-caps;
}

#leftcolumn{
/* Remember, content left margin must match this width */
width:20em;
/* Temporary border */
/* border:dashed 1px #f00; */
/* Center images and text inside this div */
text-align:left;
/* For absolutely-positioned leftcolumn */
position:absolute;
top:1em; /* Same as branding div height */
left:.5em;
color:#00709e;
}

/* Applies to images in the leftcolumn div */
#leftcolumn img{
width:75%;
}

/* Applies to paragraphs in the leftcolumn division */
#leftcolumn p{
  padding:.15em;
  width:75%;
  font-size:0.8em;
color:#0080b4;
margin:1em auto;
text-align:left;
}

#rightcolumn{
/* #content right margin must match this width */
   width:10em;
/* Center text and images in this column */
   text-align:center;
/* For absolutely positioned layout */
   position:absolute;
   top:.5em;
   right:0;

}

/* Applies to images in the right column */
#rightcolumn img{
     width:90%;
     margin:1em 1em 1em 2em;
}

/* Applies to paragraphs in the right column */
#rightcolumn p{
     width:90%;
     padding:.15em;
/*     border:thin solid #7E97A6; */
     font-family: Tahoma, Verdana, Sans-Serif;
     font-size:0.8em;
     margin: 1em auto;
}

#content{
/* Left margin must match left column width */
margin:0em 20em 3em;
width:30em;
background:transparent;
color:#000;
padding:1em 1em 1em 1em;
}

/* Styles h1, h2 and h3 elements in the content division */
#content h1, #content h2, #content h3{
font-family:'Futura Lt', Helvetica, Times New Roman, Sans-serif;
  color:#000;
  font-weight:heavy;
  font-style:none;
  font-variant:small-caps;
}

/* Size h1 headings in the content division */
#content h1{
font-size:2.25em;
color:#000;
}

/* Size h2 headings in the content division */
#content h2{
font-family:'Futura Lt', Helvetica, Times New Roman, Sans-serif;
font-size:1.50em;
color: #00709e;
}

/* Size h3 headings in the content division */
#content h3{
font-size:1.25em;
font-style:normal;
}

#content p{
line-height:1.25em;
padding-top:1em;
}

#branding{
height:125px;
position:relative;
background-color:transparent;
border-bottom:solid 1px #00709e;
border-top:solid 1px #fff;
padding-left:1em;
}

#branding h1{
font-family:'Futura Lt', Helvetica, Times New Roman, Sans-serif;
font-size:3.5em;
font-variant:small-caps;
padding-top:.45em;
color:#fff;
margin-left:.5em;
}



/* Absolutely position lnks in the branding division */
#branding a{
font-family:'Futura Lt', Helvetica, Times New Roman, Sans-serif;
font-size:1.10em;
position:absolute;
text-decoration:none;
color:#00709e;
}

/* Unvisited and visited links in branding bar */
#branding a:link, #branding a:visited {
  color:#fff;
}

/* Hover links in branding bar */
#branding a:hover{
  color:#000;
text-decoration:underline;
}

/* Active link in branding bar */
#branding a:active{
  color:#1bb498;
}

#footer{
border-top:solid 1px #00709e;
border-bottom:solid 1px #fff;
padding:5px 20px;
font-size:.75em;
text-align:center;
}

/* Unvisited and visited links in footer */
#footer a:link, #footer a:visited {
  color:#0080b4;
}

/* Hover links in footer */
#footer a:hover{
color:#000;
}

/* Fixes the mysterious image gap */
#branding img{
display:block;
}


/* Printer-friendly styles */

@media print{
/* Start printer-friendly styles */
/* Set wrapper to fill page width */
#wrapper{
width:100%;
}

/* Hide leftcolumn, 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:.75em;
}

/* End printer-friendly styles */
}