/* ************************************************************************** */
/* general text styles for the content frame */
/* ************************************************************************** */


p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #060606;
	background-color: transparent;
	padding-left: 10px;
	padding-right: 10px;
}

h1 {
	margin: 25px 10px 10px 10px;
	padding: 2px 0 2px 5px;
	font: bold 16px Verdana, Arial, Helvetica, sans-serif;
	border-left: 10px solid #CEDCFF;
	border-bottom: 1px solid #CEDCFF;
}

h2 {
	margin: 25px 10px 10px 10px;
	padding: 2px 0 2px 5px;
	font: bold 14px Verdana, Arial, Helvetica, sans-serif;
	border-left: 8px solid #CEDCFF;
	border-bottom: 1px solid #CEDCFF;
}

h3 {
	margin: 25px 10px 0px 10px;
	padding: 2px 0 2px 5px;
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	border-left: 6px solid #CEDCFF;
	border-bottom: 1px solid #CEDCFF;
}

ul {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
}

li {
	padding: 3px;
}

/* **************************************************************************
   the image box as classes */

.image {
	float: right;
	display: block;
	background-color: #CEDCFF;
	border: 1px solid #9999FF;
	margin: 5px 5px 10px 5px;
	padding: 5px 5px 5px 5px;
	font: italic 66% Verdana, Arial, Helvetica, sans-serif;
}

.image-src {
	width: 100%;
	text-align: center;
	padding: 0px 0px 5px 0px;
	border-bottom: 1px solid #9999FF;
}

/* another IE hack */
* html .image-src {
	padding: 0px 0px 0px 0px;
}

.image-sub {
	font-style: normal;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	color: #343434;
	background-color: #CEDCFF;
	width: 100%;
}

.image-magnify {
  float: right;
  border: none;
  background: none;
}

/* the image box  
   **************************************************************************/

/* **************************************************************************
   several text boxes as classes */

.right-box-transparent {
	float: right;
	display: block;
	margin: 5px 5px 10px 5px;
	padding: 5px 5px 5px 5px;
	font: italic 66% Verdana, Arial, Helvetica, sans-serif;
}
   
.centered-box-50 {
	display: block;
	/*background-color: #EBEBEB;*/
	border: 1px solid #A0A0A0;
	margin: 5px 5px 5px 25%;
	padding: 5px 5px 5px 5px;
	text-align: center; /* width + 2*margin-left = 100 => centered */
	font: 12px Verdana, Arial, Helvetica, sans-serif;
   width: 50%;	
}

.centered-box-80 {
	display: block;
	background-color: #EBEBEB;
	border: 1px solid #A0A0A0;
	margin: 25px 25px 5px 8%;
	padding: 15px 15px 15px 15px;
	text-align: center; /* width + 2*margin-left = 100 => centered */
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	width: 80%;
}

/* another IE hack */
* html .centered-box-50 {
	margin-left: 23%;
	width: 70%;
}

* html .centered-box-80 {
	margin-left: 12%;
	width: 90%;
}

.maroon-11-box {
	padding: 10px 20px 0px 20px;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: Maroon;
	background-color: transparent;
}

.black-11-box {
	padding: 5px 20px 0px 20px;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
}

.description-box {
	padding: 10px 20px 10px 20px;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
}

.heading-box {
	width: 350px;
}
   
.text-box {
	width: 450px;
}
   
/* several text boxes
   **************************************************************************/