/* layoutstyles.css */

/* Universal style rule */
*{
  /* Block all browser default margins and padding */
  margin:0;
  padding:0;

}

body{
  background-color: #06b;
  font-family:  'Times New Roman', Times, serif; 

}

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

/* Make branding a positioned element, but don't move it */
#branding{
  position:relative;
  background-color: #09c;
  height:10em;

}

/* Absolutely position links in the branding division */
#branding a{
  position:absolute;
  color:#f8ff62;
}

/* branding hover and active links */
#branding a:hover,
#branding a:active{
   background:#6df;
   color:#f00;
}



/*right align h1 for branding*/
#branding h1{
  font-family:'Century Schoolbook', Times, Serif;
  font-size:1.5em;
  color:#fff;
  text-align:right;
  line-height:2em;
  padding:1.3em 1em 0 0;
  position:absolute;
}

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

}

/* Navbar division */
#navbar{
  background-color:#aaaaff;
  background:#aaf url(test.jpg) repeat-x center;
 /* Left/right margin must match left/rightcolumn width */
  height:1.6em;
/* For absolutely-positioned navbar */
  position:absolute;
  top:10em; /* Same as branding div height */
  left:0em; /* Same as leftcolumn width */
  width:55em; /* Layout width minus left/rightcolumn width */

}


/* 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;
}

/* 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:#000;
  background:#0af url(hover.jpg) repeat-x center;
  display:block;
  height:2em;
/* controls width of buttons */
  width:7.4em;
  border-right:solid 1px #ddd;
  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:#0af url(testhover.jpg) repeat-x center;
  color:#000;
}

/* Drop-down menu styles */
/* Applies to drop-down menus in navbar */
#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:#6ef;
  color:#000;
  text-align:left;
  display:block;
  width:15em;
  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: #0aa;
  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;
}

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


#leftcolumn{
/* #content left margin must match this width */
   width:10em;
/* Center text and images in this column */
   text-align:center;
/* For absolutely-positioned leftcolumn */
  position:absolute;
  top:11.6em; /* Same as branding div height + menubar (1.6em) */
  left:0;
}

/* Applies to images in the leftcolumn div */
#leftcolumn img{
  width:100%;
  margin: 0em 0;
}

#img.source-image {
	width: 100%;
        height: 100%
	position: absolute;
	top: 0;
	left: 0;
}

/* Applies to paragraphs in the leftcolumn division */
#leftcolumn p{
  padding:0.25em;
  width:85%;
  font-size:0.8em;
  margin:1em auto;
  text-align:center;
  font-family:Tahoma, Verdana, Sans-Serif;
}



#leftcolumn td{
  background-image:url(table3.png);
  background-repeat:no-repeat;
  background-color:blue;
  color:white;
  text-align:center;
  font-family:sans-serif;
  font-weight:700;
  width:8em;
}

#leftcolumn a{
  color:#00e;
}


/* leftcolumn hover and active links */
#leftcolumn a:hover,
#leftcolumn a:active{
   background:#2d5;
   color:#00f;
   font-size:1.1em;
   line-height:.8em;
}

#linkbox{
 width:10em;
 height:20em;
 background-color: #08d;
 border: none;
}

#linkbox a{
  color:#fff;
  background-color: #09c;
  font-family:sans-serif;
  font-weight:700;
  width:8em;
  line-height:1.5em;
  text-decoration:none;
}


/* linkbox hover and active links */
#linkbox a:hover,
#linkbox a:active{
   background:#0be;
  font-family:sans-serif;
  font-weight:700;
   color:#fff;
   font-size:1.1em;
   line-height:1.4em;
}


/************* Rightcolumn division styles ****************/


#rightcolumn{
/* #content right margin must match this width */
   width:15em;
/* Center text and images in this column */
   text-align:center;
/* For absolutely-positioned rightcolumn */
  position:absolute;
  top:11.6em; /* Same as branding div height + menubar (1.6em)*/
  right:0;
}

/* Applies to images in the rightcolumn div */
#rightcolumn img{
  width:80%;
  margin: 1em 0;
}

/* Applies to paragraphs in the rightcolumn division */
#rightcolumn p{
  border:solid thin #7e97a6;
  padding:0.25em;
  width:75%;
  font-size:0.8em;
  margin:1em auto;
  text-align:left;
  font-family:Tahoma, Verdana, Sans-Serif;
}


/* Float image to left of paragraph */
img.floatLeft{
   float: left;
   margin-right: 1em;
}

/* Float image to right of paragraph */
img.floatRight{
   float: right;
}

/************* content division styles ****************/

#content{
   /* Left margin must match leftcolumn width
      right margin must match rightcolumn width*/
 margin:0em 15em 0em 10em;
 background-color:#fff;
 background-repeat: repeat-none;
 background-width: 10em;
 color:#000;
 text-align:left;
 padding:2em .5em 1em .5em;
}

/* Styles h1, h2, and h3 style rules in the content division */
#content h1, #content h2, #content h3{
 font-family: 'Times New Roman', Times, serif; 
 color:#000;
 text-align:center;   
}

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

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


/* Paragraphs styled as headline */
p.headline { 
 background-color:#fff;
 font-family: Arial, Helvetica, sans-serif; 
 color:#000077;
 text-align:center;   
 margin-left: 0em; 
 margin-right: 0; 
 padding:0px;
 font-size:3em;
 
} 


/* Paragraphs styled as large font */ 
p.largefont { 
 font-family: 'Times New Roman', Times, serif; 
 color:#000077; 
 margin-left:0; 
 margin-right:0; 
 padding:.5em;
 font-size:1.2em;
 
} 

/* Paragraphs styled as normal font */ 
p.basefont { 
 font-family: 'Times New Roman', Times, serif; 
 color:#000033; 
 margin-left:1em; 
 margin-right:10px; 
 padding:5px;
 font-size:1em;
 
} 

/* Table with thin borders and can be centered with <div style="text-align: center;"> */ 
table.simple {
	border-width: 2px 2px 2px 2px;
	border-spacing: 2px;
	border-style: outset outset outset outset;
	border-color: black black black black;
	border-collapse: collapse;
	background-color: white;
        margin: 0 auto;
}

table.simple td {
	border-width: 1px 1px 1px 1px;
	padding: 10px 5px 1px 5px;
	border-style: inset inset inset inset;
	border-color: gray gray gray gray;
	background-color: white;
	-moz-border-radius: 0px 0px 0px 0px;
}


 
/* box right float */
.rightbox{
  width:12em;
  background-color: #eee;
  border: thin solid #8b4513;
  float: right;
  font-family: Arial, Sans-Serif;
  color: #400;
  padding:.8em;
  margin-left:.5em;
}

/* Captioned images left*/ 
div.captionpic{
   width:15em;
   padding:0.5em;
   margin:0.5em;
   float:left;
   border:solid 1px #000;
   font-family: Arial, Helvetica, Sans-Serif;
   font-size:0.8em;
   color:#333;
   text-align:center; 
}
 
/* Applies to the image inside a captionpic div */
div.captionpic img{
   width:100%;
   border:none;
} 

/* Captioned images right*/ 
div.rcaptionpic{
   width:10em;
   padding:.5em;
   margin:4em .5em .5em .5em;
   float:right;
   border:solid 1px #000;
   font-family: Arial, Helvetica, Sans-Serif;
   font-size:0.8em;
   color:#333;
   text-align:center; 
}
 
/* Applies to the image inside a captionpic div */
div.rcaptionpic img{
   width:100%;
   border:none;
} 

#footer{
   
 background-color:#09f;
 color:#fff;
 text-align:center;
 padding: 0px 30px 5px 30px; 

}


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

/* Absolutely position links in the footer division */
#footer a{
  position:relative;
}

@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:1em;
}

/*End printer-friendly styles */
}




#main{
   /* main replaces content for reports Left margin must match leftcolumn width
      right margin must match rightcolumn width*/
 margin:0em 0em 0 0;
 background-color:#fff;
 color:#000;
 text-align:left;
 padding:2em .5em 1em .5em;
}

/* Styles h1, h2, and h3 style rules in the main division */
#main h1, #main h2, #main h3{
 font-family:  'Times New Roman', Times, serif; 
 color:#45322F;
 text-align:center;
}


/* Applies to all lists in the main division */
#main ul, #main ol{
    padding:.8em 0 .8em 5em;
    line-height:2em;
    margin-left:0em;
    font-size:1.5em; 
}



/* Paragraphs styled as report font */ 
p.report { 
 font-family: 'Times New Roman', Times, serif; 
 color:#000033; 
 margin-left:0em; 
 margin-right:.8em;
 margin-top:.8em; 
 padding:5px;
 font-size:1.5em;
 line-height:1.5em;
 
} 


/* Applies to all tables in the main division */
#main table{
    
    font-size:1.5em; 
}