body, p, td, li { font-size:12px; font-family: Arial, Helvetica, sans-serif;}

html {
  margin: 0;
  padding: 0;
  overflow: auto;
}

body {
  margin: 0;
  padding: 0;
	background: #DEDBDE url('/img/headerbg.png') repeat;
}

img {
	border: 0;
}

#headerpane {
	height: 70px;
	min-width: 800px;
}

#headerborder {
	background: #848284 url('/img/headerborder.png') repeat-x;
	height: 2px;
	font-size: 0;
}

#logo {
	border: 0;
	margin-left: 20px;
	margin-top: 15px;
}

#mainpane {
	background: #D6D7D6 url('/img/mainpanebg.png') repeat;
	min-width: 800px;
}

#bottomborder {
	background: #848284 url('/img/copyborder.png') repeat-x;
	height: 3px;
	font-size: 0;
}

#bottompane {
	background: #DEDBDE url('/img/headerbg.png');
	min-width: 800px;
}


table.header {
	width: 100%;
}

td.hlogo {
	vertical-align: top;
	text-align: left;
}

td.hbuttons {
	vertical-align: top;
	text-align: right;
}

img.hbuttons {
	border: 0;
	margin-top: 15px;
	margin-right: 10px;
}

a.hbuttons, a.hbuttons:link, a.hbuttons:active, a.hbuttons:hover {
	text-decoration: none;
}

#mainmenu {
	display: none;
	position: absolute;
	height: 405px;
	width: 360px;
	background: #DEDBDE url('/img/contents_box.png') left top no-repeat;
}

#sli {
	display: none;
}

#mainmenucontainer {
	margin-top: 16px;
	margin-bottom: 21px;
	margin-left: 15px;
	margin-right: 18px;
	height: 368px;
	overflow: auto;
}

div.mainmenuitem {
	padding-left: 18px;
	min-height: 16px;
	background: url('/img/menu_icon.png') left 1px no-repeat;
}

div.mainmenusubitem {
	padding-left: 16px;
	min-height: 16px;
	background: url('/img/menu_sub_icon.png') left 2px no-repeat;
}

a.mainmenu, a.mainmenu:link, a.mainmenu:visited {
	padding-left: 1px;
	padding-right: 1px;
	color: black;
	text-decoration: none;
}

a.mainmenu:hover {
	color: blue;
}

a.mainmenu_selected, a.mainmenu_selected:link, a.mainmenu_selected:visited {
	padding-left: 1px;
	padding-right: 1px;
	color: white;
	background: #3300CC;
	text-decoration: none;
}

a.mainmenu_selected:hover {
	background: red;
}

div.logopage {
	margin: auto;
	padding-top: 10px;
	padding-bottom: 10px;
	width: 800px;
}

div.annotationpage {
	padding: 10px;
}

#annotation {
	display: none;
	color: #6A4000;	
}

.hint {
	display: none;
	color: #6A4000;	
}

.error {
	padding: 10px;
	color: red;
	font-weight: bold;
	font-size: large;
}

.left { background-color:#D9D9D9; width:13%; background-image: url(/protection/bg.gif); vertical-align: top; }
.center { background-color:#000000; width:1px; }
.right { padding-left:10px; padding-right:10px; padding-top:10px; padding-bottom:10px; background-image:url(/protection/bg2.gif); vertical-align: top; }
.title1, .h1 { font-size:24px; font-family: Times New Roman; font-weight:bold; color:#FF0000; }
.title2, .h2 { font-size:16px; font-weight:bold; }
.title3, .h3 { font-size:14px; font-weight:bold; }
.title4, h4 { font-size:12px; font-weight:bold; }

div.bottom_nav {
	margin-top: 10px;
	margin-bottom: 15px;
}

a.bottom_nav {
	margin-left: 10px;
	background: #D0D0D0;
	padding: 5px;
	border: 1px solid #808080;
	text-decoration: none;
	font-weight: bold;
}

a.bottom_nav:link, a.bottom_nav:active, a.bottom_nav:visited {
	color: black;
}

a.bottom_nav:hover {
	background: #F0F0F0;
}