@charset "utf-8";
/* CSS Document for AP-Training */
/*  color palette:
	background: #c1dbed;
	font-heading: #02488e;
*/

body {
	font-family: "Trebuchet MS", Helvetica, Verdana, Tahoma, Arial;
	font-size: 12px;
	background: url(images/main_bg.jpg) no-repeat #c1dbed center top;
}
/* page's main sections */
.wrap { margin: 0 auto;	width: 795px; }
#spacer { min-height: 25px; max-height: 25px; }
#header {
	background: transparent url(images/header.png) no-repeat;
	min-height: 116px;
	max-height: 116px;
	position: relative;
}
#menu-bg {
	background: transparent url(images/menu-bg.png) no-repeat;
	min-height: 43px;
	max-height: 43px;
}
#banner { background: transparent url(images/banner-bg.png) no-repeat; min-height: 132px; max-height: 132px; } 
#content {
	background: transparent url(images/main-content-bg.png) repeat-y;
	padding:5px 0;
}
#content-foot { 
	background: transparent url(images/content-foot.png) no-repeat;
	min-height: 25px;
	max-height: 25px;
}
#footer {
	text-align: center;
}
.clear { clear: both; }
/* end of page main sections */
/* menu goes here */
#menu {
	clear: both;
	width: 795px;
	padding-left: 25px;
	padding-top: 2px;
	height: 38px;
	font-size: 14px;
	font-weight:bold;
	line-height: 38px;
}
#nav, #nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
#nav a {
	display: block;
	float: left;
	padding: 0 12px;
	color: #02488e; 
	text-decoration: none;
	border-bottom: none;
	border-top: none;
}
#nav a:hover {
	display: block;
	float: left;
	padding: 0 12px;
	color: #02488e; 
	text-decoration: none;
	background-color: #68b6e8;
	border-bottom: 3px solid #90c3f5;
}
#nav li {
	float: left;
	display: block;
}
#nav li ul {
	left:-999px;
	top: 184px;
	position:absolute;
	background-color: #1DA0F6;
	display: none;
}
#nav li:hover ul {
	left:auto;
	top: 184px;
	width: 13em;
	display:block;
}
#nav li:hover ul li a { 
	display: block;
	float: left;
	padding: 0 12px;
	color: #02488e; 
	text-decoration: none;
	background-color: #1DA0F6;
	border-bottom: 1px solid #02478d;
	width: 13em;
	height: 25px;
	line-height: 25px;
	font-size: 12px;
	overflow:hidden;
}
#nav li:hover ul li a:hover { 
	display: block;
	float: left;
	padding: 0 12px;
	color: #02488e; 
	text-decoration: none;
	background-color: #68b6e8;
	border -bottom: 1px solid #90c3f5;
	width:13em;
	height: 25px;
	line-height: 25px;
	font-size: 12px;
	overflow: hidden;
}


/* ------------------- */
#header-text {
	position: absolute;
	top: 40px;
	right: 215px; 
}
#lang {
	position: absolute;
	top: 35px;
	right: 45px;
	text-align: right;
	color: #02488e;
}
#lang img {	vertical-align: middle; border: none; }
.lang { min-height: 22px; max-height: 22px; margin: 3px 0; }
p.h1 { font-weight: bold; text-align: center; font-size: 16px; color: #02488e; margin: 5px 0; }
#header-text h2 { font-weight: lighter; text-align: center; }
#content-text { margin: 10px 55px; width: 450px; float: left; }
#content-text-wide { margin: 10px 55px; } 
#content-image { float: left; margin-top: 35px; }
h1 { font-size: 16px; color: #02488e; margin: 5px 0; }
h2 { font-size: 14px; color: #02488e; margin: 5px 0; }
p { text-align: justify; line-height: 16px; margin: 5px 0; }

#footer-links ul { margin: 15px 0; }
#footer-links ul li { display:inline; margin: 0 5px; }
#footer-links a { font-size: 14px; color: #195a9a; text-decoration: none; }
#footer-links a:hover { font-size: 14px; color: #195a9a; text-decoration: none; border-bottom: 2px solid #195a9a; }

a { color: #195a9a; text-decoration: none; }
a:hover { color: #195a9a; text-decoration: none; border-bottom: 1px solid #195a9a; }