html,body{
 margin : 0em;
 padding : 0em;
 border : 0em;
 width : 100%;
}

#wrapper{
 width : 100%;
 overflow : hidden;
}

#header{
 width : 99%;
 margin : 0.1em;
 padding-top : 1.5em;
}

.headerimg{
 width : 100%;
 height : 1em;
 background : url('../html-images/film-roll.jpg') repeat-x;
}

#logo{
 width : 100%;
}

#footer{
 clear : both;
 padding-top : 0.5em;
 width : 99%;
 margin : 0.2em;
}

#leftpanelwrapper{
 padding-top : 1.2em;
 float : left;
 width : 22%;
 margin : 0.2em;
}

#contentpanelwrapper{
 padding-right : 1em;
 padding-top : 1.2em;
 float : right;
 width : 75%;
 margin : 0.2em;
}

.boxleft{
 padding : 0em;
 width : 100%;
 background : url('../html-images/left.gif') repeat-y left;
}

.boxright{
 padding : 0px;
 width : 100%;
 background : url('../html-images/right.gif') repeat-y right;
}

.boxtop{
 padding : 0px;
 width : 100%;
 background : url('../html-images/top.gif') repeat-x top;
}

.boxbottom{
 padding : 0px;
 width : 100%;
 background : url('../html-images/bottom.gif') repeat-x bottom;
}

.boxtopleft{
 padding : 0px;
 width : 100%;
 background : url('../html-images/top-left.gif') no-repeat top left;
}

.boxtopright{
 padding : 0px;
 width : 100%;
 background : url('../html-images/top-right.gif') no-repeat top right;
}

.boxbottomleft{
 padding : 0px;
 width : 100%;
 background : url('../html-images/bottom-left.gif') no-repeat bottom left;
}

.boxbottomright{
 padding : 0px;
 width : 100%;
 background : url('../html-images/bottom-right.gif') no-repeat bottom right;
}

.boxcontent{
 overflow : hidden;
 padding-left : 20px;
 padding-right : 15px;
 padding-top : 10px;
 padding-bottom : 20px;
}

ul.leftmenu{
 list-style-position: outside;
 margin : 0.1em;
 padding-left : 0.7em;
}

a{
 color : black;
}

li.leftlist{
 font-size: 0.9em;
 font-family: Arial;
}

.centeralign{
 text-align : center;
 padding : 0.2em;
}

.rightalign{
 text-align : right;
 padding-right : 0.2em;
}