* {
	margin: 0px;
	padding: 0px;
}
html {height:100%; margin-bottom:1px; text-align: left;} /* Forces vertical scroll bar to be visible */
#wrapper {
	width: 770px;
	background-color: #FFFFFF;
	background-image: url(images/background.jpg);
	background-repeat: repeat-y;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
}
#header {
	height: 72px;
	width: 770px;
    background-color: #FF9900;
	background-image: url(images/header.gif);
	background-repeat: no-repeat;
}
#banner{
	height: 50px;
	width: 770px;
    background-color: #FF9900;
	/*background-image: url(images/tourisme.gif);*/
	background-repeat: no-repeat;
}
#banner html {
    padding: 10px 15px;
    color: #000066;;
    font-stretch: ultra-condensed;
    font-size: small;
}
#slogan{
               text-align: right;
               padding-top: 55px;
               padding-right: 10px;
               color: #FFFFFF;font-weight: 800;
}
#banner-animation {
    height: 40px;
    width: 460px;
    background-color: #FF9900;
    background-image: url(images/slogan.gif);
    background-repeat: no-repeat;
    top: -50px;
/*  padding-right: 35px;
    float: right;*/
    text-align: center;
}
#nav {
	width: 755px;
	background-color: #FF9900;
    padding-top: 10px;
	padding-bottom: 5px;
	padding-left: 15px;
}
#navlist li
{
	display: inline;
	list-style-type: none;
	padding-right: 20px;
	text-transform: capitalize;
}
#navlist a {
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 15px;
	font-weight: bolder;
}
#navlist a:hover {
	color: #AF9981;
}
#col1 {
	float: left;
	width: 185px;
}
#col1content {
    margin-top: 5px;
    margin-left: 5px;
    padding: 0px 5px;
}
#col1content html {
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:10pt; 
}
#col2content body,html,p,tr,td,table, {
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:10pt;
    color: #000066;
}
#col2 {
	float: left;
    display: block;
	width: 445px;
    text-align: left;
    padding-right: 5px;
}
#col2content {
    text-align: left;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:10pt;
    color: #000066;
margin-top: 5px;
}
#col3 {
    float: left;
    width: 130px;
}
#col3content {
    min-height: 600px;
    margin-top: 5px;
    margin-bottom: 5px;
    text-align: center;
    vertical-align: middle;
}
#footer {
	clear: both;
	height: 30px;
	width: 770px;
	background-image: url(images/footer.gif);
    background-color: #FF9900;
}
hr{border: 1px dashed #FF9900;}
#footer p {
    padding-left: 150px;
    padding-top: 15px
}
.imageborder {
	padding: 5px;
	border: 1px solid #FF9900;
	background-color: #ffffff;
}
.subhead {
	font-size: 11px;
	color: #000000;
	margin-top: 5px;
	margin-bottom: 5px;
}
.sidebar {
	margin-bottom: 10px;
	color: #444444;
	font-size: 10px;
	line-height: 140%;
}
h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 22px;
	color: #FF9900;
    border-bottom-width: 2px;
    border-bottom-style: solid;
    border-bottom-color: #FF9900;
	 margin-bottom: 10px;
}
h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 22px;
	color: #FF9900;
    margin-bottom: 10px;
    border-bottom-width: 2px;
    border-bottom-style: solid;
    border-bottom-color: #FF9900;
}
h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 22px;
	color: #FF9900;
    margin-bottom: 10px;
    border-bottom-width: 2px;
    border-bottom-style: solid;
    border-bottom-color: #FF9900;
}
a:link {
	color:#0059b4;
	text-decoration: none;
}
a:visited {
	color:#0059b4;
	text-decoration: none;
}
a:hover {
	color:#0059b4;
	text-decoration: underline;
}
ul.menulevel1,ul.menulevel2,ul.menulevel3,ul.sitemaplevel1,ul.sitemaplevel2,ul.sitemaplevel3,ul.submenu,ul.search{padding-left: 0;margin-left: 0;list-style: none;}
form{margin:0;}
IMG{border:0;}
li{
	line-height:1.5;
	margin-left: 15px;
}
a{text-decoration:none;font-weight: bold;}
a:link,a:visited{color: #000066;}
a:active,a:hover{color:#FF9900;}
.sitemaplevel1,.sitemaplevel2,.sitemaplevel3{font-size:10pt;	font-family: Verdana, Arial, Helvetica, sans-serif;}
.sitemaplevel1 a,.sitemaplevel2 a,.sitemaplevel3 a{font-weight:normal;color:#000066;}
.sitemaplevel1 a:link,.sitemaplevel2 a:link,.sitemaplevel3 a:link,.sitemaplevel1 a:visited,.sitemaplevel2 a:visited,.sitemaplevel3 a:visited{color:#000066;}
.sitemaplevel1 a:active,.sitemaplevel2 a:active,.sitemaplevel3 a:active,.sitemaplevel1 a:hover,.sitemaplevel2 a:hover,.sitemaplevel3 a:hover{color:#FF9900;}
.submenu{font-size:10pt;color:#FF9900;}
.submenu a{font-weight:normal;color:#000066;}
.submenu a:link,.submenu a:visited{color:#000066;}
.submenu a:active,.submenu a:hover{color:#FF9900;}
.search {font-size:10pt;text-align: center; vertical-align: middle;}
.search a{font-weight:normal;color:#000066;}
.search a:link,.search a:visited{color:#000066;}
.search a:active,.search a:hover{color:#000066;}
.locator{font-size:10pt;color:#000066;	font-family: Verdana, Arial, Helvetica, sans-serif;}
.locator a{font-weight:normal;text-decoration:none}
.locator a:link,.locator a:visited,.locator a:active,.locator a:hover{color:#FFFFFF;}
.menulevel1 {font-size:10pt;color:#FF9900;}
.menulevel1 a{font-weight:normal;color:#000066;}
.menulevel1 a:link,.menulevel1 a:visited{color:#000066;text-decoration: none;}
.menulevel1 a:active,.menulevel1 a:hover{display:block; margin-left:-15px;padding-left:15px;color:#FF9900;text-decoration: underline; background-image: url(menu/doc.gif); background-repeat: no-repeat;}
.menu {font-size:10pt;color:#FF9900;background-image: url(menu/nodoc.gif); background-repeat: no-repeat;}
.menu a{font-weight:normal;color:#000066;margin-left:15px;background-image: url(menu/nodoc.gif); background-repeat: no-repeat;}
.menu a:link,.link a:visited {color:#000066;text-decoration: none;margin-left:15px;background-image: url(menu/nodoc.gif); background-repeat: no-repeat;}
.menu a:active,.menu a:hover {margin-left:0px;padding-left: 15px; color:#FF9900;text-decoration: underline;background-image: url(menu/doc.gif); background-repeat: no-repeat;}
.login{font-weight:bold;font-size:8pt;color:#000066;}
.login a,.login a:link,.login a:visited,.login a:active,.login a:hover{color:#000066;}
.navigator{font-weight:bold;font-size:10pt;color:white;}
.navigator a:link,.navigator a:visited{color:#c0c0c0;}
.navigator a:active,.navigator a:hover{color:white;}
.edit{font-size:8pt;color:#000066;background-color:#FF9900;}
.edit a:link,.edit a:visited,.edit a:active,.edit a:hover{font-weight:normal;color:#000066;}
input,select{font-size:10pt;color: #000066;}
textarea{font-family:Verdana,Geneva,Arial,Helvetica;font-size:10pt;background-color:white;width:98%;color:#000066;}
.lastupdate {font-family:Verdana,Geneva,Arial,Helvetica;padding-left: 4em; padding-top: 0.7em; color: #000066; font-weight: normal;font-size: 10px;}
.boxtitle {
	width: 160px;
	height: 19px;
	background-color: #FF9900;
	color: #000066;
	font-weight: bolder;
	font-size: 10pt;
	padding-left: 5px;
	padding-top: 3px;
	margin-bottom: 10px;
	text-align: left;
	font-stretch: narrower;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#topicsbox, #jat_searchbox,#navigationbox,#newsbox,#webinfobox,#calendarbox,#weatherbox{
    width: 165px;
    height: auto;
    border: 1px solid #FF9900;
    padding-bottom: 5px;
    margin-bottom: 5px;
}
/*#searchbox {
    width: 165px;
    height: auto;
    border: 1px solid #FF9900;
    padding-bottom: 10px;
	margin-bottom: 5px;
}
*/
/*#webinfobox {
    position: relative;
    width: 165px;
    height: auto;
    border: 1px solid #FF9900;
    top: -124px;
    left: 10px;
}
*/
/*
#navigationbox {
    width: 165px;
    height: auto;
    border: 1px solid #FF9900;
    padding-bottom: 10px;
    margin-bottom: 5px;
}
*/
.boxcontent{
    padding-left: 5px;
    font-family:verdana;
    font-size:0.8em;
}
.boximg {
    text-align:center;
    padding-bottom: 5px;
}
/*
.sitemaplevel1{font-size:9pt;background: url(images/dot.gif) repeat-y 16px 0;}
.sitemaplevel2{font-size:9pt;background: url(images/dot.gif) repeat-y 21px 0;}
.sitemaplevel3{font-size:9pt;background: url(images/dot.gif) repeat-y 27px 0;}
.sitemaplevel1 a{font-weight:normal;color:black;background: url(images/dot2.gif) no-repeat -2px 7px;padding-left:30px;}
.sitemaplevel2 a{font-weight:normal;color:black;background: url(images/dot2.gif) no-repeat 5px 7px;padding-left:35px;}
.sitemaplevel3 a{font-weight:normal;color:black;background: url(images/dot2.gif) no-repeat 11px 7px;padding-left:41px;}
.sitemaplevel1 a:link,.sitemaplevel2 a:link,.sitemaplevel3 a:link,.sitemaplevel1 a:visited,.sitemaplevel2 a:visited,.sitemaplevel3 a:visited{color:black;}
.sitemaplevel1 a:active,.sitemaplevel2 a:active,.sitemaplevel3 a:active,.sitemaplevel1 a:hover,.sitemaplevel2 a:hover,.sitemaplevel3 a:hover{color:black;}
.sitemaplevel1 li.doc{background: url(images/bullet1.gif) no-repeat 33px 6px;}
.sitemaplevel1 li.docs{background: url(images/bullet2.gif) no-repeat 33px 6px;}
.sitemaplevel2 li.doc{background: url(images/bullet1.gif) no-repeat 39px 6px;}
.sitemaplevel2 li.docs{background: url(images/bullet2.gif) no-repeat 39px 6px;}
.sitemaplevel3 li.doc{background: url(images/bullet1.gif) no-repeat 45px 6px;}
.sitemaplevel3 li.docs{background: url(images/bullet2.gif) no-repeat 45px 6px;}
*/
#footermenu{background-color: transparent;	position: absolute;}
#footermenu a {position: relative;top: -14px;text-decoration: none;}
#footermenu a i {visibility: hidden;}
a#jat_login { left: 11px;}
a#jat_designer{ left: 275px;}
a#jat_home { left: 446px;}
a#jat_mailform { left: 465px;}
a#jat_sitemap { left: 485px;}
/* code for presentation purpose (CSS preview) */
h4 {
        font-size: 100%;
        color: #000066;
        margin: 0;
}
/* CSS Tabs */
.container {
        width: 760px;
        padding-left: 5px;
        margin: 0px 20px 0 0;
        background: #FF9900;
}
/* pyramid */
#navPyra {
        margin: 0;
        padding: 0 0 20px 10px;
        border-bottom: 1px solid #000066;
}
#navPyra li {
        margin: 0;
        padding: 0;
        display: inline;
        list-style-type: none;
	font-stretch: narrower;
	font-family: Verdana, Arial, Helvetica, sans-serif;
    	font-size: 12pt;
}
#navPyra a:link, #navPyra a:visited {
        float: right;
        font-size: 12px;
        line-height: 14px;
        font-weight: normal;
        padding: 0 12px 6px 12px;
        text-decoration: none;
        color: #FFFFFF;
}
#navPyra a:link.active, #navPyra a:visited.active, #navPyra a:hover {
        color: #000066;
        background: url(images/pyramid.gif) no-repeat bottom center;
}
#radio{
margin-right: 15px;
position: relative;
top: -45px;
display: inline;
float: right;
}
#radio a:link, #radio a:visited {
        font-size: 12px;
        line-height: 14px;
        font-weight: normal;
        text-decoration: none;
        color: #FFFFFF;
}
#radio a:link.active, #radio a:visited.active, #radio a:hover {
        color: #000066;
 }
#advertise{
height: 60px;
width: 120px;
margin-top: 5px;
margin-left: 3px;
border : 1px dashed #FF9900;
}
#advarea{
height: 60px;
width: 120px;
border : 1px dashed #FF9900;
}