/*===================================================================
==================    SITE WIDE DEFAULTS    =========================
===================================================================*/

body {  
    background-color: #BAB0A5;
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, "Times New Roman";
	color: #2B2A28;
}

A:link {text-decoration: none; color: #2B2A28; font-weight: bold;}
A:visited {text-decoration: none; color: #2B2A28 ; font-weight: bold;}
A:active {text-decoration: none; color: #2B2A28 ; font-weight: bold;}
A:hover {text-decoration: underline; color: #000000 ; font-weight: bold;}

img { border: 0; }


/*===================================================================
==================        CONTAINERS        =========================
===================================================================*/

div#bg_box {										/* BACKGROUND CONTAINER */
	position: relative;
	background-color: #CABEB2;
	width: 900px;
	margin: auto;
	padding: 0;
	border: 5px solid #D5CEC5;
	border-top: 0px;
}

div#header {										/* HEADER CONTAINER */
	position: relative;
	margin: 0;
	padding: 0;
	height: 157px;
	border: 0px solid;
	font-size: 10px;
}

div#menu_container {								/* DROP DOWN MENU CONTAINER */
	position: absolute;
	z-index: 10;	
	top: 97px;	
	height: 32px;
	margin: 0 0 0 339px;
	border: 1px solid #2B2A28; 
	border-width: 0px 0 1px 1px;
}

div#content {										/* PAGE CONTENT CONTAINER */
	margin: 0 20px 0 100px;
	border: 0px solid #000000;
	font-size: 10px;
	text-align: left;
	z-index: -1;
}

div#content_bg {									/* CONTENT: TEXT AREA - CONTAINER */
	z-index: -1;
	margin: 0 0 0 0;
	padding: 5px 5px 10px 100px;
	background:  url(images/content_bg.jpg) repeat-y top right;
	border: 1px solid #BAB0A5; 
	border-width: 0 3px 3px 0;
}

h2#content_title {									/* CONTENT: TITLE AREA - CONTAINER */
	z-index: 0;
	margin: 0 0 1px 0;
	padding: 2px 0 2px 3px;
	height : 14px;
	background:  url(images/content_title.jpg) repeat-y top right;
	color: #D5CEC5;
	font-size: 12px;
	text-align: right;
}

div#footer {										/* FOOTER CONTAINER */
	position: relative;
	margin: 30px 0 10px 0;
	padding: 30px 10px 10px 0;
	border: 0px solid;
	font-size: 10px;
}

div#title {											/* SITE TITLE CONTAINER */
	position: absolute;
	border: 0px solid;
	top: 50px;
	height: 22px 
}

h1#h_title {										/* SITE TITLE TEXT-to-GRAPHIC */
	float: right;
	clear: both;
	margin: 0;
	width: 200px;
	height : 40px;
	background : url(images/title.jpg) no-repeat;
	text-indent : -9999px;
}

div#flags {										/* SITE TITLE TEXT-to-GRAPHIC */
	float: right;
	clear: both;
	margin: 2px 0 0 0;
	width: 220px;
	height: 10px;
}


/*===================================================================
==================      CORNER GRAPHIC      =========================
===================================================================*/

div#corner {										/* GO-BOARD CORNER GRAPHICS */
	position: relative;
	width: 315px;
	height: 157px;
	z-index: 2;
	padding: 0;
}

div#corner_0 { float: left; clear: left; margin: 0 0 0 1px; width: 315px; height : 142px; background : url(images/corner_0.jpg) no-repeat; }
div#corner_1 { float: left; clear: left; margin: 0 0 0 1px; width: 247px; height : 15px; background : url(images/corner_1.jpg) no-repeat; }
div#corner_2 { float: left; clear: left; margin: 0 5px 0 1px; width: 203px; height : 15px; background : url(images/corner_2.jpg) no-repeat; font-size:0; }
div#corner_3 { float: left; clear: left; margin: 0 5px 0 1px; width: 180px; height : 15px; background : url(images/corner_3.jpg) no-repeat; font-size:0; }
div#corner_4 { float: left; clear: left; margin: 0 5px 0 1px; width: 180px; height : 15px; background : url(images/corner_4.jpg) no-repeat; font-size:0; }
div#corner_5 { float: left; clear: left; margin: 0 5px 0 1px; width: 146px; height : 15px; background : url(images/corner_5.jpg) no-repeat; font-size:0; }
div#corner_6 { float: left; clear: left; margin: 0 5px 0 1px; width: 89px; height : 15px; background : url(images/corner_6.jpg) no-repeat; font-size:0; }
div#corner_7 { float: left; clear: left; margin: 0 5px 0 1px; width: 77px; height : 15px; background : url(images/corner_7.jpg) no-repeat; font-size:0; }
div#corner_8 { float: left; clear: left; margin: 0 5px 0 1px; width: 77px; height : 15px; background : url(images/corner_8.jpg) no-repeat; font-size:0; }
div#corner_9 { float: left; clear: left; margin: 0 5px 0 1px; width: 42px; height : 15px; background : url(images/corner_9.jpg) no-repeat; font-size:0; }


/*===================================================================
==================        MENU HR'S         =========================
===================================================================*/

div#hr1 {											/* HR FOR MENU CONTAINER */
	margin: 0;
	height: 13px;
	border: 0px;
	padding: 0;
	background : url(images/hr.jpg) repeat;
	position: absolute;
	width: 100%;
	top : 91px;
}

div#hr2 {											/* HR FOR MENU CONTAINER */
	margin: 0;
	height: 13px;
	border: 0px;
	padding: 0;
	background : url(images/hr.jpg) repeat;
	position: absolute;
	width: 100%;
	top : 124px;
}


/*===================================================================
==================      DROP DOWN MENU      =========================
===================================================================*/

.menu ul {											/* Remove bullets and style from menu list elements. */
	padding: 0;
	margin: 0;
	list-style-type: none;
}

.menu li {											/* Float the list to make it horizontal. */
	float: left;
	width: 140px;
	position: relative;
}

.menu a, .menu a:visited {							/* Style the links for the top level elements. */
	display: block;
	text-decoration: none;
	text-align: center;
	color: #2B2A28;
	font-weight: bold;
	width: 139px; 
	height: 32px; 
	border: 1px solid #2B2A28; 
	border-width: 1px 1px 0 0; 
	background: #CABEB2; 
	line-height: 29px;
}

.menu ul ul {										/* Hide the lower level elements and position them properly. */
	visibility: hidden;
	position: absolute;
	height: 0;
	top: 33px;
	left: -1px; 
	width: 140px;
}

.menu ul ul a, .menu ul ul a:visited {				/* Style the lower level elements. */
	background: #BFB6AC; 
	color: #2B2A28; 
	height: auto; 
	line-height: 1em; 
	padding: 5px 0 5px 0;
	text-align: center;
	width: 139px;
	border: 1px solid #2B2A28;
	border-width: 0 1px 1px 1px;

}

.menu a:hover, .menu ul ul a:hover {				/* Style the links for the top level elements for hover. */
	color: #2B2A28; 
	text-decoration: underline;
	background: #D5CEC5;
}
.menu :hover > a, .menu ul ul :hover > a {
	color: #2B2A28;
	text-decoration: underline;
	background: #D5CEC5;
}

.menu ul li:hover ul, .menu ul a:hover ul {			/* Make the lower level visible on hover. */
	visibility: visible;
}


* html .menu a, * html .menu a:visited {				/* IE5.5 Hack: fix of box model. */
	width: 140px;
	w\idth: 139px;
}
* html .menu ul ul {									/* IE5.5 Hack: fix of box model. */
	top: 32px;
	t\op: 33px;
}
* html .menu ul ul a {									/* IE5.5 Hack: fix of box model. */
	width: 139px;
	w\idth: 139px;
}
.menu table { position: absolute; top: 0; left: 0; }	/* IE5.5 Hack: style the table so the menu works in IE. */


/*===================================================================
==================      CONTENT STYLE       =========================
===================================================================*/

img#logo {
	float: left;
	clear: left;
	padding: 10px 10px 0px 10px;
	border: 0px solid;
}

ol#l_align {
	text-align: left;
}

#lang_select {
text-align: right;
}

table#table_minis {
	border: 0px solid #000000;
	padding: 0 0 0 0;
	margin: 0 auto;
	background-color: #BAB0A5;
}

table#table_minis td {
	border: 1px solid #000000;
	background-color: #D5CEC5;
	width: 40px;
	height: 40px;
	padding: 0 0 0 0;
	margin: 1px 1px 1px 1px;
	vertical-align: middle;
}

div#gallery_captions {
	width: 400px;
	margin: 3px auto;
	padding: 2px 2px 2px 2px;
	background:  url(images/content_bg.jpg) repeat-y top right;
	border: 1px solid #BAB0A5; 
	border-width: 2px 2px 2px 2px;
	text-align: center;
}

h2#caption_title {
	margin: 0 0 1px 0;
	padding: 1px 0 1px 2px;
	height : 12px;
	background:  url(images/content_title.jpg) repeat-y top right;
	color: #D5CEC5;
	font-size: 10px;
	text-align: right;
}

div.hide_applet {
	position: absolute; 
	width: 1px; 
	height: 1px; 
	top: -9999px; 
	left: -9999px;
}