html,body  {
	font-family: arial, sans-serif;
	font-size: 12px;
	color: #000000;
	line-height: 18px;
	background: #d3c8b7;
	margin: 0;
	padding: 0;
	height: 100%;	
	text-align: center;
	background: url('/graphics/bg.gif') #917f64 ;
	background-repeat : repeat-x;

}
#container {
	position:relative; 
	width: 900px;
	height:auto !important;
	height:100%;
	margin: 0 auto 0 auto;
	background: url('/graphics/vert_bg.jpg') ;
	background-repeat : repeat-y;
	text-align: left;
	min-height:100%;

}

#header {
	width: 900px;
	height: 118px;
	background: url('/graphics/header.gif') ;
	background-repeat : no-repeat;
}

#content {
	width: 900px;
	min-height:700px;
	clear: both;
	padding-bottom: 80px !important;
	background: url('/graphics/main_bg2.jpg') ;
	background-repeat : no-repeat;
	margin: 0 auto 0 auto;

}

#topmenu {
	width: 802px;
	height: 29px;
	background: url('/graphics/menu_bg.gif') ;
	background-repeat : no-repeat;
	margin: 0 0 0 21px;
	color:#ae91c4;
}
#topmenu_int {
	padding: 7px 0 0 126px;
}

#leftmenu {
	width: 177px;
	min-height: 365px;
	background: url('/graphics/leftmenu_bg4.gif') ;
	background-repeat : no-repeat;
	margin: 0 0 0 16px;
	_margin: 0 0 0 8px;
	padding: 0 0 0 0;
	text-align:right;
	float:left;
}

#contentarea {
	width: 630px;
	float:right;
	margin-right:77px;
	background: url('/graphics/ct_top.gif') ;
	background-repeat : no-repeat;
}

#text {
	width: 550px;
	padding: 28px 0 15px 37px; 
}

#title {
	margin-left:-6px;
	color:#b02332;
	text-transform: uppercase;
	font-size:17px;
	font-family: times, serif;
}

#footlinkz {
	color: #8e8e78;
	margin-left: 49px;
	width: 752px;
	text-align: center;
	background: #f1f2e6;
	padding: 3px 0px;
}

a.footlinkz {
	color: #8e8e78;
	text-decoration: none;
}
a.footlinkz:hover {
	color: #4e70cc;
	text-decoration: underline;
}


#news {
	
	text-align: right;
	padding: 40px 13px 5px 50px;
	font-size: 11px;
	line-height:12px;
}

#menu {
	width: 303px;
	height: 575px;
	float:left;
}

#menubox {
	width: 245px;
	height: 376px;
	margin: 17px 0 0 25px;
	background: url('/graphics/menu_bg.gif');
	background-repeat : no-repeat;
}

#whitebar {
	width: 800px;
	height: 7px;
	background: #ffffff;
}

#footmenu {
	width: 800px;
	height: 21px;
	margin: 0 auto 0 auto;
	font-size:11px;
	background: url('/graphics/foot_bg.jpg');
	background-repeat : no-repeat;
	font-weight:bold;
	text-align:center;
	padding-top:2px;
}

#footer {
	width: 900px;
	height: 71px;
	position:absolute;
	bottom:0;
	font-size: 9px;
	background : url("/graphics/footer_bg.jpg");
	background-repeat : repeat-y;
	text-align: left;

}

#right_foot {
	color: #000000;
	float: right;
	padding-top: 6px;
	padding-right:93px;
}

#left_foot {
	color: #000000;
	float: left;
	padding-top: 6px;
	padding-left:93px;
}



#clear {
	clear: both;
}

p.solid {border-style: solid; } 






a {
	color: #b02332;
	text-decoration: none;
}
a:hover {
	color: #eee06a;
	text-decoration: underline;
}
a.topmenu {
	font-family: trebuchet ms, arial, sans-serif;
	color: #ffffff;
	text-decoration: none;
	text-transform:uppercase;
	font-size:11px;
	font-weight:bold;
}
a.topmenu:hover {
	color: #eee06a;
	text-decoration: none;
}
a.imedia {
	color: #000000;
	text-decoration: underline;
}
a.imedia:hover {
	color: #b02332;
	text-decoration: underline;
}
a.catalog {
	color: #7DAA9F;
	text-decoration: none;
	font-size: 8pt;
	font-weight: bold;
}
a.catalog:hover {
	color: #3362CD;
	text-decoration: none;
	font-size: 8pt;
	font-weight: bold;
}
a.news {
	color: #000000;
	text-decoration: none;
}
a.news:hover {
	color: #4e70cc;
	text-decoration: underline;
}
td.catalog {
	color: #7DAA9F;
	text-decoration: none;
	font-size: 10pt;
	font-weight: bold;
}

ul.news  {
	list-style-image: url("/graphics/box.gif"); 
	list-style-type: square;
	list-style-position: outside;
	margin:0px; 
	padding-left:36px;
	padding-right:30px;
	padding-top:13px;
}


  .wrap1, .wrap2, .wrap3 {
  display:inline-table;
  /* \*/display:block;/**/
  }
.wrap1 {
  float:left;
  background:url('/graphics/shadow.gif') right bottom no-repeat;
  }
.wrap2 {
  background:url('/graphics/corner_bl.gif') left bottom no-repeat;
  }
.wrap3 {
  padding:0 5px 5px 0;
  background:url('/graphics/corner_tr.gif') right top no-repeat;
  }
  
  
  
  .wrap3 img {
  display:block;
  }
  
  
  
  
  
 ul.splashmenu {
 	font-family: trebuchet ms, arial, sans-serif;
	padding:1px 0 0 0px;
	margin-left:5px;
	text-transform:uppercase;
	font-size:11px;
	white-space:nowrap;
	list-style-type:none;
	vertical-align:middle;
	
}
li.splashmenu {
	color:#000000;
	text-decoration:none;
	float:left;
	width:160px;
	height: 20px;
	padding-top:5px;
	padding-right:12px;
	border-bottom: solid 1px #f9f3c3;
}
li.splashmenu:hover {
	background : #f0e9b6;
	color:#363b74;
}


li.splashmenu2 {
	color:#000000;
	text-decoration:none;
	float:left;
	width:160px;
	height: 31px;
	padding-top:5px;
	padding-right:12px;
	border-bottom: solid 1px #f9f3c3;
	line-height: 12px;
}
li.splashmenu2:hover {
	background : #f0e9b6;
	color:#363b74;
}

li.splashmenu3 {
	color:#000000;
	text-decoration:none;
	float:left;
	width:160px;
	height: 18px;
	padding-top:5px;
	padding-right:12px;
	line-height: 12px;
}
li.splashmenu3:hover {
	background : #f0e9b6;
	color:#363b74;
}


a.splashmenu {
	color:#000000;
	text-decoration:none;
} 
a.splashmenu:hover {
	color:#b02332;
	text-decoration:none;
} 

.splashtitle {
	background: url('/graphics/splash_menu_title.gif') right top no-repeat;
	color: #000000;
	text-decoration: none;
	font-family: trebuchet ms, arial, sans-serif;
	font-size: 12px;
	padding-left: 20px;
}

.splashbttm {
	background: url('/graphics/splash_menu_bttm.gif') right top no-repeat;
}

.splashcopy {
    background: url('/graphics/index_bg.gif') right top repeat-x;
	color: #000000;
	text-decoration: none;
	font-family: trebuchet ms, arial, sans-serif;
	font-size: 12px;
}

a.splashcopy {
	color:#FFFFFF;
	text-decoration:none;
} 
a.splashcopy:hover {
	color:#FFFFFF;
	text-decoration:none;
} 
.splashcopy2 {
    background: url('/graphics/index_bg2.gif') right top repeat-x;
	color: #000000;
	text-decoration: none;
	font-family: trebuchet ms, arial, sans-serif;
	font-size: 12px;
	padding-left: 5px;
}

a.splashcopy2 {
	color:#FFFFFF;
	text-decoration:none;
} 
a.splashcopy2:hover {
	color:#FFFFFF;
	text-decoration:none;
} 






/* menu codes */




/* flyout menu code */

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/flyout2.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
.menu {
margin-top:10px;
z-index:1000;


}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
padding:0;
margin:0 0 0 5px;
list-style-type:none;
width:171px;
border:0px solid;
}
/* hack for IE5.5 */
* html .menu ul {margin-left:0px; ma\rgin-left:0;}
/* position relative so that you can position the sub levels */

.menu li {
position:relative;
height:25px;
text-align: right;

}

li.doubleline {
position:relative;
height:30px;
text-align: right;

}

li.subsz {
position:relative;
height:20px;
text-align: left;
text-indent: 5px;

}

li.substall {
position:relative;
height:30px;
text-align: left;
text-indent: 5px;

}

li.subs2 {
position:relative;
text-align: left;
text-indent: 15px;

}


/* get rid of the table */
.menu table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size:1em;}

/* style the links */
.menu a {
font-family: trebuchet ms, arial, sans-serif;
font-size: 11px;
color: #3a3231;
display:block; 
text-decoration:none;
height:25px;
line-height:25px;
width:160px;
color:#000;
text-transform: uppercase;
padding-right: 12px;
border:0px solid;
padding-top: 3px;
_padding-top: 0px;
.padding-top: 0px;
border-bottom: solid 1px #f9f3c3;
}


a.bottm {
font-family: trebuchet ms, arial, sans-serif;
font-size: 11px;
color: #3a3231;
display:block; 
text-decoration:none;
height:25px;
line-height:25px;
width:160px;
color:#000;
text-transform: uppercase;
padding-right: 12px;
border:0px solid;
padding-top: 3px;
.padding-top: 0px;


}



a.double {
font-family: trebuchet ms, arial, sans-serif;
font-size: 11px;
color: #3a3231;
display:block; 
text-decoration:none;
height:30px;
.height:27px;
_height:30px;
line-height:12px;
width:160px;
color:#000;
text-transform: uppercase;
padding-right: 12px;
border:0px solid;
padding-top: 3px;
.padding-top: 0px;
margin-top:5px;
border-bottom: solid 1px #f9f3c3;


}

a.subb  {
font-family: trebuchet ms, arial, sans-serif;
font-size: 10px;
color: #3a3231;
display:block; 
text-decoration:none;
text-align:left;
height:20px;
line-height:20px;
color:#000;
background: #d0ba64;
text-transform: uppercase;
padding: 0px;
margin: 0px;
border:0px solid;
width:160px;


}

a.subz_duble  {
font-family: trebuchet ms, arial, sans-serif;
font-size: 9px;
color: #3a3231;
display:block; 
text-decoration:none;
text-align:left;
height:30px;
line-height:12px;
color:#000;
background: #d0ba64;
text-transform: uppercase;
padding: 0px;
margin: 0px;
border:0px solid;
width:160px;

padding-top: 4px;

}



/* hack for IE5.5 */
* html .menu a, * html .menu a:visited {background: url("./graphics/spacer.gif"); width:165px; w\idth:160px;}
/* style the link hover */
* html .menu a:hover {color:#b02332;  text-decoration:none; background:#d0ba64;}

.menu :hover > a {
color:#b02332; 

}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
visibility:hidden;
position:absolute;
top:0;
left:168px;
_left:172px;
}
/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul {
visibility:visible;
background:#d0ba64;
}

/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{
visibility:hidden;
}
/* keep the fourth level hidden when you hover on second level list OR link */
.menu ul :hover ul :hover ul ul{
visibility:hidden;
}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ 
visibility:visible;
}
/* make the fourth level visible when you hover over third level list OR link */
.menu ul :hover ul :hover ul :hover ul { 
visibility:visible;
}
</style>
<!--[if IE 7]>
<style type="text/css">
.menu li {float:left;}
</style>
<![endif]-->