ÿþ/*

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,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:italic;}



  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 }  



  strong {

  	font-weight: bold;}