/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.2.2
*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,address,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
/* ul {list-style:none;} */
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;}

p { padding: 5px 0 0 0 }

/* more space to point */
/* a {text-decoration: none; color:black; padding: .4em 0; position: relative; }   */

/* below thanks (c) to yaml.de */

  * html body * { overflow:visible }
  * html iframe, * html frame { overflow:auto }
  * html frameset { overflow:hidden }

  /* (en) Forcing vertical scrollbars in Netscape, Firefox and Safari browsers */
  html { height: 100% }
  body {
    min-height: 101%;

    /* (en) Fix for rounding errors when scaling font sizes in older versions of Opera browser */
    font-size: 100.01%; }


     /*------------------- Expanding box bug-----------------------------------------------------------*/
     
   * html .right_padding_top { word-wrap: break-word }     
   * html .right_padding { word-wrap: break-word }
   * html .left_padding { word-wrap: break-word }



/* ------------------------------------------------- */


div { border: #000 0px solid; }

body {
text-align: center;
font: 62.5% arial, tahoma, sans-serif;
background:#fff url(images/background.jpg) no-repeat 50% 0;
color:#333;
}

#wrapper {
width: 720px;
height:auto;
margin: 0 auto;
min-height:40em;
text-align: left;
}

/* for Internet Explorer */
/*\*/
* html #wrapper {
height: 40em;
}
/**/



#header {
clear:both;
height: 125px;
background: transparent ;
}

#topnav { background: transparent; text-align:right; padding-right:23px;}
#topnav span a { background: transparent; color:#444;}   /*--this is for the words HOME CONTACT on top --*/



#outer {
width: 149px;
float: left;
margin: 50px 0 20px 0;
}

#left_CD {
float:left;
padding:50px 0 20px 0;
width:70px;
}

#left_CD img {
margin:3px 0;
}

#right_CD {
float:right;
padding:30px 0 20px 0;
width:70px;
}

#right_CD img {
margin:3px 0;
}


#main-holder {
width: 554px;
float: left;
margin-left:10px;
border:0px solid red;
}



.left_padding, .right_padding, .middle_padding {
margin-top:10px;
padding: 5px 15px;
background: transparent url('images/bg-boxes.png') 0 0;
}
.left_padding img, .right_padding img, .middle_padding img  {
float:left;
margin: 10px 5px 0px 0;
}  


.left_padding_top, .right_padding_top, .middle_padding_top {
padding: 5px 15px;
background: transparent url('images/bg-boxes.png') 0 0;
}
.left_padding_top img, .right_padding_top img, .middle_padding_top img {
float:left;
margin: 10px 5px 0px 0;
}


.left_padding_bot, .right_padding_bot, .middle_padding_bot {
margin:10px 0 10px 0;
padding: 5px 15px;
background: transparent url('images/bg-boxes.png') 0 0;
}

.left_padding_bot img, .right_padding_bot img, .middle_padding_bot img {
float:left;
margin: 10px 5px 0px 0;
}

.left_padding_top_bot, .right_padding_top_bot, .middle_padding_top_bot {
margin: 0 0 10px 0;
padding: 5px 15px;
background: transparent url('images/bg-boxes.png') 0 0;
}
.left_padding_top_bot img, .right_padding_top_bot img, .middle_padding_top_bot img {
float:left;
margin: 10px 5px 0px 0;
}


#left {
width: 260px;
float: left;
border:0px solid green;
}

#right {
width: 260px;
float: left;
border:0px solid yellow;
margin-left:10px;
}

#middle {
width: 530px;
float: left;
border:0px solid yellow;
margin-left:0px;
}






#footer {
clear:both;
background: white;
border:2px solid white;
height:3em;
}

.footer_padding {
padding: 15px 0 0 0;
}



  #cdthumbs img {
  width: 70px;
  height:70px;
  }

.down {
      padding-top:10px;
}

.littledown {
      padding-top:1px;
}





/*-----------------  CONTENT ------------------ */




  /* reset font size for all elements to standard (16 Pixel) */
  html * { font-size: 100.01% }

  /* base layout gets standard font size 12px */
  body {
    font-family: 'Trebuchet MS', Verdana, Helvetica, Arial, sans-serif;
    font-size: 75.00%; 
    color: #444;
  }

  h1,h2,h3,h4,h5,h6 {
  	font-family: Helvetica, Arial, sans-serif;
  	font-weight:bold;
  	color:#000;
  	margin: 0.25em 0;
  	font-size: 150%; color:#504e4a; font-weight:normal;
  }
  
  h6 { margin: 0.5em 0 0.25em 0;}


  #header h1 {
    font-size:2.5em;
    letter-spacing:-2px;
    line-height:65%;
    color:#000;
  }

  #header span {
    color:#999;
  }

  p, textarea, table { line-height: 1.6em; margin: 0 0 1em 0; }
  textarea, input {font-size:1.2em; line-height: 1.3em; font-family: 'Trebuchet MS', Verdana, Helvetica, Arial, sans-serif; }






  dl { font-size: 1.1em; margin-top: 20px; }
  dt, del { display: none; }
  ins { text-decoration: none; }

 
 /*--------------------------------------------------------------------------*/

  /* ### text formatting  ### */

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

  strong,b { font-weight: bold }
  strong.calendar {padding-right:8px;}
  i { font-style:italic }
  em { font-style:normal; font-weight:bold;color:#000080;}

  pre, code { font-family: monospace; font-size: 1.1em; }

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

  /**
   * Generic Content Classes
   *
   * @section content-generic-classes
   */

  .note {background: #dfd; padding: 1em; border-bottom: 1px #bdb dotted; border-bottom: 1px #dbb dotted;}
  .important {background: #ffd; padding: 1em; border-bottom: 1px #ddb dotted; border-bottom: 1px #dbb dotted;}
  .warning {background: #fdd; padding: 1em; border-bottom: 1px #dbb dotted; border-bottom: 1px #dbb dotted;}

  .float_left { float: left; display:inline; margin-right: 1em; margin-bottom: 0.15em;  }
  .float_right { float: right; display:inline; margin-left: 1em; margin-bottom: 0.15em;  }
  .center { text-align:center; margin: 0.5em auto }

  /* orange texts  */
  span { color:#fe6f23;}


  /**
   * External Links
   */
   
  .redlink a {color: #fe6f23; text-decoration:none; font-weight:bold; line-height:100%;}
  .redlink a:focus,
  .redlink a:hover,
  .redlink a:active {color:#fe6f23; text-decoration:none; border-bottom:1px solid #fe6f23; line-height:100%; }
                 
  a {color: #444; text-decoration:underline;}
  a:focus,
  a:hover,
  a:active {color:red; text-decoration:underline;}

  .noline a { text-decoration:none;}
  

  #topnav a { color: #000; font-weight: normal; background:transparent; text-decoration:none; }
  #topnav a:focus, 
  #topnav a:hover,
  #topnav a:active { text-decoration:underline; background-color: transparent;}

  #footer p { color: #999; background:transparent; font-weight: bold;}

  #footer a { color: #999; background:transparent; font-weight: bold; text-decoration:none;}
  #footer a:focus, 
  #footer a:hover,
  #footer a:active {color: #000080; background-color: transparent; text-decoration:underline;}

  /**
   * (en) Emphasizing external Hyperlinks via CSS
   *
   * @section             content-external-links
   * @app-yaml-default    disabled
   */

  /*
  #main a[href^="http://www.my-domain.com"],
  #main a[href^="https://www.my-domain.com"]
  {
    padding-left: 12px;
    background-image: url('your_image.gif');
    background-repeat: no-repeat;
    background-position: 0 0.45em;
  }
  */

  /**
   * Tables
   * (en) Generic classes for table width and design definition
   *
   * @section content-tables
   */

  table { width: auto; border-collapse:collapse; margin-bottom: 0.5em; }
  table.full { width: 100%; }
  table.fixed { table-layout:fixed }

  th,td { padding: 0.5em; }
  thead th { background: #444; color: #fff }
  tbody th { background: #ccc; color: #333 }
  tbody th.sub { background: #ddd; color: #333 }
  
  /**
   * Miscellaneous
   */

  hr {
    color: #fff;
    background:transparent;
    margin: 0 0 0.5em 0;
    padding: 0 0 0.5em 0;
    border:0;
    border-bottom: 1px #9d9b9b solid;
  }
  
  .dida {
  font-size:  0.9em;
  padding-top:5px;
  }
  

  
  #footer p {
  font-size:  0.9em;
  padding-top:5px;
  }

  /* --------------------------- NAVIGATION  ------------------------------- */


  #submenu {
    width: 100%;
    overflow: hidden;
    margin: 0;
    list-style-type: none;
    border-top: 0px #ddd solid;
    border-bottom: 0px #ddd solid;
  }

  #submenu ul { list-style-type: none; margin:0; padding: 0; }
  #submenu li { float:left; width: 100%; margin:0; padding: 0; }

  #submenu a,
  #submenu strong {
    display:block;
    width: 90%;
    padding: 3px 0px 3px 1%;
    text-decoration: none;
    background-color:transparent;
    color: #333;
    border-bottom: solid 1px #333;
  }

  /* Menu Title */
  #submenu li#title {
    width: 90%;
    padding: 3px 0px 3px 1%;
    font-weight: bold;
    color: #444;
    background-color: transparent;
    border-bottom: 4px #fcc solid;
  }

  #submenu li span {
    display:block;
    width: 90%;
    padding: 3px 0px 3px 10%;
    font-weight: bold;
    border-bottom: 1px #fcc solid;
  }

  /* Level 1 */
  #submenu li#active,
  #submenu li strong {
    width: 90%;
    padding: 3px 0px 3px 10%;
    font-weight: bold;
    color: #fff;
    background:transparent url("images/bg-current.png");
    /* background-color: #b4a98a; */
    border-bottom: 1px #333 solid;
  }

  #submenu li a { width: 90%; padding-left: 10%; background-color:transparent; color: #333; }
  #submenu li a:focus,
  #submenu li a:hover,
  #submenu li a:active { background-color: #625b4d; color: #fff;
    border-bottom: 1px red solid;}


  /*---------------------- LISTS --------------------- */


  #right ul, ol, dl { line-height: 1.5em; margin: 1em 0em }
  #right li { margin: 0 0 0.8em 0; line-height: 1.5em }

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

  #middle ul { line-height: 1.5em; margin: 1em 5em;}
  #middle ol { line-height: 1.5em; margin: 1em 1.5em 3em 1.5em ;  }
  #middle li { margin: 0 0 0.8em 0; line-height: 1.5em }
  #middle ul li ul li { margin: 0 0 0.8em 4em; line-height: 1.5em }
  
  .noline ul { line-height: 1.5em; margin: 1em 5em; list-style:none; }
  .noline li { margin: 0 0 0.8em 0; line-height: 1.5em; }




.indent  ul,.indent  ol {
margin: 0 0 50px 0;
}

.indent li {
list-style-type: bullet;
line-height:1.2em;
display: block;
padding-left: 20px;
padding-bottom:10px;
margin: 0;
}



.list  {
margin: 0 0 15px 0;
}

.list  {
margin: 0;
padding:0;
}

.list li {
list-style-type: none;
line-height:1.2em;
display: block;
padding-left: 0px;
padding-bottom:10px;
margin: 0;
}




.list_tight  {
margin: 0 0 15px 0;
}

.list_tight ul {
margin: 0;
padding:0;
}

.list_tight li {
list-style-type: none;
line-height:1.2em;
display: block;
padding-left: 0px;
padding-bottom:.3em;
margin: 0;
}


.list_tighter  {
margin: 0;
}

.list_tighter ul {
margin: 0;
padding:0;
}

.list_tighter li {
list-style-type: none;
line-height:0.3em;
display: block;
padding-left: 0px;
margin: 0;
}


/* SKIP */


  .skip, .hideme, .print {
    position: absolute;
    top: -1000em;
    left: -1000em;
    height: 1px;
    width: 1px;
  }


  .skip:focus, .skip:active {
    position: static;
    top: 0;
    left: 0;
    height: auto;
    width: auto;
  }

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

  .clearfix { display: block }
  .floatbox { overflow:hidden }
  #ie_clearing { display: none }
  
  
 /**
  * @section subtemplates
  * @see     http://www.yaml.de/en/documentation/practice/subtemplates.html
  */

  .subcolumns, .subcolumns_oldgecko {
    width: 100%;
    overflow:hidden;
  }

  /* (en) alternative class for optional support of old  Mozilla/Netscape browers */
  /* (de) Alternative Klasse zur optionalen Unterstützung alter Mozilla/Netscape-Brower */
  .subcolumns_oldgecko { float:left }

  .c50l, .c25l, .c33l, .c38l, .c66l, .c75l, .c62l {float: left; }
  .c50r, .c25r, .c33r, .c38r, .c66r, .c75r, .c62r {float: right; margin-left: -5px; }

  .c25l, .c25r { width: 25% }
  .c33l, .c33r { width: 33.333% }
  .c50l, .c50r { width: 50% }
  .c66l, .c66r { width: 66.666% }
  .c75l, .c75r { width: 75% }
  .c38l, .c38r { width: 38.2% }
  .c62l, .c62r { width: 61.8% }

  .subc  { padding: 0 0.5em }
  .subcl { padding: 0 1em 0 0 }
  .subcr { padding: 0 0 0 1em }