/* styles.css 
	programmer: S. Gillian
	
	site styles for instructorjohnbales.com
	9-24-2009
*/
body
	{
	background-color: rgb(143,192,200);
	font-family: Perpetua,Garamond,serif;
	}

a 
	{
	color: black;
	text-decoration: none;
	}

a:visited
	{
	color: black;
	}
	
a:hover
	{
	text-decoration: underline;
	}
	
#container
	{
	margin-left: auto;
	margin-right: auto;
	background-color: rgb(180,252,255);
	background-image: url("/images/gradient.jpg");
	background-position: 0px 200px;
	background-repeat:no-repeat;
	width: 1024px;
	height: 768px;
	}

#mainTable
	{
	border: 0;
	}

#content
	{
	position: relative;
	}

#contentHeader
	{
	background-color: black;
	color: rgb(255,248,0);
	font-size: 44px;
	height: 57px;
	width: 1010px;
	padding-left: 20px;
	padding-top: 8px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;	
	}
	
#contentWording
	{
	font-size: 24px;
	font-weight: bold;
	color: black;
	position: absolute;
	width: 80%;
	top: 75px;
	left: 20px;
	z-index: 11;
	}
#linkbar
	{
	position: absolute;
	padding-top: 6px;
	top: 445px;
	left: 0;
	width: 615px;
	height: 30px;
	z-index: 5;
	background-color: rgb(255,248,0);
	border-right: 2px solid black;
	border-bottom: 2px solid black;
	color: black;
	}
	
#sidePhotos
	{
	position: absolute;
	top: 0;
	right: 0;
	z-index: 20; /* set to 20, all header backgrounds/titles set to <20 */
	}

.linkbarlink
	{
	padding-right: 10px;
	padding-left: 15px;
	color: black;
	font-size: 22px;
	font-family: Perpetua,Garamond,serif;
	text-decoration: none;
	}

#footer
	{
	position: absolute;
	left: 0;
	top: 460px;
	border: 0;
	z-index: 4;
	border-top: 2px solid black;
	}
	
#email
	{
	position: absolute;
	color: black;
	text-decoration: none;
	left: 125px;
	top: 477px;
	margin-bottom: 8px;
	z-index: 13;
	font-family: Perpetua, Garamond, serif;
	font-size: 22px;
	}
	
#sponsorBar
	{
	position: absolute;
	top: 540px;
	left: 25px;
	width: 485px;
	height: 130px;
	z-index: 8;
	}

#sponsorLink
	{
	padding-left: 15px;
	padding-top: 5px;
	padding-right: 15px;
	border: 0;
	}
	
#sizeAndCopyright
	{
	position: absolute;
	top: 590px;
	right: 160px;
	font-style: italic;
	font-size: 14px;
	z-index: 100;
	}

#returnToMain
	{
	position: absolute;
	top: 506px;
	left: 493px;
	color: rgb(255,248,0);
	font-size: 20px;
	z-index: 50;
	}