A:link {
	color:#FF9900;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
}

A:visited {text-decoration:none; color:#FFCC00; }
A:hover	{color:red}


font {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FF9933;
	background-color: #FFFFCC;
	position: static;
}

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FF9900;
	margin: 20px;
	line-height: 20px;
	padding: 0px;
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #FF9900;
	margin: 0px;
}

h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: lighter;
	margin: 0px;
}

h5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: lighter;
	margin: 0px;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	color: #FF9933;
	background-color: #FF9933;
}



BODY { scrollbar-face-color: #FF9933; scrollbar-shadow-color: #FFFFCC; scrollbar-highlight-color: #FF9933; scrollbar-3dlight-color: #FFFFCC; scrollbar-darkshadow-color: #FFFFCC; scrollbar-track-color: #FF9933; scrollbar-arrow-color: #FFFFCC; }

p {
	margin: 2px;
}

table {
	margin: 0px;
}



BODY {
margin-left : 0;
margin-right : 0;
margin-top : 5px;
margin-bottom : 0;
padding-left : 0;
padding-right : 0;
padding-top : 5px;
padding-bottom : 0;
}

#menu1 {
background-color : #375BA3; 
color:white;
position : absolute; 
top : 10px; 
left : 10px; 
visibility : hidden; 
width : 150px; 
border-bottom-color : solid orange;
border-bottom-style : solid;
border-bottom-width : 1px; 
} 

#menu2 {
background-color : #375BA3; 
color:white;
position : absolute; 
top : 10px; 
left : 10px; 
visibility : hidden; 
width : 150px; 
border-bottom-color : solid orange;
border-bottom-style : solid;
border-bottom-width : 1px; 
} 

#menu3 {
background-color : #375BA3; 
color:white;
position : absolute; 
top : 10px; 
left : 10px; 
visibility : hidden; 
width : 150px; 
border-bottom-color : solid orange;
border-bottom-style : solid;
border-bottom-width : 1px; 
} 

#menu4 {
background-color : #dd0000; 
color:white;
position : absolute; 
top : 10px; 
left : 10px; 
visibility : hidden; 
width : 150px; 
border-bottom-color : solid orange;
border-bottom-style : solid;
border-bottom-width : 1px; 
} 

#menu5 {
background-color : #375BA3; 
color:white;
position : absolute; 
top : 10px; 
left : 10px; 
visibility : hidden; 
width : 150px; 
border-bottom-color : solid orange;
border-bottom-style : solid;
border-bottom-width : 1px; 
} 

#menu6 {
background-color : #375BA3; 
color:white;
position : absolute; 
top : 10px; 
left : 10px; 
visibility : hidden; 
width : 150px; 
border-bottom-color : solid orange;
border-bottom-style : solid;
border-bottom-width : 1px; 
} 

#menu7 {
background-color : #375BA3; 
color:white;
position : absolute; 
top : 10px; 
left : 10px; 
visibility : hidden; 
width : 150px; 
border-bottom-color : solid orange;
border-bottom-style : solid;
border-bottom-width : 1px; 
} 

#menu8 {
background-color : #375BA3; 
color:white;
position : absolute; 
top : 10px; 
left : 10px; 
visibility : hidden; 
width : 150px; 
border-bottom-color : solid orange;
border-bottom-style : solid;
border-bottom-width : 1px; 
} 

#menu9 {
background-color : #375BA3; 
color:white;
position : absolute; 
top : 10px; 
left : 10px; 
visibility : hidden; 
width : 150px; 
border-bottom-color : solid orange;
border-bottom-style : solid;
border-bottom-width : 1px; 
} 

#menu10 {
background-color : #375BA3; 
color:white;
position : absolute; 
top : 10px; 
left : 10px; 
visibility : hidden; 
width : 150px; 
border-bottom-color : solid orange;
border-bottom-style : solid;
border-bottom-width : 1px; 
} 

#navbar {
position : relative;
} 

A.nav1 {
background-color : #FAFAB2; 
color: #FF9900;
font : normal 8pt verdana, sans-serif; 
font-weight: bold;
text-decoration : none; 
border-bottom : 1px solid orange;
border-left : 1px solid orange; 
border-top : 1px solid orange; 
border-right : 1px solid orange; 
padding-left : 0; 
padding-right : 0; 
padding-top : 0; 
padding-bottom : 0; 
text-align : center; 
width : 100%; 
height: 15px;
display : block; 
} 

A.nav1:hover {
background-color : #FFCC00;
color:white;
font : normal 8pt verdana, sans-serif;
text-decoration : none;
border-bottom : 1px solid orange;
border-left : 1px solid orange; 
border-top : 1px solid orange;
border-right : 1px solid orange; 
padding-left : 0; 
padding-right : 0; 
padding-top : 0; 
padding-bottom : 0; 
text-align : center; 
vertical-align : middle;
width : 100%;
height: 15px;
display : block; 
} 

A.menulink1 {
background-color : #FAFAD2; 
color: #FF9900;
font : normal 8pt verdana, sans-serif; 
text-decoration : none; 
border-bottom : 1px solid orange;
border-left : 1px solid orange; 
border-top : 1px solid orange; 
border-right : 1px solid orange; 
padding-left : 0; 
padding-right : 0; 
padding-top : 0; 
padding-bottom : 0; 
width : 150px; 
height: 15px;
display : block; 
} 

A.menulink1:hover {
background-color : #FFCC00;
color: red;
font : normal 8pt verdana, sans-serif; 
text-decoration : none; 
border-bottom : 1px solid orange; 
border-left : 1px solid orange; 
border-top : 1px solid orange; 
border-right : 1px solid orange; 
padding-left : 0; 
padding-right : 0; 
padding-top : 0; 
padding-bottom : 0; 
width : 150px; 
height: 15px;
display : block; 
} 



A.close {
background-color : #FFCC00; 
color:white;
font : normal 8pt verdana, sans-serif; 
text-decoration : none; 
border-bottom : 1px solid orange; 
border-left : 1px solid orange; 
border-top : 1px solid orange; 
border-right : 1px solid orange; 
padding-left : 0; 
padding-right : 0; 
padding-top : 0; 
padding-bottom : 0; 
width : 150px; 
height: 17px;
display : block; 
} 

A.close:hover {
background-color :  #dd0000; 
color:white;
font : normal 8pt verdana, sans-serif; 
text-decoration : none; 
border-bottom : 1px solid orange;
border-left : 1px solid orange; 
border-top : 1px solid orange; 
border-right : 1px solid orange; 
padding-left : 0; 
padding-right : 0; 
padding-top : 0; 
padding-bottom : 0; 
width : 150px; 
height: 17px;
display : block; 
} 	



.menutitle {
background-color : #FAFAB2; 
color: #FF9900;
font : normal 8pt verdana, sans-serif; 
text-decoration : none; 
border-bottom : 1px solid orange;
border-left : 1px solid orange; 
border-top : 1px solid orange; 
border-right : 1px solid orange; 
padding-left : 0; 
padding-right : 0; 
padding-top : 0; 
padding-bottom : 0; 
width : 150px; 
height: 18px;
display : block; 
} 



INPUT,SELECT,TEXTAREA {
background-color : #E5EAF3; 
color:#375BA3;
font : bold 8pt verdana, sans-serif; 
}



body {
	margin-left: 0px;
	margin-top: 0px;
}

.style6 {font-family: Arial, Helvetica, sans-serif; color: #FF9900; font-size: 12px; font-weight: bold; }

img.double-border {
	border: 10px solid #111;
	padding: 10px; /*Inner border size*/
	background: #000; /*Inner border color*/
}

.tooltip {
position: relative;
border-bottom: 1px dotted #C20; cursor: help;
}
.tooltip em {display: none;}
.tooltip:hover em {
display: block;
position: absolute;
left: 0; bottom: 120%;
width: 200px; color: #FFFFFF;
font-style: normal;
border: 2px solid #00ACE6;
padding: 4px;
background: #4B4B4E;
}

 
.wrap {
	border:3px double blue;
} 

#cf {
    position:relative;
    height:496px;
    width:500px;
}
#cf img {
    position:absolute;
    left:0;
    opacity: 1;
    -webkit-transition: opacity 1s ease-in-out;
    -moz-transition: opacity 1s ease-in-out;
    -o-transition: opacity 1s ease-in-out;
    -ms-transition: opacity 1s ease-in-out;    
    transition: opacity 1s ease-in-out;
	border: 10px solid #111;
	padding: 10px; /*Inner border size*/
	background: #000; /*Inner border color*/
}

#cf img.top:hover {
    opacity:0;
}	



img.double-border {
	border: 10px solid #111;
	padding: 10px; /*Inner border size*/
	background: #000; /*Inner border color*/
}

.tooltip {
position: relative;
border-bottom: 1px dotted #C20; cursor: help;
}
.tooltip em {display: none;}
.tooltip:hover em {
display: block;
position: absolute;
left: 0; bottom: 120%;
width: 300px; color: #FFFFFF;
font-style: normal;
border: 2px solid #00ACE6;
padding: 4px;
background: #4B4B4E;
}



.info, .success, .warning, .error, .validation {
    border: 1px solid;
    margin: 10px 0px;
    padding:15px 10px 15px 50px;
    background-repeat: no-repeat;
    background-position: 10px center;
	width: 600px;
}
.info {
    color: #00529B;
    background-color: #BDE5F8;
    background-image: url('/mauritius/info.png');
}

.warning {
    color: #9F6000;
    background-color: #FEEFB3;
}

.plain {
    border: 1px solid #000000;
    padding: 5px;
    width: 154px;
    background-color: #2C536B;
    }
	
	img.double-border {
	border: 10px solid #111;
	padding: 10px; /*Inner border size*/
	background: #000; /*Inner border color*/
}



ul.gallery { 
	list-style: none;
}

ul.gallery li a {
	position: relative;
	float: left;
	padding: 10px 10px 25px 10px;
	background: #eee;
	border: 1px solid #fff;
	-moz-box-shadow: 0px 2px 15px #333;
}
	
	ul.gallery li a.pic-1 {
		z-index: 1;
		-webkit-transform: rotate(-10deg);
 		-moz-transform: rotate(-10deg);
	}
	ul.gallery li a.pic-2 {
		z-index: 5;
		-webkit-transform: rotate(-3deg);
 		-moz-transform: rotate(-3deg);
	}
	ul.gallery li a.pic-3 {
		z-index: 3;
		-webkit-transform: rotate(4deg);
 		-moz-transform: rotate(4deg);
	}
	ul.gallery li a.pic-4 {
		z-index: 4;
		-webkit-transform: rotate(10deg);
 		-moz-transform: rotate(10deg);
	}
	ul.gallery li a.pic-5 {
		z-index: 2;
		-webkit-transform: rotate(-18deg);
 		-moz-transform: rotate(-18deg);
	}
	ul.gallery li a.pic-6 {
		z-index: 6;
		-webkit-transform: rotate(5deg);
 		-moz-transform: rotate(5deg);
	}
		ul.gallery li a.pic-7 {
		z-index: 2;
		-webkit-transform: rotate(-15deg);
 		-moz-transform: rotate(-15deg);
	}
	ul.gallery li a.pic-8 {
		z-index: 6;
		-webkit-transform: rotate(2deg);
 		-moz-transform: rotate(2deg);
	}
	
	ul.gallery li a:hover {
		z-index: 10;
		-moz-box-shadow: 3px 5px 15px #333;
	}