BODY { 
	background-color: #FFFFFF;
	font: 90%/1.4 "Verdana", "Arial", "Helvetica", sans-serif;
	color: #000;
	padding: 0;
	margin:0;
	
}

IMG {
    border:0;
}

A {
    text-decoration: none;
}

#container {
	margin: 0 auto;
	width: 800px;
	height: 100%;
}

#header {
	clear:both;
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: center;
}

#headerForm {
	border: 1px solid black;
	padding: 5px;
	background-color: #E8C8CA;
	margin-top: 10px;
	font-size: 80%;
	text-align: center;
	font-family: monospace;
	font-size: 110%;
}

#sideBar {
	float: right;
	width: 175px;
	margin-left: 10px;
}

.navigation {
	border: 1px solid black;
	margin-bottom: 10px;

}

.navigation > .navTitle {
	font-weight: bold;
	border-bottom: 1px solid black;
	background-color: #ADD192;
	text-align: center;
}

.navigation A {
	display: block;
	padding: 2px;
	font-size: 85%;
	text-decoration: none;
	text-align: center;
	color: black;
	background-color: #CFE6BE;
}

.navigation A:hover {
	background-color: #E5F2DC;
}

#content {
	border: 1px solid #000;
	background-color: #EEE;
	padding: 10px;
	padding-top: 7px;
	height: 450px;
	overflow: auto;
}

#content A {
	color: #336699;
	text-decoration: underline;
	font-style: italic;
}

#content A:hover {
	color: #336699;
	text-decoration: none;
}

.support {
	text-align: center;
	margin-bottom: 10px;
}

#footer {
	margin-top: 10px;
	clear: both;
	font-size: 65%;
	border: 1px solid black;
	padding: 5px;
	background-color: #C8DDE8;
	margin-bottom: 10px;
}

#footer A {
    text-decoration: none;
    color: blue;
}

#footer A:hover {
    text-decoration: underline;
}


.validation {
    float: right;
    text-align: right;
}

#loading {
    position: absolute;
    top:0;
    right:0;
    display: none;
    background-color: #E38C1B;
    color: white;
    font-weight: bold;
    font-size: 75%;
    padding: 2px;
}


/* HEADINGS */
H1 {
	letter-spacing:.05em;
	font-weight: normal;
	font-size: 180%;
	margin:0;
	color: #C26956;
	margin-bottom: 10px;
	border-bottom: 3px solid #C26956;
}

H2 {
	letter-spacing:.05em;
	font-weight: normal;
	font-size: 120%;
	margin: 0;
	color: #B3442B;
	margin-top: 15px;
	border-bottom: 1px dotted #444;
}





/* FORM ELEMENTS */
FORM {
	margin: 0;
	padding: 0;
}

.pythoxyForm {
	font-size: 95%;
	margin: 0px;
	text-align: center;
	vertical-align: bottom;
}

.pythoxyField {
	border: 1px solid black;
	padding-left: 3px;
	font-family: monospace;
	color: #666;
	width: 350px;
	height: 16px;
	vertical-align: middle;
	border-right:0px;
}

.pythoxySubmitButton {
	border: 1px solid black;
	vertical-align: bottom;
	font-size:80%;
	width: 55px;
	padding-bottom: 1px;
	height:20px;
	vertical-align: middle;
	background-color: #D6E3D6;
}
