/* Body */
* {margin:0; padding:0;}
body {
	background:#cbe0e2;
	font:76% Arial,Tahoma,"Trebuchet MS",sans-serif;
	line-height:1.4em;
	text-align:center;
	padding:0;
	background-repeat: repeat-x;
}

#wrap {
	width:960px;
	background-color:#fff;
	color:#231f20;
	padding:10px;
	margin:10px auto 0 auto;
	text-align:left;
	border:1px solid #8e8c8c;
}
#top {width:960px; text-align:right; margin:10px auto 5px auto; color:#ddd; font-size:0.9em;}
#top p {margin:2px; padding:0;}
#top a {color:#eee; border-bottom: 1px dotted #aaa;}
#top a:hover {color:#fff; text-decoration:none; border-bottom:1px dotted #fff;}

/* Header and title */
#header {
	text-align:left;
	padding:0;
}
#sitetitle {
	float:left;
	height: 70px;
}
#sitetitle h1 {font-weight: 700; font-size:2.2em; letter-spacing:-2px; line-height:0.9em; margin:20px 0 10px 10px; padding:0;}
#sitetitle h1 a {font-weight:700; letter-spacing:-1px;}
#sitetitle p {
	margin:0;
	padding:0;
	letter-spacing:-1px;
	font-size:1.3em;
	color:#777;
}

/* Main menu */
#mainmenu {
	width:100%;
	margin:0;
	text-align: center;
	padding: 0;
}
dl.nav {
	width:155px;
	float:left;
	margin: 0 5px 0 0;
}
dl.nav dt {border-bottom:1px solid #aaa; padding:0; font-weight:700; margin:0; color:#777;}
dl.nav dt a {font-weight:700; color:#777;}
dl.nav dt a:hover {color:#222;}
dl.nav dd {padding:0; margin:0; border-bottom:1px solid #ccc;}
dl.nav dd a {font-weight:400; padding:1px 0 1px 5px; color:#4d699d; display:block; width:135px;}
dl.nav dd a:hover {color:#222; background:#f4f4f4;}

/* Headline */
#headline {
	width:auto;
	text-align:left;
	padding: 5px 0;
}
#headline p {margin:2px; padding:0;}
#headline h2, #headline h3 {font-size:1.4em; padding:0 0 2px 0; margin:0 0 5px 0; border-bottom:2px solid #ccc;}
#headline p, #headline ul, #headline ol {margin:0 0 15px 0; padding:0;}
#headline a {font-weight:400;}
#headline ul li {list-style:none; margin:0 0 3px 0;}
#headline ul li a {font-size:1.1em;}
#headline ul ul {margin:3px 0 3px 10px; font-size:1em;}
#headline ul ul li {margin:2px 0;}
#headline ul ul li a {font-weight:400;}

#headline ul.headlinemenu li {
	list-style: none;
	width:218px;
	padding:0;
	margin:0 0 2px 0;
	display: inline;
}
#headline ul.headlinemenu li a {
	display: inline;
	overflow: visible;
	padding:2px 5px;
	background-color:#f4f4f4;
	font-weight:400;
	border:1px solid #cbe0e2;
	font-size:1.1em;
}
#headline ul.headlinemenu li a:hover, #headline ul li.current a {
	border:1px solid #497dac;
	color:#497DAC;
	background-color:#cbe0e2;
}
#headline ul.headlinemenu li.current li a {background-color:#f8f8f8; color:#467aa7; border:1px solid #ddd; border-bottom:1px solid #ccc;}
#headline ul.headlinemenu ul {margin:0; padding:2px 0 0 15px;}
#headline ul.headlinemenu ul li {width:203px; letter-spacing:0;}
#headlinebar ul.headlinemenu ul li a {font-size:0.9em; padding:1px 0 1px 5px;}

/* Headers */
h2, h3, h4 {
	margin:0 0 14px;
	padding-bottom:5px;
	color:#497dac;
	font-weight:700;
}

/* Content */
#maincontent {
	width:100%;
	height: 330px;
	padding: 0;
}

#content {
	text-align:left;
	width:auto;
	margin:0;
	;
	height: 300px;
}
#content h2 {
	font-size:1.7em;
	letter-spacing:-1px;
	clear:left;
	border-bottom:2px solid #cbe0e2;
}
#content h3 {font-size:1.4em; letter-spacing:-1px;}
#content h2 a, #content h3 a {font-weight:700;}
#content p {margin:0 0 15px;}
#content a {
}
#content a:hover {
	color: #231f20;
	text-decoration: underline;
}
#content ul, #content ol {margin:0 0 15px 10px; padding:0 0 0 10px;}
#content ul li, #content ol li {margin:0 0 10px 10px;}
#content ul ul, #content ol ol {margin:5px 0 5px 10px;}
#downcontent {
	width:100%;
	height: auto;
	padding: 20px 0;
}
#odilecontent {
	width:100%;
	height: 94px;
	border: 1px solid #ccc;
	text-align: justify;
}


/* Sidebar */
#sidebar {
	text-align:right;
	width:auto;
	padding:10px;
	height: auto;
	float: right;
	border: 1px solid #ccc;
	background: #F0F0F0 none repeat scroll 0 0;
	color: #505457;
}
#sidebar h2, #sidebar h3 {
	font-size:1.3em;
	padding:0 0 2px 0;
	margin:0 0 5px 0;
}
#sidebar p, #sidebar ul, #sidebar ol {
	margin:0;
	padding:0;
}
#sidebar a {font-weight:400;}
#sidebar ul li {list-style:none; margin:0 0 3px 0;}
#sidebar ul li a {font-size:1.1em;}
#sidebar ul ul {margin:3px 0 3px 10px; font-size:1em;}
#sidebar ul ul li {margin:2px 0;}
#sidebar ul ul li a {font-weight:400;}

#sidebar ul.sidemenu li {list-style: none; width:218px; padding:0; margin:0 0 2px 0;}
#sidebar ul.sidemenu li a {display: block; overflow: visible; padding:2px 0 2px 5px; background-color:#f4f4f4; font-weight:400; border:1px solid #ddd; font-size:1.1em; }
#sidebar ul.sidemenu li a:hover, #sidebar ul li.current a {border:1px solid #555; color:#444; background-color:#fff;}
#sidebar ul.sidemenu li.current li a {background-color:#f8f8f8; color:#467aa7; border:1px solid #ddd; border-bottom:1px solid #ccc;}
#sidebar ul.sidemenu ul {margin:0; padding:2px 0 0 15px;}
#sidebar ul.sidemenu ul li {width:203px; letter-spacing:0;}
#sidebar ul.sidemenu ul li a {font-size:0.9em; padding:1px 0 1px 5px;}

/* baseline */
#baseline {
	width:958px;
	text-align:center;
	color:#777;
	font-size:0.9em;
}
#baseline p {margin:2px; padding:0;}



/* Footer */
#footer {
	clear:both;
	font-size:0.9em;
	width:960px;
	line-height:1.5em;
	color:#666666;
	margin: 5px auto 10px auto;
	padding:0;
}
#footer p {margin:0; padding:0;}
#footer a {
	color:#666666;
}
#footer a:hover {
	color:#666666;
	text-decoration:none;
}

/* Links */
a {
	color:#231f20;
	font-weight:400;
	text-decoration:none;
}
a:hover {
	color:#497dac;
	text-decoration:none;
}
a img {border:0; text-decoration:none;}

/* Various classes */
.left {float:left; width:49%; text-align:left;}
.right {float:right; width:49%; text-align:right;}
.textleft {text-align:left;}
.textright {text-align:right;}
.textcenter {text-align:center;}
.introtext, .introtext a {font-weight:700;}
.clear {visibility:hidden; clear:both; height:1px;}
.hide {display:none;}
.imgleft {
	float:left;
	text-align:left;
	padding-right: 10px;
}
.imgright {float:right; text-align:right;	padding-left: 10px;
}
