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

body {
        font: "bitstream vera sans", verdana, arial, sans;
        background-color: #f0f0fc;
}

#context-bar { 
        margin-bottom: 1em;
        float: left;
}

#subsite-name {
        font-size: 120%;
}

#site-footer { 
        clear: both;
}

#navbar-body { }

#content-body {
        margin-left: 10em;
}

/* Here is the chunk which does left nav */
div#side {
	width: 10em;
       font-size: 85%;
       margin-right: 1em;
	border-right: 1px solid #000;
	background-color: #90bade;
	color: #333;
       float: left;
}

#button ul {
       list-style: none;
	margin: 0;
	padding: 0;
	border: none;
}

#button ul ul a {
	padding: 5px 5px 5px 1em;
}

#button ul li {
	border-bottom: 1px solid #90bade;
	margin: 0;
}

#button li a {
	display: block;
	padding: 5px 5px 5px 0.5em;
	border-left: 10px solid #1958b7;
	border-right: 10px solid #508fc4;
        background-color: #2175bc;
	color: #fff;
	text-decoration: none;
	width: 100%;
}

ul#subnavbar ul li {
	border-left: 10px solid #1928f8;
}

#button ul li ul {
	border-top: 1px solid #90bade;
}

#button #navbar-here a:before {
        content: "\0020 \0020 \0020 \00BB \0020";
}

#button #navbar-here a,
#button #navbar-here #subnavbar #subnavbar-here a {
        background: #508fc4;
}

#button #navbar-here #subnavbar a {
        background: #2175bc;
        border-left: 10px solid #888;
}

#button #navbar-here ul a:before {
        content: ""
}

#button ul #subnavbar-here a:before {
        content: "\0020 \0020 \0020 \00BB \0020";
}

html>body #button li a {
	width: auto;
}

#button #navbar-here #subnavbar a:hover,
#button a:hover {
	border-left: 10px solid #1c64d1;
	border-right: 10px solid #5ba3e0;
	background-color: #2586d7;
	color: #fff;
}

/* Here are the KM classes */
#cop-footer {
        padding: 1em;
}

div.cop-box {
        padding: 1em;
}


.cop-views,
.cop-ratings,
.cop-categories,
.cop-clipboards,
.cop-related {
        padding: 5px;
        font-size: .8em;
}

#cop-side {
        border: 1px solid red; 
        padding: 1em; 
        margin: 0 0 1em 1em;
        background: #fff;
        clear: right; 
        float: right; 
        width: 10em;
}

#cop-footer p.section, 
#cop-side p.section {
        margin: 0;
        padding: 2px 30px 0 0;
        background-color: #999;
        color: #fff;
        text-align: center;
        font-weight: bold;
}

#cop-side p.head {
        text-align: center;
        padding: 2px 0 2px 0;
        background-color: #aaa;
        color: #fff;
}

#cop-side p {
        margin: .5em 0 0 0;
        text-align: center;
}

#cop-side ul {
        list-style: none;
        margin: .5em 0 0 0;
        padding: 0;
}


/* community searchbox - Top right */
#searchbox form {
        display: inline;
}
#searchbox {
        float: right;
        border: 2px solid black;
        background: #ccc;
        padding: 3px;
        display: inline;
}


img {
        border: 0;
}


/* CoP Mainpage ---------------------------------------- */
.cop-index-buttons {
        font-size: 80%;
        margin-bottom: 1em;
}

/* Key documents and urgent request boxes ==================== */
#urgent-questions, 
#key-documents { 
        float: right;
        clear: right;
        width: 22%;
        margin-bottom: 1em;
}

#urgent-questions {
        border: 2px solid red;
        background: red;
}
#key-documents {
        border: 2px solid green;
        background: green;
}

#urgent-questions h2,
#key-documents h2 {
        border-bottom: 1px solid black;
        font-size: 100%;
        white-space: nowrap;
        margin: 0;
        padding: 0;
}

#urgent-questions ul,
#key-documents ul {
        font-size: 90%;
        list-style: none;
        margin: 0;
        background: white;
        padding: 2px;
}

#urgent-questions li,
#key-documents li {
        padding: 0 0 2px 0;
}



/* recent content ============================== */
#recent-content {
        width: 75%; 
        border: 2px solid #999;
}

#recent-content h2 {
        margin: 0;
        padding: 0 2px;
        background: #999;
}

#recent-content .list-row {
        border-top: 1px solid black;
}