/* unedf_style.css  version 0.8  09-16-2008  */

/* Stylesheet for UNEDF pages at unedf.org */

a {
text-decoration: none;
}

body  {
	font: 100% Arial, Helvetica, sans-serif;
	background: #666666; /* darkgray */ /* #FFFFFF; */ /* white background */
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
  /* width: 800px;  */
}

.ddnews {
  padding: 0 0 10px 0;
}	

h1 {
  font-size: x-large;
  color: #0000FF; /* blue #000000; */
}

h2 {
  font-size: large;
}

h3 {
  font-size: medium;
}  	

p {
  text-align: left;
} 

li {
  text-align: left;
}

hr {
  width: 80%;
  height: 3px;
  color: #EBEBEB;
  margin-left: 2px;
} 

dl {
  text-align: left;
}    

img {border: none !important;}

.hang {text-indent:-2em; margin-left:2em;}

.left{text-align: left;}
.style1 {font-size: 14px}
.style2 {color: #FF0000}
.style3 {font-size: 120%; font-weight: bold;}
.style4 {font-size: 15px}
.footerstyle {font-size: medium; font-weight: bold;}
.fontsmall {font-size: small}
.fontmedium {font-size: medium}
.fontlarge {font-size: large}

#anocolor {color: #FF0000;}
#anocolor a:link {color: #FF0000;}               
#anocolor a:visited {color: #FF0000;}               
#anocolor a:hover {color: #FF0000;}               
#anocolor a:active {color: #FF0000;}               

#stylebanner1 {padding:0;
               margin:0;
               white-space: nowrap;
               text-align: left; 
							 /* 310% or 50px? */
               font-family: Times; font-size: 50px !important; 
               color: #FF0000;
              /* border: 1px solid #000000; */
               }
#stylebanner1 a:link {color: #FF0000;}               
#stylebanner1 a:visited {color: #FF0000;}               
#stylebanner1 a:hover {color: #FF0000;}               
#stylebanner1 a:active {color: #FF0000;}               
#stylebanner2 {padding:0;
               margin:0;
							 white-space: nowrap;
							 text-align: left; 
               font-family: sans-serif; font-size: 30px !important;
							 /* 186% or 30px? */ 
               color: #000000;}

#tablehome {
  border: 4px solid #000000; /* #444; */
  border-collapse: collapse;
	color: #FFFFFF;
	background-color: #000000;
	padding: 0 0 0 0;
}

#divnews {
  margin: 20px 40px 0px 40px;
  border: 4px grooved #000000; /* #444; */
	background-color: #F1F1FF;
	padding: 5px 5px 5px 15px;
	line-height: 1.2;
}

#wrapper {
  width: 800px;  
  margin: 0 auto;
  background: #FFFFFF;  /* allow for different background in content */
  border: 2px solid #666666;
}

#header2 { 
	background: #F5F5F5; /* #FFFFFF; */ /* #EBEBEB; */ 
	padding: 5px 0px 3px 0px; /* top, right, bottom, left */ 
}

#header { 
	background: #F5F5F5; /* #FFFFFF; */ /* #EBEBEB; */ 
	padding: 5px 0px 3px 5px; /* top, right, bottom, left */ 
  /* border: thin solid #000000; */
}

#header a {
  color: #000;
}

#header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an
	unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}

#mainContent { 
	margin: 0 0 0 0; 
	padding: 10px 20px 10px 30px; /* top, right, bottom, left */
} 

#frontContent { 
	margin: 0 0 0 0; 
	padding: 10px 0 0 0; /* top, right, bottom, left */
  background-color: #DDDDDD;
} 

#footer { 
	padding: 0 0px 0 0px; /*  */
	background:#DDDDDD; 
} 

#footer p {
  font-size: 90%;
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility
	of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have,
	without the margin collapse issue */
  text-align: center;
}

.black {
  background-color: #000000;
}	

.darkgray {
  background-color: #666666;
}	

.gray {
  background-color: #DDDDDD;
}


.redfont {
  color: #FF0000;
}

.bluefont {	
  color: #0000FF;
}

.greenfont {	
  color: #006400;
}

.blackfont {
  color: #000000;
}

.physicsfont {
  color: #0000FF;
}

.csamfont {
  color: #8B0000;
}  

.center {
  text-align: center;
}
.center table {
  width: 50%;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
}

.tdbutton {
  border: 4px solid #000000;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

.tdpar {
  border: 4px solid #000000;
  margin: 0 0 0 0;
  padding: 0px 0px 2px 10px;  /* top, right, bottom, left  */
	text-align: left;
	font-size: 90%; 
}

.textpar {
	font: 90% Arial, Helvetica, sans-serif;
  background-color: #000000;
	color: #FFFFFF;
	width: 460px;
	height: 70px;
  border: 4px solid #000000;
  margin: 0 0 0 0;
  padding: 1px 0px 2px 10px;  /* top, right, bottom, left  */
	/* text-align: left; */
	font-size: 90%;
	text-decoration: none;
	overflow: auto;  /* no scrollbar */ 
}

.fltrt { /* this class can be used to float an element right in your page. The floated element must precede
	the element it should be next to on the page. */
	float: right;
	margin-top: 10px;
	margin-left: 10px;
	margin-right: 50px;
	margin-bottom: 30px;
}

.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}

.clearfloat { /* this class should be placed on a div or break element and should be the final element
before the close of a container that should fully contain a float */
	clear:both;
  /*  height:0;  */
  /*    font-size: 1px; */
  /*  line-height: 0px;  */
}