/* @override http://test.tilcllc.com/css/style.css */

* {
margin:0;
padding:0;
}

html,body {
color:#333;
background:#f2f2f2 url(../imgs/bg.png) repeat-x;
font:12px Arial, sans-serif;
margin:0;
padding:0;
}

a {
text-decoration:underline;
outline:none;
color:#0f5da0;
}

a:hover {
text-decoration:underline;
color:#e97227;
}

ul,ol {
list-style:none;
padding:0;
}

h1 {
font: 45px Georgia,serif;
color: #fff;
padding: 20px 30px 40px 40px;
float: left;
}

h2 {
font:1.5em Arial, sans-serif;
color:#01315b;
margin:20px 0 10px;
}

.floatLeft {
float:left;
}

.floatRight {
float:right;
}

.center {
margin: 5px auto;
text-align: center;
}

.clear {
clear:both;
}

p {
margin-bottom: 20px;
line-height: 20px
}

#wrapper {
background: url(../imgs/bg2.png) no-repeat top center;
}

a img {
border:none
}

#logo {
background:url(../imgs/logo.gif) no-repeat top left;
}

a.logo {
voice-family:inherit;
display:block;
width:208px;
height:102px;
float:left;
background:none;
border:0;
margin:0;
}

a.logo em {
display:none
}

ul#menu {
list-style:none;
overflow:hidden;
width:925px;
float:left;
height:26px;
clear:both;
position:relative;
margin:0;
}

#menu span {
display:none;
position:absolute;
}

#menu a {
display:block;
text-indent:-900%;
position:absolute;
outline:none;
}

#menu a:hover {
background-position:left bottom;
}

#menu li.active a.home, #menu li.active a.hiw, #menu li.active a.about, #menu li.active a.contact, #menu li.active a.login {
background-position: 0 -26px;
}

#menu .home {
width:92px;
height:26px;
background: url(../imgs/home.gif) no-repeat;
left:17px;
top:0;
}

#menu .hiw {
width:144px;
height:26px;
background:url(../imgs/howitworks.gif) no-repeat;
left:110px;
top:0;
}

#menu .about {
width:112px;
height:26px;
background:url(../imgs/aboutUs.gif) no-repeat;
left:382px;
top:0;
}

#menu .contact {
width:131px;
height:26px;
background:url(../imgs/contactUs.gif) no-repeat;
left:502px;
top:0;
}
#menu .pricing {
width:111px;
height:26px;
background:url(../imgs/pricing.gif) no-repeat;
left:262px;
top:0;
}

#menu .login {
width:221px;
height:26px;
background: url(../imgs/login.gif) no-repeat ;
left:690px;
top:0;
}

#memberTitle {
position:relative;
top: 100px;
left: 760px;
background: url(../imgs/member.gif) no-repeat top left;
width: 81px;
height: 7px
}
html>body #memberTitle { *left: 560px; }

#content {
background: url(../imgs/bgRepeat.gif) repeat-y;
}

#banner {
background: url(../imgs/topInside.jpg) no-repeat top left;
}

.wrapping {
background: url(../imgs/bgRepeat.gif) no-repeat top left;
background-repeat:repeat-y;
}

.toper {
background: url(../imgs/topInside.jpg) no-repeat top left;
}

.toper2 {
background: url(../imgs/homeBanner.jpg) no-repeat top left;
}

.bottomer {
background: #f2f2f2 url(../imgs/footerBg.gif) no-repeat top left;
}

#rightCol {
background: url(../imgs/topInsideTwo.jpg) no-repeat top right;
width: 307px;
min-height: 155px;
overflow: hidden;
float: right;
margin:0;
padding:0
}
.toper #demo {
/*background: url(../imgs/demoButton.gif);*/
}

.toper a.demo {
voice-family:inherit;
display:block;
width: 164px;
height: 33px;
float:left;
background:none;
border:0;
margin:0;
}

a:hover.demo {
/*background: url(../imgs/demoButton2.gif);*/
}

a.demo em {
display:none
}

.toper2 #demo {
/*background: url(../imgs/demoFront.gif);*/
}

.toper2 a.demo {
voice-family:inherit;
display:block;
width: 193px;
height: 39px;
float:left;
background:none;
border:0;
margin:0;
}

.toper2 a:hover.demo {
/*background: url(../imgs/demoFront2.gif);*/
}

.classes {
background: url(../imgs/teachClassButton.gif) no-repeat top left;
}

a.class {
voice-family:inherit;
display:block;
width: 284px;
height: 58px;
float:left;
background:none;
border:0;
margin:0;
}

a.class em {
display:none
}

.mentor {
background: url(../imgs/findMentor.gif) no-repeat top left;
}

a.findmentor {
voice-family:inherit;
display:block;
width: 284px;
height: 58px;
float:left;
background:none;
border:0;
margin:0;
}

a.findmentor em {
display:none
}

#tutorial {
background:  url(../imgs/tutorialButton.gif) no-repeat top left;
}

a.tutorial {
voice-family:inherit;
display:block;
width: 213px;
height: 39px;
float:left;
background:none;
border:0;
margin:0;
}

a:hover.tutorial{
background:url(../imgs/tutorialButtonHover.gif) no-repeat top left;
}

a.tutorial em {
display:none
}

#ad {
text-align: center;
}

h3.ad {
font: 10px "Arial Narrow", serif;
color: #000;
letter-spacing: 2px
}

.center ul {
margin: 10px 0 0 40px;
float: left;
overflow: hidden;
text-align: center;
}

.center ul li {
line-height: 20px
}

.center ul li a {
text-decoration:underline;
color:#e97227;
}

.center ul li a:hover {
text-decoration:underline;
color:#0f5da0;
}

.bottomer ul {
margin: 30px 0 30px 5px;
}

.bottomer li {
margin: 0;
padding: 0;
display: inline;
list-style-type: none;
}

.bottomer a:link, .bottomer a:visited {
float: left;
line-height: 14px;
padding: 0 12px 2px;
text-decoration: none;
color: #000;border-right:  1px solid #000;
}

.bottomer a:link.active, .bottomer a:visited.active, .bottomer a:hover {
color: #e97227;
}

.bottomer li a.last, .bottomer ul.copyrights li a.last {
border-right:none
}

.bottomer ul.copyrights {
clear: both;
color: #818181;
float: left;
margin: 30px 0 0 160px;
text-align: center;
}

html>body .bottomer ul.copyrights  { *margin: 10px 0 0 180px;}

.bottomer ul.copyrights li {
float:left;
}

.bottomer ul.copyrights li a {
color: #818181;border-right:  1px solid #818181;text-decoration: underline;
}

.bottomer ul.copyrights li a:hover {
color: #000;
}

.classesBig {
background: url(../imgs/teachClassButtonBig.gif) no-repeat top left;
}

a.classBig {
voice-family:inherit;
display:block;
width: 423px;
height: 86px;
float:left;
background:none;
border:0;
margin:0;
}

a.classBig em {
display:none
}

.mentorBig {
background: url(../imgs/findMentorBig.gif) no-repeat top left;
}

a.findmentorBig {
voice-family:inherit;
display:block;
width: 423px;
height: 86px;
float:left;
background:none;
border:0;
margin:0;
}

a.findmentorBig em {
display:none
}

h2.news {
width: 214px;
height: 34px;
float: left;
background: url(../imgs/newsUpdatesTitle.gif) no-repeat top left;
}

h2.news em {
display: none;
}

#leftColFront form select {
width:170px;
font: 12px Arial,serif;
}

.view {
float:right;
width:60px;
}

.viewAll {
font: 12px "NewsGothicMT", "Century Gothic", serif;
text-transform: uppercase;
color: #333;
text-decoration: none;
float: right;
margin: 27px 0 0
}

#rightColFront .viewAll {
margin: 0
}

img.floatLeft {
margin: 0 15px 0 0
}

img.floatRight {
margin: 0 0 0 15px
}

#rightColFront .post img {
border: 2px solid #828282
}

#leftColFront .post h3 a{
font: 18px Arial, serif;
}

#rightColFront .post h3 {
font: bold 13px Arial, serif;
}

.post h3 a, .post h4 a {
color: #01315b;
}

.post h3 a:hover, .post h4 a:hover {
color: #e97227;
}

small {
font-size: 12px;
}

.more {
font-weight: 700;
}

#postcom {
background: url(../imgs/postComments.gif);
}

a.postcom {
voice-family:inherit;
display:block;
width: 213px;
height: 39px;
float:left;
background:none;
border:0;
margin:0;
}

a:hover.postcom {
background: url(../imgs/postComments2.gif);
}

a.postcom em {
display:none
}

#leftColFront form {
margin: 27px 0 0 20px;
float: left
}
#navigation {
    margin: 15px;
}
#navigation li {
	display: inline;
}
fieldset {
	border-style: none;
	padding: 10px;
	background-color: #e0fde6;
}
.msg {
	background-color: #ffeeea;
	padding: 5px;
	margin: 0;
}
.msg p {
	margin: 0;
	padding: 5px;
	font-weight: bold;
	color: #063dba;
	font-size: 14px;
}
dt {
	margin-top: 10px;
}
ul#navigation {
	margin: 0;
	padding-top:5px;
}
ul#navigation li a {
	text-decoration: none;
	padding: 2px;
	color: #0735b6;
	background-color: #e8fef3;
	border: 1px solid #007df9;
}
ul#navigation li a:hover {
	color: #FFF;
	background-color: #007df9;
	border-color: #e8fef3;
}

table {
	width: 100%;
}
th {
	text-align: left;
	background-color: #ffe9dc;
}
th, td {
	padding: 3px;
}
td {
	border-bottom: 1px dotted #3c99f9;
}
div#leftCol ol, div#fancy_content ol {
	list-style-type: decimal;
	margin-left: 15px;
	margin-top: 10px;
}
div#leftCol ul, div#fancy_content ul, div#homeContent ul {
	list-style-type: disc;
	margin-left: 15px;
	margin-top: 10px;
	margin-bottom: 10px;
}
div#leftCol li, div#fancy_content li, div#homeContent li {
	margin-top: 10px;
	line-height: 10px
}
.errors li {
	color: red;
	font-weight: bold;
	padding: 5px;
	background-color: #fff0f4;
	list-style-type: none;
}
.description {
	font-style: italic;
}

#registerStudent, #registerTeacher, #loginForm {
	width: 165px;
	float: left;
	background-color: #dbfddc;
	margin: 0 5px 0 5px;
}
#registerStudent h2, #registerTeacher h2, #loginForm h2
{
	padding: 0 7px 0 7px;
	font: 22px Georgia, "Times New Roman", Times, serif;
}
#registerStudent p, #registerTeacher p {
	height: 150px;
	padding: 0 7px 0 7px;
}
#homeContent {
	width: 225px;
	float: left;
} 
#homeContent h2 {
	font: 30px Georgia, "Times New Roman", Times, serif;
}
#homeScreenshot {
	float: right;
	margin-top: 40px;
}