body {
margin: 0px;
padding: 0px;
font-family: monospace;
font-size: 13px;
}

pre {
overflow: hidden;
}

a { text-decoration: none; }

img { border: 0px; }

#main {
width: 90%;
border: 1px dotted black;
padding: 5px;
margin-top: 10px;
margin-bottom: 0px;
margin-left: auto;
margin-right: auto;
min-width: 760px;
}

#top {
width: 100%;
border-bottom: 1px dotted black;
font-size: 28px;
font-weight: bold;
font-family: monospace;
}

#bottom {
width: 90%;
border-bottom: 1px dotted black;
font-size: 10px;
padding-left: 5px;
padding-right: 5px;
margin-left: auto;
margin-right: auto;
margin-top: 2px;
margin-bottom: 2px;
text-align: center;
min-width: 760px;
}


.panelleft {
float:left;
width: 100%;
border-right: 1px dotted black;
height: 100%;
margin:0px;
}

.panellefttop {
float:left;
width: 100%;
border-bottom: 1px dotted black;
height: 18px;
margin-top:10px;
font-weight:bold;
}

.coll {
float: left;
width: 20%;
padding-right: 5px;
}

.colr {
float: right;
width: 79% !important; 
}


.conbox {
float: left;
margin-left: 25px;
padding: 10px;
border-left: 1px dotted black;
height: 100%;
}

.conboxtop {
border-bottom: 1px dotted black;
width: 100%;
height: 18px;
margin-top:10px;
margin-right:5px;
font-weight:bold;
}


.menuitem, .menuitem:link, .menuitem:visited {
display: block;
height: 20px;
color: black;
text-decoration: none;
border-bottom: 1px dotted black;
padding-left:10px;
}


.menuitem:hover {
text-decoration: none;
background-color: #DDDDDD;
}

.blogbottombar {
position: relative;
left: -10px;
margin-top: 6px;
padding-left: 10px;
border-top:1px dotted black;
font-size: 10px;
}

.fotodiv {
margin: 5px;
float:left;
}

.blogfoto {
float: left;
padding: 10px;
}

.imgframe {
	border: 3px solid black;
	margin: 10px;
}

.cert-box {
	float: left;
	padding: 5px;
}