body{ margin:7px 7px; background:#fff; font-size:80% }

h1{ color:#009; font-size:200%; margin: 0px 0px 5px 0px}
h2{ color:#009; font-size:200%; margin: 25px 0px 0px 0px}
h3{ color:#900; font-size:140%; margin: 15px 0px 5px 0px}
img {border:0px}
a{ color: #900; text-decoration: none}
a:hover{ color: #900; text-decoration: underline}
p{ line-height: 18px; margin-top:8px; margin-bottom:12px}
.red{ color: #900}
.centre{ text-align: center}
.strong{ font-weight: bold}


#wrapper{width: 784px; font-size:90%;  font-family: verdana, tahoma, arial; color: #009; margin: auto}

/*START OF HEADER */

#header{ background:#fff;  text-align: center; font-size: 90%; margin-bottom:5px; color: #000}
#header #languagebar{text-align: left; padding-bottom:12px;}
#header #languagebar img{ vertical-align: middle; margin-left:25px}

/*END OF HEADER */


/*START OF COMMON */
#basket{ border:#999 1px dashed; text-align: center; width:60px; font-size:85%; background: #f5f5f5; margin: 0px 10px 10px 30px; padding:5px }

#nav{}
#nav a{ color:#666; font-size:100%; font-family: arial, helvetica, Verdana; letter-spacing: 0.1em}

#nav .item, #nav .selected{margin:10px 10px 50px 10px}
#nav .item a{ background: url(./i/bullet.gif); background-repeat: no-repeat; background-position: 0px 14px;  font-weight: bold; padding: 20px 0px 20px 35px}
#nav .item a:hover{ background: url(./i/bullet_on.gif); background-repeat: no-repeat; background-position: 0px 14px;  }
#nav .selected a{background: url(./i/bullet_on.gif); background-repeat: no-repeat; background-position: 0px 14px;   font-weight: bold; padding: 20px 0px 20px 35px }
#nav .selected a:hover{ background: url(./i/bullet_on.gif); background-repeat: no-repeat; background-position: 0px 14px;  }

/*courses bullet style to allow sub menu */
#nav .cursos{margin:10px 10px 15px 10px}
#nav #subnav{ margin: 0px 0px 30px 10px; font-size: 95%}
#nav #subnav .line{margin-top:7px;}
#nav #subnav .line a.active{ color:#900}
#nav #subnav .line a:hover{ color:#900}

#nav .cursos a{background: url(./i/bullet_on.gif); background-repeat: no-repeat; background-position: 0px 14px;   font-weight: bold; padding: 20px 0px 20px 35px }
#nav .cursos a:hover{ background: url(./i/bullet_on.gif); background-repeat: no-repeat; background-position: 0px 14px;  }
/*end courses bullet style to allow sub menu */

#main_content{width:784px}
#main_content td{ vertical-align: top; padding:0px}
#main_content #left_col{ width: 160px; background:#fff; padding:0px }

#main_content #main_grid{
	padding: 0px 8px ;
	}

#main_content #main_col{
	padding:5px 5px;
	border-style:solid;
	border-color:#0099CC;
	border-width:thin;
}
#main_content #main_col2{
	padding:5px 5px;
	border-style:solid;
	border-color:#99FF00;
	border-width:thin;
}
#main_content #main_col3{
	padding:5px 5px;
	border-style:solid;
	border-color:#FF00FF;
	border-width:thin;
}
#main_content #main_col4{
	padding:5px 5px;
	border-style:solid;
	border-color:#FFFF00;
	border-width:thin;
}
#main_content #main_col5{
	padding:5px 5px;
	border-style:solid;
	border-color:#FF6600;
	border-width:thin;
}
#main_content #main_col6{
	padding:5px 5px;
	border-style:solid;
	border-color:#660099;
	border-width:thin;
}
#main_content #right_col{ width: 141px; text-align: left;; padding:5px 5px;
	 }
#main_content #right_col #links{ font-weight: bold; color: #000}
#main_content #right_col #links img{ margin:20px 0px 5px 0px}

#main_content #a {
float: left;
width: 45%;
}
#main_content #b {
float: right;
width: 45%;
}
#main_content #c {background-color: #0099CC; font-weight: bold; text-align: center; font-size:16px }
#main_content #dwrap div {
width: 180px;
height: 100px;
border: 1px solid #0099CC;
float: inherit ;
}

/*END OF COMMON */



/*START CONTACT*/
.contact_item {margin-left:20px; font-weight: bold; font-size: 120%}
/*END CONTACT*/

/*START OF MAIN */
#main{}
/*END OF MAIN */


/*START OF FOOTER */
#footer{margin-top:20px; border-top:1px solid #900; padding:5px; font-size:90%; color: #000}
/*END OF FOOTER */