/*Style Sheet for Project 2 Rachel Currington Designs*/


/*Zero out automatic margin and padding*/

	html, body, h1, h2, h3, h4, p, img{
	padding:0;
	margin:0;
	} 

	body{
	font-family: 'Questrial', sans-serif;
	background-image:url(images/BackgroundImage2.jpg);
	background-repeat:repeat-x repeat-y;
	}

	p{
	color:#ffffff;
	text-align:right;
	}

/*Wrapper height is specified in each html page, as % value represents height of visible page, not height of everything contained within the div.*/

	.wrapper{
	margin:0 auto;
	width:800px;
	background:#000000;
	}

	.banner{
	float:left;
	width:200px;
	padding:48 20;
	}

	#BannerNav a{
	background-image:url(images/CurringtonBanner200.jpg);
	Position:fixed;
	border:2px solid black;
	}

	#BannerNav a:hover{
	background-image:url(images/CurringtonBanner200.jpg);
	Position:fixed;
	border:2px solid white;
	}

	.nav{
	float:left;
	text-align:center;
	padding:73 0;
	width:550px;
	}

	.nav a:link, .nav a:visited{
	background-color:#000000;
	padding:5px 10px;
	text-decoration:none;
	color:white;
	}
	
	.nav a:hover{
	background-color:#000000;
	padding:5px 10px;
	text-decoration:none;
	color:blue;
	}

	#leftnav{
	float:left;
	text-align:left;
	padding:170 12;
	width:150px;
	position:fixed;
	}

	#BTT a:link, #BTT a:visited{
	text-decoration:underline;
	color:white;
	text-align:right;
	padding:0 30 0 0;
	}

	#BTT a:hover{
	text-decoration:none;
	color:blue;
	text-align:right;
	padding:0 30 0 0;
	}
	

/* For some reason if I change the id's for "This Page" to classes (as they technically should be), the code doesn't work.  Tried to find a fix online, but couldn't, so I left it as-is.*/

	#ThisPage{
	color:red;
	font-size:120%;
	}

	#ThisPage2{
	color:red;
	}

	.pics{
	margin:10 10;
	}

/* I know the convention is to use a header, but I didn't want the heavier text, just the increased font-size, so I achieved it this way instead.*/

	.header{
	font-size:120%;
	color:white;
	text-align:right;
	padding:0 30px 0 0;
	}