/*
MAIN MENU
*/
ul.menulist
{
		margin:75px 0px 0px 80px;
		list-style: url(/images/li.gif);
}

.menulist, .menulist ul 
{
		width:135px;
		display:block;
		float:left;				
		margin: 0px;
		padding: 0px;
}

/*
 Submenus (<ul> tags) are hidden and absolutely positioned across from their parent.
 They don't *have* to touch their parent menus, but is' a good idea as CSS-only fallback
 mode requires menus to touch/overlap (when JS is disabled in the browser).
*/
.menulist ul 
{
 list-style:none;
 display: none;
 position: absolute;
 top: -1px;
 left: 135px;
 width:200px;
 background:#ffffff;
}

/*
 All menu items (<li> tags) are relatively positioned to correctly offset their submenus.
 They have borders that are slightly overlaid on one another to avoid doubling up.
*/
.menulist li {
 position: relative;
 margin-bottom: 5px;
}

.menulist ul>li:last-child {
 margin-bottom: 1px; /* Mozilla fix */
}

/* Links inside the menu */
.menulist a {
 display: block;
 padding: 3px;
 color:#302f2d;
 font-size:12px;
 font-weight:bold;
 text-decoration: none;
}

/*
 Lit items: 'hover' is mouseover, 'highlighted' are parent items to visible menus.
*/
.menulist a.highlighted {
 color: #FFF;
 background-color: #C86;
}

/*
 If you want per-item background images in your menu items, here's how to do it.
 1) Assign a unique ID tag to each link in your menu, like so: <a id="xyz" href="#">
 2) Copy and paste these next lines for each link you want to have an image:
    .menulist a#xyz {
      background-image: url(out.gif);
    }
    .menulist a#xyz:hover, .menulist a.highlighted#xyz, .menulist a:focus {
     background-image: url(over.gif);
    }
*/

.menulist a:hover, .menulist a.highlighted:hover, .menulist a:focus, li.selected, li.selected a {
 color: #FFF;
 background-color: #cc8866;
}

li.selected li, li.selected li a
{
	color:#000000;
background:#ffffff;
}
/* 'subind' submenu indicators, which are automatically prepended to 'A' tag contents. */
.menulist a .subind {
 float: right;
}

/*
 HACKS: IE/Win:
 A small height on <li> and <a> tags and floating prevents gaps in menu.
 * html affects <=IE6 and *:first-child+html affects IE7.
 You may want to move these to browser-specific style sheets.
*/
*:first-child+html .menulist li {
 float: left;
 width: 100%;
}

* html .menulist li {
 float: left;
 height: 1%;
}
* html .menulist a {
 height: 1%;
}
/* End Hacks */

html, body
{
	height:100%;
}
	
body
{
	padding:0px;
	margin:0px;
	background: #f1c88b ;
	font-family:Arial;		
	font-size:11px;
}
div.crosssiteform {
	margin:5px 20px 0px 10px;
	color:#302f2d;
	font-size:14px;
	position:absolute;
	background:#fff;		
}
a
{
	color:#30302e;
	font-family:Arial;
	text-decoration: none;
}

a:hover
{
	text-decoration: underline;
}

img
{
	border:0px;
}

h1, h2, h3, h4, h5
{
	color:#302f2d;
	font-weight:normal;
	font-size:20px;
	font-family: Arial Narrow;
	margin: 0px;
}

h3
{
}

h4
{
	color:#c2f16d;
}

img.logo
{
	float:left;
	margin:95px 0px 0px 43px;
}

td.main
{
	background: #f9ffff url(/images/head_img.jpg) right no-repeat;
	height:288px;
	vertical-align:top;
}
	
table.bottom
{
	color:#302f2d;
}

table.bottom a
{
	color:#302f2d;
	text-decoration:underline;
}


table.bottom a:hover
{
	text-decoration:none;
}

ul.flist
{
	list-style:none;
	margin:10px 50px 0px 0px;
	padding: 0px;
}
	
ul.flist li
{
	margin-bottom:10px;
	display:block;
}

.content, .content td
{
	font-size:12px;
}

td
{
	font-size:12px;
}

div.card
{
   vertical-align:top;
   padding:5px;
   text-align:left;
   border:1px #f1c88b solid;
   background:#f8f0e5;
}

td.card
{
   vertical-align:top;
   text-align:left;
   border:1px #f1c88b solid;
   background:#f8f0e5;
}

.border
{
   border:1px #f1c88b dotted;
   background:#f8f0e5;
}


ul.left
{
   color:#ffffff;
   width:220px;
   margin:10px 10px 0px 0px;
   padding:0px;
   list-style-type: circle;
   list-style:none;
   white-space:nowarp;
   text-align:left;
}


ul.left li
{
    margin-bottom:15px;
   display:block;
   text-align:left;
}

ul.left li input
{
    margin:-3px -5px 0px 0px; 
}

ul.left li a
{
   text-align:left;
   padding:5px;
   color:#ffffff;	
   white-space:nowarp;
}

ul.left li.nosub
{
}

ul.left li.nosub a
{
   color:#ffffff;
   white-space:nowarp;
   text-align:left;

}

ul.left li ul, ul.left li.nosub ul
{
   margin:5px 0px 5px 15px;
   list-style:circle;
  white-space:nowarp;
}

ul.left li ul li, ul.left li.nosub ul li
{
   font-size:11px;
   display:list-item;
   text-align:left;
   width:140px;
}

ul.left ul li a, ul.left ul li.nosub a
{
   font-size:11px;
   display:inline;
   padding:0px;
   font-weight:normal;
}


div.siteroad, div.siteroad a
{
   margin:0px 0px 15px 0px;
   font-size:11px;
}

.dis_block {
	display:block;
}

hr
{
	border-collapse:collapse;
	height:1px;
	border:1px #f1c88b dashed;
}

h2.w
{
	color:#ffffff;
}
/*
ÍÎÂÎÑÒÈ
*/	
A.nun {color:#769BBE;text-decoration:none;font-size:18px;font-weight:normal;}
A.nun u {text-decoration:underline;}
A.nun:hover u {text-decoration:none;}
span.nun_date {font-size:11px;color:#333;margin:0 0 0 10px;}
div.nun_anons {font-size:11px;color:#333;margin:2px 0 0 10px;}
div.nun_anons a {text-decoration:underline;}
A.mor {color:#769BBE;text-decoration:none;font-size:12px;font-weight:normal;margin:0 0 0 10px;}
A.mor o {text-decoration:underline;}
A.mor:hover o {text-decoration:none;}