Body {
	background-color: #CC3300;
	color: #330099;
	font-family: verdana, sans-serif, arial;
	font-size: 12px;
}

.subbody {
  margin-left: auto;
  margin-right: auto;
  max-width: 780px;
}

.smallSize {
	font-size:10px;
}

h1 {
	color:#CC3300;
	text-align:center;
	font-weight:bold;
	font-size:xx-large;
	margin:8px;
}

h3 {
	font-size:12px;
	font-weight:bold;
}

h5 {
	margin-top:5px;
  font-size:	10px;
	font-weight:normal;
}
hr {
	height: 2px;
	background: #CC3300;
	color: #CC3300;
	border:none;
}

.cellPadding {
	padding-right: 5px;
}

A:link, A:active, A:visited {
	color: #ffff80;
	text-decoration: none;
}

A:hover {
	color: #0000AA;
	text-decoration: none;
}

a.img:link, a.img:visited, a.img:active, a.img:hover {
	color:#CC3300;
	text-decoration: none; 
}

a.tl:link, a.tl:visited, a.tl:active {
	color: #CC3300;
	text-decoration: underline;
}

a.tl:hover {
	color: #CC3300;
	text-decoration: none; 
}

td {
	vertical-align:top;
	font-size: 12px;
	text-align:justify;
}

div {
	font-size: 12px;
	text-align: justify;
}

p {
	font-size: 12px;
	text-align: justify;
}

ul {
	padding:0px;
	padding-left:15px;
}

li {
	line-height:150%;
}

div.header {
	color:#ffff80;
	text-align:left;
	font-weight:bold;
	font-size:large;
	padding:5px;
	width:inherit;
}

h2 {
	color:#ffff80;
	background-color:#006400;
	text-align:left;
	font-weight:bold;
	font-size:large;
	padding:5px;
	margin:0px;
	width:inherit;
}
.header .menutable .style0 {
	color:#CC3300;
	text-align:center;
	font-weight:bold;
	font-size:xx-large;
	width:100%;
}

div.footer {
	background-color:#ffff80;
	border:solid;
	border-width:0px 0px 5px 0px;
	border-color:#CC3300;
	font-size:x-small;
	padding:4px;
	float:right;
}

.style1 {
	color: #ffff80;
	font-weight: bold;
	font-size:large;
}

.style2 {
	color: #ffff80;
	font-weight: bold;
}

.style3 {
	background-color:#CC3300;
	color: #ffff80;
	font-weight: bold;
	width:100%;
}

.style4 {
	background-color:#CC3300;
	border-width:0px;
	padding:0px;
	width:100%;
}

/****************/
/* LEFT COLUMN  */
/****************/
.left-column {
	width:130px;
	position:absolute;
}

.top-left {
	height:70px;	
}

table.menu {
	background-color:#CC3300;
	border-width:0px;
	padding:0px;
	width:100%;
}

div.menu {
	background-color:#CC3300;
	border-width:0px;
	border-color:#FFFF80;
	border-style:solid;
	margin-top:12px;
	padding:0px;
	width:100%;
	line-height:20px;
	font-weight:bold;
	font-size:12px;
	color:#FFFF80;
}
div.menu a, div.menu-first a {
	padding-left:3px;
}
div.left-column div.menu-first,
div.left-column div.menu {
	background-color:#CC3300;
	padding:0px;
	margin-top:0px;
	width:124px;
	line-height:20px;
	font-weight:bold;
	font-size:12px;
	color:#FFFF80;
	border:#ffff80 solid;
}
div.left-column div.menu-first {
	border-width: 3px 3px 3px 3px; 
}
div.left-column div.menu {
	border-width: 1px 3px 3px 3px;
}

/****************/
/* RIGHT COLUMN  */
/****************/

.right-column {
	position:absolute;
	margin-left:133px;
	background-color:#CC3300;
	/*border-width:0px;
	padding:0px 0px 2px 0px;*/
	max-width:647px;
}

.content-frame {
	clear:both;
	background-color:#ffff80;
	border:#ffff80 3px solid;
	width:inherit;
	margin-bottom:5px;
	margin:6px 0px 7px 3px ;
}

div.header-title {
	background-color:#ffff80;
	border: 5px solid;
	border-color:#006400;
	margin: 0px 0px 2px 3px;
	width:inherit;
}

.headeredge {
	background-color:#ffff80;
	border-width:0px;
	padding:0px;
	width:100%;
	margin:3px 0px 0px 3px;
}

div.table {
	margin:12px 0px 12px 0px;
}

.menutable {
	background-color:#ffff80;
	border-width:0px;
	margin:0px;
	padding:0px;
	width:100%;
}

.linktable {
	border-width:0px;
	padding:0px;
	width:100%;
}
.linktable td {
	background-color:#CC3300;
	border-color:#FFFF80;
	border-style:solid;
	border-width:1px;
	padding:0px 3px 0px 3px;
	line-height:20px;
	font-weight:bold;
	color:#FFFF80;
}

div.content .menutable {
	margin-top:0px;
}

div.content {
	clear:both;
	border-width:0px;
	padding:0px 10px 0px 10px;
	width:inherit;
	overflow:auto;
}

.stats {
	text-align:left;
	vertical-align:top;
}

.header {
	background-color:#006400;
	border-width:0px;
	padding:2px;
	width:100%;
}
.header td {
	font-size:large;
}

table.almanak th, table.almanak td {
	padding:0px;
	margin:0px;
	padding-right:5px;
	font-size:10px;
	border-style:none;
	border-width:0px;
	text-align:left;
	vertical-align:top;
}
table.almanak th {
	padding:2px;;
}
table.almanak thead {
	background:#CC3300;
	color:#FFFF80;
}
table.standard th, table.standard td {
	padding:0px;
	margin:0px;
	padding-right:5px;
	font-size:12px;
	border-style:none;
	border-width:0px;
	text-align:left;
	vertical-align:top;
}
table.standard th {
	padding:2px;
}
table.standard thead {
	background:#CC3300;
	color:#FFFF80;
}
table.tabel th, table.tabel td {
	padding:0px;
	margin:0px;
	padding-right:5px;
	border-style:none;
	border-width:0px;
	text-align:left;
	vertical-align:top;
}
table.tabel th {
	padding:2px;;
}
table.tabel thead {
	background:#CC3300;
	color:#FFFF80;
}

div.block, .clear {
	clear:both;
	overflow:auto;
}

div.flagrow {
	clear:both;
	margin: 0px auto;
	width:500px;
	overflow:auto;	
}

div.flag {
	padding-top:5px;
	padding-right:10px;
	float:left;
	font-weight:bold;
}

img.flag {
	height:100px;
	padding:1px;
	border:solid 1px;
}

img.mainflag {
	height:250px;
	padding: 0px 0px 10px 15px;
}

img.ecflag {
	height:150px;
}

.iright {
	float:right;
	padding: 0px 0px 10px 15px;
	margin-top:12px;
}

.aright {
	text-align:right;
}

.left {
	float:left;
}
.right {
	float:right;
}

div.cityheader {
	/*background:#CC3300;
	border:2px solid #CC3300;
	clear:both;
	height:18px;
	border-right:1px;*/
	height:18px;
	clear:both;
	width:100%;
}

div.cityheader span {
	padding: 2px 4px 2px 3px;
	margin: 0px 3px 0px 0px;
	font-weight:bold;
	background: #CC3300;
	color:#FFFF80;
	/*background:#FFFF80;
	background:#006400;
	border: 2px solid #CC3300;
	margin: 0px 2px 0px 0px;
	padding: 2px 4px 2px 2px;
	font-weight:bold;*/
}
div.cityheader span.right {
	margin:0px;
}

div.cityheader {
	margin: 3px 0px 6px 0px;
}
div.citylist p.top {
	margin: 6px 0px 12px 0px;
}
div.citylist,
div.citylist p,
div.citylink {
	margin: 12px 0px 12px 0px;
}
div.citylink a,
div.citylink a:link, 
div.citylink a:visited,
div.citylink a:hover
{
	color: #330099;
	text-decoration: underline;
	font-weight:bold;	
}
div.citylink a.select,
div.citylink a:hover {
	text-decoration: none;
	color:#CC3300;
}
div.textframe {
	border: 1px solid;
	padding: 0px 3px 0px 3px;
	margin: 4px 0px 0px 0px; 
}
.maxwidth {
	width:100%
}

.border {
	border:1px solid #006400;
}
.dictionary {
	text-align:left;
	-moz-column-count:2;
	-moz-column-gap:20px;
	-moz-column-rule:1px solid #330099;
	-webkit-column-count:2;
	-webkit-column-gap:20px;
	-webkit-column-rule:1px solid #330099;
}
.columns {
	-moz-column-count:2;
	-moz-column-gap:12px;
	-webkit-column-count:2;
	-webkit-column-gap:12px;
}
.fourCol {
	-moz-column-count:4;
	-moz-column-gap:12px;
	-webkit-column-count:4;
	-webkit-column-gap:12px;
}
.fiveCol {
	-moz-column-count:5;
	-moz-column-gap:12px;
	-webkit-column-count:5;
	-webkit-column-gap:12px;
}
.infoblock {
	clear:right;
	float:right;
	width:250px;
	margin:0px 0px 6px 6px;
}
.infoblock p {
	border: 1px solid #006400;
	padding:6px 6px 6px 6px;
	margin: 0px 0px 6px 6px;
}
dl {
	width:618px;
}
dt {
	font-weight:bold;
	width:150px;
	margin:0px 0px 12px 0px;
	float:left;
}
dd {
	float:left;
	width:468px;
	margin:0px 0px 12px 0px;
}