/* There are 11 different colors for black, total. */
.add2small { float:left; cursor:pointer;display:inline;width:27px;border:0px;margin:1px 2px 1px 5px;}
.add2small img{border:0px;}
a.add2small:hover{margin:0px 1px 0px 4px;border:#FC3 1px solid;border-right:#000 1px solid;background-color:#FC3;}
/**************** Global Defaults= *****************/
* { padding:0; margin:0; }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, table, tr, th, td, embed, object { margin:0; padding:0; font-family: Arial, Helvetica, sans-seriff; color:#ccc; }
ul { list-style:none; }
/**************** Global Elements *****************/
html { margin:0; padding:0; }
/* fixes MSIE scrollbar bug DO NOT REMOVE, has no effect in Mozilla, or Opera */
body { height:100%; background-image:url(images/bckgrnddark.jpg);font-family:Arial;font-size:12px text-align:center;margin:0 auto;}
/******if********** Typographic Elements *****************/
h1, h2, h3, h4, h5, h6, p, blockquote, em, i, td, li { }
h6 { font-size:10px; }
h5 { font-size:11px; }
h4 { font-size:12px; }
h3 { font-size:14px; }
h2 { font-size:16px; }
h1 { font-size:18px; }
.adjust{ font:12px;text-align:left;padding-bottom:2px;}
a:link, :visited, :active { color:#00CCFF; text-decoration:none; font-family:Arial, Helvetica, sans-serif }
a:hover { color:#FFFF33; text-decoration:none; }
a .whitelink:link, a .whitelink:visited { color:#fff; text-decoration: underline; }
img.a:hover { text-decoration:none; border:5px inset #FFFF00; }
p { margin-right:5px; margin-left:5px; font-size:13px; }
ul { margin-bottom:5px; margin-left:20px; }
ol { margin-bottom:5px; margin-left:35px; }
/************************************ Division Elements *****************************************/
body { position:relative; width:985px; text-align:center; margin:0 auto; margin-top:3px; background-color:#000000; }
.wrap { color:#ffffff; width:985px; height:430px; padding-left:0px; vertical-align:top; text-align:center; margin:0 auto; }
/*=========main page positioning========*/
#main {z-index:10;color:#ffffff; text-align:center; padding: 0px 15px 15px 0px;width:775px; float:right;clear:none;font-family: Arial, Helvetica, sans-serif }
#nav { float:left; height:455px; width:180px; margin: -100px 15px 25px 3px; }
#mnu { left:7px; top:0px; width:160px; vertical-align:top; position:relative; }
#footer { clear:both; margin:0 auto; width:985px; font-size:12px; color:#ccc; margin-top:20px; }
#footing { color:#ffffff; text-align:center; width:985px; margin:0px auto; float:left; clear: both; }
.cpywrt { font-size:12px; text-align:center; clear:both; width:850px; color:#ccc; float:right; clear:none; text-align:center; }
.inc{font-size:13px;font-style:italic;margin:15px 0px 15px 0px;}
#quote { float:left; clear:both; padding-top:30px; padding-bottom:40px; font-size:13px; text-align:center; }
#HorizantalDivider{height:0px;}
/* Home Page */
.oneline { width:590px; margin:0 auto; border-top-width:2px; border-top-style:solid; border-top-color:#999999; clear:both; padding:10px; vertical-align:middle; text-align:justify; }
img.oneline { margin-right:40px; margin-left:40px; }
.frame { border: 4px ridge #FFCC33; margin-right:5px; margin-left:5px; }
.caption { margin-right:25px; margin-left:25px; border: 3px double #CCCCCC; padding: 8px; }
.box { margin:8px; }
.tip { border:2px inset #FF0000; position:absolute; left:-5px; top:-25px; width:200px;/*height:200px;*/ background-color:#EAF1F2; padding:6px; }
.smal { font-size:9px; }
.menunote { position:relative; color:#003366; background-color:#FFCCCC; border:5px inset #006699; padding:5px; width:325px; z-index:0; width:300px; left:325px; font-size:12px; font-weight:bold; text-align:center; display:block; float:right; height:125px; }
input { color:#000000; background:#FFFFFF; }
textarea { color:#000000; background:#FFFFFF; }
option { color:#000000; background:#FFFFFF; }
.height { height:100%; }
/* Index and Misc */
.bigdeal { color:#FFF; font-size:36px; }
.grup { float:left;clear:both; width:985px;margin-top:10px;}
.grup h2 {width:750px;font-size:18px;color:#E4E4E4;text-align:left;margin-left:15px;}
.lefthalf { float:left;clear:none;width:468px; padding-left:10px;text-align:left;margin-bottom:15px; }
.rghthalf { float:right;clear:none;width:468px;padding-left:10px; padding-right:10px; text-align:left;margin-bottom:15px;}
.col p { color:#ccc; /*text-align:justify; */ padding-top: 3px; border-top: 1px solid #666666; margin-top:5px; }
.co p:first-line { font-weight: 900; }
.col { width:985px;float:left;clear:both;border:4px double #e4e4e4;margin-bottom:10px; }
.colNon{width:985px;border:4px double #e4e4e4;margin-bottom:10px;text-align:center;}
.col a { padding: 1px; margin-top:0px; }
.col img { float:left; border: 4px ridge #FFCC33; margin:5px 5px 1px; }
.col a img:hover { clear:both; border:4px inset #FF9933; }
.indnt { width:438px; margin-left:30px; }
.height { width: 200px; z-index:10; height: 100%; }
/*=========Lesson page positioning========*/
.headline { color:#ccc; width:985px; text-align:center; height:40px; margin-right: auto; margin-left:auto; margin-top:5px; font-size: 11px; }
#upperleft-movie {float:left; width:585px; height:382px; color:#ccc; text-align:left; z-index:21; margin-left:5px; }
#upperright-materials {float:right;width:387px; height:432px;margin-left:2px;margin-top:0px; }
#lowerleft-navigation {width:180px;margin-left:5px;margin-top:5px;float:left;margin-top:30px;}
#lowerright-bodytext {float:right;clear:none;width:580px;color:#ccc;font-size:12px;padding:1px;text-align:justify;font-family:Verdana,Geneva,sans-serif;}
#lowerright-bodytext img { margin:0px 12px 5px 5px;float:left;}
.header, #header { font-size: 11px; text-align: center; color: #FFFFFF; }
#bookmkbar {float:right;clear:right;color:#ccc;margin-bottom:10px;margin-top:0px;width:780px;}
.add2a { float:left; font-size:12px; margin-left:5px; margin-right:5px;width:55px;}
.bodystuf{float:left;clear:right;margin-left:15px;margin-top:6px;width:760px;text-align:justify}
a.friend:link, a.friend:visited { float:left; border:2px outset #999999; font-size:11px; color:#000000; text-align:center; display:block; background-color:#ccc;text-decoration:none;padding:1px 5px; margin-left:5px;line-height:19px; }
a.friend:hover { border:2px inset #999999; background-color:#FFFFFF; }
a.butt:link, a.butt:visited { border:2px outset #999999; float:left; font-size:12px; color:#333333; text-align:center; vertical-align:top; display:block; padding:2px; width:155px; font-weight:bold; background-image:url(images/bckgrnd.jpg); margin: 5px 10px 5px 5px; text-decoration: none; }
a.butt:link:hover { border: 2px inset #999999; background-color:#ffffff; }
.donate, a.donate:link, a.donate:visited { font-size: 12px; color:#000000; font-weight:bold; background-image:url(images/bckgrnd.jpg); border: 2px outset #FFFFFF; display:inline; height: 21px; padding: 0px 0px 2px; float: left; width: 220px; margin-left: 50px; }
.donate:hover, a.donate:hover { color:#000000; background-color:#ffffff; border:1px inset #FFFFFF; }
a:hover span.dona { display:block; float:left; margin-left:-10px; color:#000000; border:20px; }
a.buttdark:link, a.buttdark:visited { font-size: 12px; color: #999999; font-weight: bold; padding-top: 1px; padding-right: 5px; padding-bottom: 1px; padding-left: 5px; text-align: left; border-top: 2px solid #666666; border-right: 2px solid #000000; border-bottom: 2px solid #000000; border-left: 2px solid #666666; }
a.buttdark:link:hover { border:2px inset #999999; background-color:#FFFFFF; color:#000000; }
a.bigbut:link{ font-size:18px;font-weight:bold;padding:4px 6px 4px 6px;margin:0px 10px 0px 10px;}
.music{font-size:22px;font-weight:bold;margin:10px 10px 10px 10px;letter-spacing: 10px}
.musi{text-align:center;font-size:18px;font-weight: lighter;margin:12px 10px 25px 10px;word-spacing: 30px}
.link-ads {float:right;margin:15px 15px 5px 0px; width:730px; height:15px;font-size:14px;font-family:Verdana, Geneva, sans-serif; font-weight:bold;}
.materialsAds {float:left;width:250px;height:250px;margin-top:13px;overflow:hidden !important }
/* Video */
#videoholder{background:#000000;float:left;}
/*iframe { width:587px;height:400px;background:#000000;float:left;}*/
.movie { background:#000000 }
.video { width:587px; height:382px; font-size:12px; margin: 0px; vertical-align: bottom; color: #ccc; z-index:1; border:#FFF 6px double; }
.vid { text-align:center; font-size: 18px; padding: 10px 6px 6px; height:300px; }
.vid h2 { color:#fff; }
a.buttdark:link, a.buttdark:visited { float:left; border:2px outset #999999; font-size:12px; color:#000000; text-align:center; display:inline; font-weight:bold; text-decoration:none; padding:2px 12px 3px 12px; margin:2px 2px 3px 2px; background:#999999; }
a.buttdark:link:hover { border:2px inset #999999; background-color:#FFFFFF; }
/* Materisls List */
.flot { z-index:6; }
.palette { float:left; width:370px; color:#ccc; height:50px; font-size:16px; font-weight:bold;margin-bottom:12px;margin-top:25px;}
.palettepic { width:99px; float:right; height:50px; }
/*next lines generate the box shown by "info" link*/
a span { display:none; line-height:20px; float:right; }
/* Class .inf creates floating box */
a:hover span.inf { position:absolute; top:75px; right:125px; width:125px; height:60px; margin:0px; z-index:13; color:#000000; text-align:center; border: 3px inset #FFCC33; background-image:url(images/bckgrnd.jpg); display:block; font-size:11px; }
/*id="left" class="white" locates and colors the info column*/
#left {width:28px; float:left; clear:right;margin-top: 43px;line-height:14px; }
a.white { color:#fff; font-size:12px; font-weight:bold; text-decoration:none;color:#fff; }
/*id="center" class="first" locates the materials column*/
#first {float:left;clear:none;width:102px;margin-top:16px;color:#ccc;font-size:12px;text-align:left;vertical-align:middle;white-space:nowrap;line-height:14px;}
/*span.white { color: #000000;position:relative;left:-50px;}*/
/* CURRENTLY UNUSED #right{float:left; z-index: 10; color:#ffffff; text-align:left; vertical-align:middle; white-space: nowrap;margin-top:20px;}/* */
/**************** javascript menu coding *****************/
.m0l0mouto, .m0l1mouto, .m0l2mouto, .m0l3mouto, .m0l4mouto, .m0l0mdowno, .m0l1mdowno, .m0l2mdowno, .m0l3mdowno, .m0l4mdowno { background-image: url(images/bckgrnd.jpg); color: #000000; border: 2px outset #666666; text-align: center; vertical-align:middle; }
.m0l0movero, .m0l1movero, .m0l2movero, .m0l3movero, .m0l4movero { background:#FFFFFF; color: #333333; border: 2px inset #666666; text-align: center; vertical-align:middle; }
.jmenu { font-family:Arial, Helvetica, sans-serif; color:#000; font-size:12px; text-align: center; vertical-align:middle; line-height: 20px; }
/**************** menu *****************/
#menu { float:left; clear:none; width:160px; display:block; z-index:90; }
#menu ul { list-style:none; margin:0; padding:0; display:block; z-index:91; }
#menu a { float:left; border:2px outset #999999; font-size:11px; color:#000000; text-align:center; display:block;background-color:#cccccc; text-decoration:none; padding:1px 5px; margin-left:20px; font-family:Arial, Helvetica, sans-serif;line-height:19px;}
#menu a:hover { color:#000000; background:#fff; border:2px inset #CCCCCC; }
#menu li { position:absolute; display:block; z-index:94; }
#menu ul ul ul { position:absolute; left:0px; top:20px; width:177px; display:block; z-index:96; }
div#menu ul ul ul, div#menu ul ul li:hover ul ul { display:none; z-index:76; }
div#menu ul ul li:hover ul, div#menu ul ul ul li:hover ul { display:block; z-index:88; }
a.menu:link, a.menu:visited { border:2px outset #999999; float:left; font-size:11px; color:#000000; text-align:center; vertical-align:top; display:block; padding:2px; font-weight:bold; margin:0px; background-color:#cccccc; text-decoration:none; width:160px; }
a.menu:link:hover { border: 2px inset #999999; background-color:#FFFFFF; }
.inviteBut{margin:-18px 0px 20px 2px;}
/*************************************** CSS MENU *********************************************/
/*
*/
/*************************************** CSS MENU (2011) *********************************************/
/* MyCSSMenu Styles [Keep in head for full validation!] */
/*!!!!!!!!!!! MyCSSMenu Core CSS [Do Not Modify!] !!!!!!!!!!!!!*/
.qmmc .qmdivider { display:block; font-size:1px; }
.qmmc .qmdividery { float:left; width:0px; }
.qmmc .qmtitle { display:block; cursor:default; white-space:nowrap; }
.qmclear { font-size:1px; height:0px; width:0px; clear:left; line-height:0px; display:block; }
.qmmc { position:relative; height:1%; }
.qmmc a, .qmmc li { float:left; display:block; white-space:nowrap; }
.qmmc div a, .qmmc ul a, .qmmc ul li { float:none; }
.qmsh div a { float:left; }
.qmmc div { visibility:hidden; position:absolute; }
.qmmc ul { left:-10000px; position:absolute; }
.qmmc, .qmmc ul { list-style:none; padding:0px; margin:0px; }
.qmmc li a { float:none }
.qmmc li { position:relative; }
.qmmc ul { z-index:10; }
.qmmc ul ul { z-index:20; }
.qmmc ul ul ul { z-index:30; }
.qmmc ul ul ul ul { z-index:40; }
.qmmc ul ul ul ul ul { z-index:50; }
li:hover>ul { left:auto; }
#qm0 li { float:none; }
#qm0 li:hover>ul { top:0px; left:174px; }
#qm0 { width:175px; }
/*!!!!!!!!!!! MyCSSMenu Styles [Please Modify!] !!!!!!!!!!!*/
/* MyCSSMenu 0 */
/*"""""""" (MAIN) Container""""""""*/
#qm0 { width:175px; }
/*"""""""" (MAIN) Items""""""""*/
#qm0 a { padding:2px; background-color:#cccccc; color:#000000; font-family:Arial; font-size:11px; text-decoration:none; border:#cccccc 2px outset; }
/*"""""""" (MAIN) Active State""""""""*/
body #qm0 .qmactive, body #qm0.qmactive:hover, .qmactive a:hover, #qm0 li a:link:hover { padding:2px; background-color:#fff; color:#000000; font-family:Arial; font-size:11px; text-decoration:none; border:#cccccc 2px inset; }
/*"""""""" (MAIN) Hover State""""""""*/
#qm0 a:hover { z-index:60; background-color:#ffffff }
/*body #qm0 .qmactive, body #qm0 .qm0 a:link:hover, { text-decoration:underline; }/*
/*"""""""" (SUB) Container""""""""*/
#qm0 div, #qm0 ul { width:175px; }
/*"""""""" (SUB) Items""""""""*/
#qm0 div a, #qm0 ul a { width:175px; padding:2px; background-color:#cccccc; color:#000000; font-family:Arial; font-size:11px; text-decoration:none; border:#cccccc 2px outset; }
/*"""""""" (SUB) Hover State""""""""*/
#qm0 div a:hover, #qm0 ul a:hover { padding:2px; background-color:#fff; color:#000000; font-family:Arial; font-size:11px; text-decoration:none; border:#cccccc 2px inset; }
/*"""""""" (SUB) Active State""""""""*/
body #qm0 div .qmactive, body #qm0 div .qmactive:hover { background-color:#FC6; }
/* *************** Template Menu ************ */
.tmplte #qm0 { width:165px;margin-left:5px; }
.tmplte #qm0 li:hover>ul {top:22px; left:0px}
#qm0 a { padding:2px; background-color:#cccccc; color:#000000; font-family:Arial; font-size:11px; text-decoration:none; border:#cccccc 2px outset; }
/*"""""""" (MAIN) Active State""""""""*/
body .tmplte #qm0 .qmactive, body #qm0.qmactive:hover, .qmactive a:hover, #qm0 li a:link:hover { padding:2px; background-color:#fff; color:#000000; font-family:Arial; font-size:11px; text-decoration:none; border:#cccccc 2px inset; }
/*"""""""" (MAIN) Hover State""""""""*/
.tmplte #qm0 a:hover { z-index:60; background-color:#ffffff }
/*body #qm0 .qmactive, body #qm0 .qm0 a:link:hover, { text-decoration:underline; }/*
/*"""""""" (SUB) Container""""""""*/
.tmplte #qm0 div, #qm0 ul { width:165px; }
/*"""""""" (SUB) Items""""""""*/
.tmplte #qm0 div a, #qm0 ul a { width:165px; padding:2px; background-color:#cccccc; color:#000000; font-family:Arial; font-size:11px; text-decoration:none; border:#cccccc 2px outset; }
/*"""""""" (SUB) Hover State""""""""*/
#qm0 div a:hover, #qm0 ul a:hover { padding:2px; background-color:#fff; color:#000000; font-family:Arial; font-size:11px; text-decoration:none; border:#cccccc 2px inset; }
/*"""""""" (SUB) Active State""""""""*/
body #qm0 div .qmactive, body #qm0 div .qmactive:hover { background-color:#FC6; }
/* Core MyCSSMenu Code */
/* Add-On Core Code (Remove when not using any add-on's) */
/*
*/
/*************************************** CSS MENU *********************************************/