/* generated by csscreator.com */ 
html, body{ 
margin: 0; padding:0;
 height: 100%;background-image: url(http://www.thehiddenevil.com/pics/background4.jpg);background-repeat: repeat; 
 } 
 
.header{
 position:relative; 
 height:90px; 
  background-image: url(http://www.thehiddenevil.com/pics/background4.jpg);background-repeat: repeat;background-color: black;text-align:center;border-bottom:3px solid blue; width:100%;padding-top:2%;padding-bottom:1%;
} 

.headermenu {position: relative;height: 30px;width:100%;background-color: #F5F3D7;	border-bottom:3px solid blue;font-weight:bold; text-align:center;color:black;padding-top:10px;padding-bottom:1px;}

.headermenu a:link { color: black; text-decoration: none; padding-left: 6px;padding-right:5px;border-left:1px solid black;}

.headermenu a:visited {color: black;  text-decoration: none; padding-left: 6px;padding-right:5px;border-left:1px solid black;}

.headermenu a:hover {color:orange;  text-decoration: none;padding-left: 6px;padding-right:5px;border-left:1px solid black;}

.headermenu a:link.headerlast {border-right: 1px solid black;padding-right:6px;}
.headermenu a:visited.headerlast {border-right: 1px solid black;padding-right:6px;}
.headermenu a:hover.headerlast {border-right: 1px solid black;padding-right:6px;}

.headerl{position:absolute;left:0%;top:0%;width:5%;text-align:center;color:white; padding-left:2%;padding-top:1%;font-size:larger;}

.headerr{position:absolute;right:0%;top:0%;width:5%;text-align:center;color:white;padding-right:2%;padding-top:1%;font-size:larger;}

/*For project menu*/
.projectlist ul {padding-right:4%;list-style: none;}
.projectlist li {padding-right:4%;}
p.project {font-size:100%;font-weight:600;width:95%;text-align:center;}
.project a:link {color: black  ;text-decoration: none; padding-left: 0%;padding-left:.5%;}
.project a:visited {color: black;  text-decoration: none; padding-left: 0%;padding-left:.5%;}
.project a:hover {color:orange;  text-decoration: none;padding-left: 0%;padding-left:.5%;}
/*For project menu*/

#twocols {
 width:75%; 
 float:right; 
 position:relative; color:white;
  } 
	
.leftcol{
 width:23%; 
 float:left;
 left:0%;
 position:absolute;
background-image: url(http://www.thehiddenevil.com/pics/background4.jpg);background-repeat: repeat;background-color: black;padding-left:1.5%;
 }
 
 
.leftcol ul {margin:0; padding-left: 12%;  list-style: none; text-decoration: none; display: block; text-align: center;font-size:120%;width:75%;}

.leftcol li {border-bottom: 1px dashed white;}

.leftcol ul li a:link {display: block;  color:white;text-decoration: none;}

.leftcol ul li a:visited {display: block;  color:white;text-decoration: none;}

.leftcol ul li a:hover {display: block;  color: orange;text-decoration: none;}

 .rightcol{
 width:28%; 
 float:right;right:0%;
 position:absolute;
background-image: url(http://www.thehiddenevil.com/pics/background4.jpg);background-repeat:  repeat;background-color: black; padding-right:2.7%;text-align:left;} 
 
  /*Message text for Right Column*/
 .messsages ul {margin:0; padding-left: 12%;  list-style: none; display: block; text-align: center;font-size:120%;width:75%;}

.messages li {width:80%;text-decoration: none;}
 
.messages ul li a:link {display: block; color:white;}

.messages ul li a:visited {display: block; color:white;}

.messages ul li a:hover {display: block; color: orange;}
  
 
 .rightcol ul {margin:0; list-style: none; text-decoration: none; display: block; text-align:center; font-size:90%;padding-left:1%;padding-right:1%} 

.rightcol li{}

.rightcol ul li a:link {display: block; list-style: none; color:white;text-decoration: none;}

.rightcol ul li a:visited {display: block; list-style: none; color:white;text-decoration: none;}

.rightcol ul li a:hover {display: block; list-style: none; color: orange;text-decoration: none;}

/*  Beginning of image border info */
.imageborder ul {margin:0; list-style: none; text-decoration: none; display: block; padding-left:1%;padding-right:1%;border-bottom:none;} 

.imageborder li{border-bottom:none;text-align:center;}

a:link img.imageborder {border: 1px solid white}

a:visited img.imageborder {border: 1px solid white}

a:hover img.imageborder {border: 1px solid orange}
/*  End of mage border info */

#maincol{background-color:#F5F3D7;  
 float: left; 
 display:inline; 
  position: relative; overflow:hidden;  padding: .5% .3% .5% 1.2%; 
 width:63%;border-right:3px solid blue; border-left:3px solid blue; color:black;
 }
 
.footer {
 position:relative;
 height:60px; 
  background-color:#030009; color:white;
 clear:both;text-align:center; padding-top:0px;border-top:3px solid blue;padding-top:2px; background-image: url(http://www.thehiddenevil.com/pics/background4.jpg); background-repeat: repeat;background-color: black;font-size:larger;padding-left:2px;padding-right:2px;text-decoration:none
 } 
 
.footer ul {margin:0; padding-right: 11.5%; list-style: none; text-decoration: none; display: block; text-align: center;font-size:85%;}

.footer li {display:inline;}

.footer ul li a:link { color:white;text-decoration: none;padding-left: 5px;padding-right:5px;border-left: 1px solid white;}

.footer ul li a:visited {color:white;text-decoration: none;padding-left: 5px;padding-right:5px;border-left:1px solid white;}

.footer ul li a:hover { color: orange;text-decoration: none;padding-left: 5px;padding-right:5px;border-left:1px solid white;}

.footer ul li a:link.footerlast {border-right: 1px solid white;padding-right:5px;}
.footer ul li a:visited.footerlast {border-right: 1px solid white;padding-right:5px;} 
.footer ul li a:hover.footerlast {border-right: 1px solid white;padding-right:5px;}

.footer ul li a:link.graphic {border:none;}
.footer ul li a:visited.graphic {border:none;}
.footer ul li a:hover.graphic {border:none;}
 
.footerl{position:relative;overflow:hidden; float:left;left:0%;width:10%;background-color: purple;text-align:left;color:white;background-image: url(http://www.thehiddenevil.com/pics/background4.jpg); background-repeat: repeat;background-color: black;}

.footerr{position:relative; float:right;  right:0%;width:10%;background-color: purple;text-align:right;color:white;background-image: url(http://www.thehiddenevil.com/pics/background4.jpg); background-repeat: repeat;background-color: black; }


 .copywrite {font-size:small;font-family: arial;color:white;text-align:center;padding-top:2%;font-weight:bolder;  padding-right:1.5%; }

 /* Blue horizontal line for side menus.  Blue Line on munu bars.  It disapears when the class element is renamed.  So if this happens, put ext in the list items, then removed them after the rename. */
 ul.blueline {margin:0; list-style: none; text-decoration: none; float:left;display: block; text-align:center;padding-left:1%;padding-right:1%; border-top: 3px solid blue; border-bottom:none;width:95%;}
.blueline ul {border-bottom:none;}
.blueline li {border-bottom:none;} 
/*  End of blue line */

/*  Text Formatting */
h1 {font-size:100%;color:blue;}
h2 {font-size:110%;}
h3 {font-size:85%;font-style:italic;}
h4 {font-family:excalib0;color: maroon;font-size:210%;line-height:23%;}
h5 {font-family: "times new roman";color: white;font-weight:bold;text-align:left;font-size:120%;}
h6 {color:white;font-size:70%;line-height:1%;}
.centeredtext {text-align:center; font-weight:bold; color:red; font-size:130%;}
.centeredtext1 {text-align:center; font-weight:bold; color:black; font-size:100%;}
.quotes {font-style: italic;}
.quotes.bold {font-weight:bold}
.bold {font-weight:bold}
.picnotes {font-style: italic;}
.italics {font-style:italic;}
.smallred {font-weight:bold;color:red;}
.date {position:absolute;left:0%;width:25%;padding-left:.5%;padding-bottom:1%;font-family:"arial narrow", "bookman old style";color:black;text-align:left;font-size:70%}
p.keywords {font-size:20%;color:black;}
span.dropcap {float:left;color:blue;font-size:700%;line-height:70px;padding-top:2px;font-family: "old english", Times, "times new roman"}
.example {font-family: "arial narrow", arial; font-style: italic}
.whitelinks {color:white;font-weight: 900;}
/*  Text Formatting */

/*  Report Sources & Footnotes Formatting */
p.reportsources {font-weight:bold; font-size:75%}
.reportsources.italics {font-style:italic;font-weight:lighter}
.footnotes {font-weight: 900;font-family: arial;font-style: italic;font-size:75%;}
/*  Report Sources Footnotes Formatting */

.form {position:absolute;right:0%;width:25%;padding-top:0%;padding-right:1.5%;font-family:"arial narrow", "bookman old style";color:black;}

/*  Image Formatting */
.hlimage {height:300px;width:200px;padding-right:.5%;float:left;border:none;}
.hrimage {height:300px;width:200px;padding-left:.5%;float:right;border:none;}
.hrimage1 {height:270px;width:200px;padding-left:.5%;float:right;border:none;}
.hlimage1 {height:270px;width:200px;padding-right:.5%;float:left;border:none;}
.hrimagelscpe {height:200px;width:270px;padding-left:.5%;float:right;border:none;}
.hlimagelscpe {height:200px;width:270px;padding-right:.5%;float:left;border:none;}
.hrimagetall {height:270px;width:200px;padding-left:.5%;float:right;border:none;}
.hlimagetall {height:270px;width:200px;padding-right:.5%;float:left;border:none;}
.hlimage2 {height:500px;width:300px;padding-right:.5%;float:left;border:none;}
.hrimage2 {height:500px;width:300px;padding-left:.5%;float:right;border:none;}
.bglscpe {height:250px;width:350px;padding-right:.5%;padding-left:8.5%;border:none;}
.bglscpebigger {height:400px;width:500px;padding-right:.5%;padding-left:2.5%;border:none;}
.bglscper {height:300px;width:450px;padding-left:.5%;float:right;border:none;}
.bglscpel {height:300px;width:450px;padding-right:.5%;float:left;border:none;}
.bglscper {height:300px;width:450px;padding-left:.5%;float:right;border:none;}
.rimage {height:150px;width:200px;padding-left:.5%;float:right;border:none;}
.rimage1 {height:250px;width:300px;padding-left:.5%;float:right;border:none;}
.limage1 {height:250px;width:300px;padding-right:.5%;float:left;border:none;}
.limage {height:150px;width:200px;padding-right:.5%;float:left;border:none;}
.lscape{height:150px;width:300px;padding-left:.5%;float:right;border:none;}
.lscapel{height:150px;width:300px;padding-right:.5%;float:left;border:none;}
.books {height:130px;width:95px;padding-right:.5%;float:left;border:none;}
.rportrait {height:281px;width:225px;padding-left:1%;float:right; bottom:0px}
.lportrait {height:170px;width:140px;padding-right:1%;float:left;}
.rportrait1 {height:170px;width:140px;padding-left:1%;float:right;}
.h300w500 {height:300px;width:500px;padding-left:2%;float:left;border:none;}
.h350w480 {height:350px;width:480px;float:left;border:none;}
.h650w450 {height:650px;width:450px;padding-left:2%;float:left;border:none;}
.sign {height:500px;width:400px;padding-left:.5%;float:right;border:none;}
/*  Image Formatting */

/*  Bookmenu */
.booklist ul {list-style:none;padding-right:4%;}
.booklist li {list-style:none;padding-right:4%;}
.subtitle {font-size:108%;}

.bookmenu ul {margin:0; list-style: none; text-decoration: none; display: block; width:75%;}

.bookmenu li {font-size:95%;text-align: left;line-height:95%;}

.bookmenu li a:link {display: block;  color:white;text-decoration: none;}

.bookmenu li a:visited {display: block;  color:white;text-decoration: none;}

.bookmenu li a:hover {display: block;  color: orange;text-decoration: none;}
/*  End of Bookmenu */

table {table-layout:fixed; width:97%;  background-color:#F5F3D7;}

th.col1 {width: 85%;}
th.col2 {width: 12%;}

/*Beginning of Table Info*/
table.reports {
	border-width: 4px 4px 4px 4px;
	border-spacing: 3px;
	border-style: solid solid solid solid;
	border-color: blue blue blue blue;
	border-collapse: separate;
	background-color: white;}
table.reports th {
	border-width: 3px 3px 3px 3px;
	padding: 2px 2px 2px 2px;
	border-style: solid solid solid solid;
	border-color: black black black black;
	background-color: white;
 text-align:left;}
table.reports td {
	border-width: 3px 3px 3px 3px;
	padding: 2px 2px 2px 2px;
	border-style: solid solid solid solid;
	border-color: black black black black;
	background-color: white;
 text-align:left;font-size:smaller;}
/*End of Table Info*/

 /*** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 

.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac */
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  
 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 

/*hide the right column when printing*/ 
#rightcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}