body { background: white url(images/bg.png) repeat-x top; padding: 0; margin: 0; font-family: arial, verdana, tahoma, sans-serif; font-size: small; }

h1 { font-size: 140%; margin: 0; padding-top: 4px; padding-bottom: 1px; }
h2 { font-size: 120%; margin: 0; padding-top: 4px; padding-bottom: 1px; }
h3 { font-size: 110%; margin: 0; padding-top: 4px; padding-bottom: 1px; }
h4 { font-size: 100%; margin: 0; padding-top: 4px; padding-bottom: 1px; }
p { margin: 0; padding-top: 4px; padding-bottom: 8px; }
small { font-size: 80%; }

a:link, a:visited, a:active { text-decoration: underline; color: black; }
a:hover { text-decoration: none; color: black; }

#container { width: 962px; height: 675px; background: white; border: 1px solid #581414; margin: 10px auto; margin-bottom: 10px; }
#logo { width: 900px; height: 79px; background: url(images/logo.png) no-repeat top left; }
#top { width: 962px; height: 190px; clear: both; }

#nav { float: left; width: 266px; height: 190px; background: #143058; }
#nav ul { list-style: none; list-style-image: none; margin: 0; padding: 0;  margin-left: 10px;  }
#nav ul li { margin-top: 20px; _margin-left: -20px; padding: 2px; padding-top: 7px; padding-left: 26px; } 
#nav ul li { background-image: url(images/logonav.png); background-repeat: no-repeat; background-position: 0px 4px; }
#nav li a { color: white; font-size: medium }
#nav li a:hover { color: #FFBFC1; }

#globe { float: left; width: 334px; height: 190px; background: #143058 url(images/globe.jpg); }
#highlight { float: left; width: 332px; height: 170px; background: #581414; color: white; padding: 10px 15px; line-height: 30px; }

#links { clear: both; float: left; width: 266px; height: 45px; padding-top: 320px; }
#links ul { list-style: none; list-style-image: none; margin: 0; padding: 0; }
#links ul li { padding-left: 5px; font-size: x-small; }

#content { float: left; width: 660px; height: 400px; padding: 10px; overflow: hidden; }

#footer { clear: both; width: 600px; margin: 0 auto; text-align: center; font-size: 80%; }
h3 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #003366;
    background-color: #f2f3f5;
    border-top: 1px solid #98adc2;
    border-bottom: 1px solid #98adc2;
    margin: 10px 0  10px 0;
    /*clear:both;*/
}
.catala { padding-left= 50px; position=absolute; width=675px; float=right; visibility=<? if($lang<>'catala') echo 'hidden'; else echo 'visible'; ?>}
.espanol { padding-left= 50px; position=absolute; width=675px; float=right; visibility=<? if($lang<>'espanol') echo 'hidden'; else echo 'visible'; ?>}
.english {padding-left= 50px; position=absolute; width=675px; float=right; visibility=<? if($lang<>'english') echo 'hidden'; else echo 'visible'; ?>}
.francais {padding-left= 50px; position=absolute; width=675px; float=right; visibility=<? if($lang<>'francais') echo 'hidden'; else echo 'visible'; ?>}
.deutch {padding-left= 50px; position=absolute; width=675px; float=right; visibility=<? if($lang<>'deutch') echo 'hidden'; else echo 'visible'; ?>}
#mymenu {
	width: 10px;
	border-right: 1px solid #000;
	padding: 0 0 1px 0;
	#padding: 3px;
	margin-bottom: 1px;
	font-family: 'Trebuchet MS', 'Lucida Grande',  Verdana, Lucida, Geneva, Helvetica, 	  Arial, sans-serif;
	background-color: #90bade;
	color: #333;
	display: inline;
	}
#mymenu ol {
	margin: 0;
	padding: 0;
	border: none;
	display: inline;
	}
	
#mymenu li {
	border-bottom: 1px solid #90bade;
	margin: 0;
	list-style: none;
	}
#mymenu li a {
	display: block;
	padding: 5px 5px 5px 0.5em;
	border-left: 10px solid #1958b7;
	border-right: 10px solid #508fc4;
	background-color: #2175bc;
	color: #fff;
	text-decoration: none;
	width: 100%;
	}
#mymenu li img {
	display: block;
	padding: 0;
	border: 0;
	margin: 0;
	}

#mymenu li a {
	width: auto;
	}

#mymenu li a:hover {
	border-left: 10px solid #1c64d1;
	border-right: 10px solid #5ba3e0;
	background-color: #2586d7;
	color: #fff;
	}