html,body{
        color: #333333;
	height: 100%;
	font-family:"Trebuchet MS";
	font-size: 16px;
	margin: 0px;
	background-color: #999999;
	text-align: center; /*this text-align necessray for correct placementof container div*/
	}
	
h1{
    margin-left:10px;
    }

#container
{
width: 90%;
background-color: #fff;
color: #333333;
border: 1px solid gray;
line-height: 130%;
text-align: left;
margin: 0px auto;
position:relative;

}

#bg{

background-image: url(../image/test.jpg); 
background-repeat: no-repeat;
height: 260px; 
width: 100%;
--border: 1px solid black;}

#logo{
--position:relative;
float:left;
margin-left:1%;
margin-top:0.5%;
margin-bottom:3%;
}



#picture{
--position:relative;
float:right;
margin-right:4%;
margin-top:8%;
vertical-align: center;
padding:0;

}

#navbar {

    clear:both;
    margin:0;
    padding:0;
    width: 100%;
    text-align: right;
    --background-color: white;
    line-height: 35px;
}	

#name
{
padding: 2px;
background-color: #FF9933;
--background-color: #00AA33;
--border-bottom: 1px solid gray;
--border-top:1px solid gray;
}

#name_det
{
padding:0;
margin-left: 10px;
--width:30%;
}

#names_det h1{
padding:0;
color:#FFFFFF;
margin:0;
}

#nav
{
text-align:left;
--margin-bottom: 2%;
padding:10px 0 0 17px;
width:98%;
font-size:14px;
border: 3px solid orange;

}

#nav img{
vertical-align:middle;
}

#c_search
{
    clear:top;
    margin-top:0;
    margin-bottom:3%;
    --margin-left:48%;
    --padding:.5em;
    padding-top: .5em;
    padding-bottom: .5em;
    width: 100%;
    text-align: right;
    
  }

#form_s
{
    margin-left:66%;
    margin-right: 2em;
    padding:.2em;
   -- background-color: orange;
    width: 30%;
    }


#cert
{float:right;
width:50%;

}


#nlam{
clear:both;
color: white;
width: 80%;
padding:.3em;
margin-left:3%;
background-color:#138808;
border: 1px dotted gray;
}

#nlam h2{
margin-left:20px;
}

#paypal{
clear:both;
color:white;
width:50%;
--background-color:#FFCC33;
background-color:#000080;
margin-left: 20%;
margin-top:5%;
padding: 2em;
margin-bottom:10%;
border: 2px dotted gray;
}



/*COMMON*/


#fread
{
clear: both;
padding: .5em;
border-top: 1px solid gray;
border-bottom: 1px solid gray;
background-color: #000080;
color:white;
}

#fread h3
{
padding: 0;
margin: 0;
}

#frlist
{

clear: both;
margin-top:10px; 
margin-bottom:10px;
margin-left: 20px;
margin-right: 20px;
padding: .5em;
color: #333;
max-width: 70em;
}

#formula
{
clear: both;
padding: .5em;
background-color: #000080;
color:white;
border-top: 1px solid gray;
border-bottom: 1px solid gray;
}

#formula h3
{
padding: 0;
margin: 0;
}

#flist
{

clear: both;
margin-top:10px; 
margin-bottom:10px;
margin-left: 20px;
margin-right: 20px;
padding: .5em;
color: #333;
}



#note
{
clear: both;
padding: .5em;
border-top: 1px solid gray;
border-bottom: 1px solid gray;
background-color: #000080;
color:white;
}

#note h3
{
padding: 0;
margin: 0;
}

#note_data
{

clear: both;
margin-top:10px; 
margin-bottom:10px;
margin-left: 20px;
margin-right: 20px;
padding: .5em;
color: #333;
max-width: 70em;
}

#shodhan
{
clear: both;
padding: .5em;
border-top: 1px solid gray;
border-bottom: 1px solid gray;
background-color: #000080;
color:white;
}

#shodhan h3
{
padding: 0;
margin: 0;
}

#shodhan_data
{

clear: both;
margin-top:10px; 
margin-bottom:10px;
margin-left: 20px;
margin-right: 20px;
padding: .5em;
color: #333;
max-width: 70em;
}


#publication
{
clear: both;
padding: .5em;
background-color: #000080;
border-top: 1px solid gray;
border-bottom: 1px solid gray;
color:white
}

#publication h3
{
padding: 0;
margin: 0;
}

#publist
{

clear: both;
margin-top:10px; 
margin-bottom:10px;
margin-left: 20px;
margin-right: 20px;
padding: .5em;
color: #333;
}

/*COURSE*/

.level{
color: #FFFFFF;
background-color:#000080;
margin-left:5%;
width:70%;
padding-left: 5px;
}
h3{
padding:3px;
}

#intro{
	width:90%;
	padding-bottom:1em;
	margin-top:3%;
	margin-left:5%;
	margin-right:5%;
	--margin-bottom:3%;
}
.topic
{
margin-left: 10%;
}

.stopic_ua{
font-family: "Trebuchet MS";
font-size:14px;
}


#browser{
	border:1px dotted gray;
	width:85%;
	--margin-top:2%;
	margin-right:2%;
	margin-bottom:2%;
	padding: 1em;
	padding-left:2px
}

#browser h3{
	margin-left:8%;
}

#cur_browser{
	margin-left:14%;
	margin-bottom:3%;
}

#br_image{
	margin:0;
	padding:0;
	--border:1px solid gray;
	width:100%;
}
#br_image img{
	margin:0;
	padding:0;
	border:0;
	height:40px;
	width:40px
}


#browser_1{
	--border:1px dotted gray;
	width:50%;
	float:right;
	--margin-top:2%;
	margin-right:35%;
	margin-bottom:2%;
	padding: 1em;
	padding-left:5px
}

#browser_1 h3{
	margin-left:2%;
}

#cur_browser_1{
	margin-left:2%;
	margin-bottom:3%;
}

#br_image_1{
	margin:0;
	padding:0;
	--border:1px solid gray;
	width:100%;
}
#br_image_1 img{
	margin:0;
	padding:0;
	border:0;
	height:40px;
	width:40px
}
	
/*FOOTER*/

#footer
{
clear: both;
margin: 0;
padding: 1px;
color: white;
background-color: #138808;
--background-color: #99CCFF;
border-top: 1px solid gray;
}


/* FORMAT for MENU */

.menu{
margin-right:40px;
padding:0;
margin-bottom:0;
margin-top:0;
}
.menu li
{
display: inline;
list-style-type: none;

}

.menu a { padding: 3px 10px; }

.menu a:link, .menu a:visited
{
color: #000000;
background-color: white;
text-decoration: none;
border: 1px solid #333333;
}

.menu a:hover
{
color: #FFFFFF;
background-color: #138808;
text-decoration: none;
}




/*LINKS*/

a:link, a:visited
{
font-family: "Trebuchet MS";
font-size:14px;
color: #000080;
text-decoration: none;
}


a:hover
{
color: #FF9933;
text-decoration: none;
--background-color: #0099FF;
text-decoration: none;
}



/*Tooltip for general links. not for lists*/

 a.img:link, a.img:visited{
     text-decoration:none;
    cursor:help;
    background-color:#fff;
           }
	   
a.img:hover{
    text-decoration:none;
    cursor:help;
    background-color:#fff;
           }

   
   
   
/*common styles */   
   
.stit {font-size: 12px ;font-style: italic;color:#138808;}
.b { font-family:"Trebuchet MS"; font-size: 14px;font-weight:bold; color:#000080;}
.stylej {text-align:justify;}
.note {font-family:"Trebuchet MS"; font-size: 12px ;font-style: italic;color: maroon;}
.fn {font-size: x-small;color: red;font-style: italic;}
.bh{font-size: 16px;color:yellow;font-weight:bold;}
.dropcap_1{width: .5em;font-size: 400%;line-height: 80%;margin-right: 5px;}
.dropcap{width: .5em;font-size: 300%;line-height: 35%;margin-right: 5px;}
.help{cursor:help;}
.nf {font-size: x-small;font-style: italic;}
.ext_note {font-family:"Trebuchet MS"; font-size: 12px ;font-style: italic;color: #FF9933;}

/*CLASSES COURSE*/

.web_title{color:#000080; font-weight:bold}
.date{color:#138808}