/* CSS Document for ICTM Website */

/* layout */

body {
	color: #000;
	background: #FFF;
	margin: 0;
	padding: 0;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	

}

#content {

	margin: 0;
	padding: 10px 25px 10px 25px;
}

#banner {

	background-color: #005BFF;
	padding: 5px;
	color: #fff;
	
	
}

#tablelayout {

	margin: 0;
	padding: 0;
}

#leftcontent {

	width:25%;
	margin: 20px;
	padding: 10px;
	background:#526DED;
	color: #fff;
	}

#centercontent {
	
	padding: 10px;
	background:#9BA4FF;

	
}

#centercontent1 {
	
	padding: 10px;
	background:#9BA4FF;

	
}

#centercontent2 {
	
	padding: 10px;
	background:#899BAD;

	
}

#rightcontent {
	width: 25%;
	padding: 10px;
	background:#6DADF6;
	color: #fff;

}

#lists {
	border: 1px dotted #000099;
	
	
}




#formback { 
	background-color: #6699cc; 
	color: #000000; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px;
 }

#formbutton {
	background-color: #ffcc00;
	color: #003399;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	border-right: #50555a 1px solid;
	border-top: #50555a 1px solid;
	border-left: #50555a 1px solid;
	border-bottom: #50555a 1px solid
}

.indent {
	margin-left : 20px;
}

.indent2 { 
	margin-left: 25px;
 }

 /*
.linerule {

 ust this class for hr tags 


}
 */

/* typography */
		



h1 {
	font-family: Helvetica Narrow, Helvetica, Arial, Verdana, sans-serif;
	font-size: 18px;
	color: #000099;
	background-color : transparent;
}

#banner h1 {
	color: #fff;
	font-size: 24px;

}

h2 {
	font-family: Georgia, Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #006600;
	text-decoration: none;
	background-color : transparent;
}

h2.mission {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 1.5em;
	color: #fff;
	text-decoration: none;
	background-color : transparent;
}


h3 {
	font-family: Georgia, Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #66ccff;
	background-color : transparent;
}

h4 {
	font-family: Georgia, Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000099;
	font-weight : bold;
	background-color : transparent;
	margin-bottom: 0;
}

h5 {
	font-family: Georgia, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #333333;
	background-color : transparent;
}

p	{
	margin-top: 0;
	margin-bottom: 1em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
        
}



td	{

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
        
}


ul {
	list-style-image: url(images/circle.gif);
	list-style-position: outside;
	list-style-type: disc;
	padding-left: 2em;
	margin-left: 0;
	
}



.small {

	font-size: 10px;
}

/* linkology */
		
a:link, a:visited, a:active {
	/*color: #0A2972;*/
	background: transparent;

	}

a:hover {

	color: #98b0a7;
	background: transparent; 
	}

	



/* navigation menu */

#mainMenu {
  background-color: #0000ED;
  border-top: 1px solid #CCC;
  border-bottom: 1px solid #CCC;
  border-left: 0;
  border-right: 0;
  color: #fff;
  margin: 0px;
  padding: 0px 0px 2px 20px;
  font-family: Verdana, Helvetica, sans-serif;
  font-weight: bold;
}

#menuList {
  margin: 0px;
  padding: 0px;
  
}

#menuList ul {
  margin: 0px;
  padding: 0px;
 
}

#menuList li {
  display: inline;
  list-style: none;
  
}

a.actuator:link, a.actuator:visited, a.actuator.active {
  background-color: transparent;
  color: #fff;
  font-size: 11px;
  margin: 0px;
  padding: 3px 6px;
  text-decoration: none;
}

a.actuator:hover {
  background-color: #6DADF6;
  color: #fff;
}

.menu {
  background-color: #0000ED;
  color: #fff;
  border: 1px solid #CCC;
  position: absolute;
  visibility: hidden;
   
}

.menu li a {
  background-color: transparent;
  color: #fff;
  display: block;
  font-size: 11px;
  line-height: 1.75em;
  margin: 0px;
  padding: 0px 10px;
  text-decoration: none;
}

.menu li a:hover {
  background-color: #6DADF6;
  color: #fff;
}

span.key {
  text-decoration: underline;
}

#geninfoMenu { width: 200px; }
#newsMenu { width: 200px; }
#pubMenu { width: 200px; }
#membershipMenu { width: 200px; }
#dirMenu { width: 200px; }
