* {
padding: 0;
margin: 0;
}
body {
font-family: arial, verdana, helvetica, sans-serif;
font-size: 75%;
}
h1 {
font-size: 1.4em;
padding: 10px 10px 0;
}
p {
padding: 0 10px 1em;
}

html, body {
height: 100%;
}


#container {
min-height: 100%;
background-color: #FAFAFA;
border-left: 2px solid #666;
border-right: 2px solid #666;
border-left: 2px solid #666;
border-top: 2px solid #666;
border-bottom: 2px solid #666;
width: 80%;
margin: 0 auto;
margin-top:40px;
}

* html #container {
height: 100%;
}

A {
	COLOR: #000
}
A:visited {
	COLOR: #111
}
A:active {
	COLOR: #336699
}
A:hover {
	TEXT-DECORATION: none
}

table.fond{
   background-image: url('/images/headbg.jpg');
}


.preload1 {background: url(/images/H2a.gif);}
.preload1 {background: url(/images/H2b.gif);}

.prodrop4 {padding:0 0 0 0px; margin:0; list-style:none; height:36px; background:transparent url(/images/Hback.gif); position:relative; z-index:500; font-family:arial, verdana, sans-serif;}
.prodrop4 li.top {display:block; float:left;}
.prodrop4 li a.top_link {display:block; float:left; height:36px; line-height:27px; color:#666; text-decoration:none; font-size:11px; font-weight:bold; padding:0 0 0 10px; cursor:pointer;background: url(/images/H0a.gif) no-repeat;}
.prodrop4 li a.top_link span {float:left; display:block; padding:0 20px 0 10px; height:36px;background:url(/images/H0b.gif) right top;}
.prodrop4 li a.top_link:hover {color:#000; background: url(/images/H2a.gif) no-repeat; line-height:25px;}
.prodrop4 li a.top_link:hover span {background:url(/images/H2b.gif) no-repeat right top;}

.prodrop4 li:hover > a.top_link {color:#000; background: url(/images/H2a.gif) no-repeat; line-height:25px;}
.prodrop4 li:hover > a.top_link span {background:url(/images/H2b.gif) no-repeat right top;}


.prodrop4 table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

.prodrop4 a:hover {visibility:visible; position:relative; z-index:200;}
.prodrop4 li:hover {position:relative; z-index:200;}

/* keep the 'next' level invisible by placing it off screen. */
.prodrop4 ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

.prodrop4 ul.sub1 {width:160px;}
.prodrop4 ul.sub2 {width:110px;}
.prodrop4 ul.sub3 {width:150px;}
.prodrop4 ul.sub4 {width:200px;}

.prodrop4 :hover ul {left:0; top:35px; background: #b9d3fb; padding:3px; border:1px solid #3a93d2; border-width:0 1px 1px; white-space:nowrap; height:auto; z-index:300;}
.prodrop4 :hover ul li {display:block; height:20px; position:relative; font-weight:normal; width:auto;}
.prodrop4 :hover ul li a {display:block; font-size:11px; height:20px; line-height:20px; width:auto; padding:0 10px; color:#000; text-decoration:none;}
.prodrop4 :hover ul li a:hover {background:#3a93d2; color:#fff;}


/*========================================================*/
#dlmenu {
	HEIGHT: 10em float:left; width:200px;
}
#menu {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; Z-INDEX: 100; BACKGROUND: #fff; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 10px; WIDTH: 15em; PADDING-TOP: 0px; LIST-STYLE-TYPE: 

none; POSITION: absolute
}
#menu LI {
	PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; Z-INDEX: 100; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; POSITION: relative
}
#menu LI A {
	DISPLAY: block; TEXT-DECORATION: none
}
#menu LI A:visited {
	DISPLAY: block; TEXT-DECORATION: none
}
#menu LI DD {
	DISPLAY: none
}
#menu LI:hover {
	BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px
}
#menu LI A:hover {
	BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px
}
#menu LI:hover DT A {
	BACKGROUND: url(/images/top_grad_2.gif) #d4d8bd center center; COLOR: #336699
}
#menu LI A:hover DT A {
	BACKGROUND: url(/images/top_grad_2.gif) #d4d8bd center center; COLOR: #336699
}
#menu LI:hover DD {
	DISPLAY: block
}
#menu LI A:hover DD {
	DISPLAY: block
}
#menu LI:hover DL {
	BACKGROUND: url(/images/sub_grad.gif) #b4be9c; HEIGHT: 10em
}
#menu LI A:hover DL {
	BACKGROUND: url(/images/sub_grad.gif) #b4be9c; HEIGHT: 10em
}
#menu TABLE {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 1em; PADDING-BOTTOM: 0px; MARGIN: -4px; PADDING-TOP: 0px; BORDER-COLLAPSE: collapse
}
#menu DL {
	BACKGROUND: #6f9c6f; MARGIN: 0px; WIDTH: 15em; CURSOR: pointer
}
#menu DT {
	PADDING-RIGHT: 0px; BORDER-TOP: #cce 1px solid; PADDING-LEFT: 0px; FONT-SIZE: 1.1em; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
#menu DD {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 1em; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; TEXT-ALIGN: left
}
.gallery DT A {
	PADDING-RIGHT: 5px; DISPLAY: block; PADDING-LEFT: 10px; BACKGROUND: url(/images/top_grad.gif) #949e7c center center; PADDING-BOTTOM: 5px; COLOR: #fff; PADDING-TOP: 5px
}
.gallery DT A:visited {
	PADDING-RIGHT: 5px; DISPLAY: block; PADDING-LEFT: 10px; BACKGROUND: url(/images/top_grad.gif) #949e7c center center; PADDING-BOTTOM: 5px; COLOR: #fff; PADDING-TOP: 5px
}
.gallery DD A {
	PADDING-RIGHT: 5px; DISPLAY: block; PADDING-LEFT: 20px; MIN-HEIGHT: 1em; BACKGROUND: url(/images/sub_grad.gif) #b4be9c; PADDING-BOTTOM: 4px; COLOR: #000; PADDING-TOP: 4px; 

TEXT-DECORATION: none
}
.gallery DD A:visited {
	PADDING-RIGHT: 5px; DISPLAY: block; PADDING-LEFT: 20px; MIN-HEIGHT: 1em; BACKGROUND: url(/images/sub_grad.gif) #b4be9c; PADDING-BOTTOM: 4px; COLOR: #000; PADDING-TOP: 4px; 

TEXT-DECORATION: none
}
 HTML .gallery DD A {
	HEIGHT: 1em
}
 HTML .gallery DD A:visited {
	HEIGHT: 1em
}
.gallery DD A:hover {
	BACKGROUND: #7aa; COLOR: #ff0
}

/* =====================================================================================================*/
.out {
  display:block; 
  background:#bbb; 
  border:1px solid #ddd; 
  position:relative;
  margin:1em 0;
  }
.in {
  text-align:center; 
  background:#fff; 
  border:1px solid #555; 
  position:relative; 
  padding:5px;
  font-weight:normal;
  }
.ltin {
  left:-5px;
  }
.tpin {
  top:-5px;
  }
.narrow {width:8em;} /* change to suit */
h4 {font-weight:bold; color:#000;}

/*=============================================================================================================*/
.virtualpage, .virtualpage2, .virtualpage3{
/*hide the broken up pieces of contents until script is called. Remove if desired*/
display: none;
}

.paginationstyle{ /*Style for demo pagination divs*/

text-align: center;
padding: 2px 0;
margin: 10px 0;
}

.paginationstyle select{ /*Style for demo pagination divs' select menu*/
border: 1px solid navy;
margin: 0 15px;
}

.paginationstyle a{ /*Pagination links style*/
padding: 0 5px;
text-decoration: none;
border: 1px solid black;
color: navy;
background-color: white;
}

.paginationstyle a:hover, .paginationstyle a.selected{
color: #000;
background-color: #FEE496;
}

.paginationstyle a.imglinks{ /*Pagination Image links style (class="imglinks") */
border: 0;
padding: 0;
}

.paginationstyle a.imglinks img{
vertical-align: bottom;
border: 0;
}

.paginationstyle a.imglinks a:hover{
background: none;
}

.paginationstyle .flatview a:hover, .paginationstyle .flatview a.selected{ /*Pagination div "flatview" links style*/
color: #000;
background-color: yellow;
}

/****************************************************************************************************************************/
div.pagination {
	padding:3px;
	margin:3px;
	text-align:center;
}

div.pagination a {
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	border: 1px solid #9aafe5;
	
	text-decoration: none; 
	color: #2e6ab1;
}
div.pagination a:hover, div.pagination a:active {
	border: 1px solid #2b66a5;
	color: #000;
	background-color: lightyellow;
}
div.pagination span.current {
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	border: 1px solid navy;
	font-weight: bold;
	background-color: #2e6ab1;
	color: #FFF;
}
div.pagination span.disabled {
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	border: 1px solid #929292;
	color: #929292;
}