/* commons */
body {
   background: #e6e6e6;
   text-align: justify;
   font-family: arial, sans-serif;
   font-size: 80%;
   color: #666666;
}

body, div, a, p, h1, h2, h3, h4 {
   margin: 0;
   padding: 0;
}

ul {
   margin: 0;
   padding: 0 35px;
}

ol {
   margin: 0;
   padding: 0 35px;
}

a, a:visited {
   color:#5A93C9;
   text-decoration: none;
}

a:hover {
   color: #88ac0b;
   text-decoration: underline;
}

a img {
   border: none;
}

/* layout */
#wrap {
   width: 800px;
   margin: 0 auto;
}

/* Logo */
#logo {
   float: left;
   padding-left: 17px;
   color: #787676;
   font-family: Verdana,Tahoma,arial,sans-serif;
}

#logo span {
   color: #9A9696;
}

#logo p {
   padding: 0;
   margin: 0;
   font-size: 12px;
}

#branding {
   float: right;
   padding-top: 9px;
   padding-right: 9px;
}

/* top*/
#border-top {
   background: scroll url(../img/border-top.png) right top;
   height: 17px;
   margin-left: 17px;
}

#border-top div {
   background: scroll url(../img/border-top.png) left top;
   height: 17px;
   width: 17px;
   left: -17px;
   position: relative;
}

/* middle */
#border-middle {
   background: scroll url(../img/border.png) left top repeat-y;
   padding-left: 7px;
}

#border-middle div {
   background: scroll url(../img/border.png) right top repeat-y;
   padding-right: 7px;
}

#border-middle div div {
   padding: 10px 10px 0px;
   background: #ffffff none repeat scroll top left;
}

/* bottom */
#border-bottom {
   background: scroll url(../img/border-bottom.png) right bottom;
   height: 17px;
   margin-left: 17px;
}

#border-bottom div {
   background: scroll url(../img/border-bottom.png) left bottom;
   height: 17px;
   width: 17px;
   left: -17px;
   position: relative;
}

/* top menu */
#top-menu {
   background: scroll url(../img/border.png) left top repeat-y;
   padding-left: 7px;
   font-size: 17px;
   font-weight: bold;
}

#top-menu div {
   background: scroll url(../img/border.png) right top repeat-y;
   padding-right: 7px;
}

#top-menu div div {
   background: #f6f6f6 none repeat scroll top left;
   border-bottom: solid 1px #D9DBDC;
   padding-left: 10px;
}

#top-menu ul {
   margin: 0;
   padding: 0 2px;
   list-style: none;
}

#top-menu ul li {
   float: left;
   margin: 0;
   padding: 0 25px 0 4px;
   border-left: solid 5px #b6c137;
}

#top-menu ul li a {
   text-decoration: none;
   color: #787676;
}

#top-menu .selected, #top-menu a:hover {
   color: #b6c137;
}

/* outer text */
.outer-text {
   color: #9A9696;
   font-size: 10px;
   font-family: Verdana,Tahoma,arial,sans-serif;
}

.outer-text a, .outer-text a:hover, .outer-text a:link, .outer-text a:visited {
   color: #9A9696;
}

.outer-text a {
   text-decoration: none;
}

.outer-text a:hover {
   text-decoration: underline;
}

/* canvas elements */
#canvas {
   padding: 0 !important;
   margin: 0 !important;

   min-height: 500px;
   height:auto !important;
   height: 500px;
}

#canvas h1 {
   color: #b6c137;
   font-size: 1.9em;
   font-weight:normal;
   padding: 10px 10px;
}

#canvas h2 {
   font-weight:normal;
}

#canvas h2, #canvas h3, #canvas h4 {
   padding: 10px 10px;
}

#canvas h4 {
   font-style: italic;
}

#canvas p {
   padding: 5px 10px;
}

/* footer */
#footer {
   padding: 5px 0 10px;
   text-align: center;
}

/* decaration*/
.menu {
}

.menu a {
   background: url(../img/bullet1.gif) scroll left no-repeat;
   padding-left: 12px;
}

.panel {
   background-color:#FFFFCC;
   border:1px solid #b6c137;
   padding:10px;
}