/* lien et survole */

a:link					{text-decoration: underline; font-weight:bold; color:#496267}
a:visited				{text-decoration: underline; font-weight:bold; color:#496267}
a:hover					{text-decoration: none; font-weight:bold; color:#f29400}

a.blanclien:link		{text-decoration: none;	font-weight:bold; color:#ffffff; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt;}
a.blanclien:visited		{text-decoration: none;	font-weight:bold; color:#ffffff; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt;}
a.blanclien:hover		{text-decoration: underline; font-weight:bold; color:#ffffff; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt;}

.basdroite a:link		{text-decoration: none; font-weight:bold; color:#004091}
.basdroite a:visited	{text-decoration: none; font-weight:bold; color:#004091}
.basdroite a:hover		{text-decoration: underline; font-weight:bold; color:#008585}

a.bleuactu:link			{text-decoration: none;	font-weight:bold; color:#004091; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt;}
a.bleuactu:visited		{text-decoration: none;	font-weight:bold; color:#004091; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt;}
a.bleuactu:hover		{text-decoration: underline; font-weight:bold; color:#d1a934; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt;}

/* mise en forme de la page*/
body		{background-color: #eaeaea; margin: 0px; padding: 0px;}
th, td, span, div, em * 	{}
p			{font-size:9pt;	margin:0px; font-family: Verdana, Arial, Helvetica, sans-serif;}
.infobulle	{color: #FFFFFF; font-weight : bold; position: absolute; visibility : hidden; border: 2px solid #008585; padding-left: 3px;	padding-right: 3px;	font-family: Trebuchet MS;	text-align: center; font-size: 8pt; background-color: #006ab3;}
.liengd		{font-family: Arial, Helvetica, sans-serif;	font-size: 10px;}
ul, li		{margin:0px 0px 0px 13px; padding:0px; font-size: 8pt; font-family: Verdana, Arial, Helvetica, sans-serif; list-style-image:url(images/puce2.gif);	}
form		{margin: 0px; padding: 0px;}
input		{margin: 0px; padding: 0px; font-family:arial; color:#004091; font-size:11px;}
textarea	{margin: 0px; padding: 0px; font-family:arial; color:#004091; font-size:11px;}
select		{margin: 0px; padding: 0px; font-family:arial; color:#004091; font-size:11px;}
.champoblig	{margin: 0px; padding: 0px; font-family:arial; background: #ff7878; color:#ffffff; font-size:11px;}
.ifondrouge	{font-family: Arial, Helvetica, sans-serif; font-size:10px; background: #ff5050; color:#ffffff; font-style: italic;}
.margg5		{font-size:8pt; color:#004091; padding: 0px 0px 0px 5px; text-align:left;}

.vis1		{display:none;}
.vis2		{display:normal;}

/* structure de mise en page */
.menu		{margin-top:0px; margin-left:19px;}
.centrepage {width: 1000px;	margin-right: auto;	margin-left: auto;}
.fond		{float:left; margin: 0px; padding: 0px; width: 995px; font-family: Arial, Helvetica, sans-serif; font-size: 10px;}
.gauche		{float: left; padding: 0px; width: 423px; margin: 0px 0px 0px 0px; height:806px;}
.centre		{float: left; font-family: Verdana, Arial, Helvetica, sans-serif; padding: 0px 0px 0px 0px;	margin-left:0px; width: 572px; height:806px;}
.centre2	{float: left; font-family: Verdana, Arial, Helvetica, sans-serif; padding: 10px 10px 10px 10px;	margin-left:0px; margin-top:0px; width:550px; height:657px; border-bottom-width:2px; border-bottom-color:#496267; border-bottom-style:solid; border-right-width:2px; border-right-color:#d4d63d; border-right-style:solid;}
.centreadmin{float: center; font-family: Verdana, Arial, Helvetica, sans-serif; padding: 10px 20px 10px 20px; text-align: left; border-width:1px; border-color:#496267; border-style:solid;}
.fondo		{background-image: url(images/site_08.gif);	background-repeat: repeat;	width: 973px;	height: 34px;}
.textesimple{text-align: left; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; text-decoration: none; font-size: 11px; font-weight: 400;}
.esp-0-10-0-10	{margin-top: 0px; margin-right: 10px; margin-bottom: 0px; margin-left: 10px;}
.esp-10-0-10-0	{margin-top: 10px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px;}

.titre		{margin-top: 5px; margin-right: 5px; margin-bottom:10px; padding: 3px 0px 3px 5px; font-family: Arial, Helvetica, sans-serif; font-size:16px; background-color: #496267; color: #ffffff; font-weight: 800;}
.titre2		{margin-top: 10px; margin-right: 5px; margin-bottom:10px; font-family: Arial, Helvetica, sans-serif; font-size:14px; color: #496267; font-weight: 800;}
.sup		{vertical-align: super; font-size: 80%;} 
.pucepres	{margin-top: 5px; margin-bottom:5px;}

.textedec 	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin-right: 10px;
	margin-left: 10px;
}
.liendec {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-align: right;
	margin-right: 10px;
}
.lienbaspage {
	font-size: 9px;
}
.imgdroite {
	margin-left: 10px;
	float: right;
}
.imgdroite2 {
	margin-left: 10px;
	margin-right: 10px;
	float: right;
}
.imggauche2 {
	margin-left: 10px;
	margin-right: 10px;
	float: left;
}
.textegris {
	color: #8C8C8C;
}
.Gris {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
}
.textegrispetit {
	color: #8C8C8C;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8px;
}
.titrestatuts {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #006ab3;
	margin-left:10px;
	margin-right:10px;
	font-size: 9pt;
	}

.tabnormal					{}
.tabover					{background: #FFDAAA; color:#1B7BBE; cursor: default;}
.annoncetitre				{font-weight:bold;}
.liendroite					{text-align: right; padding-top: 2px; font-size: 9px; color: #000000; text-decoration: none; font-weight: 800;}
.titrefondrouge				{margin-top: 5px; margin-right: 5px; padding: 3px 0px 3px 5px; font-family: Arial, Helvetica, sans-serif; font-size:11px; background-color: #FF0000; color: #ffffff; font-weight: 800;}
.titrefondrouge a:link		{color: #ffffff; text-decoration: underline; font-weight: 800;}
.titrefondrouge a:visited	{color: #ffffff; text-decoration: underline; font-weight: 800;}
.titrefondrouge a:hover		{color: #ffffff; text-decoration: none; font-weight: 800;}
.titrefondvert				{margin-top: 5px; margin-right: 5px; padding: 3px 0px 3px 5px; font-family: Arial, Helvetica, sans-serif; font-size:11px; background-color: #009800; color: #ffffff; font-weight: 800;}
.titrefondvert a:link		{color: #ffffff; text-decoration: underline; font-weight: 800;}
.titrefondvert a:visited	{color: #ffffff; text-decoration: underline; font-weight: 800;}
.titrefondvert a:hover		{color: #ffffff; text-decoration: none; font-weight: 800;}
.titrefondbleu				{margin-top: 5px; margin-right: 5px; padding: 3px 0px 3px 5px; font-family: Arial, Helvetica, sans-serif; font-size:11px; background-color: #006ab3; color: #ffffff; font-weight: 800;}
.titrefondbleu2				{height:35px; margin-top: 5px; margin-right: 5px; padding: 3px 0px 3px 5px; font-family: Arial, Helvetica, sans-serif; font-size:11px; background-color: #004091; color: #ffffff; font-weight: 800;}
.titrefondbleu a:link		{color: #ffffff; text-decoration: underline; font-weight: 800;}
.titrefondbleu a:visited	{color: #ffffff; text-decoration: underline; font-weight: 800;}
.titrefondbleu a:hover		{color: #ffffff; text-decoration: none; font-weight: 800;}
.trorange					{background: #fff5da;}
.tdbleu						{background: #006ab3; color: #ffffff; font-size:12px; font-weight: 800; text-align: center; height:25px;}
.tdbleu2					{background: #006ab3; color: #ffffff; font-size:12px; font-weight: 800; text-align: center; height:40px;}
.tdrouge					{background: #ff0000; color: #ffffff; font-size:12px; font-weight: 800; text-align: center; height:25px;}
.tdvert						{background: #00CC00; color: #ffffff; font-size:12px; font-weight: 800; text-align: center; height:25px;}
.tabgauchelignhaut			{text-align: right; border-top-width: 1px; border-top-style: solid; border-top-color: #808080; width: 50%; padding-right: 5px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px;}
.tabdroitelignhaut			{text-align: left; border-top-width: 1px; border-top-style: solid; border-top-color: #808080; width: 50%; color: #006ab3; padding-left: 5px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold;}
.tabgauchelignhaut25		{text-align: right; border-top-width: 1px; border-top-style: solid; border-top-color: #808080; width: 25%; padding-right: 5px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px;}
.tabgauchelignhaut45		{text-align: right; border-top-width: 1px; border-top-style: solid; border-top-color: #808080; width: 45%; padding-right: 5px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px;}
.tabdroitelignhaut25		{text-align: left; border-top-width: 1px; border-top-style: solid; border-top-color: #808080; width: 25%; color: #006ab3; padding-left: 5px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold;}
.tabgauchelignhaut33		{text-align: right; border-top-width: 1px; border-top-style: solid; border-top-color: #808080; width: 33%; padding-right: 5px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px;}
.tabdroitelignhaut66		{text-align: left; border-top-width: 1px; border-top-style: solid; border-top-color: #808080; width: 66%; color: #006ab3; padding-left: 5px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold;}
.tabdroitelignhaut16		{text-align: center; border-top-width: 1px; border-top-style: solid; border-top-color: #808080; width: 16%; color: #006ab3; padding-left: 5px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold;}
.tabdroitelignhaut75		{text-align: left; border-top-width: 1px; border-top-style: solid; border-top-color: #808080; width: 75%; color: #006ab3; padding-left: 5px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold;}
.tabgauchelignhaut100		{text-align: center; border-top-width: 1px; border-top-style: solid; border-top-color: #808080; width: 100%; padding-right: 5px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px;}
.tabdroitelignhautP1		{text-align: center; border-top-width: 1px; border-top-style: solid; border-top-color: #808080; width: 5%; color: #669999; padding-left: 5px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold;}
.tabdroitelignhautP2		{text-align: center; border-top-width: 1px; border-top-style: solid; border-top-color: #808080; width: 5%; color: #FF0000; padding-left: 5px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold;}
.tabdroitelignhautP3		{text-align: center; border-top-width: 1px; border-top-style: solid; border-top-color: #808080; width: 5%; color: #006ab3; padding-left: 5px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold;}
.tabdroitelignhaut16b		{text-align: center; border-top-width: 1px; border-top-style: solid; border-top-color: #808080; border-left-width: 1px; border-left-style: dashed; border-left-color: #808080; border-right-width: 1px; border-right-style: dashed; border-right-color: #808080; width: 16%; color: #006ab3; padding-left: 5px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold;}
.tabdroitelignhaut16c		{text-align: center; width: 16%; color: #006ab3; padding-left: 5px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold;}


/* structure bas de page */
.basgauche	{padding-left: 100px; padding-top:10px; text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 10px;}
.basdroite	{float: right; width: 100px; padding-right: 20px; padding-top:10px; font-family: Arial, Helvetica, sans-serif; font-size: 10px;}
.bas		{float: left; background-image:url(images/visuel2_07.jpg); width:1000px; height:40px;}
.bas2		{text-align:center; font-family: Arial, Helvetica, sans-serif; font-size: 10px; margin-top:5px;}

/* structure du div gauche */
.titrehg	{height: 25px;	width: 168px; font-family: Verdana, Arial, Helvetica, sans-serif;	text-align: center;	font-size: 12px;	font-style: normal;	font-weight: bold;	color: #006ab3;	line-height: 18px;	padding: 0px;	}
.boiteg				{border-width: 1px;	border-style: solid;height: 105px; border-color: #008585; width: 168px;	padding:10px 5px 5px 5px; margin: 0px 0px 5px 18px; font-size: 9px;	font-family: Arial, Helvetica, sans-serif;}
/* Actualités*/
.AccueilTitreActu		{background-image: url(images/fond_deg_bleu2-20.gif); height: 20px;	width: 178px; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: center; font-size: 12px; font-weight: bold; color: #006ab3; line-height: 18px; padding: 0px; border: 1px solid #008585; margin: 0px 0px 0px 18px}
.AccueilTitreActudroite	{background-image: url(images/fond_deg_bleu2-20.gif); height: 20px;	width: 178px; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: center; font-size: 12px; font-weight: bold; color: #006ab3; line-height: 18px; padding: 0px; border: 1px solid #008585; margin: 0px 0px 0px 0px}
.Accueilboite			{border-right: 1px solid #008585; border-left: 1px solid #008585; border-bottom: 1px solid #008585; width: 168px; padding : 5px; margin: 0px 0px 5px 18px}
.Accueilboitedroite		{border-right: 1px solid #008585; border-left: 1px solid #008585; border-bottom: 1px solid #008585; width: 168px; padding:10px 5px 5px 5px; margin: 0px 0px 5px 0px}
.AccueilboiteActu		{border-right: 1px solid #008585; border-left: 1px solid #008585; border-bottom: 1px solid #008585; width: 168px; height: 130px; padding : 5px; margin: 0px 0px 0px 18px}
.deroul					{font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 7pt;}


/* structure du div droite */
.boited { float:left;	border: 1px solid #008585;	width: 168px;	padding:10px 5px 5px 5px;	font-size: 9px;	font-family: Arial, Helvetica, sans-serif;margin :0px 0px 5px 0px}
.titrehd {	height: 25px;	width: 168px;	text-align: center;	line-height: 18px;	padding: 0px;	font-family: Verdana, Arial, Helvetica, sans-serif;	text-align: center;	font-size: 12px;	font-style: normal;	font-weight: bold;	color: #006ab3;}

/* mise en page div calendrier*/
.caltitre {	font-family: Arial, Helvetica, sans-serif;	font-size: 9px;	font-weight: bold;	color: #707F86;	background-image:url(images/droite_fond_cal3.gif); background-repeat:repeat-x;	height: 15px;	width: 160px;	border-width: 1px 1px 1px 1px;	border-style: solid solid none solid;	border-color: #006ab3;	padding: 1px 4px 1px 4px;	margin-right: auto;	margin-left: auto;	text-align: center;	line-height: 15px;}
.caltitre2 {	font-family: Arial, Helvetica, sans-serif;	font-size: 9px;	line-height: 15px;	font-weight: bold;	color: #707F86;	text-align: center;	padding: 0px;	width: 170px;	margin-right: auto;	margin-left: auto;	border: 1px solid #006AB3;	height: 15px; background-image:url(images/droite_fond_cal.gif); background-repeat:repeat-x}
.caltitre3 {	font-family: Arial, Helvetica, sans-serif;	font-size: 9px;	line-height: 15px;	font-weight: bold;	color: #707F86;	background-color: #d9e9f4;	text-align: center;	padding: 0px;	width: 170px;	margin-right: auto;	margin-left: auto;	border: 1px solid #006AB3;	height: 15px;}
.caltitre3 td {	border: 1px solid #00487a;	width: 19px;}


/* mise en page du calendrier*/
/* mise en page de la page calendrier*/
.boitecd		{border-width:0px 1px 1px 1px; border-style: none solid solid solid; border-color: #008585; padding: 10px 5px 10px 5px; margin:0px 0px 0px 15px; font-size: 9px; font-family: Arial, Helvetica, sans-serif; width: 758px; float:left;}
.titrehmd		{background-image: url(images/fond_deg_bleu2-20.gif); height: 20px; width: 768px; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: center; font-size: 12px; font-weight: bold; color: #006ab3; line-height: 18px; padding: 0px; border: 1px solid #008585; margin: 0px 0px 0px 205px;}
.titreadmin		{background-image: url(images/fond_deg_bleu2-20.gif); height: 20px; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: left; font-size: 12px; font-weight: bold; color: #006ab3; line-height: 18px; padding: 0px; border: 1px solid #008585; margin: 5px 5px 15px 0px; padding-left:5px;}

/*fin*/

.ButtonBar { width:99%; WIDTH: 99%; background-image:url(images/fond_deg_gris2-30.gif); PADDING-TOP: 1px; MARGIN-TOP: 8px; HEIGHT: 30px;}
.ButtonFont {font-weight:bold; font-size: 9pt; font-family:Arial;}
.ButtonOver { border: #3b619c 1px solid; cursor: hand; height: 27px; background-image:url(images/fond_deg_vertbouton-30.gif); }
.SemaineTableauPrincipal {	padding:0px; border:gray 1px solid;	 border-collapse: collapse; height :90%;	}
.SemaineFondCellule { border:gray 1px solid;	border-collapse:collapse; background-color:#e5f0f7; text-align:left;}
.SemaineCouleurBarDate {	border-top: #3b619c 1px solid; border-bottom: #3b619c 1px solid; font-weight: bold; font-size: 9pt; background-image:url(images/fond_deg_bleu-20.gif); width: 14%; color: white;  font-family: arial; text-align: left;}
.SemaineCouleurBarDate2 {	border-top: #3b619c 1px solid; font-weight: bold; font-size: 9pt; background-image:url(images/fond_deg_bleu3-20.gif); width: 14%; color: white; border-bottom: #3b619c 1px solid; font-family: arial; text-align: left;}
.SemaineDimension {	width: 100%; }
.MoisBarEnteteJour2 {	border-top: #3b619c 1px solid; font-weight: bold; font-size: 9pt; background-image:url(images/fond_deg_bleu-20.gif); width: 14%; color: white; border-bottom: #3b619c 1px solid; font-family: arial; text-align: center;}
.MoisCouleurBarDate {	font-weight: normal; font-size: 8pt; background-image:url(images/fond_deg_vert-20.gif); color: black; font-family: arial;}
.MoisCouleurBarDate2 {	font-weight: normal; font-size: 8pt; background-image:url(images/fond_deg_rouge-20.gif); color: black; font-family: arial;}
.MoisCadreBarDate {	border: #008585 1px solid;  padding:0px; width:99%; border-collapse: collapse; height: 60%;}
.MoisTableauFond {	padding: 0px 0px 0px 0px; Border-style: none; Border-collapse: collapse; height: 96%; background-color: white; }
.MoisCelluleJour2 {	border: gray 1px solid; vertical-align: top; Border-collapse: collapse;	background-color: #e5f0f7;	text-align: center; }
.MoisCelluleJour {	border:gray 1px outset;	vertical-align: top;	Border-collapse: collapse;	background-color:#ffffff;	text-align:left;	height: 60px;}
.MoisDimmensionJour {width: 100%; }
.MoisEvenementCadre {border: black 1px solid; padding:1px; width: 100%;  Border-collapse: collapse;	text-align:left;}
.MoisEvenementCellule {	width: 90%; padding-left:3px; text-align:left;}
.MoisTitreEvenement{font-size:7pt;}

/*accueil mise en page*/
/*texte 1*/
.boiteAccueil {	width:575px; padding:0px; float:left; height: 100%; text-align:justify}
.AccueilTitreAccueil {	background-image: url(images/fond_deg_bleu2-20.gif);	height: 20px;	width: 580px;	border : 1px solid #008585;	font-family: Verdana, Arial, Helvetica, sans-serif;	text-align: center;	font-size: 12px; font-weight: bold; color :#006ab3;	line-height: 18px;	margin: 0px;	padding: 0px;	text-indent: 10px;}
.accueilText { width: 570px;  padding:5px 5px 15px 5px; border-right: 1px solid #008585; border-left: 1px solid #008585;	border-bottom: 1px solid #008585; margin: 0px 0px 5px 0px;}

/*Demande d'emploi*/
.boitedemande {	width:575px; padding:0px; float:left; height: 105px; text-align:justify}
.accueilTitreDemande {	background-image: url(images/fond_deg_bleu2-20.gif);	height: 20px;	width: 580px;	border : 1px solid #008585;	font-family: Verdana, Arial, Helvetica, sans-serif;	text-align: center;	font-size: 12px; font-weight: bold; color :#006ab3;	line-height: 18px;	margin: 0px;	padding: 0px;	text-indent: 10px;}
.accueilTextDemande { width: 570px;  padding:5px 5px 5px 5px; border-right: 1px solid #008585; border-left: 1px solid #008585;	border-bottom: 1px solid #008585; }
.lienplus{text-align:right; margin:5px 0px 0px 5px}

.fondmarron {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #FFFFFF; background-color: #669999; margin-right: 5px;	margin-left: 5px;	height: 22px; font-weight: bold; line-height: 20px; padding-left: 5px; margin-bottom: 10px;}
.fondmarron a:link			{color: #ffffff; text-decoration: underline; font-weight: 800;}
.fondmarron a:visited		{color: #ffffff; text-decoration: underline; font-weight: 800;}
.fondmarron a:hover			{color: #ffffff; text-decoration: none; font-weight: 800;}
.fondorange {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #FFFFFF; background-color: #fe8900; margin-right: 5px;	margin-left: 5px;	height: 22px; font-weight: bold; line-height: 20px; padding-left: 5px; margin-bottom: 10px;}
.fondorange a:link			{color: #ffffff; text-decoration: underline; font-weight: 800;}
.fondorange a:visited		{color: #ffffff; text-decoration: underline; font-weight: 800;}
.fondorange a:hover			{color: #ffffff; text-decoration: none; font-weight: 800;}
.fondrouge {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #FFFFFF; background-color: #ff0000; margin-right: 5px;	margin-left: 5px;	height: 22px; font-weight: bold; line-height: 20px; padding-left: 5px; margin-bottom: 10px;}
.fondrouge a:link			{color: #ffffff; text-decoration: underline; font-weight: 800;}
.fondrouge a:visited		{color: #ffffff; text-decoration: underline; font-weight: 800;}
.fondrouge a:hover			{color: #ffffff; text-decoration: none; font-weight: 800;}

/*lightbox*/
#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #008585;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: url('scripts/blank.gif') no-repeat; /* Trick IE into showing hover */
	display: block
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url('scripts/prev.gif') no-repeat left 0%; }
#nextLink:hover, #nextLink:visited:hover { background: url('scripts/next.gif') no-repeat right 0%; }


#imageDataContainer{
	font: 10px Arial, Verdana, Helvetica, sans-serif;
	background-color: #008585;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{	padding:0 10px; color: #FFFFFF; font-weight: bold;}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	

#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #008585;
	}
	

/* Min-Width */
.lbWidth { /* most browsers */
	position: absolute;
	top: 0px; left: 0px;
	width: 100%;
	min-width: 790px;
	}

* html .lbContent { /* IE6 */
	margin-left: -790px;
	position:relative;
	}

* html .lbMinWidth { /* IE6 */
	padding-left: 790px;
	}
	
	
/* Clearfix */	
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
