/* General */
*
{
  border: 0;
  margin: 0;
  padding: 0;
  border-spacing: 0;
  border-collapse:collapse;
  font-family: Geneva, Helvetica, sans-serif;
  font-size: 12px;
  color: #666666;
 }
 
div.clear
{
   clear: both;
}

/* Layout */

body {
height:100%; /* this is the key! */
background: #EF0B0C url(images/layout/bg.jpg) repeat-x top;
}



#left {
position:absolute;
left:0;
top:0;
padding:0;
width:300px;
/*height:100%;*/ /* works only if parent container is assigned a height value */
color:#333;
/*background:#CEBBAA;*/
/*border-right:1px solid #333;
border-bottom:1px solid #333;*/
text-align: center;

}

#box-content {
	z-index: 10;
position:absolute;
left:300px;
top:0;
padding:0;
width:600px;
height:100%; /* works only if parent container is assigned a height value */
color:#333;
background:#F2EEEB ;
border-right:1px solid #333;
border-left:1px solid #333;
border-bottom:1px solid #333;
}

div.content-box
{
	/* Additional box so that if page is longer than 100%, the box extends */
	width:600px;
	background:#F2EEEB ;
}

div.media-content
{
	/* Box for text and image */
	padding: 10px;
}

/* Main Menu */

div.menu-bar
 {
   background: url(images/layout/menu-bar.jpg) repeat-x top right;
   width: 100%;
   height: 20px;
   padding-top: 5px;
   border-top: solid 1px #333333;
   /*border-bottom: solid 1px #333333;*/
   
   text-align: left;
 }
 
div.menu-bar a
 {
  color: #FFFFFF;
  text-decoration: none;
  font-weight: bold;
  margin-left: 10px;
 }
 
div.menu-bar a:hover
 {
  text-decoration: underline;
  }
  
 /* Text */
 div.pagetitle
 {
   margin-top: 5px;
   margin-bottom: 15px;
   width: 100%;
   text-align: left;
   border-bottom: dashed 1px #CCCCCC;
 }
 
 div.pagetitle a
 {
 font-style: italic;
   font-weight: bold;
   color: #EC1C24;
   font-size: 20px;
   text-decoration: none;
 } 
 
 div.title1
 {
    margin-top: 10px;
    margin-botton: 5px;
   font-weight: bold;
   color: #666666;
   font-size: 15px;
 } 
 
 span.starttext
 {
 

  font-style: italic;
  font-size: 13px;

 }
 
 p {
 text-align: justify;
 padding: 10px;
 }
 
 div.footer
 {
 width: 100%;
 text-align: center;
 font-size: 9px;
 color: #333333;
 }
 
 /* Image gallery */
 div.boximage
 {
 background: #FFFFFF;
 text-align: center;
 vertical-align: middle;
 border: solid 1px #999999;
 margin-top: 10px;
 margin-left: 10px;
 padding: 8px;
 float: left;
 }
 
 /* Form */
 input
 {
  border-top: solid 1px #999999;
  border-left: solid 1px #999999;
  margin-bottom: 3px;
  margin-left: 5px;
 }
 
 textarea
 {
   border-top: solid 1px #999999;
  border-left: solid 1px #999999;
  margin-bottom: 3px;
  margin-left: 5px;
 }
 
 .form-label
 {
 font-weight: bold;
 }
 
 .form-info
 {
  font-style : italic;
 }