/* 
================================
Skin styles
================================
*/   

* { margin:0; padding:0}
html {
	width: 100%;
	height: 100%;	
}
body {
	height: 100%;
	width: 100%;
	background:#2d3851 url(../media/bg.jpg) no-repeat  right bottom;
	border:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#333;
	line-height:1.5em;
	
}
p {margin:0;padding:12px 0; 	color:#333;}
A:link
{
	text-decoration: none;
	color: #2d3851;
}

A:visited
{
	text-decoration: none;
	color: #2d3851;
}

A:hover
{
	border-bottom: dashed #2d3851 1px;
	
}

A:active
{
	text-decoration: none;
	color: #2d3851;
}
ul{margin:12px 0 12px 18px; clear:both; color:#333;}
li{ margin:0 0 12px 12px; list-style:square}
li ul{ margin:12px 24px 24px 36px; display:none}
li ul li{ list-style:disc}

#Logo{width:219px; height:62px; padding:0px; float:right; background:#79a2c0; clear:right}
#Logo img{width:219px; height:50px; border:none}
#Logo a:hover{ border-bottom:none}

#ContentPane{float:left;clear:both; width:1000px;background-color:#3f3f3f; margin:12px 0 0 0; padding:12px; }
#Content{float:left;width:1000px;background-color:#79a2c0; padding:12px; font-family:Arial; color:#000000; font-size:9pt; clear:both}

#Footer{float:left;width:1000px;background:#79a2c0; line-height:1.5em; font-family:Arial; color:#333; font-size:9pt; clear:both; padding:12px;}

#Footer a{margin:0 0 0 12px}

.TextOnGrey{clear: none;  float: left; width: 250px; wrap-word: break-word; font-family:Arial; color:#afcbd7; font-size:9pt; line-height:1.5em; margin:0 }
.TextOnGrey ul, .TextOnGrey p{color:#afcbd7}
.TextOnGrey A:link{
color:#afcbd7;
}

.TextOnGrey A:visited
{
color:#afcbd7;

}

.TextOnGrey A:hover
{
border-bottom: dashed #afcbd7 1px;

}

.TextOnGrey A:active
{
color:#afcbd7;

}

.TextOnBlu{clear: none;  float: left; width: 250px; wrap-word: break-word; font-family:Arial; font-size:9pt; line-height:1.5em; margin:0}

h1{float:left; font-family:Arial; width:189px; color:#afcbd7; font-size:12pt; line-height:1.5em; font-weight:bold; margin:10px 0;}

h2{font-family:Arial; font-size:9pt; line-height:1.5em; font-weight:bold; margin:0; padding:12px 0}

h3{ font-family:Georgia, "Times New Roman", Times, serif; font-size:24px; line-height:2em; display:block; border-bottom:1px dashed #666; padding:0; }

#NavBar a:link {
font-family:Arial;
font-size:9pt; 
color:#afcbd7;
}

#NavBar a:visited {
font-family:Arial;
font-size:9pt;
color:#afcbd7;
}

#NavBar a:hover {
font-family:Arial;
font-size:9pt;
color:#f2f6fc;
background-color:#333333;
}

#NavBar{
font-family:Arial;
font-size:9pt;
color:#ffffff;
float:left;
clear:none;
padding:12px;
}
#NavBar ul{margin:0; padding:0}
#NavBar li{margin:0 12px 0 0; padding:0;display:inline}


.upperLatinList li{list-style:upper-latin;}
.thinCol{ width:189px}
.thickCol{width:380px}
.SecondCol{margin:0 0 0 24px}

.expandButtons{ float:right; padding:12px 0 12px 12px; clear:right; margin-top:-40px }
.expandButtons a{ margin:0 0 0 12px;}
.icon_button{ height:32px; display:block; font-size:12px; margin:0 0 6px 0; padding:0;}
.icon_button img{ margin:0 6px -12px 0; border:none }

.superscript{
	position: relative;
	bottom: 0.5em;
font-size: 0.8em;
	}
.tm{
font-size: 0.6em;
	}	

form{margin:12px 0; font-size: 1.2em ; font-family:Arial, Helvetica, sans-serif; font-weight:70}

input, select, textarea{font-size: 1.2em; font-family:Arial, Helvetica, sans-serif; font-weight:70; padding:2px}

textarea{height:6em; width:250px; overflow:auto}

dt{ margin:0 0 6px 0;}
dd{ margin:0 0 24px 0;}

.formbuttons{margin:24px 0 0 0; padding:0}
.formbuttons input{ margin:0 12px 12px 0;}
label.error { clear:both; display:block; color: red; vertical-align: top; padding:6px 0 0 0}


em { padding:0 6px; vertical-align: top; display:inline-block; clear:none}