::selection {background: #2f85c6 none repeat scroll 0 0; color: #fff;} 
::-moz-selection {background: #2f85c6 none repeat scroll 0 0; color: #fff;}

/*common*/
body { background-color:#fff; margin:0; background-image:url('/img/bg.jpg'); background-attachment: fixed;  background-position: 120% -60%;}
.cf:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
a { outline: medium none; text-decoration:none; color: #005fa3;}
a:hover { color: #ef5124; }
it {font-style:italic; opacity:0.8}

/*
#inner { min-width: 1020px; margin:auto; }
*/


/*desk*/
#ph { min-width: 1020px; margin:auto; }
.hw { width:85%;}
.mw {width:90%;}
.width65 {width:65%;}
.fullwidth {width:100%;}
#header { background-image:url('/img/bg.jpg'); background-position:40% 60%; border-color: #093d72; border-radius: 0; border-style: solid; border-width: 0; position: relative; left: 0; top: 0; z-index: 12; }
#title { font-family: times new roman; color: #093d72; float: left; font-size: 42pt; font-weight: 100; letter-spacing: 1px; line-height: 1;  margin: 12px 0 0 10px;  padding: 0; position: relative; }
#title span { font-weight:100; font-size:48pt; }


#plaisio_menu {margin:0; padding: 0; float: left; width: 100%; bottom:0; text-align:left; color:#f3f3f3; background-color: #0f65a6; border: 0 solid #df4114; }
#menu {opacity: 1; font-family: verdana; width:90%; margin:auto; }
#menu ul ul { display: none; }
#menu ul li:hover > ul { display: block; }
#menu ul { padding: 0; list-style: none; position: relative; margin: 0 auto; width:90%; float:right; }
#menu ul:after { content: ""; clear: both; display: block; }
#menu ul li { float: left; border-color: #2f85c6; border-style: solid; border-width: 0 1px 0 0; text-shadow: 0 0 1px #555; padding: 2px 4px; }
#menu ul li:hover { transition: all 0.3s ease-out 0s; background-color: #2f85c6; text-shadow: 0 1px 1px #6c0000; }
#menu ul li:hover a { color: #fff; }
#menu ul li a { display: block; padding: 5px 20px 8px; color: #fff; text-decoration: none; font-family: segoe ui; font-size:14pt; letter-spacing: 1px; }
#menu ul li a:hover { text-shadow: 0 1px 2px #000000; }
#menu ul ul { background: #0f65a6 ; max-width: 146px; border-radius: 0; padding: 0; position: absolute; top: 100%; margin-left:-4px; opacity:0.97; }
#menu ul ul li { float: none; border-top: 1px solid #2f85c6; position: relative; padding: 0; border-bottom: 1px solid #093d72; }
#menu ul ul li:hover {  }
#menu ul ul li a { padding: 10px 30px; color: #fff; font-size:12pt; font-family:arial;}	
#menu ul ul li a:hover { background-color: #2f85c6; }
#menu ul ul ul { position: absolute; left: 100%; top:0; width: 350px; margin-left: 1px; }
.subtopics span {display:none;} 
#menu ul ul ul li { float: none; border-bottom: 1px solid #093d72; border-top: 1px solid #2f85c6; border-left: 0 solid #2f85c6; border-right: 1px solid #2f85c6; position: relative; z-index:12; }
#menu ul ul ul li:hover { }
#menu ul ul ul li a { padding: 10px 10px; color: #fff; font-size:11pt; }	
img.topar {display:none;}
#tools { font-size: 16pt; font-weight:600; position: relative; left: 20px; top: 32px; margin: 10px 0 0 20px; }

logo {font-weight:400; font-family: times new roman; font-size: 16pt;}

#main { background-color: #FFFFFF; float: left; padding: 0 0 30px; position: relative; width: 100%; }

.rot {transform: rotate(180deg);}


/* students */

p#students {color:#0F65A6; font-family:calibri; font-size:14pt; margin:0px 10px 15px 15px; text-align:left; text-align:justify;}



/* algebra - analysis - statistics */
#ml { margin: auto; position:; width: 85%; }
#ml p { color:#005fa3; font-family:calibri; font-size:14pt; line-height:1.4; text-align:justify; float: left;}

#intro a {cursor: pointer; float: right; font-family: verdana; font-size:14px; font-weight: 600; letter-spacing: 1px; margin: 10px 0 20px 20%; }
p#description {font-size: 14pt; width:60%;}
#description introspan {font-size: 22pt;}
#description a { font-weight: bold; }
#ml ul { margin: 0; padding: 0 20px; position: relative; list-style:none; float:left; color:#0F65A6; font-family:calibri; font-size:14pt; text-align:left; margin:10px 6px 25px -15px; }
#ml ul li a { display:block; color:; font-family:; font-size: 14pt; padding: 4px 10px; }
#ml ul li a:hover { color: #005FA3; text-decoration: underline; }



h1 , h2 { float:left; width:100%; font-size: 20pt; font-family:segoe ui; color: #0F65A6; text-align: center; margin: 26px 0 10px 0; line-height: 1.4; font-weight: 100;}
.home {padding: 10px 20px 14px 20px;}
.topics {background-color: #3f95d6; color: #fff; padding: 6px 0 10px; letter-spacing: 2px;}
.lesson{font-size:16pt; margin-bottom:; width: 100%; font-family:georgia; color:#093D72; font-weight:400; float: left; text-align: left;}

.left {float: left; margin: -50px 2% 20px 0;}
.right {float: right; margin: -50px 0 20px 0; box-shadow: 0 1px 4px #ccc; border-radius:15px;}
div.left {float: left; margin:0 0 20px 0;}



/* #ml img {width:auto;}  */
#ml .topimg {width:100%;}
div.left > img {max-width: 38%;}
img.thema {width:55%; margin:auto; display:block; margin-bottom:50px;} 

.topic { margin:16px 0 10px 20px; color: #008bcf; float:left; width:98%; }
.breadcrumbs {  font-family: verdana; font-size: 11pt; font-weight: 100; word-spacing: 2px; color:#005fa3; }
 


/*  TABLE GRADES */

.grades {margin:auto; padding:10px; border: 1px solid #dddddd; text-align: center; font-size: 14pt; font-family:segoe ui; color: #0F65A6; float:left; width:25%;}
table.grades > td,th {padding:10px; border: 1px solid #dddddd; text-align: center;}


/*  TABLE STUDENTS */
.students {margin:auto; padding:20px 10px; border: 1px solid #dddddd; text-align: center; font-size: 14pt; font-family:segoe ui; color: #0F65A6; float:left; width:;}
table.students > th , td {padding:20px 10px; border: 1px solid #dddddd; text-align: center;}
table.students > tr > td > a {padding:20px 10px; border: 1px solid #dddddd; text-align: center;}

/*eap*/ 
ul#erg {float: left; color: #005fa3; font-family: calibri; font-size: 14pt; text-align: left; width:50%; line-height:1.4;}
#erg a {color: #005399;}
#erg a:hover {color: #e15712;}
#erg li {margin: 10px 0 20px 0; padding: 2px 6px 3px 10px;}

a.enotbt { border: 1px solid #90b0c1; display: inline-block; line-height: 2; margin: 0 10px 10px 0; padding: 4px 6px 6px; transition: all 0.2s ease-out 0s; }

#mr { background-color: inherit; border: 1px solid #0f65a6; float: right; margin-left: 2%; position: relative; width:30%; padding-bottom: 10px;}
#mr h2 {color: #005fa3;  float: left; font-family: times new roman; font-size: 18pt; font-weight: 400; margin: 20px auto 10px; width:100%; text-align:center;}
#mr p { color: #0f65a6; font-family: segoe ui; font-size: 12pt; line-height: 1.4; margin: 10px 0 15px; text-align:center; }
#mr span.date {color: #666; font-family: times new roman; font-size: 12pt; font-weight: 400; width:100%; float: left;}
#mr ul {margin: 0; padding: 0 20px; position: relative;	list-style-image: url("/img/list_arrow_e0420d.png"); float:left; font-family:calibri; color:none; font-size:14pt; text-align:left; margin:10px 6px 25px 20px;}
#mr ul li {color:#0F65A6; }
#mr ul li a:hover {color:#e0420d;}

/*home*/
#box { float: left; margin: 12px 0 20px 2%; padding: 0; position: relative; width: 31%; background-color: #dae7ef; border-radius: 10px; border:1px solid #093d72;}
#box img {width:90%; margin:0 auto; display:block; border-radius:80px; transition: all 0.2s ease-out 0s;}
#box h3 { color:#093d72; font-family:georgia; font-size:16pt; text-align:center; width:100%; font-weight:100; margin-bottom:14px; margin-left:0; display: inline-block; }
#box ul { color:#0F65A6; font-family:calibri; font-size:14pt; text-align:left; margin:10px 6px 25px -15px; font-weight:100; list-style:none; float:left;}
#box li {margin-bottom:14px;}
/* #box > p { font-family: segoe ui; font-size: 12pt; color:#444444; margin:10px 6px 25px 6px; text-align:left; }  */
#box > p { color:#0F65A6; font-family:calibri; font-size:14pt; text-align:left; margin:10px 6px 25px 15px; font-weight:100; list-style:none; text-align:center; }
#box:hover { transition: all 0.5s ease-out 0s; box-shadow: 0 1px 6px #aaa; border-radius: 10px; background-image:url('/img/home/mr_background.jpg') ;background-position:100% 20%; }
#box:hover img {transition: all 0.5s ease-out 0s; border-radius:0;}

#box1 { float: left; margin: 12px 0 20px 2%; padding: 0; position: relative; width: 31%; background-color: #dae7ef; border-radius: 10px; border:1px solid #093d72;}
#box1 img {width:90%; margin:0 auto; display:block; border-radius:80px; transition: all 0.2s ease-out 0s;}
#box1 h3 { color:#093d72; font-family:georgia; font-size:16pt; text-align:center; width:100%; font-weight:100; margin-bottom:14px; margin-left:0; display: inline-block; }
#box1 ul { color:#0F65A6; font-family:calibri; font-size:14pt; text-align:left; margin:10px 6px 25px -15px; font-weight:100; list-style:none; float:left; margin: auto; width: 80%;}
#box1 li {margin-bottom:14px;}
/* #box > p { font-family: segoe ui; font-size: 12pt; color:#444444; margin:10px 6px 25px 6px; text-align:left; }  */
#box1 > p { color:#0F65A6; font-family:calibri; font-size:14pt; text-align:left; margin:10px 6px 25px 15px; font-weight:100; list-style:none; text-align:center; }
#box1:hover { transition: all 0.5s ease-out 0s; box-shadow: 0 1px 6px #aaa; border-radius: 10px; background-image:url('/img/home/mr_background.jpg') ;background-position:100% 20%; }
#box1:hover img {transition: all 0.5s ease-out 0s; border-radius:0;}

.homelessonsplus {float:left; width:100%; font-family: calibri; font-size:14pt; text-align:left; margin-left:2%; color: #0f65a6; word-spacing: 2px;}

h3 { color:#0F65A6; font-family:segoe ui; font-size:18pt; text-align:center; width:100%; font-weight:100; margin: 10px 0 14px; }
.bl {border-right:1px dashed #afafaf;}
.mk {width:100%; float:left; text-align:center; font-family:segoe ui; font-size:16pt; color:#0F65A6; margin-bottom:10px; padding:20px 0; background-image:url('/images/block_breaker50rt.png'); background-position: center bottom; background-repeat:no-repeat; background-size:100%;}
                   
                   
 /*contact*/                  
.half {float:left; width:50%; margin-bottom: 20px;}
.third {float:left; width:46%; margin-bottom: 20px;}
.theme {float: left; margin-bottom: 20px; width: 100%;}
.error {color:#003f83;}
label.error {color:#ec5310; opacity:1; font-size:14pt; font-family:calibri; }
p#intro {float:none; font-size: 16pt; text-align: center;}

form {float:left; margin: 30px auto;}
input {width:84%; border: 1px solid #bfbfbf; border-radius: 4px; color:#005fa3; height: 40px; margin:10px 12% 4px 0; padding:0 1%; font-family: calibri; font-size: 14pt; word-spacing: 4px; background-color:#fff; }
input.third {cursor: pointer;}
textarea {height:200px; width:84%; margin:10px 12% 10px 0; padding:10px 1%; border: 1px solid #bfbfbf; border-radius: 4px; color:#003f83; font-family: calibri; font-size: 14pt; word-spacing: 4px; background-color:#fff;}
.ci {color: #2f65a6; font-family: arial; font-size: 12pt; margin: 10px 2% 20px 0; width: 25%; padding:6px 1%; height: 30px;}                   

/*received*/ 
.w100 {text-align: left; width:100%; font-size: 16pt;  margin-bottom: 0;}
 #app1 { min-width: 40%; background-color: #f3f3f3; border:1px solid #ccc; border-radius:4px; margin:10px 0 0 2%; padding:6px; float:left; position:relative; opacity: 0.9;}      
#app1 p {text-align: left; color: #093D72; line-height:2.4; font-family: calibri; font-size: 11pt; font-weight: 400; margin: 0 0 4px 2%; word-spacing: 2px; padding:2px;}

 
/*footer*/
#footer { width: 100%; position: relative; bottom:0; z-index:10; float:left; font-size: 12pt; font-family: verdana; text-shadow: 0 1px 2px #ffffff; color: #0f65a6; border-top: 1px solid #d4e1e8; line-height:1.4;}

#fl { float: left; letter-spacing: 1px; padding: 10px 0 0 0; text-align: center; width: 100%; }
#fl img { display:none; margin: 0 10px -16px 0; }
#fl gro1 {font-size:12pt; line-height: 2.2;}
#fl gro2 {font-size:12pt;}
#fl gro3 {font-size:12pt;}
#fl span3 { display:; }
#fl span4 { display:none; }
div.developer {float:right; margin:0 5% 0 0; font-size:10pt; font-style:italic;}


/*foitites*/
#foitinfo {display:block; float:right; padding:5px 20px; margin: 5px 50px 5px 20px; border: 1px solid #0f65a6; border-radius: 12px; color:#0f65a6; font-family: verdana; font-size:12pt; box-shadow: 0 1px 4px #444; text-shadow:; z-index:13; }
#aww-wrapper {margin-top:-70px;}
#box2 { float: left; margin: 12px 0 20px 2%; padding: 0; position: relative; width:47%; display:block; background-color: inherit; border-radius: 10px; border:1px solid #fff; text-align:left;}
#box2 img {width:90%; margin:0 auto; display:block; border-radius:80px; transition: all 0.2s ease-out 0s;}
#box2 h3 { color:#093d72; font-family:georgia; font-size:16pt; text-align:center; width:100%; font-weight:100; margin-bottom:14px; margin-left:0; display: inline-block; }
#box2 h3 > span {display:none;}
#box2 ul { color:#0F65A6; font-family:calibri; font-size:14pt; text-align:left; margin:10px 6px 25px -15px; font-weight:100; list-style:none; float:left;}
#box2 li {margin-bottom:14px;}
#box2 > p { color:#0F65A6; font-family:calibri; font-size:14pt; margin:0px 10px 15px 15px; text-align:left; }
#box2:hover { transition: all 0.5s ease-out 0s; box-shadow: ; border-radius: 10px; background-color: #dae7ef; border-radius: 10px; border:1px solid #093d72;}
#box2:hover h3 {transition: all 0.5s ease-out 0s; border-radius:0; color:#ef5124; text-shadow:0px 1px #eee;}