@media all
{
  /**
   * ------------------------------------------------------------------
   * Basic Settings
   * ------------------------------------------------------------------
   */

  * { 
  	margin: 0px; 
  	padding: 0px; 
  	font-family: Adobe Garamond;
  }

  html * { font-size: 101.01% }

  textarea, pre, tt, code {
	font-family:"Courier New", Courier, monospace;  	
  }

  body {
    padding: 0px 0;
    font-family: Adobe Garamond;
    font-size: 75.00%; 
    height: 2%;
    color: #444444;
  }

  h1, h2, h3, h4, h5, h6 { font-weight:bold; margin: 0 0 0.20em 0; }
  h1 { font-size: 200% }											/* 24px */
  h2 { font-size: 166.67%; 	margin-top: 0.5em}						/* 20px */
  h3 { font-size: 150%; 	margin-top: 0.45em}						/* 18px */
  h4 { font-size: 133.33%; 	margin-top: 0.8em}                    	/* 16px */
  h5 { font-size: 116.67%; 	margin-top: 0.8em}                    	/* 14px */
  h6 { font-size: 116.67%; 	font-style:italic; margin-top: 0.8em }	/* 14px */

  p { 
  	line-height: 1.3em;
	margin-top: 0.5em;
  	margin-bottom: 0.5em;
  }




  ul, ol, dl { line-height: 1.5em; margin: 1em 0 1em 1em }
  li { margin-left: .05em; line-height: 1.5em }

  dt { font-weight: bold }
  dd { margin: 0 0 1em 2em }

  cite, blockquote { font-style:italic }
  blockquote { margin: 0 0 1em 1.5em }

  strong, b { font-weight: bold }
  em, i { font-style: italic }

  pre, code { 
  	font-family: monospace; 
  	font-size: 1.4em; 
  	margin-top: 0.3em;
  	margin-bottom: 0.3em;
  }

  acronym, abbr {
    letter-spacing: .07em;
    border-bottom: .1em dashed #c00;
    cursor: help;
  }

  a {
  	color: #5F6F7D; 
  	text-decoration: none;
  }
  a:focus,
  a:hover,
  a:active {
  	color: #996C60;
  	text-decoration:none;
  }
  
  a img {
  	text-decoration: none;
  	border: none;
  }
  
  /**
   * ------------------------------------------------------------------
   * Column Layout
   * ------------------------------------------------------------------
   */

#adpanel {
  	width: 300px ;
    	height: 300px ;
	margin: 0pt auto;
  	text-align: center;
	height: auto ;
	border: 1px solid ;
	border-color: #cccccc ;
	padding: 10px;
	vertical-align: top ;
	
  }


.adp {
	border: 0px ;
	padding: 10px;

     }



  body { 
    background: #695C54 url("/opencms/opencms/system/modules/org.opencms.frontend.templatetwo/resources/css/site_template001.css") repeat-x top left fixed; 
  }
    
  #window {
  	width: 100%;
    margin: 0pt auto;
  	text-align: left;
	height: auto ;
	
  }

#flashcontent {
    background: #FFFFFF;
    
          }


  #page {
    background: #FFFFFF;
    padding: 1px;
      }

  #header {
  	background: #FFFFFF ;
  	color: #444444;
height: 80px;
    position: relative;
  }
  
  #topnav {
    position: absolute;
    right: 10px;
    top: 1px;
    
  }
  
  #topnav a {
  	color: #65262E;
  }

  #breadcrumb {
    padding: 0px 0px 0px 20px;
    border-bottom: 1px solid;
    position: relative;
    height: 1%;
  }
  
  #breadcrumb a {
  	color: #444444;
  }

  #main {
    padding: 0px 0px 0px 0px;
height:auto !important;
width:auto !important;
  }

  #col1 {
    
	  	display: none;
	
	width: 20em;
    float: left;
  }

  #col1_content {
    position: relative;
    padding: 0px 10px 0px 0px;
  }
  
  #col2 {
    width: auto;
    
    
    
    border-left: ; 
    border-right: ; 
    /* border-left: 2px #ddd dotted;
    border-left: 18em #efefef solid; */
  }

  #col2_content {
    position: relative;
    padding: 10px;
  }
  
  #col3 {
    
	  	display: none;
	
	width: 20em;
    float: right;
  }

  #col3_content {
    position: relative;
    padding: 2px 1px 0px 10px;
  }
  
  #footer {
  	background: #999999 ;
    color: #FFFFFF;
    padding: 2px;
    margin-top: 1px;
    border-top: 1px solid;
    font-size: 90%;
  }
  
  #header, #nav_main, #main, #footer, #breadcrumb { clear:both; }

  .clearfix:after { 
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden; 
  } 

  .clearfix { display: block; }
  
  .clear {
	clear: both;
  }

  /**
   * ------------------------------------------------------------------
   * Accessible
   * ------------------------------------------------------------------
   */
   
  .skip {
    position: absolute;
    left: 0px;
    top: -500px;
    width: 1px;
    height: 1px;
    overflow: hidden;
  }

  /**
   * ------------------------------------------------------------------
   * Search Page
   * ------------------------------------------------------------------
   */
   
   #searchForm {
     margin-bottom: 10px;
   }
   
   .search_text {
   	margin-bottom: 10px;
   }
   .search_noresult {
     margin-bottom: 10px;
   }
   
   .search_result, .search_error {
     margin-bottom: 10px;
   }
  
   .pagination {
     text-align: center;
   }
   .formbutton { 
     font-family: Adobe Garamond; 
    font-size: 7pt; height: 16px; 
      color: #333333; border: 1px solid; 
   }
   
  /**
   * ------------------------------------------------------------------
   * Box Layout
   * ------------------------------------------------------------------
   */
   
   .box {
   	 background: #e1e1e1;
     margin-bottom: 15px;
   
        }
   
   .box h4 {
   	 background: #25438D; 
   	 color: #fff;
   	 font-size: 133.33%;
   	 width: auto;
   	 margin: 1px;
   	 padding: 5px;
   	 line-height: 16px;
   }
    .box p {
   	
   	 padding: 5px;
   	    }

   .box_schema1 {
   	 background: #FFFFFF;   
   }

   .box_schema2 {
   	 background: #E2D9BE;   
   }

   .box_schema3 {
   	 background: #E2D9BE;   
   }
   
   .box_schema1 h4 {
   	 background: #993399 ; 
   	 color: #FFFFFF;
   }

   .box_schema2 h4 {
   	 background: #663333 ; 
   	 color: #FFFFFF;
   }

   .box_schema3 h4 {
   	 background: #003082 ; 
   	 color: #FFFFFF;
   }
   
   .boxbody {
     padding: 10px;
     font-size: 0.9em;
     

   }
   
   .boxbody_listentry {
     margin-bottom: 5px;
     overflow:hidden;
   }
   
   .boxbody_listentry div.left img {
   	 margin-right: 5px;
   }

   .boxbody_listentry div.right img {
   	 margin-left: 5px;
   }
   
   form div.boxform {
     display: block;
     margin: 5px 0px 0px;
     padding: 1px 3px;
   }
  
   form div.boxform label {
     display: block;
     float: left;
     padding-right: 5px;
     text-align: right;
     width: 6em;
   }
 
   .left {
     float: left;
   }
   
   .right {
     float: right;
   }
   
/**
   * ------------------------------------------------------------------
   * Navigation Menu adjustments
   * ------------------------------------------------------------------
   */
   #nav_left { margin-bottom: 0px; width: 215px; border-top: 1px #eee solid; background:#ffffff}

   #nav_left li a {
     color: #444444;
   }
   
   #nav_left li a:hover, #nav_left li a:focus, #nav_left li a:active {
     background: #CCCCCC;
     color: #FFFFFF;
   }
   
   #nav_left a.current {
     background-color: #999999;
     color: #CCCCCC;
   }

   
     #nav_main {
       background: #CF7600 ;
     }
     #nav_main li:hover ul.sub {
       background: #CF7600 ;
     }
   

   
     #nav_main a {
       color: #FFFFFF;
     }
     #nav_main li:hover ul.sub li a {
       color: #FFFFFF;
     }

   
   
   
     #nav_main a:hover {
       background: #CF7600 ;
     }
     #nav_main li:hover ul.sub li a:hover {
       background: #CF7600 ;
     }
   

   
     #nav_main a:hover {
       color: #FFFFFF;
     }
     #nav_main li:hover ul.sub li a:hover {
       color: #FFFFFF;
     }
   
   
   
     #nav_main a.current {
       color: #fff;
       background: #CF7600 ;
     }
     #nav_main li:hover > a.top_link {
       color: #fff;
       background: #CF7600 ;
     }
   

   
     #nav_main a.current {
       color: #FFFF99;
     }
     #nav_main li:hover > a.top_link {
       color: #FFFF99;
     }

   

  #nav, 
#nav ul {padding:0 0 5px 0; margin:0; list-style:none; font: 12px verdana, sans-serif; color:#ffffff; border:1px solid #000; border-color:#ffffff #ffffff #ffffff #ffffff; border-width:1px 0px 1px 0px; background:#CF7600; position:relative; z-index:200;}
#nav {height:25px; padding:0;}

#nav li {float:left;}
#nav li li {float:none; background:#CF7600;}
/* a hack for IE5.x and IE6 */
* html #nav li li {float:left;}

#nav li a {display:block; float:left; color:#ffffff; margin:0 10px 0 10px; height:25px; line-height:25px; text-decoration:none; white-space:nowrap;}
#nav li li a {height:20px; line-height:20px; float:none; color:#ffffff;}

#nav li:hover {position:relative; z-index:300;}
#nav li:hover ul {left:0; top:22px;}
/* another hack for IE5.5 and IE6 */
* html #nav li:hover ul {left:10px;}

#nav ul {position:absolute; left:-9999px; top:-9999px;}
/* yet another hack for IE5.x and IE6 */
* html #nav ul {width:1px;}

/* it could have been this simple if all browsers understood */
/* show next level */
#nav li:hover li:hover > ul {left:-15px; margin-left:100%; top:-1px;}
/* keep further levels hidden */
#nav li:hover > ul ul {position:absolute; left:-9999px; top:-9999px; width:auto;}
/* show path followed */
#nav li:hover > a {text-decoration:underline; color:#ffffff;}


/* but IE5.x and IE6 need this lot to style the flyouts and path followed */
/* show next level */
#nav li:hover li:hover ul,
#nav li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover li:hover ul
{left:-15px; margin-left:100%; top:-1px;}

/* keep further levels hidden */
#nav li:hover ul ul,
#nav li:hover li:hover ul ul,
#nav li:hover li:hover li:hover ul ul,
#nav li:hover li:hover li:hover li:hover ul ul
{position:absolute; left:-9999px; top:-9999px;}

/* show path followed */
#nav li:hover a,
#nav li:hover li:hover a,
#nav li:hover li:hover li:hover a,
#nav li:hover li:hover li:hover li:hover a,
#nav li:hover li:hover li:hover li:hover li:hover a,
#nav li:hover li:hover li:hover li:hover li:hover li:hover a
{text-decoration:underline; color:#ffff99;}

/* hide futher possible paths */
#nav li:hover li a,
#nav li:hover li:hover li a,
#nav li:hover li:hover li:hover li a,
#nav li:hover li:hover li:hover li:hover li a,
#nav li:hover li:hover li:hover li:hover li:hover li a
{text-decoration:none; color:#ffffff;}
   /**
   * ------------------------------------------------------------------
   * Editor adjustments
   * ------------------------------------------------------------------
   */
   
   	 
     
   
   
}

@media print
{
   /**
   * ------------------------------------------------------------------
   * Print Layout
   * ------------------------------------------------------------------
   */
   
  body, #window, #page, #main { margin:0; padding: 0; border: 0; }
  #window, #page {width: 100% !important; min-width:0; max-width: none ; height: 100%;}
  #header { height: auto; }
  #footer { display: none; }

  #topnav, #nav_main, #breadcrumb { display: none; }

  #col1 { display:none; }
  #col3 { display:none; }
  
  #col2, #col2_content { width: 100%; margin:0; padding: 0; border:0; }
}