html, body { height:100%; padding:0; margin:0; }

body {
	font: normal 0.75em  Helvetica, "Lucida Grande", "Lucida Sans Unicode", Verdana;
	color: #222;
	background: #e5e5e5 top left repeat-x;
	}

#container {
	margin: 0 auto;
	padding: 0px 28px 20px 28px;
	width: 760px;
	min-height: 100%;
	background: #ffffff url('../layout/001/container.gif') top center repeat-y;
	}



/* top & navigation
-------------------------------------------------*/

#top {
	display: none;
	height: 0px;
	}
	
	#logotype  {
		position: absolute;
		margin: -60px 0 0 -14px;
		width: 189px;
		height: 60px;
		cursor:pointer;
		background: url('../layout/001/logotype.jpg2') top center no-repeat;
		}


#header {
	margin: 0 -20px;
	height: 165px;
	background: url('../layout/001/header.jpg') center center no-repeat;
	}


#nav {
	margin: 8px 0 0 0;
	}

	.navigation ul { list-style: none; padding:0; margin:0; }

	.navigation li {
		float: left;
		padding: 7px 0;
		margin: 0 0 0 30px;
		overflow: hidden;
		text-align: center;
		text-decoration: none;
		}
		
	.navigation a {
		text-decoration:none;
		font-weight: normal;
		}
	.navigation a:hover {
		text-decoration:none;
		}

		.Lev1 {
			height: 32px;
			margin: 0 0 5px 0;
			clear: both;
			border-bottom: 1px solid #ccc;
			}
			
		.Lev1 li {  }
		.Lev1 li a { color: #003e99; }
		.Lev1 li:hover, 
			.Lev1 li.hover {  }
		.Lev1 li a:hover {  }
		.Lev1 li.focus { border-bottom: 3px solid #333; }
		.Lev1 li.focus a { color: #333; text-decoration: none; }
		.Lev1 li.high {  }
		.Lev1 li.high a { color: #000; }
		.Lev1 li:first-child { margin:0; }
		.Lev1 li:first-child a { }
		
		.Lev2 {			
			height: 30px;
			}
			
		.Lev1 li:hover .Lev2 { 
			 }
			
		.Lev2 li, .Lev1 li.focus .Lev2 li {
			padding: 8px 0 0 0;
			border:0;
			font-size: 95%;
			margin: 2px 0 0 20px;
			}
		
		.Lev2 li a { color: #003e99; text-decoration: none; }
		.Lev2 li:hover, 
			.Lev2 li.hover {  }
		.Lev2 li a:hover {  }
		.Lev2 li.focus {   }
		.Lev2 li.focus a { color: #333; text-decoration: none;  }
		.Lev2 li.high {  }
		.Lev2 li.high a { color: #000; }
		.Lev2 li:first-child { margin:0; }
		.Lev2 li:first-child a {  }



		.Lev3 {
			border-top: 1px solid #ccc;
			height: 36px;
			}

		.Lev1 li:hover .Lev2 { 
			 }

		.Lev3 li, .Lev2 li.focus .Lev3 li {
			padding: 7px 0 0 0;
			border:0;
			}

		li .Lev3 li a { color: #003e99; text-decoration: none; }
		.Lev3 li:hover, 
			.Lev3 li.hover {  }
		.Lev3 li a:hover { color: #999; }
		.Lev3 li.focus {  }
		.Lev3 li.focus a { color: #333; text-decoration: none;  }
		.Lev3 li.high {  }
		.Lev3 li.high a { color: #000; }
		.Lev3 li:first-child { margin:0; }
		.Lev3 li:first-child a {  }




/* content & footer
-------------------------------------------------*/

#main {
	margin: 15px 0;
	}

	#content, #sidebar-0, #sidebar-1, #sidebar-2 { line-height: 18px; text-align: left; }
	
		#main .sideBox {
			padding: 10px 0 0 0;
			margin: 10px 0 0 0;
			border-top: 1px solid #e1e1e1;
			}

			#main .sideBox:first-child { padding: 0; margin: 0; border: 0; }
			#main .sideContent { }


#footer {
	padding: 10px 0;
	line-height: 18px;
	border-top: 1px solid #ccc;
	color: #999;
	font-size: 85%;
	}





/* text markup
-------------------------------------------------*/
a {
	color: #003e99;
	text-decoration: none;
	}
	
	a:hover {
		color: #333;
		}


h1, h2, h3, h4, h5 {
	font-family: Georgia;
	color: #003e99;
	font-size: 1.7em;
	margin: 0 0 8px 0;
	font-weight:normal;
	}

	h2 { font-size: 1.5em; }
	h3 { font-size: 1.4em; }
	h4 { font-size: 1.2em; }
	h5 { font-size: 0.9em; }
	
	h1 span, h2 span, h3 span, h4 span, h5 span {
		color: #999;
		font-size: 90%;
		font-weight: normal;
		}

p, .p {
	padding: 2px 0 8px 0;
	margin: 2px 0;
	}
	
p.hi {
	font-size: 85%;
	padding:0;
	margin:0 0 6px 0;
	}

.content { margin: 4px 0 10px 0; }
.content-0 { margin: 4px 14px; }
.content-1 { margin: 10px 14px; }
.content-2 { margin: 16px 14px; }

.mini { font-size: 80%; line-height: 10px; }
.small { font-size: 90%; }
.fade { color: #ccc; }




/* misc
-------------------------------------------------*/

img { 
	padding: 3px;
	border: 1px solid #e9e9e9;
	}

.box {
	padding: 3px 4px;
	margin: 0 0 4px 0;
	background: #fafafa;
	border: 1px dashed #e1e1e1;
	}

.divider {
	display: block;
	margin: 6px 10px;
	border-top: 1px dashed #e1e1e1;
	}




/* forms & inputs
-------------------------------------------------*/

form { margin:0; padding:0; }

input.text,
input[type=text], 
input[type=file], 
input[type=submit],
input[type=password],
select,
textarea {
	margin: 0 4px 6px 0;
	padding: 3px;
	background: #f5f5f5;
	border: 1px solid #ccc;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;	
	-webkit-border-radius: 3px;
	border-radius: 3px;
	vertical-align: top;
	color: #666;
	}

	input:focus, select:focus, textarea:focus {
		border: 1px solid #ccc;
		color: #000;
		}

	input.notimportant { background: #fafafa; }

	#content input[type=text],
	#content input[type=password],
	#content textarea
		{ width: 300px; }

	#sidebar input[type=text],
	#sidebar input[type=password],
	#sidebar textarea 
		{ width: 230px; }
		
	textarea { height: 100px; }
	
	input[type=checkbox],
	input[type=radio] { margin: 2px 2px 2px 0;  }
	#content select { width: 308px; padding: 2px; }
	#sidebar select { width: 200px; padding: 2px; }

	input[type=submit], a.submit {
		margin-right: 4px;
		padding: 3px 4px 2px 4px;
		background: #e1e1e1;
		border: 1px solid #ccc;
		-moz-border-radius: 3px;
		-khtml-border-radius: 3px;	
		-webkit-border-radius: 3px;
		border-radius: 3px;
		vertical-align: top;
		color: #666;
		}