Mytheme
@import url(/common--theme/base/css/text_highlighter.css);
 @import url(/common--theme/base/css/autocomplete.css);
 @import url(/common--theme/base/css/forum.css);
 @import url(/common--theme/base/css/editor.css);
 @import url(/common--theme/base/css/odialog.css);

 body{
     margin: 0px;

 }

 #container {
    margin: 0 auto;
     padding: 0;
    width: 960px;
 }

 /* header */
 #header {
     position: relative;
     z-index: 30;
    height: 170px;
 }

 /* #header h2{
     margin: 0;
     padding: 0;
    position: absolute;
    left: 50px;
    top: 110px;
 } */

 #content-wrap {
     _height: 1%;
     min-height: 1px;
    padding: 10px 0px 1px 0px;
 }

 /* side-bar */

 #side-bar{
    float: left;
    width: 200px;
    padding: 10px;
    margin: 0px 10px;
    clear: left;

}

 #page-title{
     margin: 0 0 0.5em 0;
    padding-top: 0em; /* Firefox bug? */
     font-size: 200%;
     border-bottom: 1px solid #666;
 }

 #main-content{
    margin: 0px 10px 10px 240px;
    padding: 10px 10px;
 }

 /* * html #main-content {height: 1%;} */

 #license-area {
     padding: 0.5em 0;
     color: #555;
}
 #account-options li{
     display: block;
     margin: 0; padding: 0;
    width: 100%;
 }
#account-options li a {
     display: block;
     box-sizing: border-box;
     -moz-box-sizing: border-box;
     padding: 2px 5px;
     z-index: 40;
    width: 100%;
 }

#account-options li a:hover {
     color: black;
 }
#account-topbutton {
     font-size: 80%;
     font-weight: bold;
     padding: 0 5px;
 }
 #top-bar{
     position: absolute;
    left: 240px;
     bottom: 0px;
     z-index:0;
    width: 720px;
}

 #top-bar li {
     list-style: none;
     float:left;
     margin: 0 5px;
    padding:0;    
    height: 22px;
 }
 #top-bar li ul{
     padding: 0;
     text-align: center;
     display: block;
     margin: 0;
    padding: 0.3em 1em;
     text-decoration: none;
 }
 #top-bar a:hover {
     border-bottom-color:#243356; /* different border color */
 }
/*
Design by Metamorphosis Design
http://www.metamorphozis.com
Released for free under a Creative Commons Attribution 2.5 License
*/

#container {
width: 917px;
background-color: white;
}

*
{
margin: 0px;
padding: 0px;
}

a:link {
    color: #255E0A;
}

a:hover {
    text-decoration: none;
    color: #FF0000;
}

a:visited {
    color: #255E0A;
}

body {

    background: #849A86;
     font-family: Optima,Arial,sans-serif;
     font-size: 100%;    
    color: #000000;
}

#main-content
{
    margin: 0px 20px 0px 20px;
    text-align: left;
padding: 20px;
width: 580px;

}

#header {
    height: 380px;

    background: url(http://urwise.wikidot.com/local--files/css:mytheme/urwiselogowebbanner.png) no-repeat;        
}

#header h1 {
position: absolute;
width: 880px;
text-align: right;
top: 220px;
}

#header h1 a span{
    display:none;

/* text-decoration: none;
    text-transform: lowercase;
    font-style: italic;
    font-size: 18px;
    color: #ffffff; */
}

#header h2 {
    display: none;

    /* width: 880px;
    text-align: right;
    position: absolute;
    left: 0;
    top: 240px;
    text-decoration: none;
    font-style: italic;
    font-size: 12px;
    color: #ffffff; */
}

#top-bar
{
width: 777px;
height: 48px;
padding-left: 140px;
right: 0;
left: 0;
background: #4A6B4D;
}

#top-bar li {
    background-color: transparent;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    height: 47px;
}

/* Font color and decoration */
#top-bar li a {
    padding-top: 15px;
    color: white;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: bold;
    height: 28px;
}

/* Background color on hover */
#top-bar a:hover{
    background-color: transparent; 
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
}

/* Font color on hover*/
#top-bar li a:hover {
    color: white;
    text-decoration: underline;
    background-image: url(http://themes.wdfiles.com/local--files/metamorph/buttons_r.gif);
}
/* ---------------------------------- */

/* 2nd MENU ELEMENT */
#top-bar ul li ul {
    background-color: black;
    opacity: 0.5;
    border: 0px;
}

#top-bar ul li ul a {
    background-color: black;
    -moz-border-radius: 0px;
}

#top-bar ul li ul a:hover {
    background-color: white; 
    color: black;
    -moz-border-radius: 0px;
}

#side-bar {
    /* background-image: url(http://themes.wdfiles.com/local--files/metamorph/title.gif);
    background-repeat: no-repeat; */
    margin-top: 0px;
    float:right;
    width: 249px;
    float: right;
    padding-top: 20px;
}

#side-bar li a {
    text-decoration: none;
    }

#main-content
{
width: 550px;
padding: 10px;
}

#main-content h4
{
    margin: 0;
    padding: 0px;
    font-size: 12px;
    color: #255E0A;
}

#main-content a
{
color: #255E0A;
text-decoration: none;
}

#main-content p {
    margin: 5px;
    padding: 0;
    padding-bottom: 10px;
}

#main-content h2 {
    margin: 0;
    padding: 0;
    padding-top: 10px;
    color: #255E0A;
}

#main-content li {
  margin-left:2em;
}

#footer {
    background-color: #4A6B4D;
    height: 54px;
    clear: both;
    padding-top: 20px;
    border-top: 5px solid #FEFA8B;
    margin-left: 20px;
    margin-right: 20px;
    /* background: url(http://themes.wdfiles.com/local--files/metamorph/footer.gif) repeat-x top; */
}

#footer p {
    margin: 0;
    font-size: 10px;
    text-align: center;
    color: #333333;
}

#footer a {
    color: #333333;
}

#login-status 
{
right: 25px;
}

#search-top-box {
    position: absolute;
    right: 1em;
    top: 19em;
    z-index: 10;
}