@import url("common.css");
@import url("navigation-colors.css");
@import url("http://lilesnet.com/site-common-files/frames.css");
/* --------------------- */
/*        Type Styles    */
/* --------------------- */
body {
	/* Layout */
	margin: 0;
	padding: 0;
	border: 0;
	/* Styles */
	background-image: url('http://www.lilesnet.com/toppers/_rotation_backgrounds/rotate.php');
	background-repeat: round;
	background-attachment: fixed;
	background-color: #369;
	font-size: x-large;
	
}
/* Site typography */
h1, h2, h3, h4, td {
	font-family: Arial, Helvetica, sans-serif;
}
h1 {
	font-size: xx-large;
	color: #800;
 margin:0;
	padding:0px;
}
h2 {
	font-size: x-large;
	color: #700;

}
h3 {
	font-size: large;
	color: #600;
 margin:0;
	padding:0px;
}
h4 {
	font-size: medium;
	color: #500;

	margin:0;
	padding:0px;
}
p {font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif"}
/* Links */
a {
	color: #8b0000;

}
a:hover {
	color: #fa3;

}
/* --------------------- */
/*       ID Styles       */
/* --------------------- */

#container {
 /* Layout */
	width: 980px;
	margin: 0 auto;
	padding: 0;
	/*  Styles */
	border: 0;
	border: 2px solid black;
	background-color: #fff;
}
/* Masthead */
#masthead {
/*  Layout */
	margin: 0;
	padding: 0;
	border: 0;
	/* Styles */
	border-bottom: 2px solid black;
	text-align: right;
	background-color: white;
	background-image: url('wooden_floor.jpg');
	background-position: top;
	background-repeat: repeat;
}
#masthead h1 {
	color: white;
	margin: 0 10px 0 0;
	font-weight: bold;
}
#masthead h3 {
	color: white;
	margin: 5px 10px 5px 0;
	font-weight: bold;
}
/* Navigation */
#navigation {
	/* Layout */
	margin: 0;
	padding: 0;
	border: 0;
	/* Styles */
	border-bottom: 2px solid black;
	background-color: #cdc;
	overflow: scroll;

}
#navigation .divider {
	/* Layout */
	clear: both;
	padding: 0;
	margin: 0px;
	/* Styles */
	color: black;
 background-color: black;
 height: 2px;
 border-width: 0;
	}
#navigation ul {
	list-style-type: none;
	/* (for cross-browser compatibility add two lines) */
	padding: 0px;
	margin: 0px;
}
#navigation li {
	float: left;
	padding: 1px 8px;
}
#navigation a {
	font-weight: normal;
	font-size: large;
	text-decoration: none;
	color: #000;
		font-family: Arial, Helvetica, sans-serif;
}
/* mouse over link */
#navigation a:hover {
	font-weight: normal;
	text-decoration: none;
	color: #fff;
	background-color: #FF0000;
}

#content {
	/* Layout */
	width: 950px;
	margin: 0;
	padding: 15px;
	border: 0;
	/* Styles */
	background-color: #fff;
	
}

#content td {
	margin: 0;
	padding: 0;
	border: 0;
	
}

#contentGreen {
	background-color: #6F0;
}
#content li {
	list-style-type: disc;
	width: 100%;
	margin: 0;
	padding-bottom: 10px;
	font-size: x-large;
	font-family: Arial;
}
#content table {
	width: 900px;
	margin-left: auto;
	margin-right: auto;
	border-collapse: collapse;
	border-spacing: 0px 0px;
}
#content td {
	border: 3px solid black;
	text-align: center;
	line-height: 130%;
	background-color: #FFF;
	border-collapse: collapse;
	border-spacing: 0px 0px;
	padding: 10px;
	font-size: large;
}

#footer {
	/* Layout */
	width: 100%;
	overflow: auto;
	clear: both;
	margin: 0;
	padding: 0;
	border: 0;
	/* Styles */
	
	
}

#footer p {
	/* Layout */
	margin: 0;
	padding: 0;
	border: 0;
	/* Styles */
	font-size: medium;
	color: #000;
	text-align: center;
}

/* --------------------- */
/*     Class Styles      */
/* --------------------- */


.container {
    position: relative;
    text-align: center;
    color: white;
}
.centered-bottom {
    position: absolute;
    bottom: 4px;
    left: 50%;
    transform: translate(-50%, -50%);
	color:black;
	background-color: aliceblue;
	padding:5px;
	border: black medium solid;
	width:600px;
}

.video {
  display: block;
  margin: auto;

}

.bottom-left {
    position: absolute;
    bottom: 8px;
    left: 30px;
	border: white medium solid;
}

.top-left {
    position: absolute;
    top: 8px;
    left: 16px;
}

.top-right {
    position: absolute;
    top: 8px;
    right: 16px;
}

.bottom-right {
    position: absolute;
    bottom: 8px;
    right: 16px;
}

.centered {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.sound {
	margin: 0;
	padding: 0;
	border: 0;
	align-items: center;
}