html,
body {
	height: 100%;
	width: 100%;
	margin: 0;
	padding: 0;
}

body {
	font-size: 20px;
	background: #2d2f33;
	background-image: url("graphics/wall_bg_tile_echo_large_512x512.png");
    background-repeat: repeat;
	font-family: Geneva, Tahoma, Verdana, sans-serif;
}

p {
}

ul.green {
	list-style-image: url("graphics/bullet_point_green.png");
	list-style-position: inside;
	color: #a69999;
}

.green {
	color: #5ced00;
}


.red {
	color: #ff1414;
	}

.white {
	color: #e8e8e8;
}
	
.container {
	position: relative;
}

.left_column {
	position: fixed;
	width: 180px;
	height: 100%;
	top: 0;
	left: 0;
}

.right_column {
	display: table;
	margin-left: 0px;
	max-width: 1024px;
	height: 100%;
}

.header {
	display: table-row;
	width: 100%;
	height: 256px;
	margin: 0;
	padding: 0;
}

.content {
	display: table-row;
	color: #a69999;
	padding-bottom: 20px;
	background-image: url("graphics/body_1024x512.png");
    background-repeat: repeat-y;
}

.content_area {
	margin-left: 140px;
	margin-right: 140px;
	margin-top: 10px;
	margin-bottom: 20px;
}

.content_demo {
	color: #a69999;
	width: 768px; /* This needs to be equal to max-width of .right_column minus the padding-left and minus the padding-right in .content */
	margin: 0;
	padding-left: 128px;
	padding-right: 128px;
	padding-top: 10px; /* If this is too low, we need to put the following as the first thing within the content div: <div style= "padding: 0; margin: 0;"></div> */
	padding-bottom: 20px;
	background-image: url("graphics/body_1024x512.png");
    background-repeat: repeat-y;
}

.footer {
	display: table-row;
	width: 100%;
	height: 320px;
}

.center {
	margin: 0 auto;
	width: 556px;  /* Make sure this is the same as the iframe width */
}

.screenshot_table {
	border-spacing:0;
	border-collapse: collapse;
}

.screenshot_table tr td {
	width: 50%;
	padding: 10px;
}

.screenshot {
	max-width: 100%;
	border: 1px solid #a69999;
}


/* unvisited link */
a:link {
    color: #5ced00;
}

/* visited link */
a:visited {
    color: #5ced00;
}

/* mouse over link */
a:hover {
    color: #5ced00;
}

/* selected link */
a:active {
    color: #5ced00;
}