

/* Elements */

body {
	margin: 0;
	font: 71% 'Trebuchet MS', Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #8F8F8F;
}
img { border: 0; }

#content { margin: 10px auto; width: 960px; }


h1 {
}

h2, h3, h4, h5, h6 {
	color: #2582A4;
}

p, ol, ul {
	text-align: left;
}

strong {
	font-weight: bold;
	color: #808080;
}

a {
	color: #87A019;
}

a:hover {
	text-decoration: none;
	color: #2582A4;
	background: #EDF5FA;
}
a:link {
	text-decoration: underline;
}
a:visited {
	text-decoration: underline;
}
a:hover {
	text-decoration: underline;
}
a:active {
	text-decoration: underline;
}

.box {
	margin-bottom: 0;
	padding-bottom: 0;
border-bottom:1px dotted #999999;
}

.boxi {
	margin-bottom: 0;
	padding-bottom: 0;
border-bottom:1px double #E9E8E8;
border-left:1px dotted #E9E8E8;
border-right:1px dotted #E9E8E8;
background: #FDFDFD url(images/head.gif) no-repeat ;
}

.fox {
	margin-bottom: 0;
	padding-bottom: 0;
		background: #FDFDFD;
border-bottom:1px dotted #999999;
}

.bottom {
	display: block;
	margin-bottom: 0;
	padding-bottom: 10px;
}
.fottom {
	display: block;
	margin-bottom: 0;
	padding-bottom: 10px;
}
.image {
	float: left;
	margin: 0 0 0 0;
	padding: 0;
}

.indent {
	margin-left: 125px;
}

/* Header */
#header a {
	text-decoration: none;
}
#header a:hover {
	background: none;
}

#header {
	position: relative;
	background: #FFFFFF  url(images/backg.jpg) no-repeat;
	height: 120px;	
	width: 100%;
}
#header h1#logo {
	position: absolute;
	margin: 0; padding: 0;
	font: bolder 4.1em 'Trebuchet MS', Arial, Sans-serif;
	letter-spacing: -2px;
	color: #CCC;
	text-transform: lowercase;
	/* change the values of top and Left to adjust the position of the logo*/
	top: 0; left: 5px;	
}
#header h2#slogan {
	position: absolute;
	margin: 0; padding: 0;
	font: bold 1em 'Trebuchet MS', Arial, Sans-serif;
	text-transform: none;
	color: #FFF;
	/* change the values of top and Left to adjust the position of the slogan*/
	top: 48px; left:65px;		
}
/* Menu */

#menu {
	float: left;
	width: 906px;
	height: 37px;
	margin: 0;
	padding: 0 0 0 2px;
	list-style: none;
	background: url(images/img01.gif) repeat-x;
}
#fenu {
	float: left;
	width: 1px;
	height: 37px;
	margin: 0;
	padding: 0 0 0 10px;
	list-style: none;
	background: url(images/img02.gif) no-repeat;
}

#menu li {
	display: inline;
}

#menu a {
	display: block;
	float: left;
	height: 27px;
	padding: 10px 15px 0px 15px;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	}

#menu a:hover {
	background: #A4B74C url(images/img04.gif) repeat-x;
}



#menu li#current a{
	background: #A4B74C url(images/img04.gif) repeat-x;
}
#ico {
	float: right;
	width: 1px;
	height: 37px;
	margin: 0;
	padding: 0 0 0 10px;
	list-style: none;
	background: url(images/img03.gif) no-repeat right top;
}

/* Search */

#search {
	float: right;
	height: 28px;
	margin: 0;
	padding: 9px 25px 0 0;
	background: url(images/img03.gif) no-repeat right top;
}

#search fieldset {
	display: inline;
	margin: 0;
	padding: 0;
	border: none;
}

#input1 {
	width: 164px;
	padding: 2px 5px;
	background: #FFFFFF;
	border: none;
}

#input2 {
	height: 20px;
	background: #87C4DB;
	border: none;
	text-transform: lowercase;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
}

/* Content */

#content {
	width: 930px;
	margin: 0 auto;

}

#colOne {
	float: left;
	width: 209px;
	background: none;
				margin-top: 4px;


}
#des {
	float: left;
	width: 210px;
	background: url(images/back5.gif) repeat-x;

}


#colOne h3 {
	padding: 0 20px;
}

#colOne ul {
	margin-left: 0;
	padding-left: 20px;
	padding-right: 20px;
	list-style: none;
	
}

#colOne li {
	padding: 5px 0;
	border-top: 1px solid #EFEFEF;
}

#colOne a:hover {
	background:url(images/side1.gif) no-repeat left center;
}


#colOne li.first {
	border: none;
	
}

#colOne a {
		text-decoration: none;
display:block;
padding-left: 15px;
background:url(images/ar1.gif) no-repeat left center;
}

#headone {
			float: left;
	width: 890px;
	padding: 30px 20px 0 30px;
	background: url(images/features.jpg) ;
		border-left: 1px solid #f2f2f2;
			margin-top: 4px;
}
#colTwo {
	float: right;
	width: 665px;
	padding: 30px 20px 0 30px;
background: url(images/img09.gif) repeat-x;
		

			margin-top: 4px;



}

#colTwo h2 {
	margin-top: 0;
	font-size: 26px;
}

#colTwo h3 {
	margin-bottom: 0;
	font-size: 18px;
}

#colTwo h4 {
	margin-top: 0;
	font-size: 11px;
	font-weight: normal;
}

#colTwo .box {
	margin: 0 -20px 20px -20px;
	padding: 0 30px 0 20px;
	background: url(images/img07.gif) repeat-x left bottom;

}

#colTwo .bottom {
	margin: 0 0 20px -20px;
	padding: 0 0 20px 20px;
}

/* Logo */

#logo {
	height: 150px;
	background: url(images/img06.gif) no-repeat;
}

#logo h1, #logo h2, #logo a {
	margin: 0;
	padding: 0;
	text-decoration: none;
	text-transform: lowercase;
	text-align: center;
	color: #FFFFFF;
}

#logo h1 {
	padding-top: 25px;
	font-size: 34px;
}

#logo h2 {
	margin-top: -5px;
	font-size: 12px;
}

/* Footer */

#footer {
	clear: both;
	width: 930px;
	margin: 0 auto;
	padding-top: 40px;
	background: url(images/img11.gif) repeat-x;
}
#footer a {
	text-decoration: none;
}
#footer a:hover {
	background: none;
}

#footer p {
	margin: 0;
	text-align: center;
}
.style4 {font-size: 14px}
.style6 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.style9 {
	font-size: 18px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.style10 {
	font-size: 12px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}
.style11 {color: #2582A4}
.style12 {
	font-size: 12px
}
.style13 {
	font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
	font-size: 13px;
}
.style14 {
	font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
font-size: 13px; }
.style16 {color: #87A019}
.style17 {font-size: 18px}
.meta1 {clear:both; border-top: 1px solid #E4E4E4; padding: 5px 1px 0 0; margin:5px 0 0 0; text-align:right; font-size:1em; color: #567;}
blockquote {
	margin: 15px;
 	padding: 0 0 0 32px;  	
  	background: #FAFAFA url(images/quote.gif) no-repeat 5px 10px !important; 
	background-position: 8px 10px;
	border: 1px solid #f2f2f2; 
	border-left: 3px solid #BACC6D;  
	font-weight: bold; 
}
#ad {
	float: left;
	width: 930px;
	background: #FFFFFF repeat-x;
}
p {line-height: 160%}
#student {
	float: right;
	background: #FFFFFF  url(images/students_say.jpg) no-repeat;
	height: 105px;	
	width: 142px;
	color:#FFFFFF;
	font-weight: bold;
	padding-bottom: 10px;
	margin-top: 0px;
	padding: 100px 10px 0 25px;
}
#tutor1 {
	float: right;
	background: #FFFFFF  url(images/physics_tutor.gif) no-repeat;
	height: 105px;	
	width: 122px;
	color:#FFFFFF;
	font-weight: bold;
	padding-bottom: 10px;
	margin-top: 0px;
	padding: 100px 10px 0 25px;
}
#fd {
	float: left;
	width: 653px;
	background: #F8FAF1 repeat-x;
	}
	#tutor2 {
	float: right;
	background: #FFFFFF  url(images/home-tutoring.jpg) no-repeat;
	height: 95px;	
	width: 122px;
	color:#FFFFFF;
	font-weight: bold;
	padding-bottom: 10px;
	margin-top: 28px;
	padding: 80px 10px 0 25px;
}
	#study {
	float: right;
	background: #FFFFFF  url(images/studytips.jpg) no-repeat;
	height: 85px;	
	width: 122px;
	color:#FFFFFF;
	font-weight: bold;
	padding-bottom: 10px;
	margin-top: 0px;
	padding: 80px 10px 0 25px;
}
.hiddenPic {display:none;}
.style118 {color: #FFFFFF}

#boxj {
	padding-left: 10px;
	padding-right: 5px;
	padding-bottom: 0;
	height: 150px;	
	width: 479px;
border-bottom:1px double #9DAD1D;
border-left:1px dotted #9DAD1D;
border-right:1px dotted #9DAD1D;

background: #FDFDFD url(images/bck1.gif) no-repeat ;
}
#boxk {
	padding-left: 10px;
	padding-bottom: 0;
	height: 420px;	
	width: 479px;
border-bottom:1px double #9DAD1D;
border-left:1px dotted #9DAD1D;
border-right:1px dotted #9DAD1D;
}
table#tarefas_pend{
	width: 100%;
	padding: 2px;
	font-size: 9px;
		color:#999;
}

table#tarefas_pend tr td {
	background:#fff;
		padding: 5px;
		border-bottom: 1px solid #ddd;
}
table#tarefas_pend tr.dif td {
	background: #FAFAFA;
		color:#666666;

}
table#tarefas_pend tr.title td {
	background: #FF9900;
	color: #FAFAFA;
	font-weight: bold;
	text-align:center;
	padding: 2px;
	font-size:1.2em;
}

table#tarefas_pend a{
PADDING-RIGHT: 18px; PADDING-LEFT: 0px; BACKGROUND: url(images/link.gif) no-repeat right 50%; PADDING-BOTTOM: 0px; COLOR: #336699; PADDING-TOP: 0px; TEXT-DECORATION: none; font-weight: bold;
}

table#tarefas_pend a:hover{
 COLOR: #FF9900; TEXT-DECORATION: none
}
/* tabela tarefas geral*/

table#tarefas{
	width: 100%;
	padding: 2px;
	font-size: 9px;
		color:#999;
}

table#tarefas tr td {
	background:#fff;
		padding: 5px;
		border-bottom: 1px solid #ddd;
				border-left: 1px solid #dddddd;
		border-right: 1px solid #dddddd;

}
table#tarefas tr.dif td {
	background: #FAFAFA;
		color:#666666;

}
table#tarefas tr.title td {
	background: #0099CB;
	color: #FAFAFA;
	font-weight: bold;
	text-align:center;
	padding: 2px;
	font-size:1.2em;
}
/* 2 */
table#tarefas2_pend{
	width: 100%;
	padding: 2px;
	font-size: 9px;
		color:#999;
}

table#tarefas2_pend tr td {
	background:#fff;
		padding: 5px;
		border-bottom: 1px solid #ddd;
}
table#tarefas2_pend tr.dif td {
	background: #FAFAFA;
		color:#666666;

}
table#tarefas2_pend tr.title td {
	background: #FF9900;
	color: #FAFAFA;
	font-weight: bold;
	text-align:center;
	padding: 2px;
	font-size:1.2em;
}

table#tarefas2_pend a{
PADDING-RIGHT: 18px; PADDING-LEFT: 0px; BACKGROUND: url(images/link.gif) no-repeat right 50%; PADDING-BOTTOM: 0px; COLOR: #336699; PADDING-TOP: 0px; TEXT-DECORATION: none; font-weight: bold;
}

table#tarefas2_pend a:hover{
 COLOR: #FF9900; TEXT-DECORATION: none
}
/* tabela tarefas geral*/

table#tarefas2{
	width: 100%;
	padding: 2px;
	font-size: 11px;
		color:#333333;
}

table#tarefas2 tr td {
	background:#fff;
		padding: 5px;
		border-bottom: 4px solid #dddddd;
		border-left: 1px solid #dddddd;
}
table#tarefas2 tr.dif td {
	background: #FAFAFA;
		color:#666666;

}
table#tarefas2 tr.title td {
	background: #9BB143 url(images/img01.gif);
	color: #FFFFFF;
	font-weight: bold;
	text-align:center;
	padding: 2px;
	font-size:1.2em;
	height: 38px;
}
/*en*/
.style18 {
	color: #CCCCCC
}

.style21 {color: #000000}
#colOn {
	float: left;
	width: 209px;
	background: url(images/img05.gif) repeat-x;
				margin-top: 0px;


}

#colOne h3 {
	padding: 0 20px;
}

#colOn ul {
	margin-left: 0;
	padding-left: 20px;
	padding-right: 20px;
	list-style: none;
	
}

#colOn li {
	padding: 5px 0;
	border-top: 1px solid #EFEFEF;
}

#colOn a:hover {
	background:none;
}

#colOn li.first {
	border: none;
	
}

#colOn a {
		text-decoration: none;
padding-left: 15px;
}
#col {
	float: left;
	width: 209px;
				margin-top: 4px;


}
