/* +++++++++++ MEDIA = SCREEN +++++++++++  */
body {
  margin:0;
  padding:10px 0px 10px 0px;
  font-family: "Trebuchet MS", verdana, arial, sans-serif;
  color:#000000; background-color: #ddcccc;
  font-size:smaller;
  text-align:center;
  /*background-image: url(./pics/tile_gold_atom.png);*/
}
 
/* =============== BLOCK level elements =============== */

.page {
  display: block;
  width:800px; height:auto; /* was 660 */
  text-align:center;
  margin-left: auto;
  margin-right:auto;
  border: 1px solid black;
  color:#000000;
  background-color:#ffffff;
}
/* =============== Breadcrumbs =============== */
#breadcrumbs {
  display: block;
  width:auto; height:auto;
  border-bottom: solid 1px #000;
  padding: 0px 5px 1px 5px;
  color:#ffffff; background-color: #dd1010;
  text-align:left;
  letter-spacing:.1em;
  font-size: 80%; 
}

#breadcrumbs img {
/*  float: left;
  margin-top: auto;
  margin-bottom: auto;*/
  vertical-align:middle;
  margin: 0px 0px 0px 0px;
  padding: 0px;
}
#breadcrumbs a:link{
  color:#eeddff; background-color: #dd1010;
}
#breadcrumbs a:visited{
  color:#ffddee; background-color: #dd1010;
}
#breadcrumbs a:hover{
  color:#dd1010; background-color: #fff;
}

/* Banner - need main text plus over and under in small fonts #dd1010*/

h1.banner {
  color:#dd1010;
  background-repeat:no-repeat;
  text-align:left;
  font-size:2.4em;
  padding:0.2em;
  margin:0px;
}
.sm_banner{
  font-size:40%;
}

/* =============== Menu =============== */
#menu {
  width:180px;
  float:right;
}
img.logo {
  margin: 10px 2px 5px 2px;
}
h2.menu  {
	padding: 20px 10px 2px 10px; margin: 2px;
	border: #000000 1px solid;
	font-size: 140%; color: #dd1010; background: #ffffff; 
	text-align: left;
	width: 150px;
}
h3.menu  {
	padding: 10px 10px 2px 10px; margin: 2px;
	border: #dd1010 1px solid;
	font-size: 120%; color: #dd1010; background: #fff; 
	text-align: left;
	width: 150px;
}
a.menu{
	display: block; width: 150px;
	border: #000000 1px solid;  
	color: #0033aa; background-color: #ffffff; 
	text-decoration: none;
	font-weight: normal; text-align: left;
	padding: 2px 10px 2px 10px; 
	margin: 2px;
}
a.menu:visited {
	color: #bb2020; background-color: #eedddd;
}
a.menu:hover {
	border-top: #eeeeff 1px solid; border-right: black 1px solid; border-bottom: black 1px solid;
	border-left: #eeeeff 1px solid;
	padding: 2px 10px 2px 10px; margin: 2px;
	color: white; font-weight: bolder; background-color: #dd1010; text-decoration: none;
	font-weight: normal; text-align: left;
}
.this_page {
	display: block; width: 150px;
	border: #000000 1px solid;  
	text-align: left; font-weight:bolder;
	padding: 2px 10px 2px 10px; margin: 2px;
	color: #000000; background: #ffffff; text-decoration: none;
}

#menu hr {
	padding: 0px 10px 0px 10px; margin: 2px;
	width: 172px;
	color: #000000; background: #ffffff;
}

/* =============== Content =============== */
#content {
  display: block;
  width: 600px;/*460px*/
  margin:0;
  padding: 5px 5px 5px 10px;
  text-align: justify;
  float:left;
  color:#000000;
  background-color:#FFFFFF;
}
.caption {
  margin:0;
  padding:5px;
  font-size:80%;
  text-align:left;
  color:#9999CC; background-color:#FFFFFF;
}
.dropcap {
  font-size: 160%;
  font-weight: bold;
  margin: -2px 0px 0px 0px;
  padding: 0px;
  color: #992020; background-color: #fff;
  float: left;
}
table.layout {
  border: 1px #ffeedd;
  padding: 0.2em;
  font-family: "Trebuchet MS", verdana, arial, sans-serif;
  color:#660000; background-color: #fff;
  font-size:100%;
}


/* =============== sponsors - RSC AND SCI link block =============== */
#rsc_sci {
  display: block;
  width: auto; height:40px;
  text-align:center;
  margin-left: auto;
  margin-right:auto;
  border-top: 1px solid black;
  color:#000000;
  background-color:#ffffff;
  clear:both;
  padding:0px;
}
p.rsc_sci {
  font-size:smaller;
}

/* =============== Footer =============== */
#footer {
 display: block;
 width:800px; height:auto; /*660*/
 text-align:left;
 margin-left: auto;
 margin-right:auto;
   /*border: 1px solid black;*/
 color:#991010;
 background-color:#ddcccc;
 clear:both;
}

a.footer {
  color:#0033aa; background-color:#ddcccc;
  text-decoration: none;
}
a.footer:visited {
  color:#dd1010; background-color:#ddcccc;
  text-decoration: none;
}
a.footer:hover {
  color:#ffffff; background-color:#dd1010;
  text-decoration: none;
}

address {
  margin:0;
  padding:5px;
  font-size:80%;
  text-align:left;
  /*color:#9999CC; background-color:#FFFFFF;*/
}
/* =============== Markup =============== */

p, td {
  margin: 0px;
  padding: 4px 0px 0px 15px;
}
p.link {
  text-align: right;
}
ul {
  margin: 0px;
  padding: 4px 10px 15px 30px;
}
li {
  margin: 0px;
  padding: 0px 10px 0px 4px;
}

h1 {
	padding: 5px 0px 2px 5px; margin: 0px;
	font-size: 160%; color: #dd1010; background: #ffffff; 
	text-align: left;
}
h2 {
	padding: 5px 0px 0px 5px; margin: 0px;
	font-size: 140%; color: #dd1010; background: #ffffff; 
	text-align: left; font-weight:lighter;
}
h3 {
	padding: 0px 0px 0px 5px; margin: 0px;
	font-size: 120%; color: #dd1010; background: #ffffff; 
	text-align: left; font-weight:bold;
}
h4 {
	padding: 0px 0px 0px 5px; margin: 0px;
	font-size: 120%; color: #dd1010; background: #ffffff; 
	text-align: left; font-weight:normal;
}
h5, th {
	padding: 0px 0px 0px 5px; margin: 0px;
	font-size: 100%; color: #dd1010; background: #ffffff; 
	text-align: left; font-weight:normal;
}

img {
  border-width:0;
}
img.r{
  float: right;
  padding: 0px;
  margin: 1px 0px 1px 5px;
}
img.l{
  float: left;
  padding: 0px 0px 0px 15px;
  margin: 1px 5px 1px 0px;
}
/* #330000*/
a{
  color:#3333ff; background-color: transparent;
}
a:visited{
  color:#900; background-color: transparent;
}
a:hover{
  color:#339933; background-color: #ffffff;
}
.link{text-align: right;}

/* =============== Quotes, comments, emphasis =============== */
#comments h4 {
  margin:1em 0;
  font:bold 78%/1.6em; /*"Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif*/
  text-transform:uppercase;
  letter-spacing:.2em;
  color:#999;
}
#comments h4 strong {
  font-size:130%;
}
#comments-block {
  margin:1em 0 1.5em;
  line-height:1.6em;
}
.bordered_block {
	padding: 10px; margin: 0px;
	border: #dd1010 1px solid;
	color:#dd1010;
	background-color:#FFFFFF; 
}
.news_block {
	padding: 10px; margin: 0px 0px 5px 0px;
	border: #ddcccc 1px solid;
}
strong {
  color:#992020; background-color: transparent;
}