/* CSS Document */

body,td,th {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	
}
body {
	background:#ABC9E5 url(../images/bg-page.jpg) repeat-x fixed center bottom;
	
}
a{
	color:#86a541;
}

a:hover {
	color:#666666;
}


h1 {
  font: 20px verdana, sans-serif;
  color: #86a541;
  text-align:left;
  margin:10px;
  border-bottom:1px solid #CCC;
  clear:both;
}
h2 {
  font: 14px verdana, sans-serif;
  color: #000;
  text-align:left;
  margin:20px 0 0 10px;
  border-bottom:1px solid #CCC;
}

h3{
  font: 12px verdana, sans-serif;
  color:#86a541;
  text-align:center;
}
p{
	color:#666;
	padding:0 10px 0 10px;
	line-height:20px;
}
.float{
	float:left;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:20px;
}


/************************ TAB MENU ************************/

ul.menu { 
	text-align:center;
	margin:0;
	padding:10px 0 10px 0;
	font: 18px verdana, sans-serif;
	list-style-type: none;
}
ul.menu li {
padding:3px 0 3px 0;
}

ul.menu li a {
margin:0px;
padding:5px;
text-decoration:none;
color:#000;
}


ul.menu li a:hover {
	color:#666;
}
/*ul.menu li a:visited {
color:#000;
}*/

/************************ LAYOUT!************************/
#main{
	position:absolute;
	top:15%;
	left:50%;
	margin-left:-325px;
	display:block;
	width:700px;
	padding-bottom:20px;
}
	
#header{
	background: url(../images/header.gif) no-repeat; /*normal =123px beta=143px*/
	width:183px;
	height:131px; 
	float:left;
	display:block;
}

#container{
	width:517px;
	background:#FFF url(../images/bg-content.gif) top right no-repeat;
	float:right;
	margin-top:27px;
	color:#666;
	line-height:20px;
}

#photo{
	width:505px;
	height:250px;
	float:left;
	padding:6px 6px 20px 6px;
	display:block;
	clear:none;
}

#sidebar{
	width:183px;
	background:#F7FEE1 url(../images/logo.gif) no-repeat;
	padding-top:130px;
	float:left;
	border-bottom:3px solid #88a644;
}
#sidebar-bottom{
	width:183px;
	float:left;
	clear:both;
	display:block;
	height:20px;
	background: url(../images/bg-sidebar.png) no-repeat;
}
#courses{
	width:183px;
	float:left;
	display:block;
	clear:none;
}

#content{
	padding:10px;
}

#bottom{
	width:517px;
	height:70px;
	float:right;
	background:url(../images/footer.png) no-repeat;
}


/********************** styles *****************************/
.text{
padding:0 10px 0 10px;
font: 12px verdana, arial, sans-serif;
text-align:left;
color:#eee;
}
.footer{
font: 10px verdana, arial, sans-serif;
padding-top:54px;
margin: 0 0 10px 0 ;
text-align:center;
color:#fff;
}
.footer a{
color:#FFF;
}

.logo{
vertical-align:bottom;
}

.logo{
padding:5px 0 5px 0;
display:block;
}
.clear{
	clear:both;
}

/******************* Tables ***************************/
table{
font-size:11px;
}
table th{
	color:#333;
	text-align:center;
}
table th.heading{
	background:#EEE;
	text-align:left;
}
table td{
	color:#666666;
	text-align:center;
	color: #86a541;
	padding:3px 0 3px 0;
}
table td.item{
	text-align:left;
	color:#666;
}