/* ZERO OUT GLOBAL ELEMENTS --------------------------------- */
/* --------------------------------------------------------- */

body, p, pre, h1, h2, h3, h4, h6, form, input {
margin:0pt;
padding:0pt;
}



html  {
   height:  100%; 
}

/* SET THE BODY STYLES ------------------------------------- */
/* --------------------------------------------------------- */

body {
  font: 100% Verdana, sans-serif;
  color: #FFFFFF;
  background: #999999;
  text-align: center; /* Centers the page in various versions of WinIE5. */
  position:  relative;
  height:  auto  !important;
  height:  100%;
  min-height:  100%;
  margin:  0;
  padding:  0;
}

/* STYLE THE MAIN WRAPPER DIV ------------------------------- */
/* --------------------------------------------------------- */

#wrapper {
  text-align: left; /* Resets the text alignment to left to override what was set for versions of WinIE5. */
  margin: 0px auto; /* Centers the content of the page within the window in all but versions of WinIE5. */
  width: 780px; /* Sets the overall width of the layout. */
}

/* STYLE THE HEADER DIV ------------------------------------ */
/* --------------------------------------------------------- */

#header {
  background: url(images/header_bg.jpg) no-repeat center top;
  height: 150px;
  width:100%;
  margin: 0px auto;
}

/* STYLE THE TOP-RIGHT BLOCK DIV ------------------------------------ */
/* ------------------------------------------------------------------ */

#toprightblock {
  float: right; 
  width: 428px;
  height: 30px;
  font-size: 10px;
  color: #ffffff;
  font-weight : Bold;
  text-align: right;
  vertical-align:middle;
  margin-top:1px;
  margin-right:5px;
}

#toprightblock img,
#toprightblock input {
 display:inline;
 vertical-align:middle;
}

#searchtext
{ border-right: 1px solid;
  border-top: 1px solid;
  border-left: 1px solid;
  border-bottom: 1px solid;
  font-family:: Verdana, Arial, Helvetica, Sans-serif;
  background-color: #ffffff;
  font-size: 10px;
  color: #000000;
  border-color: #A5ACB2;
  width: 120px;
 }

#submitsearch
{ BORDER-RIGHT: 1px solid;
  BORDER-TOP: 1px solid;
  BORDER-LEFT: 1px solid;
  BORDER-BOTTOM: 1px solid;
  color: black;
}

/* STYLE THE NAVIGATION     ---------------------------------*/
/* --------------------------------------------------------- */
#navbar {
 float:left;
 clear:left;
 width:780px;
 height:34px;
 vertical-align:middle;
 padding:7px 0px 0px 5px;
 background: #000000 url(images/navbar_bg.jpg) no-repeat left top;
 
 voice-family:"\"}\""; 
 voice-family:inherit;
 width:775px;
 height:27px;
}

html>body #navbar { /* Opera 5 */
  width:775px 
  height:27px;
}


#navbar ul,
#navbar li
{
  float:left;
  list-style:none;
  vertical-align:middle;
  text-align:Left;
  margin:0;
  padding-left:1px;
}

#navbar li{
  background: #1E2126 url(images/navbut_bg.jpg) no-repeat left top;
  border: 1px #514F3A solid;
  margin: 2px;
  height: 20px;
}

#navbar a{
   padding-top:0px;
   padding-bottom:0px;
}

#navbar a:link,
#navbar a:visited
{
  color:#DDE4EB;
  font-size:12px;
  text-decoration:none;
}

#navbar a:hover{
  color: #FFFFFF;
}

#navbar a:link,
#navbar a:visited 
{
  text-decoration:none;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:12px;
  font-weight:bold;
  margin-left:20px;
  margin-right:10px;
  margin:0 10px 0 20px;
  color:#FFFFFF;
}

#navbar a:hover {
 color: #bFbDa6;
}

#header-spacer {
   clear:both;
   width:780px;
   background: #011F39 url(images/pageheader_bg.jpg) no-repeat left top;
   margin:  0  auto;
   vertical-align:  bottom;
   padding: 1px 0;

}

/* STYLE THE INNER WRAPPER THAT HOLDS THE COLUMNS ---------- */
/* --------------------------------------------------------- */
#innerwrapper {
  position:relative;
  background: #011F39 url(images/pageheader_bg.jpg) no-repeat left top;
  /*background-color: #011F39;*/
  float: left; /* Floating all columns and their container helps avoid IE bugs.*/
  width: 780px; /* Sets the width of the column container to 641 pixels, the total width of the layout. */
  /*padding: 1px 0px; /* This odd padding is added to the top and bottom of the DIV to avoid the escaping margin effect. */
  padding 120px 0 0 0;
}



/* STYLE THE CONTENT COLUMN --------------------------------- */
/* --------------------------------------------------------- */

#page {
  float: right; 
  width: 580px; 
  background: transparent url(images/content_bbg.png) no-repeat scroll 0pt 100%;
  margin:0px 0pt 10px;
  padding:25px 0px 15px 0px;
}

#content {
  width: 580px; 
  background: transparent url(images/content_bg.png) no-repeat scroll 0pt 0pt;
  padding:10px 0pt 0pt 1px;
}



#page1 {
  float: right; 
  width: 580px; 
  background: transparent url(images/content_bbg.png) no-repeat scroll 0pt 100%;
  margin:0px 0pt 10px;
  padding:5px 0px 15px 0px;
}

#content1 {
  width: 580px; 
  background: transparent url(images/content_bg.png) no-repeat scroll 0pt 0pt;
  padding:10px 0pt 0pt 1px;
}


#page2 {
  float: right; 
  width: 580px; 
  background: transparent url(images/content_bbg.png) no-repeat scroll 0pt 100%;
  margin:0px 0pt 10px;
  padding:5px 0px 15px 0px;
}

#content2 {
  width: 580px; 
  background: transparent url(images/content_bg.png) no-repeat scroll 0pt 0pt;
  padding:10px 0pt 0pt 1px;
}


  
/* STYLE THE SIDE BAR -------------------------------------- */
/* --------------------------------------------------------- */

#sidebarwrapper {
  float: left; 
  width: 194px; 
  padding: 25px 0 0 0;
}



/* SIDE BLOCK */
.sideblock {
  float: right; 
  width: 184px; 
  background: transparent url(images/sideblock_bbg.png) no-repeat scroll 0pt 100%;
  margin:1px 0pt 10px;
  padding:0pt 0pt 10px;
}

.sideblock-content {
  width: 184px; 
  background: transparent url(images/sideblock_bg.png) no-repeat scroll 0pt 0%;
  padding:5px 0px 0pt;
  z-index:100;
}
  
.sideblock h2{
  /*background-color:#4A637B;*/
  font-size: 14px; 
  font-weight: bold;
  color:#DDE4EB; 
  padding: 5px 10px;
  margin:5px 5px 5px;
  line-height:190%;
}


.sideblock-content p{
  font-size: 70%; 
  color:#DDE4EB; 
  padding-left:5px; 
  padding-right:3px;
  line-height:100%;
}


/* &#240;&#224;&#231;&#228;&#229;&#235;&#232;&#242;&#229;&#235;&#252; */
/*
.sideblock hr{
  color:#233D57;
  margin-top:10px;
  margin-bottom:10px
  border: 1px solid #233D57;
  border-color:#233D57;
  width:170px;
}
*/

/*----------------------FOOTER -------------------------------------*/
/*------------------------------------------------------------------*/

#footer  {
   clear:both;
   background-color:#557FA9;
   margin: 0px auto;
}


/* copyrights */
#copyright  {
  float left;
  position:relative;
  width:200px;
}

#copyright p  {
  padding: 10px 15px;
  font-size:10px;
  font-weight:bold;  
}


#copyright a,
#copyright a:visited {
  color:#EEEEEE; 
  font-weight:bold;  
}

#count-bottom {
  text-align:center;
}

/* Footer navigation */

#footernavwrapper{
   float:right;
   margin: 0px auto;
   text-align:right;
}

#footernav {
   display:inline;
} 

#footernav ul,
#footernav li,
#footernav p,
#footernav span
{
  float:left;
  list-style:none;
  margin:0; padding:0;
}

#footernav li,
#footernav a:link,
#footernav a:visited,
#footernav p,
#footernav span
{
  padding-top:10px;
  color:#000000;
  font-size:10px;
  text-decoration:none;
}
#footernav a:hover{
  text-decoration:underline;
}

#footernav span{
   padding-left:20px;
}

/*---------------------- CATALOG MENU-------------------------------*/
/*------------------------------------------------------------------*/
.sidenav ul
{
  list-style:none;
  text-align:Left;
  margin:2px 0px;
  padding:0px 2px;
}

.sidenav ul li{
  overflow:hidden;
  list-style:none;
  text-align:Left;
  background: #1E2126 url(images/navbut_bg.jpg) no-repeat left top;
  border: 1px #557FA9 solid;
  height:15px;
  margin: 2px;
  padding:5px 2px;
  width:168px;
  font-size:9px;
}

.sidenav ul li ul {
  display: none;
}

.sidenav ul li a{
   padding-left:20px;
}
.sidenav ul li a:link,
.sidenav ul li a:visited
{
  display:block; 
  color:#DDE4EB;
  font-size:10px;
  font-weight:bold;
  text-decoration:none;
}
.sidenav ul li a:hover{
  color: #FFFFFF;
}

/*---------------------- NEWS --------------------------------------*/
/*------------------------------------------------------------------*/

/* news on sidebar */
.news-sidebar {
  padding: 10px 5px;
}

.news-sidebar:hover {
  color:#8196aE;
}

.news-sidebar h3{
  font-size:10px;
  font-weight:bold;
  padding:10px 0px 5px 20px;
  text-align:left;
}

.news-sidebar p{
  font-size: 70%; 
  color:#DDE4EB; 
  padding:5px 5px;
  line-height:100%;
  text-align:left;
}


.news-sidebar a:link,
.news-sidebar a:visited
{
  color:#DDE4EB; 
  font-size:10px;
  font-weight:bold;
  text-decoration:none;
}
.news-sidebar a:hover{
  color:#FFFFFF; 
}

.news-sidebar-bullet {
  float:left;
  height:11px; 
  width:9px; 
  border:0pt;
  padding: 10px 2px 0pt 5px;
}


.more {
  float:right;
  height:10px; 
  width:78px; 
  border:0pt;
  padding: 0pt 2px 0pt 2px;
}



/*---------------------- CONTENT --------------------------------------*/
/*---------------------------------------------------------------------*/


#content1 img{
  border: 1px #51667E solid;
  margin: 5px 5px;
  padding: 4px;
}


#content1 a img:hover {
   border: 1px #FFFFFF solid;
}


#content img{
  border: 1px #51667E solid;
  margin: 5px 5px;
  padding: 4px;
}


#content a img:hover {
   border: 1px #FFFFFF solid;
}

#content div{
  margin:0pt;
  padding:0pt 0pt 0pt 0px;
}  
  
#content p {
  font-size: 12px; 
  color:#DDE4EB; 
  padding-top: 5px;  
  padding-right: 10px;   
  padding-left: 15px; 
  margin:0;
  line-height:130%;
}

#content h1{
  text-decoration:none;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:14px;
  font-weight:bold;
  padding: 20px 10px 20px 25px;
  color:#FFFFFF;
}

#content h2,
#content h2 a,
#content h2 a:visited {
   font-size: 12px; 
   color:#a1b6cE; 
   padding-left:10px; 
   padding-right:5px; 
   font-weight:900;
   text-decoration:none;
}

#content  a:link,
#content  a:visited {
   font-size: 100%; 
   color:#8196aE; 
   text-decoration:none;
}

#content h2 a:hover,
#content a:hover{
  color:#d1e6fE;
}

#content h3 {
   font-size: 12px; 
   color:#8196aE; 
   padding-left:10; 
   padding-right:5; 
   font-weight:900
}

/*#content span {
	position: absolute;
	left: -3000px;
}*/

/*----------------------CATALOG LIST -------------------------------*/
/*------------------------------------------------------------------*/

.catlist ul
{
  list-style:none;
  text-align:Left;
  vertical-align:middle;
}

.catlist ul li{
  list-style:none outside URL(images/bullet2.gif);
  text-align:Left;  
  border: 0px;
  padding:5px 5px;
}

.catlist ul li a:link,
.catlist ul li a:visited
{
  color:#EDF4FB;
  font-weight:bold;
  text-decoration:none;
}
.catlist ul li a:hover{
  color: #FFFFFF;
}

.item-entry:hover {
  color:#ffffff;
}

/*---------------------CATALOG ITEM -------------------------------*/
/*------------------------------------------------------------------*/

/* image of item */
.item_image {
  float:left;
}

.paginate{
  font-size:10px;
  font-weight:bold;
  text-align:center;
}

