/*---------------- general html tags----------------------------- */

*
{
    padding:0;
    margin:0;
}
body
{
    font-size:100%;
    background-color:#d4d2e6;
    color:#6035ad;
}
.header
{
    font-size:2.00em;
    font-style:normal;
    font-weight:bold;
}
.subheader
{
    font-size:1.30em;
    vertical-align:baseline;
    font-style:italic;
    color:#958fc0;
}
h3
{
    font-size:1.00em;
}
p
{
    font-size:0.875em;
    text-align:justify;
}
 form 
 {
   width:31em;  
 }
 form fieldset
 {
     border-color:#000;
     border-width:0.0625em;
     border-style:solid;
     padding:0.625em;
 }
 form fieldset legent
 {
     font-size:1.1em;
 }
 form label /* block float the labels to left column, set a width */
 {
     display:block;
     width:9.3em;
     float:left;
     margin:0.3125em 0 0; /*set top margin same as form inpt - textarea etc. elements*/
     text-align:right;
 }
 form fieldset label:first-letter
 {
     text-decoration:underline;/* use first-letter pseudo-class to underline accesskey, note that */

 }
 form input, form textarea, form select
 {
     width:auto;
     margin:0.3125em 0 0 0.625em;/* set margin on left of form elements rather than right of
                              label aligns textarea better in IE */

 }
 
 form input#reset 
 {
	margin-left:0px; /* set margin-left back to zero on reset button (set above) */
 }

textarea 
  { 
    overflow: auto; 
  }

/*----- the css applied on id -----------------------------------------*/
#wrapper
{
    padding:0em;
    border:0.01em solid #cfcce2;
    width:50em;
    margin:0em auto;
    background-image:url(../layoutimage/content.gif);
}
#header
{
   background-image:url(../layoutimage/header.gif);
   background-repeat:no-repeat;
   height:5.4375em;
   width:50em;
}

#menu
{
   background-image:url(../layoutimage/menu.gif);
   background-repeat:no-repeat;
   height:8.3125em;
   width:50em;
}

#content /*this is the div id for content which contains other content dids*/
{
   background-image:url(../layoutimage/content.gif);
   width:50em;
   clear:both;
}
#titlecontent /*this is the id for div which stores title informations*/
{
   width:50em;
   clear:both;
   border-bottom:solid 0.126em #cfcce2;
}
#titlecontent ul
{
    display:inline;
    padding-left:0.4375em;
    line-height:1.75em;
}
#titlecontent ul li
{
    float:left;
    padding-left:0.4375em;
    list-style-type:none;
}
#maincontent /*the div with this id contains main information about the content */
{
   float:left;
   width:36.5em; 
   border-right: solid 0.126em #cfcce2;
   padding:0.4375em;
}
#sidecontent /*the div with id contains other informations*/
{
   float:left;
   width:11.495em;
   padding:0.4375em; 
}

#footer /* the div with this id serves as footer*/
{
   background-image:url(../layoutimage/footer.gif);
   background-repeat:no-repeat;
   height:4.5em;
   width:50em;
   clear:both;
   text-align:center;
   line-height:4.5em;
}
#footer p
{
    text-align:center;
}

/*-------------------Drop down menu applied in menu section-----------------*/

.dropdown /* this class is applied on the div of menu */
{
  float:left;
  padding-right:0.3125em;
  margin-left:0.625em;
  margin-top:0.625em;
}
.dropdown dt /*applied on dt of menu */
{
    width:7.6875em; 
    border:0.125em solid #9ac1c9; 
    padding:0.5em; 
    font-weight:bold;
    cursor:pointer;
    background:url(../layoutimage/ddmenu_headerleft.gif);
}
.dropdown dt:hover /*applied on dt of menu */
{
    background:url(../layoutimage/ddmenu_header_over.gif);
}
.dropdown dd      /*applied on dd of menu */
{
    position:absolute;
    overflow:hidden;
    width:8.9375em;
    display:none; 
    background:#fff; 
    z-index:200;
    margin:0;
}
.dropdown ul       /*applied on ul of menu */
{
    width:8.9375em;
    border:0.125em solid #9ac1c9;
    list-style:none;
    border-top:none; 
    padding-left:0.625em;
    margin-left:0em;
}
.dropdown li       /*applied on li of menu */
{
    display:inline;
}
.dropdown a, .dropdown a:active, .dropdown a:visited  /*applied on anchor of menu */
{
    display:block;
    color:#333;
    text-decoration:none;
    background:#eaf0f2; 
    width:11.625em;
}
.dropdown a:hover /*applied on anchor of menu */
{
    background:#d9e1e4;
    color:#000;
}
.dropdown .underline  /*applied on  menu */
{
    border-bottom:0.0625em solid #b9d6dc;
}

/*--------------- Drop down menu applied in menu section ends ----------------*/
input.valid  /*back ground for valid fields*/
{
  
}
input.invalid /* reddish background for invalid fields */
{
	background: #faa;  
}
/************************CSS for the slide show in my picture gallary*****************/
/*************************************************************************************/

           .slideShow 
           {
               background-color: #ebebeb;
               text-align: center;
               margin-bottom: 10px;
               padding: 5px;
           }
           .slides 
           {
               position: relative;
               z-index: 1;
               display: none;
           }
           .setTitle, .slideTitle 
           {
               font-family: "Franklin Gothic Book", Arial, Helvitica, sans-serif;
           }
           .setTitle 
           {
               color: #995a01;
               font-size: 14px;
               font-weight: bold;
            }
           .slideTitle 
           {
               color: #666666;
               font-size: 12px;
           }
           .controls 
           {
               position: relative;
               z-index: 10;
           }
           #slide1 
           {
               display: block;
           }
           
           img 
           {
               border: outset 1px #999999;
           }
/*  the class below is for the images*/
/* this is for the title image for the home page*/
.TitleImage
{
float:left;
width:300px;
height:260px;
padding:5px;
margin:5px;
border:1px solid black;
text-align:center;
}
.GaindakotTitle
{
float:right;
width:250px;
height:250px;
padding:5px;
margin:5px;
border:1px solid black;
text-align:center;
}
/*this is to make the first letter of the paragraph bigger.*/
.TitleSpan
{
float:left;
width:0.7em;
font-size:400%;
font-family:algerian,courier;
line-height:80%;
}
/*other classes*/
.left
{
     float:left;
     width:200px;
     padding-left:10px;
}

.newLine
{
    clear:both;
    height:10px;
}
input[type="button"], input[type="reset"],input[type="submit"]
{
    border:0.125em solid #9ac1c9;
    background:#eaf0f2;
}
hr
{
    height:0.126em;
    border:solid 0.126em #cfcce2; 
}
 
input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover
{
    background:#d9e1e4;
    color:#000;
}

#bigPic /*used for the div used to show expanded image*/
{ 
    float: left; 
    width: 400px;
     height: 300px;
     text-align:center;
     border:solid 0.126em #cfcce2; 
     background-image:url('../narayaniRiver/n1.gif');
 }
.thumb /*for the divs which use small images*/
{ 
   float: left;
   width: 60px; 
   padding: 5px 
}
   
.thumb img /*image inside the thumb div*/
{ 
    border: 0; 
}

/*This CSS is applied in the education section of the website*/
#thumbBox
{ /*Outermost DIV for thumbnail viewer*/

position:absolute;

left: 0;

top: 0;

width: auto;

padding: 10px;

padding-bottom: 0;

background: #313131;

visibility: hidden;

z-index: 10;

cursor: hand;

cursor: pointer;

}


#thumbBox .footerbar
{ 
/*Footer DIV of thumbbox that contains "close" link */

font: bold 16px Tahoma;

letter-spacing: 5px;

line-height: 1.1em;

color: white;

padding: 5px 0;

text-align: right;

}



#thumbBox #thumbImage
{ 
/*DIV within thumbbox that holds the enlarged image */

background-color: white;

}


#thumbLoading
{ 
/*DIV for showing "loading" status while thumbbox is being generated*/

position:absolute;

visibility: hidden;

border: 1px solid black;

background-color: #EFEFEF;

padding: 5px;

z-index: 5;

}

/*set CSS for SPAN tag surrounding each image*/
.seqslidestyle
{
margin-right: 15px;
width:100px;
height:100px;
}
/*the caption class is used in the population section of the page to show cross fade effect*/
.Caption
 {
font-family: Arial;
font-weight: bold;
color:      #123456;
}
/*used with kaligandaki page*/
ul#animated-portfolio{
        padding: 0;
        margin: 0;
        list-style-type: none;
}
ul#animated-portfolio li{
        padding: 0;
}
/* the css below is used in googleSearch Box */
.searchGoogleMenu
{
    margin-left:496px;
    margin-right:40px;
    clear:both;
    margin-top:60px;
}