/* CSS Document */

/* ------------------------------- formatting ----------------------------- */

body {
margin: 0;
	padding: 0;
    background: #f0f6f6;
    background-image: url(../images/back.gif);
background-repeat: repeat-x;

	}

table {0.95em Verdana, sans-serif;
}

h1 {
	font: bold medium Arial, sans-serif;
	color: #32528D;
	margin-top: 20px;
}

table {
font: 0.95em Verdana, sans-serif;
}




#tablebox {
padding-top: 2px;
padding-bottom: 2px;
padding-left: 1%;
padding-right: 1%;
font: 0.7em Verdana, sans-serif;
margin-top: 2px;
width: 100%;
float: left;
background-color: #fff;
}


.textpad {
padding: 5px;
background-color: #95564A;
}

ul#text {
font: 0.7em Verdana, sans-serif;
}

h2 {
	font: bold small Arial, sans-serif;
	color: #535353;
	margin-top: 20px;
}
	
.news {
	
	color: #000;
	margin-bottom: 2px;
	padding-top: 6px;
	border-bottom: 1px dotted #C4C4C4;
	}

h4 {
	font: bold 0.7em Verdana, sans-serif;
	color: #000;
	margin-bottom: 2px;
	padding-top: 6px;
	border-bottom: 1px dotted #C4C4C4;
	}
h3 {
	font: bold 0.75m Verdana, sans-serif;
	color: #484848;
	margin-bottom: 2px;
	}

h5 {
	font: italic bold small Arial, sans-serif;
	color: #32528D;
	margin-top: 2px;
}
	
	
	
p {
	font: 0.7em Verdana, sans-serif;
	}
	
a, a:active, a:hover, a:visited {
	color: #32528D;
	text-decoration: none;
}	

hr {
	color: #A5B5C6;
	height: 1px;
	}



.textbox {					/* Until IE understands <css> input[type="file"] { </css> It's better to define a new style then it is to re-define the input tag because radio buttons cop a beating */
	padding: 6px;
	font:  small verdana, sans-serif;
	color: #000;
	background-color: #fff;
margin-bottom: 4px;
	}


/* 

------------------------------- layout ----------------------------- 

Notes:

Do not mix px widths with % widths for margins, borders or padding because 
the total box width = set width + padding + border.  (It helps if you can add them together)

The box model hack is used to fix an bug in IE5-Win ...for an explanation from the guy that
wrote it go to http://www.tantek.com/CSS/Examples/boxmodelhack.html

IE6-Win will behave like IE5-Win  if you include <?xml version="1.0"?>  It is apparently
unneccessary so leave it out!

Left Col Widths:
 |  pad   |         width        |  pad   | 				
 ------------------------------------------					
 |   0    |          25%         |   0    |	
 
Center Margins:
 |  marg  |         width        |  marg  | 
 ------------------------------------------
 |   25%  |        (auto)        |   25%  |

Right Col Widths:
 |  pad   |         width        |  pad   | 				
 ------------------------------------------					
 |  1.5%  |          22%         |  1.5%  |				total width= 25%
 

*/

#top {
      postition: absolute;
      margin: 0;
	   width: 850px;
      height: 100px;
      background-color: #fff;
}

#logo {
  position:absolute;
  top: 10px;
  left:20px;
  height: 100px;
  width: 400px;
background-image: url(../images/SIDARTHa_logo_web.jpg);
background-repeat: no-repeat;
}

.contact {
    margin: 0 20% 0 0;
    color: #000000;
    height: 15px;
    text-align: right;
    padding-right: 10px;
    font: 0.6em, verdana, sans-serif;
    border-right: 1px dotted #A7C3A9;
    background-color: #D6D6D6;
}


#mitte a{
	background-color: #32528D;
	padding-top: 8px;
	padding-bottom: 8px;
	font: bold 0.7em, verdana, sans-serif;
	margin-right: 10px;
	text-decoration: none;
	padding-left: 5px;
	padding-right: 5px;
	color: #FFFFFF;
}

#mitte {

vertical-align: bottom;
text-align: right;
   position: relative;
	width: 849px;
	background-color: #eaf1f1;
	border-top: solid 1px #FFFFFF;
height: 40px;
 border-right: solid 1px #869797;

	}
	
#mitte p {
font-weight: bold;
font-family: verdana;
text-align: right;
padding-right: 10px;
}	
	
#center {
float: right;
	width: 649px;
	background-color: #FFFFFF;
   border-top: solid 1px #FFFFFF;
}


#center li{
	font: 0.7em Verdana, sans-serif;
	}
	
#main {
position: absolute;
top: 140px;
   background-color: #fff;
	width: 849px;
   border-right: solid 1px #869797;
}
	
#centertext {
text-align: left;
font-family: verdana;
	padding: 1% 4% 4% 4%;
	color: #484848;
	}
	
	#centertext a {
color: ffffff;


}	
#right {
    width: 20%;
	background: #FFFFFF;
	color: #484848;
	float: right;
	height: 600px;
}


#left {
	float: left;
	padding: 0px;
	border-bottom: 50px solid #acc0c0;
	width: 200px;
	background-color: #32528D;
}




#leftoben {
	position: absolute;
	padding: 0px;
	top: 0px;
    height: 85px;
	margin: 0 0 0 0;
	width: 16%;
    overflow: hidden;
    background: #E0E0E0;
		}


		
div#topcontent {
    margin: 0 20% 0 16%;
	position: absolute;
    padding: 9px 0px;
    width: 90%;
	top: 0px;
	right: 0px;
}

#footer {
    text-align: center;
    height: 15px;
    width: 849px;
    clear: both;
	background-color: #869797;
	color: #FFFFFF;
	font: 0.9em, verdana, sans-serif;
}

#bio {
	float: right;
	width: 30%;
	padding: 1%;
	border: 4px dotted #5C6F90;
	color: #5C6F90;
	font-size: 0.7em;
}

/* --------------------- Feature Image and Transparency Trick --------------- */

#featureimg {
	margin: 0px 25% 0px 170px;
	height: 250px;
	background: #153976 url(images/sky.jpg) no-repeat right top;
	text-align: center;
	border-top: 1px solid #A5B5C6;		/*	Without this 1px border, Mozilla/Netscape applies the 200px margin from the child element (div#mstrans) - I don't know why? In these crazy topsy turvey times it seems that nothing is certain  */  
}
	
#mstrans {
	margin: 200px auto 0px auto;
	width: 140px;
	height: 30px;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/footbag.png');	/* Unfortunatly this hack will not validate :( */
	border: 0px solid pink;
}
	
#mstrans img {
	filter: Alpha(opacity=0);		/* Unfortunatly this hack will not validate :( */
	border: 0px solid cyan;
}

/* 

-------------------------------- Navigation ------------------------------ 

List tips courtesy of A List Apart: http://www.alistapart.com/stories/taminglists/

*/


ul#mainnav {
	list-style: none;
	margin: 0px;
	padding: 0px 0 20px 0;
	background-color: #DBE6E8;
}
		
ul#mainnav li {
width: 100%;
	display: block;
	
		}

ul#mainnav li a {
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 10px 5%;
	background-color: #DBE6E8;
	font: bold 0.8em /1.5 verdana, sans-serif; /* If you get an unwanted gap after your a block (IE-Win) try increasing the line height		*/
	color: #000000;
	text-decoration: none;
	width: 90%; /* 	Causes Problems in IE5-Mac and Netscape/Mozzilla - see next fix		*/
}
	


ul#mainnav li a:hover {
	background-color: #32528D;
	color: #FFFFFF;
}

	
ul#subnav {
    list-style: none;
	margin: 0px;
	padding: 0px;
	background-color: #FFFFFF;
		}
		
ul#subnav li {
width: 100%;
	display: block;

	}

ul#subnav li a {
	margin: 0px 0px 0px 0px;
	padding: 4px 5%;
	background-color: #DBE6E8;
	border-bottom: 1px solid #ffffff;
	font: 0.7em /1.5 verdana, sans-serif; /* If you get an unwanted gap after your a block (IE-Win) try increasing the line height		*/
	color: #000000;
	text-decoration: none;
	width: 90%; /* 	Causes Problems in IE5-Mac and Netscape/Mozzilla - see next fix		*/
}
	


ul#subnav li a:hover {
	background-color: #B1C921;
	color: #ffffff;
}
	
html>body ul#mainnav li a:hover {
		width: auto;
		}
	
	
ul#subnav2 {
    list-style: none;
	margin: 0px;
	padding: 0px;
	background-color: #E0E0E0;
	}
		
ul#subnav2 li {
width: 100%;
	display: block;

	}

ul#subnav2 li a {
	margin: 0px 0px 0px 0px;
	padding: 3px 18%;
	background-color: #F8FAFA;
	border-bottom: 1px #FFFFFF solid;
	font: 0.7em /1.5 verdana, sans-serif;		/* If you get an unwanted gap after your a block (IE-Win) try increasing the line height		*/
	color: #000000;
	text-decoration: none;
	width: 64%;				/* 	Causes Problems in IE5-Mac and Netscape/Mozzilla - see next fix		*/
	}
	


ul#subnav2 li a:hover {
background-color: #869797;

	color: #FFFFFF;
	}	
div#topcontent ul {
	position: absolute;
	right: 0px;
	list-style: none;
	margin: 0px 0px 0px 0px;
        padding: 2px 0px;
        background-color: #ededed;
	}
div#topcontent ul li {
	display: inline;
	padding: 0px 1px 0px 4px;
	border-left: 1px solid #5C6F90;	
	}
div#topcontent ul li.first {
	border-left: 0px none;
	}
div#topcontent ul li a {
	font: 0.7em verdana, sans-serif;
	}


/* ---------------------------------------------------------------------*/