body {margin:0px; padding: 0px; font: 12px Tahoma; color: black}
#top {height: 155px; background: #0C83E5 url("headbg.gif"); position:absolute; width:100%; top:0px; left:0px}

#top .logo {float:left;}

#top .one {background: url("onecorner.gif") bottom left no-repeat; height:30px; position: absolute; left: 30%; width: 70%; top:0px;}
#top .one div{background: white; margin-left: 5px; height:30px;}
#top .one div a{color: #0066CC; font-weight:bold; position:relative; top: 6px; left: 30px}
#top .one div a img {margin-right:8px}

#top .two {background: url("twocorner.gif") top left no-repeat; height: 20px; position: absolute; left: 30%; width: 70%; top: 135px; z-index:5}
#top .two div {background: white; height:100%; margin-left: 5px}
#top .two div a {position:relative; top: 6px; left: 25px}

#top .one a.home {
        position: absolute;
        margin-left:-30px;
        top: 5px;
}


#top .topmenu {height: 105px; position: absolute; top:50px; left: 300px; color: white; margin-left:30px; padding-left:20px}
/* #top .topmenu a, #right .birthday .bdtext a {display:list-item; color: white; list-style-image: url("arrow-w.gif"); margin: 5px 0px;}
 #top .topmenu span a {list-style-image: url("bug.gif"); color:#0066CC; font-weight:bold} */

#top .searchtool {position:absolute; padding-top: 4px; right: 30px; text-align:right;}
#top .searchtool a {color:white;}

.textfield {border:1px solid #DDDDDD; height:20px;}
.textfield:focus, textarea:focus, input:focus, select:focus {border-color: #0066CC}
#top .searchtool .textfield {width:150px}

#right {position: absolute; top: 155px; left:0px; width:30%; height:100%}
#right .menu {background: #F8F8F8 url("menucorner.gif") bottom right no-repeat; padding: 15px 30px; margin-bottom: 30px}
#right .menu span {position: relative; left: 30px}
#right .menu a {display:list-item; color: #0066CC; list-style-image: url("arrow-g.gif"); margin: 5px 0px;}

#right .birthday {background: #0066CC url("flowers.jpg") bottom center repeat-x; margin-top: 30px;}
#right .birthday .bdtop {background: url("menucorner0.gif") top right no-repeat;}
#right .birthday .bdtext {background: url("menucorner.gif") bottom right no-repeat; padding: 17px 30px 188px 30px; color: white}

#right .birthday .bdtext h1 {margin:0px; color: white}

#context_links {float:right; width:200px; padding: 14px; margin:0px 0px 14px 14px; background: #F8F8F8; text-align:left}

#content {
        position:absolute;
        top:170px;
        left: 25%;
        width:64%;
        height:100%;
        margin-left:100px;
		margin-right:10px;
		padding-right:10px;
		padding-left:50px
        text-align:justify;
}

#copyright {
        width:100%;
        height:30px;
        position:relative;
        right:0px;
        margin-top: 20px;
        margin-bottom:30px;
        background: #0066CC url("copyleft.gif") top left no-repeat;
}

#copyright .content {
        margin-left:7px;
        height:100%;
        width:100%;
        background: url("copyright.gif") top right no-repeat;
        color:white;
        padding-top:7px;
        text-align:center;
}

li {margin-bottom:7px;}
h1 {color: #3399FF; font: 18px Tahoma; margin-top:28px; margin-bottom:7px;}
h2 {color: #333333; font: 14px Tahoma; margin-top:21px; margin-bottom:3px; font-weight:bold}
#date {color: #999999; font: 10px Tahoma; margin-bottom:7px}

div#p {        margin-bottom:7px; }
div#p a {
        display:list-item;
        list-style-image: url("arrow-gl.gif");
        }

i {font: 12px Georgia; font-style:italic}

/* Links */
a, a:link {color:#0066CC}
a.article {
        color:#0066CC;
        padding-left:20px;
        background: url("document.gif") left center no-repeat;
        position:relative;
        left: 50px
}

a.forum {color:#0066CC; padding-left:20px; background: url("forum.gif") left center no-repeat}

.arch {padding-left:20px; background: url("arch.gif") left center no-repeat}
.print {padding-left:20px; background: url("print.gif") left center no-repeat;}
.edit {padding-left:20px; background: url("edit.gif") left center no-repeat}
.apply {padding-left:20px; background: url("apply.gif") left center no-repeat}
.delete {padding-left:20px; background: url("delete.gif") left center no-repeat;}

.person {padding-left:20px; background: url("person.gif") left center no-repeat}
.add_person {padding-left:20px; background: url("add_person.gif") left center no-repeat}

.document {padding-left:20px; background: url("document.gif") left center no-repeat}
.add_document {padding-left:20px; background: url("add_document.gif") left center no-repeat}

#login_form {position:absolute; z-index:7; background: #F8F8F8; text-align:left; width:140px; right:0px; top:55px; padding: 5px 5px; height: 70px}
.hid {visibility:hidden}
.vis {visibility:visible}

/* forms */
#content textarea {font: 12px Tahoma; width:100%; height: 300px; border:1px solid #DDDDDD; text-align:justify;}
#content input, #login_form input  {font: 12px Tahoma; width:100%; border:1px solid #DDDDDD;}
#content select {font: 12px Tahoma; width:100%; border:1px solid #DDDDDD;}
img { border:0px}
td {font: 12px Tahoma; color: black}