html {
	margin: 0;
}

body, div, p, span {
	margin: 0;
	padding: 0;
	text-align: left;
	font-size: medium;
	font-family: Arial;
}

body	{
	background-color:	#182734;
}


span {
}

p {
	padding: 10px;
}

pre {
	display:		block;
	border-left:		1px solid blue;
	padding-left:		3px;
	font-family: 		Courier, monospace;
	font-weight:		bolder;
	color:			blue;
}

cite {
	font-family: Serif;
}
code {
	font-family: Courier, monospace;
}
blockquote {
	font-family: Serif;
}
address {
	font-size: 80%;
	display:		block;
	margin-left:		auto;
	margin-right:		auto;
	text-align:		center;
}
img {
	display: block;
	padding: 0;
}
h1, h2, h3, h4, h5, h6 {
	color: inherit;
	text-align: 	center;
	font-size: medium;
	font-family: Arial;
	font-weight: bold;
}
h1 {
	font-size: 2.25em;
	text-align: center;
	text-decoration: underline;
}
h2 {
	font-size: 2.0em;
	text-align: center;
}
h3 {
	font-size: 1.75em;
}
h4 {
	text-align:	left;
	font-size: 1.5em;
}
h5 {
	text-align:	left;
	font-size: 1.25em;
}
h6 {
	font-size: 1em;
}
ul, ol {
}

ol	{
	list-style:	decimal none inside;
}

dl {
	clear: left;
	display: block;
	margin-left:	15px;
}
li {
	margin-bottom: 1em;
}
dt {
	font-weight: bold;
}
dd {
}
table, thead, tbody, tfoot {
} 
table {
	border-collapse: collapse;
	border: 2px solid black;
	display: table;
}
colgroup {
}
col {
}
tr {
}
th {
	padding: 2px;
	text-align: center;
	border: 1px solid black;
	border-bottom: 2px solid black;
	font-weight: bold;
	font-size: 125%
}
td {
	padding: 2px;
	border: 1px solid black;
}
div#pagetitle {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}
div#leftside {
	padding: 5px;
	position: absolute;
	overflow: auto;
	float: left;
	top: 5px;
	height: 100%;
	left: 5px;
	width: 160px;
}
body > #leftside {
	position: fixed;
}
div {
	display:		block;
	margin:			0px;
	padding:		0px;
	border:			none;
}

div#splash {
	background-image:	url('../images/splash.jpg');
	background-repeat:	no-repeat;
	width:			550px;
	height:			360px;
	position:		relative;
}

div#box {
	margin-top:		12px;
	width:			800px;
	margin-left:		auto;
	margin-right:		auto;
	color:			black;
	background-color:	white;
}

div#top {
	height:			131px;
	clear:			both;
	width:			800px;
	position:		relative;
}

div#sitemenu {
	background-image:	url('../images/exspans.jpg');
	background-repeat:	no-repeat;
	clear:			both;
	width:			800px;
	height:			65px;
	text-align:		right;
	position:		absolute;
	left:			0px;
	top:			0px;
}

div#pagetitle {
	background-color:	grey;
	background-image:	url('../images/pagetitle.jpg');
	background-repeat:	no-repeat;
	clear:			both;
	width:			800px;
	height:			66px;
	position:		absolute;
	left:			0px;
	bottom:			0px;
	border-bottom:		3px solid gray;
}

#pagetitle p {
	display:		block;
	font-size:		165%;
	font-weight:		bold;
	margin-left:		122px;
	margin-top:		15px;
}

div#main {
	clear:			both;
	margin-left:		5px;
	height:			auto;
}

div#menu_left {
	float:			left;
	margin-left:		10px;
	margin-top:		20px;
	width:			3px;			
	height:			360px;
	background-image:	url('../images/vlinkdots2.gif');
	background-repeat:	no-repeat;
}

div#pagemenu {
	float:			left;
	margin-left:		15px;
	margin-top:		20px;
	width:			75px;
}

div#menu_right {
	float:			left;
	margin-left:		20px;
	margin-top:		10px;
	width:			18px;
	height:			360px;
	background-image:	url('../images/dot_vline.gif');
	background-repeat:	no-repeat;
}

div#content	{
	float:			left;
	width:			550px;
	margin-left:		20px;
	margin-top:		20px;
}

#content ul	{
	list-style-position:	outside;
	list-style-image:	url('../images/blueball.gif');
}

img.code	{
	width:			550px;
}

#splash img {
	width:			99px;	
        position:               absolute;
        right:                  20px;
        bottom:                 30px;
}

div#footer {
	margin-left: 		auto;
	margin-right: 		auto;
	clear:			both;
	width:			800px;
	height:			109px;
	position:		relative;
	background-image:	url( '../images/footer.gif' );
	background-repeat:	no-repeat;
	background-position:	0% 100%;
}

#footer p {
	padding:		0px;
	clear:			both;
	display:		block;
	text-align:		center;
	font-size:		54%;
	font-weight:		lighter;
	color:			white;
	position:		absolute;
	right:			30px;
	top:			50px; 
}

.email	{
	display:		inline;
}

#footer .email	{
	color:			#ffffff;
	text-decoration:	none;
}

#footer a:link {
	color:			#ffffff;
}

#footer a:hover {
	color:			orange;
}

#footer a:active {
	color:			#ffffff;
}

#footer img {
	position: 		absolute;
	right:			140px;
	top:			0px;
}

#sitemenu ul {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
	position:	absolute;
	right:		0px;
	bottom:		10px;
}
#sitemenu ul li {
	display: block;
	float:	left;
	padding-bottom: 1px;
	margin-bottom: 0;
	width: 75px;
}
#sitemenu ul li a {
	color: cyan;
	text-decoration: none;
	text-align: center;
	font-size: 70%;
	font-weight: bolder;
	width: 100%;
	display: block;
	padding-top: 0;
	padding-bottom: 0;
	margin: 0;
}

#sitemenu ul li a:hover {
	color: orange;
}
/*
ul#menu li a:active {
border: 3px inset blue;
background-color: darkblue;
color: cyan;
}
*/

p.pheader	{
	text-decoration:	underline;
	font-weight:		bold;
	font-size:		150%;
	text-align:		center;
}

p.pheaderleft	{
	font-weight:		bold;
	font-size:		120%;
	text-align:		left;
}

img.flag	{
	width:			54px;
}

#pagemenu ul {
	display:		block;
	list-style:		none;
	margin:			0;
	padding:		0;
}

#pagemenu ul li {
	display:		block;
	clear:			both;
	padding-bottom:		1px;
	margin-bottom:		0;
	width:			75px;
	height:			25px;
}

#pagemenu ul li a {
	color:			#5f6770;
	text-decoration:	none;
	text-align:		left;
	font-size:		70%;
	font-weight:		bolder;
	width:			100%;
	display:		block;
	padding-top:		0;
	padding-bottom:		0;
	margin:			0;
}

#pagemenu ul li a:hover {
	color:			orange;
}

.center {
display: block;
text-align: center;
margin-left: auto;
margin-right: auto;
clear: left;
}
.error {
color: red;
font-weight: bold;
text-align: center;
}
.input {
border-style: none;
text-align: left;
}

.submit {
	width:	100px;
}

table.nobord {
	margin-left:		auto;
	margin-right:		auto;
}

.nobord {
	padding: 		0;
	font-size:		90%;
	text-align:		center;
	border-style:		none;
	white-space:		nowrap;
}

.nobordsm {
	padding: 0;
	text-align: center;
	border-style: none;
	font-size:	80%;
}
.nobordleft {
padding: 0;
text-align: left;
font-weight: bold;
border-style: none;
}
.nobordright {
padding: 0;
text-align: right;
font-weight: bold;
border-style: none;
}
.header {
text-align: center;
font-size: 125%;
font-weight: bold;
clear: both;
}
.form {
width: auto;
border: none;
font-size: 100%;
}
.valid {
background-color: white;
}
.invalid {
background-color: #fa0;
}
table.bottom {
border-collapse: separate;
padding: 0;
border-style: none;
width: 500px;
}
table.nobord {
border-collapse: separate;
}
th.nobordleft {
padding: 10px;
border-bottom-style: solid;
}
td.right {
padding: 0;
border-style: none;
text-align: right;
font-weight: bold;
}
td.left {
padding: 0;
border-style: none;
text-align: left;
font-weight: bold;
}
table.form {
margin-left: auto;
margin-right: auto;
width: auto;
padding: 5em;
background-color: #a0a0a0;
text-align: left;
border: medium outset brown;
}

div.leftfull {
	display:	block;
	clear:		both;
	text-align:	left;
}