@charset "utf-8";
body{
	background-color:#EBEBEB;
	line-height: 2em;	
	width: 100%;
}
.container {
	margin:0px;
}
.header {
	padding:0.25em;
	color:white;
	font-size:36px;
	font-family:Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", sans-serif;
	background-color:gray;
}
.footer {
	margin: 2em 0;
	padding:0.25em;
	color:yellow;
	background-color:black;
	position: relative;
	top: 350px;
}

.footer a{
	color: #FFFFFF;
	text-decoration: underline;
	padding: 0 20px;
}
/*--------------
index
--------------*/
.index{
	list-style-type:decimal;	
}

/*-------------
page1
-------------*/
#absolute{
	margin: 25px 0;
	padding: 5px;
	width: 30%;
	position:absolute;
	right: 5px;
	top: 50px;
	border: 1px green solid;
	overflow: scroll;
	height: 200px;
}
#fixed{
	margin: 25px 0;
	padding: 5px;
	width: 30%;
	position:fixed;
	top: 50px;
	left: 40px;
	border: 1px blue solid;
}
/*------------------
page 2
--------------------*/
#relative{
	margin: 5px;
	padding: 5px;
	width: 29%;
	position:relative;
	left: 40%;
	top: 6px;
	border: 1px black solid;
}
#zindex{
	margin: 5px;
	padding: 5px;
	border: 1px black solid;
	width: 30%;
	position:absolute;
	left:40px;
	top:48%;
	z-index:-1;
}
/*-------------
page 3
------------*/
#overflow{
	margin: 25px 0;
	padding: 5px;
	float: left;
	background-color: #F4F4F4;
	border: 1px black solid;
	width: 150px;
	height:150px;
	overflow: scroll
}
.content {
	margin-left:190px;
	border-left:1px solid gray;
	padding:1em;
	width: 500px;
}
.imgFloatRight{
	margin: 25px 0;
	margin-right: 30px;
	padding: 5px;
	float:right;
	width: 300px;
	border:2px dotted black;
	margin:0px 0px 15px 20px;
}
/*--------------
page 4
----------------*/

fieldset{
	border: 4px white solid;	
}
legend{
	font-size:24px;	
}
.rounded {
	margin: 15px 0;
	border: 2px white solid;
	border-radius: 25px;
	-moz-border-radius: 5px;
	background-color: #900;
}
/*----------------
page 5
---------------*/
caption{
	font-size:24px;
	
}
table{
background-color: #FF0;
border: 10px solid #900;
border-collapse:separate;
border-spacing:10px;
}
tr{
background-color: #CCC;
}
.tableCellStyle {
background-color: #909;
}
.boxModel {
background-color: AliceBlue;
padding: 50px;
border: 5px dotted SteelBlue;
margin: 25px;
}
.inlineMenu h1{
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:24px;
	text-align:center;
}
.inlineMenu ul li{
		display:inline;
		padding: 5px;
}