/* Bagack: Welcome to the mind of Mike Knox. */

/*
NOTES: Underscored items work for IE only.
*/

/*
Basics
*****/

body {
	background: black;
}
p {
	text-align: justify;
	color: white;
}
h1, h2, h3, h4, h5 {
	text-align: center;
	color: white;
}

/*
Horizontal Nav
............*/

#navInside {
	font-family: kabel, helvetica;
	position: absolute;
	top: 209px;
	_top: 211px;
	left: 139px;
	z-index: 21;
}
#navInside ul li {
	list-style-type: none;
	padding: 0;
	margin: 0;
	display: block;
	float: left;
}
#navInside a {
	font-weight: bold;
	color: white;
	text-decoration: none;
	display: block;
	width: 75px;
	height: 25px;
	text-align: center;
	border-bottom: 1px solid gray;
}
#navInside a:hover {
	background: url(images/rollover.gif) repeat-x;
	color: #33ff66;
}		
	#hover2 a:hover {
		background: url(images/rollover2.gif) repeat-x;
		color: #EEBD53;
	}
#navInside a:visited {
}

/*
Specific Divs
************/

#container {
	width: 474px;	height: 384px;
	position: absolute;
	top: 257px;
	left: 168px;
	padding: 10px;
	margin-bottom: 50px;
	padding-bottom: 50px;
}
#section1 a, #section1 a:link, #section1 a:active {
	border: 1px solid gray;
	background: none;
	color: white;
	text-decoration: none;
	font-weight: normal;
}
#section1 a:hover {
	color: #33ff66;
	text-decoration: underline;
}
#section1 a:visited {
	color: gray;
}
#section1 span a, #section1 span a:link, #section1 span a:active {
	border : solid black;
}
#section1z {
	text-align: center;
	position: absolute;
	top: 300px;	left: 3px;
}
#section1z a {
	color: black;
}
#section1z a:hover {
	color: #33ff66;
}
#section1z img:hover { border: 1px solid #33ff66; }
#section2 {
	width: 148px;	height: 261px;
	position: absolute;
	top: 0px;
	left: 470px;
}
#section2 p {
	text-align: center;
	font-size: small;
}
#section2 a {
	border: none;
	background: none;
	color: black;
}
#section1a a, #section1a a:link, #section1a a:visited, #section1a a:active {
	border: none;
	background: none;
	color: white;
	text-decoration: underline;
	font-weight: normal;
}
#section1a a:hover {
	border: none;
	background: none;
	color: #999900;
	text-decoration: underline;
	font-weight: normal;
}

/*
Side Nav
.......*/

#side a, #side a:link, #side a:visited, #side a:hover, #side a:active {
	border: none;
	background: none;
	color: black;
	text-decoration: none;
	font-size: medium;
}
#side span a, #side span a:link, #side span a:visited, span #side a:active { 
	color: white;
	text-decoration: underline;
}
#side span a:hover {
	color: #999900;
	text-decoration: underline;
}
#poemside a, #poemside a:link, #poemside a:active {
	border: none;
	background: none;
	color: white;
	text-decoration: underline;
	font-weight: normal;			
}
#poemside a:visited {
	border: none;
	background: none;
}
	
#poemside a:hover {
	border: none;
	background: none;
	color: #999900;
}
#side p {
	text-align: center;
	font-size: x-small;
}	
#side, #poemside {
	width: 148px;	height: 261px;
	position: absolute;
	top: 300px;
}



/*
Image Divs
*********/

#TitleBar {
	background: url(BAGACK_Header_Menu.gif) no-repeat;
	width: 800px;	height: 230px;	
}
#TitleBara {
	background: url(BAGACK_Header_Menu2.gif) no-repeat;
	width: 800px;	height: 230px;	
}
#side1 {
	position: absolute;
	top: 248px;
	left: 19px;
}
#side1 a { color: white; }
#side1 a:hover { color: #33ff66; }
#sidedi {
	background: url(BAGACK_dice.gif) no-repeat;
	width: 148px;	height: 261px;
	position: absolute;
	left: 0; margin-top: 20px;
}
#TitleBar span, #TitleBara span {
	display: none;
}

		#container {
			background: url(BAGACK_container.gif) no-repeat;
		}
.style4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
    .style7 {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; }
    .style8 {font-family: Arial, Helvetica, sans-serif}
	    .style9 {font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; }