@charset "utf-8";
body {
	background-color: #fff;
	background-image: url(../images/bg.gif);
	background-repeat: repeat-x;
	background-position: top;
	color:#444;
}

body, table {
	font: 9pt Arial, Helvetica, sans-serif;
}

body.popup {
	margin: 10px 10px;
}

body.copyright {
	color: #fff;
	background: url(../images/bot.gif) repeat-x;
	text-align:right;
	padding: 4px 0px 0px 0px;
	font-size: 10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin:0px;
	text-align:center;
	letter-spacing:-1px;
}
a {
	text-decoration: none;
	color: #c00;
}
a:hover {
	text-decoration:none;
	color: #603;
}
body.copyright a, body.copyright a:hover, body.copyright a:visited {
	color: #fff;
}

div.box {
	background:url(../images/bgframe.gif) top no-repeat;
	background-color:#fff;
	width:780px;
	margin-left:auto;
	margin-right:auto;
	padding:1px;
}

div.top-nav {
	margin: 5px 20px 5px 20px;
	font-size:10pt;
	font-weight:bold;
}

div.sub-nav {
	padding: 5px 20px 5px 20px;
	font-size:10pt;
	border-bottom: 1px solid #ddd;
	text-align:right;
	font-weight:bold;
}
div.top-nav a, div.sub-nav a {
	color:#666;
	text-decoration:none;

}
div.top-nav a:hover, div.sub-nav a:hover {
	color:#000;
}

div.banner {
	background:url(../images/banner.jpg);
	width: 780px;
	height:104px;
}
div.graphic-title-1 {
	position:absolute;
	margin-top: 65px;
	margin-left: 90px;
	font: bold 30px Arial, Helvetica, sans-serif;
	color: #fff;
	z-index: 2;
}
div.graphic-title-2 {
	position:absolute;
	margin-top: 66px;
	margin-left: 91px;
	font: bold 30px Arial, Helvetica, sans-serif;
	color: #666;
	z-index: 1;
}

div.content {
	padding: 20px;
}

div.sep-col {
	background-image: url(../images/sep.gif);
	background-repeat: no-repeat;
	background-position: 320px top;
}
div.sep-col div.lhs-col {
	float:left;
	width:300px;
}
div.sep-col div.rhs-col {
	float:right;
	width:400px;
}

div.half-col {
	background-image: url(../images/sep.gif);
	background-repeat: no-repeat;
	background-position: 370px top;
}
div.half-col div.lhs-col {
	float:left;
	width:350px;
}
div.half-col div.rhs-col {
	float:right;
	width:350px;
}

div.home-col {
	background-image: url(../images/sep.gif);
	background-repeat: no-repeat;
	background-position: 420px top;
}
div.home-col div.lhs-col {
	float:left;
	width:400px;
}
div.home-col div.rhs-col {
	float:right;
	width:300px;
}

div.end-col {
	clear:both;
}

div.lang-select {
	float: right;
	font:8pt Arial, Helvetica, sans-serif;
}
div.lang-select a {
	color:#c66;
}
/* dropdown language selector */
ul#lang-select, ul#lang-select ul { padding: 0; margin: 0; list-style: none; text-align:left; }

ul#lang-select li { position: relative; width: 11.1em; }

ul#lang-select li ul { /* second-level lists */
	display: none;
	position: absolute;
	top: 16px;
	left: 0;
	background: #ccc;
}

ul#lang-select li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
	top: auto;
	left: auto;
}

ul#lang-select a.selector {
	text-decoration:none;
	display:block;
	background:url(../images/dropdown.gif) no-repeat right;
}
ul#lang-select a.selector:hover {
/*	background-image:none;*/
}

ul#lang-select li:hover ul, ul#lang-select li.over ul { /* lists nested under hovered list items */
	display: block;
	border: 1px solid #999;
}

ul#lang-select li ul li a {
	background: #f8f8f8;
	display:block;
	color:#666;
}
ul#lang-select li ul li a:hover {
	background: #eee;
	color:#000;
}


div.content h1 {
	font: bold 14pt Arial, Helvetica, sans-serif;
	color: #666;
	margin-top: 0px;
}
div.content h2 {
	font: bold 13pt Arial, Helvetica, sans-serif;
	color: #666;
	margin-top: 20px;
}
div.content ul.home li {
	list-style-image: url(../images/red_bullet.arrow.gif);
	font: bold 12pt Arial, Helvetica, sans-serif;
	padding-bottom: 7px;
	padding-left: 5px;
	color:#444;
}

div.content hr {
	border-color:#ddd;
	border-style:solid;
	border-width:1px 0 0 0;
	height:1px;
	width:100%;
}

div.copyright {
	color: #fff;
	background: url(../images/bot.gif) repeat-x;
	height: 19px;
	text-align:right;
	padding: 4px 20px 0px 20px;
	font-size: 8pt;
}
input.login {
	border: 1px solid #ccc;
	height: 15px;
	width: 100px;
	padding:0;
	margin:0;
	font:
}
ul.spaced-out li {
	background:#f4f4f4;
	list-style:none;
}
ul.spaced-out li a {
	display:block;
	padding:5px 5px;
}
ul.spaced-out li a:hover {
	background:#eee;
}

a.button {
	border: 1px solid #000;
	background:#fc0;
	color:#000;
	padding:0px 10px;
}