/* Light Khaki  #D8F173 */
/* Darker Green #B3CE03*/

body
{
font-family: Verdana, Arial, Helvetica, sans-serif;
background-image:url('../images/background.gif');
background-repeat:repeat-x;
}
.popup
{
font-family:Verdana, Arial, Helvetica, sans-serif;
background-image:url('');
background-repeat:repeat-x;
}

#container
{
width: 1024px;
margin: 0px auto;
background-color: #ffffff;
color: #333;
/*border: 1px solid gray;*/
line-height: 130%;
}

.roundtop 
{ 
	background: url(../images/tr.gif) no-repeat top right; 
}

img.corner {
   border: 0px black;
   display: block !important;
}

#header
{
/* padding: .5em; */
/*background-image:url('../images/NMMU-logo120.jpg'); */
background-repeat:no-repeat;
background-position:left top;
background-color: #0e477a;
margin-left: 8px;
margin-right: 8px; 
/*border-bottom: 3px solid grey;*/

height: 120px;
}

#header h1
{
padding: 0;
margin: 0;
}

#header a
{
color: white;
text-decoration: underline;
}

#header a:hover
{
color: white;
text-decoration: underline;
font-weight: normal;
background-color: transparent;
}

.logo
{
/*height:61px; */
position: absolute; 
top: 17px;
left: 860px;
width: 275px; 
/*margin-left: 20px; */
}

#logo1
{
float: right;
background-image:url('../images/logo-NMMU.png');
background-repeat:no-repeat;
background-position:right top;
z-index: 99;
}


.title
{
float: left;
color: white;
font-size: 18pt;
font-family: Arial;
font-weight: bold;
width: 465px;
/*background-image:url('../images/banner.jpg'); */
background-repeat:no-repeat;
padding-top: 40px;       /*was 60px*/
padding-bottom: 3px;
padding-left: 15px;
padding-right: 10px;
margin-top: 0px;
margin-left: 0px;
line-height: 65%;
clear: right;
}

.subtitle
{
color: white;
font-size: 12pt;
font-weight: 300;
float: left;
margin-top: -10px;
font-family: Arial;
} 

#Header h2
{
color: white;
font-size: 12pt;
font-weight: 300;
font-family: Arial;
}

.dbms_header
{
color: white;
font-size: 12pt;
font-weight: 300;
font-family: Arial;
}

#colourBar
{
width: 28px;
height: 120px;
background-color: #922925;
float: left;
margin-left: 210px;
}

#colourBar2
{
width: 10px;
height: 120px;
background-color: #922925;
float: left;
margin-left: 0px;
}

#details
{
float: left;
width: 260px;
color: white;
font-size: 8pt;
font-family: Arial;
margin-top: 15px;
margin-left: 5px;
}

.blueline
{
color: #6085A7;
margin-top: 13px;
}

#fb
{
width: 60px;
height: 25px;
float: right;
margin-top: -15px;
margin-right: 0px;
}

#imageContainer {
	position:relative;
/*	margin:auto;
	border:1px solid #000;*/
	width:532px;
	height:100px;
	overflow:hidden;
	float:left;
}

.loggedin
{
color: white;
font-size: 8pt;
font-family: Arial;
float: left;
margin-top:0px;
margin-left:5px;
}

#config
{
background-image: url("../images/config.png");
background-repeat: no-repeat;
font-size: 22px;
font-weight: bold;
color: #0b55c4;
line-height: 48px;
padding-left: 55px;
}

#article
{
background-image: url("../images/article.png");
background-repeat: no-repeat;
font-size: 22px;
font-weight: bold;
color: #0b55c4;
line-height: 48px;
padding-left: 55px;
} 

#edition
{
background-image: url("../images/edition.png");
background-repeat: no-repeat;
font-size: 22px;
font-weight: bold;
color: #0b55c4;
line-height: 48px;
padding-left: 55px;
}

#page
{
background-image: url("../images/page.png");
background-repeat: no-repeat;
font-size: 22px;
font-weight: bold;
color: #0b55c4;
line-height: 48px;
padding-left: 55px;
}


#leftnav1
{
font-size: 11pt;
font-weight: 300;
font-family: Arial;
background-color: #ffffff;
float: left;
width: 140px;
margin: 0;
padding: 1em;
line-height: 100%;
min-height:600px;
border-right: 1px solid gray;
}

#leftnav
{
font-size: 11pt;
font-weight: 300;
font-family: Arial;
background-color: #ffffff;
float: left;
width: 140px;
margin: 0;
padding: 1em;
line-height: 100%;
min-height:600px;
border-right: 1px solid gray;
}

#leftnav ul
{
float: left;
list-style-type:none;
}

#leftnav a
{
float:left;
width:7em;
text-decoration:none;
color:white;
background-color:#568906;
padding:0.2em 0.6em;
margin-bottom: 2px;
}

#leftnav a:hover 
{
background-color:#558705;
}

#content
{
margin-left: 175px;
margin-right: 15px;
padding: 1em;
min-height:600px;
}

#content h2
{
font-size: 12pt;
font-weight: bold;
}

#footer
{
clear: both;
margin: 0;
text-align: center;
font-size: 11px;
height: 30px;
/*padding: .5em;*/
color: black;
background-color: #ddd;
background-image:url('../images/generic_b2.png');
/*border-top: 1px solid gray;*/
}

#footer h6
{
margin-top:3px;
font-size: 11px;
font-weight: normal;
color: black;
line-height: 300%;

}

#leftnav p { margin: 0 0 1em 0; }
#content h2 { margin: 0 0 .5em 0; }

#loginblock
{
font-size: 10px;
font-weight: normal;
color: black;
}

#onlineusers
{
margin-left:1em;
font-size: 11px;
font-weight: normal;
color: black;
}

#news    
{
margin-left: 160px;
margin-right: 20px;
/*border-left: 1px solid gray; */
padding: 1em;
/*max-width: 36em;*/
min-height:400px;

}

#news table.news
{
table-layout:fixed;
color: black;
text-align: left;
font-size: 9pt;
font-family: Arial;
background-color: #D8F173;
border-collapse: collapse;
}
#news tr.news
{
}
#news td.header
{
padding: 0.5em;
font-size: 14px;
font-weight: bold;
color: black;
}
#news td.poster
{
margin-left: 1em;
font-size: 9px;
color: black;
}
#news td.content
{
padding: 1em;
color: black;
background-color: #FFFFFF;
}

#navbar
{
float:right;
}

#navbar img
{
height:15px;
border: none;
}

img
{

border: none;
}
/* End */