body {
	position: absolute;
	left: 180px;
	background-color: #000000;
}

#content {
	margin: 40px;
}

#flash {
	position: absolute;
	top: 222px;
	left: 720px;
	height: 260px;
	font: 16px Arial, Helvetica, sans-serif;
	color: #dddddd;
	background-color: #000000;
	text-align: center;
	display: table;
}

#flash p {
	background-color: #666666;
	width: 160px;
	display: table-cell;
	vertical-align: middle;
	min-height: 10em;
}

#flash p:hover {
	background-color: #007fff;
}

h1 {
	position: relative;
	top: -20px;
	left: -160px;
	font: 32px Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #dddddd;
	/*width: 800px;*/
}

h2 {
	font: 24px Arial, Helvetica, sans-serif;
	color: #999999;
}

p {
	width: 576px;
	top: 15px;
	font: 16px Arial, Helvetica, sans-serif;
	color: #999999;
}

p.h3 {
	margin: 15px;
	font: 20px Arial, Helvetica, sans-serif;
	color: #999999;
}

p.left {
	margin: 6px auto 6px 0px;
	width: 476px;
	background-color: #1b065b;
}

p.right {
	margin: 6px 15px 6px auto;
	width: 476px;
	background-color: #1b065b;
}

.name {
	font: 20px Arial, Helvetica, sans-serif;
	margin-left: 25px;
	margin-right: 25px;
}
.name:hover {
	background-color: #007fff;
}

li {
	width: 520px;
	font: 14px Arial, Helvetica, sans-serif;
	color: #dddddd;
}

a {
}
a:hover {
}
a:link {
	color: #dddddd;
}
a:visited {
	color: #dddddd;
}

img.center {
	display: block;
}

#embedded {

}

#navigation {
	position: absolute;
	top: 110px;
	left: -160px;
	width: 170px;
	height: 250px;
	text-align: center;
	margin: 0px;
	padding: 0px;
	border-top: 5px solid red;
	border-left: 5px solid red;
	border-right: 5px solid red;
	border-bottom: 5px solid red;
}

#navigation a {
	font: 20px Arial, Helvetica, sans-serif;
	color: red;
	text-decoration: none;
}

#navigation a:hover {
	color: orange;
}

#links {
	position: absolute;
	z-index: 1;
	top: 530px;
	left: -125px;
	width: 100px;
	height: 250px;
	text-align: center;
	margin: 0px;
	padding: 0px;
	border-top: 3px solid #191970;
	border-left: 3px solid #191970;
	border-right: 3px solid #191970;
	border-bottom: 3px solid #191970;
}

#links h5 {
	font: 12px Arial, Helvetica, sans-serif;
	color: #191970;
	text-decoration: underline;
}

#links a {
	color: #191970;
	text-decoration: none;
}

#copyright {
	font: 10px Arial, Helvetica, sans-serif;
	color: #666666;
	position: fixed;
	bottom: 6px;
	right: 20px;
}

#bottombar {
	position: fixed;
	left: 0px;
	bottom: 0px;
	height: 20px;
	width: 100%;
	background-color: #000000;
}

#google {
	position: absolute;
	top: 405px;
	left: -150px;
	width: 100px;
	height: 100px;
}

.featured {
	display: block;
	position: relative;
	margin-bottom: 30px;
	width: 520px;
	left: 70px;
}
.featured:hover {
	background-color: #007fff;
}
ul.column{ /* thank you! sohtanaka's the man http://www.sohtanaka.com/web-design/smart-columns-w-css-jquery/ */
	width: 100%;
	padding: 0;
	margin: 10px 0;
	list-style: none;
}
ul.column li {
	float: left;
	width: 350px; /*Set default width*/
	padding: 0;
	margin: 5px 0;
	display: inline;
}
.block {
	height: 280px;
	font-size: 1em;
	margin-right: 10px; /*Creates the 10px gap between each column*/
	padding: 20px;
}
.block h2 {
	font-size: 1.8em;
}
.block img {
        /*Flexible image size with border*/
	width: 89%;  /*Took 1% off of the width to prevent IE6 bug*/
	padding: 5%;
	margin: 0 auto;
	display: block;
	-ms-interpolation-mode: bicubic; /*prevents image pixelation for IE 6/7 */
}
#closeflash:hover {
	text-decoration: underline;
}
.image {
	margin-top: 20px;
	font: 20px Arial, Helvetica, sans-serif;
	display: block;
	margin-left: auto;
	margin-right: auto;
	background-color: #444444;
	color: #007fff;
	padding: 5px;
	line-height: 2em;
	width: 604px;
}
.image h3 {
	display: inline;
	font: 10px Arial, Helvetica, sans-serif;
	text-align: right;
	color: #ffffff;
}
.image img.center {
	margin-left: auto;
	margin-right: auto;
}