* {	
    margin: 0; 
} 

p { 
	margin-right: 0em; 
	margin-left: 0em; 
	padding-right: 0em; 
	padding-left: 0.8em;
	padding-bottom: 0.5ex; 
}
li p { padding-left: 0em;}
pre { margin-right: 0em; margin-left: 0em; padding-right: 0em; padding-left: 0.8em; white-space: pre-wrap;}
dt { margin-right: 0em; margin-left: 0em; padding-right: 0em; padding-left: 0.0em; font-weight: 700 }
dd { margin-right: 0em; margin-left: 0em; padding-right: 0em; padding-left: 1.5em }
code { margin-right: 0em; margin-left: 0em; padding-right: 0em; padding-left: 0.8emi; white-space: pre-wrap; }
td { color: black }

/* for galleries */
.back { float:left; padding-top: 0.4ex; padding-left: 0.4em}
.next {float:right; padding-top: 0.4ex; padding-right: 0.4em}
.index {text-align:center; }
.view {clear:both; text-align:center}
.download {clear:both; text-align:center}

body {
background: #fff;
font-family: Verdana, Arial, Helvetica, sans-serif;
line-height: 1.4em;
color: #333333;
}

li {
padding: 0.3ex 0;
}

.right ul {
padding-top: 0.5ex;
padding-bottom: 0.5ex;
padding-right: 0em;
padding-left: 2em;
list-style-type: square;
}

img { border: none; }
a { color: #337bEB; text-decoration: none; }
a:hover { text-decoration: underline; }

#wrap {
width: 60em;
margin: 4ex auto;
}

#header {
padding: 0 2em 1ex 2em;
}

#header h1 {
font-size: x-large;
}
#header h1 a {
color: #33BFEB;
text-decoration: none;
}
#header h1 a:hover {
text-decoration: none;
color: #000;
}
#header h2 {
font-size: medium;
color: #666;
font-weight: 100;
}

#topc {
position:relative;
background: #fff;
width:60em;
height:15px;
}

#top {
background: url(../images/top_t.png) repeat-x;
position: absolute;
top: 0px;
left: 0px;
z-index: 5;
width:60em;
height:15px;
}
#topl {
background: url(../images/top_tl.png) no-repeat;
position:relative;
z-index: 10;
width: 16px;
height: 15px;
top: 0px;
left: 0px;
}
#topr {
background: url(../images/top_tr.png) no-repeat;
position:absolute;
z-index: 999;
top: 0px;
right: 0px;
height:15px;
width:16px;
}

#menu {
height: 6ex;
line-height: 6ex; 
background: #8ADAF4 url(../images/top_l.png) repeat-y;
font-size: smaller;
}
#menur {
background: url(../images/top_r.png) right repeat-y;
}
#menu ul {
padding-left: 20px;
list-style-type: none;
}
#menu ul li {
display: inline;
}
#menu ul li a {
color: #fff;
padding: 0 1em;
text-decoration: none;
font-weight: 600;
}
#menu ul li a:hover {
color: #fff;
text-decoration: underline;
}

#content {
background: #fff url(../images/content_l.png) repeat-y;
}
#contentr {
background: url(../images/content_r.png) right repeat-y;
padding: 10px 10px;
}
.right {
float: right;
width: 42em;
text-align: justify;
padding-top: 0.0ex;
padding-bottom: 3ex;
padding-right: 1em;
padding-left: 1.8em;
border-left: 1px solid #aaa;
background: #fff;
z-index: 999
}

.right h1 {
color: #B4241B;
font-size: xx-large;
font-weight: 100;
padding : 1.5ex 0 0.5ex 0;
line-height: 1.1em;
}
.right h1 a {
color: #B4241B;
text-decoration: none;
}
.right h1 a:hover {
color: #B4241B;
text-decoration: underline;
}

.right h2 {
color: #B4241B;
font-size: x-large;
font-weight: 100;
padding : 1.5ex 0 0.5ex 0;
line-height: 1.1em;
}
.right h2 a {
color: #B4241B;
text-decoration: none;
}
.right h2 a:hover {
color: #B4241B;
text-decoration: underline;
}

.right h3 {
color: #821B14;
font-size: large;
font-weight: 500;
padding : 1ex 0 0.5ex 0;
line-height: 1.1em;
}
.right h3 a {
color: #821B14;
text-decoration: none;
}
.right h3 a:hover {
color: #821B14;
text-decoration: underline;
}

.left {
float: left;
width: 10em;
padding: 0.5ex 1.0em;
z-index: 10
}
.left h2 {
font-size: medium;
color: #333;
padding: 0.8ex 0 0.5ex 0.0em;
font-weight: 700;
}
.left h2 a {
color: #333
}
.left ul {
list-style-type: none;
padding: 0.5ex 0 1ex 0.5em;
}
.left ul li {
padding: 0.2ex 0 0.2ex 1.0em;
}

.left ul li a {
display: block;
color: #444;
}
.left ul li a:hover {
}

#bottomc {
position:relative;
width:60em;
height:8px;
}
#bottom {
background: url(../images/bottom.png) repeat-x;
position: absolute;
top: 0px;
left: 0px;
z-index: 5;
width:60em;
height:8px;
}
#bottoml {
background: url(../images/bottom_l.png) no-repeat;
position:relative;
z-index: 10;
width: 5px;
height: 8px;
top: 0px;
left: 0px;
}
#bottomr {
background: url(../images/bottom_r.png) no-repeat;
position:absolute;
z-index: 999;
top: 0px;
right: 0px;
height:8px;
width:5px;
}

#bottomad {
text-align: center;
}

#footer {
text-align: center;
color: #666;
font-size: small;
}
#footer  a { color: #666; }

.selected { 
font-weight: 700;
}