body
{
	background: #000;
	color: #31454A;
	line-height: 1.3;
	margin: 0;
	padding: 0;
	font: normal 0.8em tahoma, verdana, arial; 
	height: 100%;
}

/*
**** global styles
*/

a 
{
	color: #0F1517;
	text-decoration: underline;
}
a:hover { text-decoration: none; }
img { border: 0; }
input
{
	border: solid 1px #1E2A29;
	color: #686353; 
}
input.submit { cursor: pointer; border: 0; background: #A5AEA5; }
input.num { width: 25px; }
.clearUl 
{
	margin: 0;
	padding: 0;
	list-style: none;
}
.r { float: right; }
.ri {text-align: right; }
.l { float: left }
.c { text-align: center; }

fieldset { border: solid 1px #000; }

div { padding: 5px 0; }

h1,h2
{
	margin: 0;
	padding: 5px 0;
}
h1 { font: normal 2em georgia, verdana, arial; }
h2 { font: normal 1.5em georgia, verdana, arial; }

ol span, ul span { display: block; font-size: 0.8em; }

ul.list { list-style: none; margin: 0; padding: 0; }
ul.list li { float: left; width: 210px; padding: 1px 3px; }

/* end */

#mainBox
{
	width: 750px;
	margin: auto;
	background: #fff;
	overflow: hidden;
	padding: 10px;
	font-size: 1em;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	border-left: solid 1px #A5AEA5;
	border-right: solid 1px #A5AEA5;
}

#lettersBox { background: #EFEBEF; margin: 10px 0 0 0; padding: 10px; text-align: center; border-top: solid 1px #ccc; border-bottom: solid 1px #ccc; }

#container 
{
	float: left;
	width: 740px; text-align: justify; padding: 10px 5px;
}
#infoBox
{
	float: right;
	width: 200px;
}
#infoBox div
{
	margin: 5px 0;
	padding: 5px;
	border: solid 1px #233236;
	border-left: solid 10px #233236;
}

#footerBox { border-top: solid 1px #ccc; color: #333; text-align: center; font-size: 10px; clear: both; }












#ewl { margin-top: 20px; text-align: center; }
#ewl a { text-decoration: none; color: #222; }