/** BROWSERS CODES [BROWSER]
  ie - Internet Explorer (All versions)
  ie8 - Internet Explorer 8.x
  ie7 - Internet Explorer 7.x
  ie6 - Internet Explorer 6.x
  ie5 - Internet Explorer 5.x
  gecko - Mozilla, Firefox (all versions), Camino
  ff2 - Firefox 2
  ff3 - Firefox 3
  ff3_5 - Firefox 3.5
  ff3_6 - Firefox 3.6 new
  opera - Opera (All versions)
  opera8 - Opera 8.x
  opera9 - Opera 9.x
  opera10 - Opera 10.x
  konqueror - Konqueror
  webkit or safari - Safari, NetNewsWire, OmniWeb, Shiira, Google Chrome
  safari3 - Safari 3.x
  chrome - Google Chrome
  iron - SRWare Iron

  last update: 08-Aug-2013 csk
*/

/** STANDARD TAGS */
  body { background-color:#A6A6A6; color:#545454; font-family:garamond,trajan; font-size:14pt; width:auto; text-align:center; width:auto; }
  .linux body { background-color:#A6A6A6; color:#545454; font-family:garamond,trajan; font-size:12pt; min-width:auto; width:90%; }
  caption { color:gray; }
  a { color:blue; text-decoration:none; }
  .image-left { float:left; margin:10px 16px 10px 0px; border:solid thin black; outline-color:black; }
  .image-right { float:right; margin:5px 10px 10px 16px; border:solid thin black; outline-color:black; }
  .two-col { column-count: 2; column-gap: 15px; font-size:12pt; margin:10px 10px; text-align:left; width:100%; -moz-column-count: 2; -moz-column-gap: 15px; }
  .three-col { column-count: 3; column-gap: 15px; font-size:12pt; margin:0 10px; text-align:left; width:100%; -moz-column-count: 3; -moz-column-gap: 15px; }

/** CLASSES */
  .bold { font-weight:bold; }
  .grey { color:#545454; }
  .red { color:#b42b1f }
  .yel { color:#ffed91 }
  #title { color:#545454;  font-weight:bold; margin:10px; text-align:center; width:auto; }
  .click { font-size:15px; margin:10px 0 20px 0; }
  .disclaimer { font-style:italic; margin:10px 0 0 0; }
  .disclaimer p { margin:5px 10px 0 10px; text-align:left; }
  .idx-txt-lt { margin:10px 10px 10px 10px;text-align:left; }

/** FLAGS **/
  .flags { float:left; font-size:14px; color:#545454; }

/** FOOTER **/
  .footCnt { border-top:1px solid #ffed91; color:#ffed91; font-size:10pt; padding:5px 0; }
  .footCnt a { color:#ffed91; font-family:garamond,trajan; }
  .footCnt a:hover { background-color:#b32a1e; font-family:garamond,trajan; }

/** HEADER **/
  .head { margin:0 10%; text-align:center; min-height:auto; width:800px; }
  .headCntr { position:relative; height:auto; padding:10px 10px 0 10px; border-bottom:1px solid #ffed91; }
  .headCt { color:#ffed91; float:left; font-size:14pt; height:auto; margin:45px 0 0 35px; text-shadow:2px 2px 0px #b42b1f; }
  .linux .headCt { color:#ffed91; float:left; font-size:13pt; height:auto; margin:45px 10px 0 20px; }
  .headLt { float:left; height:auto; width:auto;}
  .headRt { color:#ffed91; float:right; font-size:large; padding:10px 10px 0 0; height:auto; width:180px; text-align:center; }

/** HISTORY **/
  .day { font-weight:bold; margin-bottom:10px; text-align:left; }
  .hist0 { margin-bottom:10px; }
  .hist1 { font-weight:bold; float:left; margin-right:10px; width:45px; }
  .hist2 { font-weight:bold;float:left; margin-right:10px; width:auto; }
  .hist3 { margin-left:30px; height:auto; width:auto; }

/** MENUS **/
  .menuTop { width:100%; }
  .menuTop .left { float:left; padding-left:5px; }
  .menuTop .right { float:right; padding-right:10px; }
  .menuTop .link { float:left; padding:15px 20px 0 0; text-align:left; text-decoration:none; width:auto; }
  .link a { color:#ffed91; font-size:large; }
  .link a:hover { background-color:#b32a1e; font-family:garamond,trajan; }
  .menuTop .social { float:right; margin:5px 5px 0 5px; width:auto; }
  .menuLt { color:#ffed91; float:left; font-size:large; padding:10px; min-height:300px; text-align:left; height:22%; width:170px; }
  .menuLt a { color:#ffed91; font-size:12pt; margin-bottom:20px; }
  .menuLt a:hover { background-color:#b32a1e; font-family:garamond,trajan; }
  .menuLt .menuItem { margin-bottom:20px; }

  .nav ul ul { display:none; }
  .nav ul li:hover > ul { display:block; }

/** PAGE **/
  .page { background-color:#ffffff; border:2px solid #A6A6A6; float:right; margin:10px 10px; overflow:scroll; overflow-x:hidden; overflow-y:auto; text-align:center; height:655px; width:73%; }
  .linux .page { width:68%; }
  .pageContent { padding:0 10px; text-align:justify; }

/** SURVEYS **/
  .Ans { float:left; margin-left:10px; width:480px; }
  .linux .Ans { float:left; margin-left:10px; font-size:16px; }
  .Btn { float:left; margin-left:20px; }
  .btns, .subtitle { border-top:1px solid #D9D9D9; padding-top:10px; }
  .btns { float:left; margin:10px 0; text-align:center; width:50%; }
  .para { font-style:italic; font-weight:normal; margin:10px; text-align:left; }

  .subtitle { font-weight:bold; margin-top:10px; }
  .Qst { font-style:italic; margin:10px 0 0 10px; }
  .Qst2 { font-style:italic; margin-left:50px; }
  .QstHd { margin:10px 0 0 20px; }
  .Nar { font-style:italic; margin:10px 0 0 10px; }
  .Nar2 { font-style:italic; margin:10px 0 0 30px; }
  .Tbx { margin-left:50px; height:30px width:500px; }
  .Tarea { height:120px; width:530px; }

/** TRAIT OF THE DAY **/
  .trait { margin:0 10px 10px 10px; text-align:left; }
  .word1a { float:left; font-weight:bold; margin:0 10px 10px 10px; text-align:left; width:100px; }
  .word1b { float:left; font-style:italic; }
  .word2a { float:left; font-weight:bold; margin:0 10px; text-align:left; width:100px; }
  .word2b { float:left; font-style:italic; }
  .word3a { margin:0 10px 10px 10px; text-align:left; }
  .word4a { font-style:italic; font-weight:bold; margin:0 10px; text-align:left; }