* {
	margin:0;
	padding:0;
}
td, p, div, tr {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#444444;
}
a:link, a:visited {
	color: #000077;
	text-decoration:underline;
	font-weight:bold;
}
a:hover {
	color: #000000;
}
img {
	border: none;
}
.bodies {
	background-color: #FDFDFD;
	font-size:11px;
	font-weight:normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
}

/* layout */

#wrapper {
	margin:auto 0px;
}

/* top-area */

#top-area-wrapper {
	width:100%;
	height:160px;
	background:url(../images/top-area-bg-red.gif) repeat-x top center #990000;
}

#top-links {
	width:650px;
	float:right;
	padding-top:8px;
	padding-bottom:8px;
}
.top-links {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FDFDFD;
	text-align:right;
}
.top-links a {
	color:#FDFDFD;
}
#top-content {
	width:650px;
	height:73px;
	float:right;
}
#logo {
	padding-top:30px;
}

/* top-menu */

#top-menu {
	float:right;
	margin-top:42px;
	color:#FDFDFD;
}
html>body #top-menu {
	float:right;
	margin-top:42px;
	margin-left:300px;
	color:#FDFDFD;
}
#top-menu ul {
	list-style-type: none;
	margin-right:0px;
}
#top-menu li {
	float: left;
/*	background: url(../images/top-left.gif) no-repeat left top; */

}
#top-menu a {
	display: block;
	float: left;
	font-family:'Lucida sans unicode', Verdana, Arial, Helvetica, sans-serif;
	font-size:110%;
	color: #FDFDFD;
	font-weight: normal;
	text-decoration: none;
	padding-top:10px;
	padding-bottom:10px;
	padding-right:10px;
/*	background: url(../images/top-right.gif) no-repeat right top; */
}
#top-menu a:hover {
	text-decoration:underline;
}
#top-menu #top-active {
	background:url(../images/top-left-active.gif) no-repeat left top;
}
#top-menu #top-current {
	background:url(../images/top-left-active.gif) no-repeat left top;
}
#top-menu #top-active a {
	background:url(../images/top-right-active.gif) no-repeat right top;
	color: #FDFDFD;
	text-decoration:underline;
}
#top-menu #top-current a {
	background:url(../images/top-right-active.gif) no-repeat right top;
	color: #333333;
	font-weight: normal;
}
.separator {
	font-family:'Lucida sans unicode', Verdana, Arial, Helvetica, sans-serif;
	font-size:100%;
	font-weight:bold;
	padding-top:10px;
	padding-bottom:10px;
	padding-right:10px;
	color:#FDFDFD;
	text-decoration:none;
}
/* content */

#content_wrapper {
	width:100%;
	margin:auto 0px;
	margin-top:-62px;
}


#content_top {
	background:url(../images/content-top-red.gif) no-repeat left top #FFFFFF;
	width:898px;
	height:62px;
	position:relative;
	z-index:200;
}

html #content_top {
	background:#FFFFFF;
	width:898px;
	height:52px;
	margin-top:10px;
	position:relative;
	z-index:200;
}

/* tab-menu */

#tab-menu {
	width:648px;
	height: 28px;
	float:right;
	position:relative;
	z-index:300;
}
#tab-menu ul {
	list-style-type: none;
	margin-right:0px;
}
#tab-menu li {
	float: right;
	padding-left: 4px;
	background: url(../images/tab-left.png) no-repeat left top;
	margin-left:8px;
}
#tab-menu a {
	display: block;
	float: left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	font-weight: normal;
	text-decoration: none;
	padding-top:6px;
	padding-bottom:8px;
	padding-left:8px;
	padding-right:12px;
	position:relative;
	z-index:100;
	margin-bottom:0px;
	background: url(../images/tab-right.png) no-repeat right top;
}
#tab-menu a:hover {
	color: #990000;
}
#tab-menu #tab-active {
	background:url(../images/tab-left-active.gif) no-repeat left top;
}
#tab-menu #tab-current {
	background:url(../images/tab-left-active.gif) no-repeat left top;
}
#tab-menu #tab-active a {
	background:url(../images/tab-right-active.gif) no-repeat right top;
	color: #333333;
	font-weight: normal;
}
#tab-menu #tab-current a {
	background:url(../images/tab-right-active.gif) no-repeat right top;
	color: #333333;
	font-weight: normal;
}

#content {
	width:898px;
	background:#FFFFFF;
	padding-top:10px;
	padding-bottom:10px;
	margin-top:-59px;
	border-right:1px solid #B7B7B7;
	border-left:1px solid #B7B7B7;
	border-bottom:1px solid #B7B7B7;
	border-top:1px solid #B7B7B7;
}
/* main */

#pathway {
	background:url(../images/bg-pathway.png) no-repeat left top;
	width:536px;
	height:28px;
	float:left;
	position:relative;
	z-index:300;
	margin-bottom:-28px;
	position:relative;
	z-index:500;
}
.pathway {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#990000;
	text-align:left;
	padding:8px 10px 8px 10px;
}
#main_area_right {
	width:612px;
	float:right;
	background:#F7F7F7;
	margin-right:20px;
	margin-left:20px;
	position:relative;
	z-index:250;
}
* html #main_area_right {
	width:632px;
	float:right;
	background:#F7F7F7;
	margin-right:10px;
	margin-left:10px;
	position:relative;
	z-index:250;
}
#main_area_left {
	width:520px;
	float:left;
	margin-left:20px;
	position:relative;
	z-index:250;
}

* html #main_area_left {
	width:520px;
	float:left;
	margin-left:0px;
	padding-left:20px;
	position:relative;
	z-index:250;
}

.main_area_left_heading {
	background:#990000; 
	color:#FDFDFD;
	display:block;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:11px;
	font-weight:normal;
	height:18px !important;
	padding-top:5px;
	text-align:left;
	text-decoration:none;
	text-indent:5px;
	vertical-align:middle;
	width:100%;
}
#main_area_left_contact {
	background:url(../images/email.gif) no-repeat left;
	text-indent:20px;
	margin-top:10px;
}

#main_area_left_content {
	text-indent:0px;
	margin-bottom:5px;	

	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:100%;
	font-weight: normal;
	text-decoration: none;
}

#main_area_left_content_title {
	text-indent:0px;
	margin-top:4px;
	color: #990000;
	font-family:'Lucida sans unicode', Verdana, Arial, Helvetica, sans-serif;
	font-size:110%;
	font-weight: normal;
	text-decoration: none;
}


#main_area_left_link {
/*	background:url(../images/help.gif) no-repeat left;	*/
	text-indent:0px;
	margin-top:4px;
	margin-bottom:5px;	
}

#main_area_left_link a {
	font-family:'Lucida sans unicode', Verdana, Arial, Helvetica, sans-serif;
	font-size:110%;
	color: #990000;
	font-weight: normal;
	text-decoration: none;
}

#main_area_left_link a:hover {
	text-decoration:underline;
}


#main_left {
	width:276px;
	float:left;
	background:#FDFDFD;
	margin-bottom:10px;
	padding-left:10px;
	padding-right:10px;
	position:relative;
	z-index:250;
	margin-right:10px;
	border:1px solid #B7B7B7;
}

#main_right {
	width:276px;
	float:right;
	background:#FDFDFD;
	margin-bottom:10px;
	margin-right: 10px;
	padding-left: 0px;
	padding-right: 0px;
	border:1px solid #B7B7B7;
	position:relative;
	z-index:250;
}

#main_center {
	width:600px;
	float:right;
	background:#FDFDFD;
	margin-bottom:10px;
	padding-left:10px;
	padding-right:10px;
	border:1px solid #B7B7B7;
	position:relative;
	z-index:250;
}



ul#left_list {
	list-style:disc url(../images/check.gif) inside;
	padding-left:20px;
}
ul#right_list {
	list-style:disc url(../images/check.gif) inside;
	padding-left:20px;
}
.left_list {
	margin-top:2px;
	margin-bottom:2px;
	line-height:15px;
}
* html .left_list {
	margin-top:2px;
	margin-bottom:2px;
	line-height:17px;	
}
.right_list {
	margin-top:2px;
	margin-bottom:2px;
	line-height:15px;
}
* html .right_list {
	margin-top:2px;
	margin-bottom:2px;
	line-height:17px;
}

#main_left_list_heading {

}
#main_right_list_heading {

}
h1 {
	border-bottom:1px solid #B7B7B7;
	color:#990000;
	font-family:georgia,'times new roman',serif;
	font-size:14px;
	line-height:20px;
	margin:0pt 0pt 15px;
	padding:0pt 0pt 5px;
}
h2 {
	color:#000000;
	font-family:georgia,'times new roman',serif;
	font-size:15px;
	line-height:20px;
	margin:0pt 0pt 15px;
	padding:0pt 0pt 5px;
}
#main_right_picture {
	background:url(../images/parinte.jpg) no-repeat center top;
	height:176px;
	margin-top:10px;
	margin-bottom:10px;
	
}
#main_left_picture {
	background:url(../images/profesor.jpg) no-repeat center top;
	height:176px;
	margin-top:10px;
	margin-bottom:10px;
}
/* right */

/* Divs for tutorials */
#video_tutorial {
	margin-top:10px;
	margin-bottom:10px;
	margin-left:5px;	
}


#video_tutorial_title {
	border-bottom:1px solid #B7B7B7;
	color:#990000;
	font-family:georgia,'times new roman',serif;
	font-size:14px;
	line-height:20px;
	margin:0pt 0pt 15px;
	padding:0pt 0pt 5px;
}

#video_tutorial_description {
	margin-top:10px;
}



/* Divs for tutorials */

#right {
	width:150px;
	float:right;
	padding-right:10px;
	padding-left:10px;
	padding-bottom:10px;
	position:relative;
	z-index:300;
}

/* footer */

#footer-content {
	width:900px;
	margin:auto 0px;
	margin-bottom:20px;
	padding-top:5px;
}

#footer-content a {
	color: #666666;
}

.footer-content-left {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#666666;
	text-align:left;
}
.footer-content-right {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#666666;
	text-align:right;
}

/* left-menu  */

a.mainlevel:link, a.mainlevel:visited {
	display: block;
	vertical-align: middle;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #990000;
	text-align: left;
	padding-top: 5px;
	height: 18px !important;
	height: 23px;
	width: 100%;
	text-decoration: none;
	border-bottom:1px solid #B7B7B7;
	text-indent:14px;
	background:url(../images/arrow-blue.gif) no-repeat left;
}
a.mainlevel:hover {
	text-decoration: underline;
}
a.mainlevel#active-menu {
	background:#FDFDFD;
	color:#000000;
	font-weight: normal;
	text-indent:5px;
}
/*
a.sublevel:link, a.sublevel:visited {
	vertical-align: middle;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #990000;
	text-align: left;
}
a.sublevel:hover {
	color: #990000;
	text-decoration: underline;
}
a.sublevel#active_menu {
	color: #333;
}
*/

/* buttons */

.button {
/*	background:transparent url(../images/bg-button.gif) repeat-x left center;
	border:none; */
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
/*	color:#fdfdfd;
	margin-bottom:5px;
	margin-top:5px;
	padding:2px 5px;
	text-align:center; */
}

#login {
	position: relative;
	background-color:#d0e0e0;
	font-family:georgia,'times new roman',serif;
	font-size:14px;
	margin:40px 0px 0px 0px;
	padding-bottom:10px;
	padding-top:10px;
	text-align:center;
	width: 276px;
}

* html #login {
	background-color:#d0e0e0;
	font-family:georgia,'times new roman',serif;
	font-size:14px;
	margin:40px -10px 0px -10px;
	padding-bottom:10px;
	padding-top:10px;
	text-align:center;
	width:276px;
}


#loginInfo {
	background:#F0F0F0 none repeat scroll 0%;
	font-family:georgia,'times new roman',serif;
	font-size:14px;
	margin-top:30px;
	padding-bottom:10px;
	padding-top:10px;
	text-align:center;
	width:100%;
}

* html #loginInfo {
	background:#F0F0F0 none repeat scroll 0%;
	font-family:georgia,'times new roman',serif;
	font-size:14px;
	margin-top:10px;
	margin-bottom:20px;
	padding-bottom:10px;
	padding-top:10px;
	text-align:center;
	width:100%;	
}

.loginTable {
          width:100%;
          align: center;
          text-align: center;
}
.loginField {
          width: 200px;
}