/* Start: The Complete Webpage*/

body {                         
margin: 0em 0em 0em 0em;
padding: 0;
font: 73% "Trebuchet MS", tahoma, verdana, arial,  sans-serif;
line-height: 1.5em;
color: #333; 
background-color: #D9E6F4;     /*Colour in the empty space/background: Very Light Blue*/
}

/* End: The Complete Webpage*/



/* Start: Top Frame Properties */

#container {                  
margin-left: 70px;
margin-right: 70px;
padding: 0px;
background-color: #6994CC;    /*Colour of the top frame: Dark Blue*/
}

#banner {                     
height:120px;
padding-left: 5px;
background:  url(../img/head.jpg) no-repeat; /*Picture in the Top frame: RKM Logo with gradient background*/
}

#banner h1 {                    /* Positioning of the main title ie., Vedanta Gesellschaft*/
margin: 18px 0px 0px 100px;
text-align: center;
}

/* End: Top Frame Properties */



/* Start: Left Frame Properties */

#sidebar {
float: right ;
height:920px;
margin: 0px 0px 0px 35px;
padding: 3px;
line-height: 1.4em;
border-right: 1px solid #BBBBBB;
background-color: #ABCBEB;     /* Background colour of left panel: Medium Blue B3D2EC ABCBEB; B8D1EB; A6C7E3*/ 
}

/* End: Left Frame Properties */



/* Start: Right Frame Properties */

#content {
float: left;
margin: 0px 52px 0 0;
background-color: #FFFFFF;      
}

#footer {
clear:both;
padding: 1px;
margin: 0em 20px 1em 20px;
font-size: 0.9em;
text-align: center;
border-top: 1px solid #999999;
color: #666666;
background: inherit;
line-height: 1.3em;
}

p {
padding: 2px 35px 0px 35px;
font-size: 108%;
line-height: 1.9em;
}

#content ul {
margin-left:20px;
padding: 2px 35px 0px 35px;
font-size: 108%;
line-height: 2.2em;
list-style-image:url(../img/bullet_arrow.gif);
}

#content ol {
margin-left:20px;
padding: 2px 35px 0px 35px;
font-size: 108%;
line-height: 2.2em;

}

#content nl {
padding: 2px 35px 0px 25px;
font-size: 108%;
line-height: 1.9em;
}

#content h1 {
margin: 5px 35px 0px 30px;
font-size: 135%;
padding: 3px;
color: #547AC7;         /*Colour of the Page Heading in the right frame*/
background: inherit;
text-align: center;
}

#content h2 {
margin: 5px 35px 0px 30px;
font-size: 125%;
padding: 3px;
border-bottom: 1px solid #BBBBBB;
color: #547AC7;
background: inherit;
}

#content h3 {
margin: 0px 45px 0px 45px;
font-size: 105%;
padding: 0px;
line-height:0.6em;
color: #FFFFFF;
background: inherit;
}

h4 {
text-align: right;
padding: 3px;
margin: 5px 0 0 0;
font-size: 1.1em;
}

a {
text-decoration: none;
color: #547AC7;
background: inherit;
border-bottom: 1px solid #668AC6;
}

img {
margin: 20px 35px 5px 10px;
}


a:hover {
color: #547AC7;
background: inherit;
border-bottom: 1px solid #DDE4DD;
}

/* End: Right Frame Properties */



/* Start: Properties of the Links in the Left Frame */

#navcontainer { width: 163px;margin-top: 0px; }

#navcontainer ul {
margin-left: 0;
padding-left: 0px;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
}

#navcontainer a {
display: block;
padding: 8px;
width: 139px;
background-color: #0;       
color: #444444;
border-bottom: 1px solid #F0E9DD;
border-left: 8px solid #E0D4A3;         /*The left border of the left frame (without Hover): Golden Yellow */
}

#navcontainer a:link, #navlist a:visited {
text-decoration: none;
}

#navcontainer a:hover {
border-left: 8px solid #6891D9;       /*The left border of the left frame (after Hover): Dark Blue */
background-color: #E0D4A3;            /*Colour of the link in the left frame (afterHover):E0D4A3 Golden Yellow */
color: #000000;
}

/* End: Properties of the Links in the Left Frame */