@charset "utf-8";
/* CSS Document */

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #E6E6E6;
}
 img, div { behavior: url(iepngfix.htc) }
.imagescont{
	margin:10px;
	border: 1px solid #0099FF;
	padding:5px;
}
img{ border:0px;}
.contenform{
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
border:1px solid #0099FF;
margin:10px;
padding:5px;
}
a:link {
}
.container {
	background-color:#FFFFFF;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}

/*Menu Bar*/
.chromestyle{
width: 100%;
font:normal 12px tahoma;
}

.chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.chromestyle ul{
border: 1px solid #BBB;
width: 100%;
background:#000000; /*THEME CHANGE HERE*/
padding: 4px 0;
margin: 0;
text-align: center; /*set value to "left", "center", or "right"*/
}

.chromestyle ul li{
display: inline;
}

.chromestyle ul li a{
color: #FFFFFF;
padding: 4px 7px;
margin: 0;
text-decoration: none;
/*border-right: 1px solid #DADADA;*/
}

.chromestyle ul li a:hover{
background:#FFFFFF; /*THEME CHANGE HERE*/
color:#000000;
}

.chromestyle ul li a[rel]:after{ /*HTML to indicate drop down link*/
/*content: " |";*/
/*content: " " url(downimage.gif); /*uncomment this line to use an image instead*/
}


/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
position:absolute;
top: 0;
border: 1px solid #0099FF; /*THEME CHANGE HERE*/
/*border-bottom-width: 0;*/
font: lighter 11px tahoma;
line-height:18px;
z-index:1000;
background-color: white;
width: 200px;
visibility: hidden;
filter: progid:DXImageTransform.Microsoft.Shadow(color=#CACACA,direction=135,strength=4); /*Add Shadow in IE. Remove if desired*/
filter: alpha(opacity=80); 
}


.dropmenudiv a{
width: auto;
display: block;
text-indent: 3px;
border-bottom: 1px solid #BBB; /*THEME CHANGE HERE*/
padding: 2px 0;
text-decoration: none;
font-weight: bold;
color: black;
}

* html .dropmenudiv a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
background-color: #000000;
color:#FFFFFF;
}

/*Carrousel*/


.glidecontentwrapper{
position: relative; /* Do not change this value */
width: 500px;
height: 300px; /* Set height to be able to contain height of largest content shown*/
/*border: 5px solid #687C98;*/
overflow: hidden;
}
/*
	Total wrapper width: 350px+5px+5px=360px
	Or width of wrapper div itself plus any left and right CSS border and padding
	Adjust related containers below according to comments
*/


.glidecontent{ /*style for each glide content DIV within wrapper.*/
position: absolute; /* Do not change this value */
background: white;
padding: 10px;
visibility: hidden;
width: 500px;
}
/*
 Total glidecontent width: 330px+10px+10px=350px
	Or width of wrapper div itself (not counting wrapper border/padding)
*/

.glidecontenttoggler{ /*style for DIV used to contain toggler links. */
width: 500px;
margin-top: 6px;
text-align: right;
position:relative;
top:-5px; /*How to align pagination links: "left", "center", or "right"
background: white; /*always declare an explicit background color for fade effect to properly render in IE*/
}
/*
 Total contenttoggler width: 350px+5px+5px=360px
	Or total width of wrapper div (counting wrapper border/padding)
*/

.glidecontenttoggler a{ /*style for every navigational link within toggler */
display: -moz-inline-box;
display: inline-block;
border: 1px solid black;
color: #2e6ab1;
padding: 1px 3px;
margin-right: 3px;
text-decoration: none;
font: lighter 11px tahoma;
}

.glidecontenttoggler a.selected{ /*style for selected page's toggler link. ".selected" class auto generated! */
background: #E4EFFA;
color: black;
}

.glidecontenttoggler a:hover{
background: #E4EFFA;
color: black;
}

.glidecontenttoggler a.toc{ /*style for individual toggler links (page 1, page 2, etc). ".toc" class auto generated! */
}

.glidecontenttoggler a.prev, .glidecontenttoggler a.next{ /*style for "prev" and "next" toggler links. ".prev" and ".next" classes auto generated! */
}

.glidecontenttoggler a.prev:hover, .glidecontenttoggler a.next:hover{
background: #1A48A4;
color: white;
}
/**********************************************/
.contentdiv{
	text-align:justify;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:10px;
	border: #0071BC solid 1px;
}
.contentdivprinder{
	text-align:justify;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:10px;
	border: #0071BC solid 1px;
	width:348px;
	float:right;
	height:250px;
	margin:10px;
}
.contentdivprinizq{
	text-align:justify;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:10px;
	border: #0071BC solid 1px;
	width:348px;
	height:250px;
	float:left;
	margin:10px;
}
.contentdivheader{
	text-align:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:5px;
	border: #0071BC solid 1px;
	color:#FFFFFF;
	background-color:#000000;
}
h2{
	color:#999999;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:lighter;
}
/****/
.accor{ /*header of 1st demo*/
cursor: hand;
cursor: pointer;
padding: 2px 5px;
border: 1px solid #0071BC;
background: #000000;
color:#FFFFFF;
font:Arial, Helvetica, sans-serif;
font-size:12px;
}

.openpet{ /*class added to contents of 1st demo when they are open*/
background: #999999;
}

/*******************/
#facebox .b {
  background:url(b.png);
}

#facebox .tl {
  background:url(tl.png);
}

#facebox .tr {
  background:url(tr.png);
}

#facebox .bl {
  background:url(bl.png);
}

#facebox .br {
  background:url(br.png);
}

#facebox {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 100;
  text-align: left;
}

#facebox .popup {
  position: relative;
}

#facebox table {
  margin: auto;
  border-collapse: collapse;
}

#facebox .body {
  padding: 10px;
  background: #fff;
  width: 370px;
}

#facebox .loading {
  text-align: center;
}

#facebox .image {
  text-align: center;
}

#facebox img {
  border: 0;
}

#facebox .footer {
  border-top: 1px solid #DDDDDD;
  padding-top: 5px;
  margin-top: 10px;
  text-align: right;
}

#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {
  height: 10px;
  width: 10px;
  overflow: hidden;
  padding: 0;
}
/*rss**/


/*#pscroller{
width: 250px;
height: 300px;
border: 1px solid #0071BC;
padding: 5px;
}

.rssclass .rsstitle{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#666666;
font-weight:bolder;
}

.rssclass .rssdate{
color: gray;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

.rssclass a{
text-decoration: none;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#0071BC;
font-weight:bolder;
}*/
.footercredit{
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#0071BC;
}
.footer{

}
.titlefield{ /*CSS for RSS title link in general*/
text-decoration: none;
font-size:14px;
}

.labelfield{ /*CSS for label field in general*/
color:brown;
font-size: 90%;
}

.datefield{ /*CSS for date field in general*/
color:gray;
font-size: 90%;
}
#example3{ /*Demo 3 main container*/
width: 250px;
height: 280px;
border: 1px solid navy;
padding: 4px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

#example3 div p{ /*Demo 3 P element that separates each entry*/
margin-top: 0;
margin-bottom: 7px;
}
code{ /*CSS for insructions*/
color: red;
}