/* style sheet for morestyles.htm*/

body
{
  	background-color: Black;
		color: White;
		font-family: Verdana, Arial, Sans-Serif;
		padding: 0;
		margin:0;
}

.sidebar1
{
  	background-color: CCFFFF;
		border: 0.3em double #000000;
		color: Black;
		height: 700px;
		padding: 1vw;
		width: 30%;
}

.sidebar2
{
  background-color: #3366FF;
	border: 0.3em solid #000000;
	color: Black;
	height: 700px;
	padding: 1vw;
	width: 30%;
}

.main
{
    background-color: #3399FF;
		color: Black;
		float: right;
		height: 40vh;
		padding: 1vw;
		postition: relative; /*relative to the sidebars*/
    width: 75vw;
}

.header
{
    background-color: #0000FF;
		color: White;
		font-size: 10em;
		padding: 1vw;
		text-shadow: 0.05em 0.05em #3399CC;
		width: 98vw;
}

.nav
{
   background-color: #66FFFF;
	 color: #66FFFF;
	 font-size: 1.8em;
	 height: 40vh;
	 padding: 1vw;
	 width: 25vw;
}

.footer
{
  	background-color: #0000FF;
		font-size: 18px;
		padding: 1vw;
		text-align: center;
		width: 98vw;
}	


a:link
{
      color:  #000099;
}

a:active
{
     color:#66ff33;
}

a:visted
{
    color: #ffffff;
		text-decoration: none;
}

a:hover
{
     color: black;
		 text-shadow : 2px 0.5px white ;
		 font-size: 28px;
}