body                        { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #fff; background: url(../img/bkg.gif) repeat-x #727375; margin: 0px; padding: 0px; }

p                           { font-size: 11px;  line-height: 16px; }
.bdy                        { padding: 0px 0px 0px 20px; }
li                          { padding: 0px 0px 12px 0px; }
li.list                     { padding-bottom: 2px; }
.descript                   { padding: 9px; line-height: 16px; }

.hdr                        { padding-top: 30px; }
.subhdr                     { font-size: 11px; line-height: 22px; font-weight: bold; padding-top: 30px; padding-top: 20px; }
.msg                        { color: #FF0000; font-weight: bold; }

#rule                       { background: url(../img/rule.gif) repeat-x; height: 1px; margin: 15px 0px 15px 0px; }
#copyrule                   { background: url(../img/rule.gif) repeat-x; height: 1px; margin: 8px 0px 8px 0px; }
.sitemap                    { padding-left: 20px; }


/* Backgrounds //==================================================================== */
.bkg-patch                  { background-image: url(../img/bkg-patch.gif); background-repeat:no-repeat }


/* General Formating //==================================================================== */
.white                      { color: #fff; }
.caps                       { text-transform: uppercase; }
.right                      { text-align: right; }
.small                      { font-size: 9px; line-height: 13px; }


/* Links //==================================================================== */
a,
a:link,
a:active,
a:visited                   { color: #aac0ff; text-decoration: underline; font-weight: bold; }
a:hover                     { color: #aac0ff; text-decoration: underline; font-weight: bold; }

a.active,
a:link.active,
a:active.active,
a:visited.active            { color: #fff; text-decoration: none; font-weight: bold; }
a:hover.active              { color: #fff; text-decoration: none; font-weight: bold; }


.reg,
a.reg,
a:link.reg,
a:active.reg,
a:visited.reg               { color: #d72838; text-decoration: none; }
a:hover.reg                 { color: #d72838; text-decoration: underline; }


.copy                       { font-size: 10px; color: #fff; line-height: 11px; padding: 5px 0px 0px 0px; margin: 0px; }
a.copy,
a:link.copy,
a:active.copy,
a:visited.copy              { text-decoration: none; color: #fff; }
a:hover.copy                { text-decoration: underline; color: #fff; }


/* Navigation //==================================================================== */

.navig {
	line-height: 1;
	margin: 0px;
	display: block;
	position: relative;
}

a.navlink,
a:link.navlink,
a:active.navlink,
a:visited.navlink              { text-decoration: none; color: #fff; }
a:hover.navlink                { text-decoration: underline; color: #d72838; }

/* remove all list stylings */
.navig, .navig ul {
	margin: 0px;
	padding: 0px;
	border: 0px;
	list-style-type: none;
}

/* move all list items into one row, by floating them */
.navig li {
	margin: 0px;
	padding: 0px;
	border: 0px;
	display: block;
	float: left;
}

/* initialy hide all sub menus */
.navig ul {
	width: 100%;
	display: block;
	visibility: hidden;
	position: absolute;
	clear: both;
	top: 0px;/* watch for this value! you must make sure that this value and value of line-height for the parent items are such that it is possible to move the mouse over to submenu */
	left: 0px;
}

/* -- float.clear -- force containment of floated LIs inside of main UL */
.navig:after {
	content: ".";
	height: 0;
	display: block;
	visibility: hidden;
	overflow: hidden;
	clear: both;
}
/* -- float.clear.END --  */

.navig li.selected ul, .navig li:hover ul {
	visibility: visible;
}

.navig li.selected ul {
	z-index: 10;
}

.navig li:hover ul {
	z-index: 100;
}

/*		Navigation make-up 	*/

.navig {
	font-size: 10px;
	color: #fff;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	width: 740px;	/* this value should be close to what is needed for elements to stay on one line */
}

.navig a {
	color: #fff;
	text-decoration: none;
	padding: 8px 8px 6px 8px;
	display: block;
}

.navig li {
	margin: 0;
}

/* if the following selector was ".navig li:hover a" IE7 will NOT render nested UL! the reason is the background-color rule. */
.navig li:hover {
	color: #fff;
	background: #000;
}
/* which is why the link is styled separatelly */
.navig li:hover a {
	color: #fff;
}

.navig li:hover ul {
	background-color: #000;
}

/* always pay attention that the value for top is such that it is possible to move the mouse over to submenu */
.navig ul {
	top: 24px;
	padding: 0px;/* should be identical to .navig, for best results */
	color: #fff;
	background: #000;
	width: 740px;
}

.navig li li a {
	color: #fff;
}

.navig li li a:hover {
	text-decoration: underline;
	color: #d72838;
}

/* fix the colors for selected item and submenu, for better usability */

.navig li.selected a, .navig li.selected {
	color: #fff;
	background-color: #000;
}

.navig li.selected a:hover { color: #d72838;}

.navig li.selected, .navig li.selected:hover a, .navig li.selected ul {
	background-color: #000;
}

a:hover.sub { color: #d72838; }

/* IE5/Mac: \*//*/

.navig {
	display: inline-block;
}

.navig a {
	float: left;
}

.navig li ul {
	top: 1.8em;
	height: 2em;
}

.navig li li, .navig li li a {
	display: inline;
	float: none;
}

/*  */

/*]]>*/