/* The specific style rules used to suggest rendering */
/* for the CSS table design example, starts here */
/* based on http://www.dev-archive.net/articles/table-in-css.html */

DIV.base-layer {
  background: none #838280; border: solid #333333 0px; color: #000000;
  width: auto;
}

DIV.table-row {
  background: none #838280; border: solid #000000 0px; color: #000000;
  margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto;
  padding: 0; text-align: center; width: 100%;
}

/* Style rules for the 3 x 2 table example */

DIV.left-container2 {
  border: none; float: left; margin: 0; padding: 0; width: 50%;
}

DIV.right-container2 {
  border: none; float: right; margin: 0; padding: 0; width: 50%;
}

/* Rules in detail that is used to suggest rendering for the */
/* Nobel price winner table example. I still use some of the */
/* generic rules as found above and below, but still..       */

DIV.left-container13 {
  border: none; float: left; margin: 0; padding: 0; width: 33.33%;
  height:250px;
}

DIV.left-container23 {
  border: none; float: left; margin: 0; padding: 0; width: 33.33%;
  height:250px;  

}

DIV.right-container13 {
  border: none; float: right; margin: 0; padding: 0; 
  height:250px;  

}

DIV.prwto
{
	width:250px;
	border:2px solid white;
	background: #409CCF url(4.jpg)  no-repeat 15px 160px; 
}
DIV.prwto:hover
{
background-color:#61B8ED;
}

DIV.deytero
{
	width:250px;
	border:2px solid white;
	border-right:4px solid white;
	background: #6AA9CC url(3.jpg)  no-repeat 15px 160px;
	
}
DIV.deytero:hover
{
background-color:#83C4E9;
}
DIV.trito
{
	width:250px;
	border:2px solid white;
	background: #85B3CD url(1.jpg)  no-repeat 15px 160px;
	
}
DIV.trito:hover
{
background-color:#A0D0EB;
}
DIV.tetarto
{
	width:250px;
	border:2px solid white;
	border-right:4px solid white;
	background: #95C1DA url(2.jpg)  no-repeat 15px 160px;
	
}
DIV.tetarto:hover
{
background-color:#B1DEF8;
}
DIV.gri
{


}
/* Rules in detail that is used to suggest rendering for the  10 by 5 int. */
/* product table example. I still use some of the generic rules as found   */
/* above and below, but still..                                            */

DIV.left-layer11 {
  border: none; float: left; margin: 0; padding: 0; width: 9%;
}

DIV.right-layer11 {
  border: none; float: right; margin: 0; padding: 0; width: 10%;
}

/* Watch out for this DIV... rule, it appears every now and then */

DIV.space-line {
  clear: both; margin: 0; padding: 0; width: auto;
}

/* Some rules for captions, headers and running text */

div.base-layer p
{
color:white;
font-size: 1em;
text-align:left;
padding-left:10px;
}

div.base-layer h1{
color:white;
font-size: 2em;
text-align:left;
padding-left:10px;
}
div.base-layer a
{
text-decoration:none;
color:white;
}

div.base-layer a:hover
{

color:#0006AF;
}
/* End of layer specific style rule set */