@charset "utf-8";
/* CSS Document */

body {
 margin: 0px;
 background-color: #DBD2AC;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 color: #666666;
 text-align: justify;
}

.clear {
 clear: both;
}

a {
   color: #8B8775;
}

a:hover {
   color: #000000;
}

td {
 text-align: left;
}

.dark-blue {
 background-color: #54646e;
 color: #FFFFFF;
}

.light-blue {
 background-color: #79878f;
 color: #FFFFFF;
}

.grey {
 background-color: #6b7375;
 color: #FFFFFF;
}

.light-brown {
 background-color: #8d8875;
 color: #FFFFFF;
}

.tan {
 background-color: #a9a694;
 color: #FFFFFF;
}

.brown {
 background-color: #825137;
 color: #FFFFFF;
}

.dark-brown {
 background-color: #55332b;
 color: #FFFFFF;
}

.left-border {
 border: 1px solid #a2a1a0;
}

.right-border {
 border-bottom: 1px solid #a2a1a0;
 border-right: 1px solid #a2a1a0;
 border-top: 1px solid #a2a1a0;
}

input {
       width: 130px;
	   background-color: #DBD2AC;
	   font-family: Arial, "Times New Roman", Serif;
	   font-size: 10pt;
	   color: #666666;
}

select {
	   font-family: Arial, "Times New Roman", Serif;
	   font-size: 10pt;
	   color: #666666;
}


option {
       width: 130px;
	   font-family: Arial, "Times New Roman", Serif;
	   font-size: 10pt;
	   color: #666666;
}

textarea {
       width: 130px;
	   height: 50px;
	   background-color: #DBD2AC;
	   font-family: Arial, "Times New Roman", Serif;
	   font-size: 10pt;
	   color: #666666;
}

.input_submit {
	color: #666666;
	width: 60px;
	font-size: 8pt;	
	border: 1px solid #666666;
	background: #DBD2AC;
}

.input_go {
	color: #666666;
	width: 30px;
	font-size: 8pt;	
	border: 1px solid #666666;
	background: #ffffff;
}


#wrap { 
 margin: 0px auto;
 width: 750px;
 background-color: #FFFFFF;
}

#header {
 width: 750px;
}
#left {
	width: 428px;
	float: left;
}
#left h1 {
	font-size: 18px;
	color: #5b6854;
	padding: 0;
	margin: 0;
	padding-bottom: 5px;
	padding-left: 10px;
}
#left p {
	font-size: 12px;
	padding: 0;
	margin: 0;
	padding-bottom: 10px;
	padding-left: 10px;
}
#right {
	width: 322px;
	float: right;
}

#institute {
 width: 750px;
 height: 478px;
 margin-top: 30px;
 background-image: url(images/institute.jpg);
 background-repeat: no-repeat;
}

#intext {
 width: 410px;
 margin-top: 150px;
 margin-right: 45px;
 float: right;
 text-align: justify;
}

#menu {
 width: 750px;
 background-color: #d0c9b3;
}

#content {
 width: 700px;
 margin-left: 25px;
 margin-right: 25px;
}

#leftimage {
 float: left;
 margin-right: 20px;
}

#rightimage {
 float: right;
 margin-left: 20px;
}

#main {
 width: 700px;
 height: auto;
}




#menu {
	width: 750px;
	background-color: red;
	}

#new_footer {
	width: 95%;
	background-color: #5f5f5f;
	color: #ffffff;
	padding: 20px;
	font-size: 12px;
	}

#new_footer a {
	color: #ACC0C1;
	text-decoration: none;
	}

.new_footer_list{list-style:none;margin:0;padding:0;margin-bottom:1.667em;line-height:1.667em;}


.new_footer_header {
	color: #ffffff;
	font-size: 20px;
	line-height: 1;
	margin-top: 1em;
	margin-bottom: 1em;
	display: block;
	}

.twitter_post {
	line-height: 1.667;
	margin-top: 1.667em;
	margin-bottom: 1.667em;
	}

.date {
	color: #999999;
	font-style: italic;
	padding-left: 20px;
	}

.new_footer_div {
	width: 300px;
	float: left;
	}

.new_footer_div_border { padding-right: 40px;border-right: 1px solid #999999; }
.new_footer_div_padd { padding-left:40px; }










/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.suckertreemenu ul{
margin: 0;
padding: 0;
list-style-type: none;
font-size: 11px;
text-align:center;
}

/*Top level list items*/
.suckertreemenu ul li{
position: relative;
display: inline;
float: left;
background-color: #d0c9b3; /*overall menu background color*/
}

/*Top level menu link items style*/
.suckertreemenu ul li a{
display: block;
width: 106px; /*Width of top level menu link items*/
padding: 4px 0px;
border: 1px solid #ffffff;
border-left-width: 0;
text-decoration: none;
color: #ffffff;
}
	
/*1st sub level menu*/
.suckertreemenu ul li ul{
left: 0;
position: absolute;
padding: 0px 8px;
text-align: left;
top: 1em; /* no need to change, as true value set by script */
display: block;
visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.suckertreemenu ul li ul li{
display: block;
float: none;
}

/*All subsequent sub menu levels offset after 1st level sub menu */
.suckertreemenu ul li ul li ul{ 
left: 159px; /* no need to change, as true value set by script */
top: 0;
}

/* Sub level menu links style */
.suckertreemenu ul li ul li a{
display: block;
width: 250px; /*width of sub menu levels*/
background-color: #ffffff;
color: #000000;
text-decoration: none;
padding: 1px 5px;
border: 1px solid #cccccc;
}

.suckertreemenu ul li a:hover{
background-color: black;
color: white;
}

/*Background image for top level menu list links */
.suckertreemenu .mainfoldericon{
background: #d0c9b3;
}

/*Background image for subsequent level menu list links */
.suckertreemenu .subfoldericon{
background: #d0c9b3;
}

* html p#iepara{ /*For a paragraph (if any) that immediately follows suckertree menu, add 1em top spacing between the two in IE*/
padding-top: 1em;
}
	
/* Holly Hack for IE \*/
* html .suckertreemenu ul li { float: left; height: 1%; }
* html .suckertreemenu ul li a { height: 1%; }
/* End */

