@CHARSET "UTF-8";

/* Begin  RESETS css */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
 margin: 0;
 padding: 0;
 border: 0;
 outline: 0;
 font-weight: inherit;
 font-style: inherit;
 font-size: 100%;
 font-family: inherit;
 vertical-align: baseline;
 background: none;
}

:focus {
 outline: 0;
}
body {
 line-height: 1;
 color: #000000;
 background-color: #FFFFFF;
 font-family:Arial,sans-serif;
 font-size: 62.5%;
 line-height: 1.6em;
}
ol, ul {
 list-style: none;
}

table {
 border-collapse: separate;
 border-spacing: 0;
}
caption, th, td {
 text-align: left;
 font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
 content: "";
}
blockquote, q {
 quotes: "" "";
}
textarea {
margin: 0; padding: 0;
}

ol{	list-style: decimal outside;	}

a { text-decoration: none; color: #0000fd}
a:hover { text-decoration: underline} 
/* End  RESETS css */


body { font-family: Verdana, sans-serif; background-color: #FFFFFF; border-top: 2px solid #ff0000}
body #container { margin: 10px auto; width: 1000px;}

body #header { overflow: hidden }
body #header h1 { float: left }
body #header h1 a { display: block; width: 325px; height: 100px; position: relative}
body #header h1 a span { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url('../images/logo.jpg') no-repeat left top scroll transparent}

body #header #bip { float: right }
body #header #bip a { display: block; width: 244px; height: 87px; position: relative; margin-top: 25px}
body #header #bip a span { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url('../images/bip.jpg') no-repeat left top scroll transparent}

#content { overflow: hidden; }
.left-side { float: left; width: 25%; overflow: hidden; margin-top: 20px}
.right-side { width: 70%; float: right; font-size: 1.2em; line-height: 1.3em; margin-top: 20px}

#content > .moduletable { margin-bottom: 10px; font-size: 1.1em; }

#content > #content-menu { padding-left: 20px; margin-bottom: 10px; background: url('../images/top-menu-lft.png') no-repeat left top scroll transparent }
#content > #content-menu > div { background: url('../images/top-menu-rgt.png') no-repeat right top scroll transparent; line-height: 50px; height: 50px; overflow: hidden; padding-right: 20px}
#content > #content-menu > div .moduletable_menu > ul { overflow: hidden; float: left }
#content > #content-menu > div .moduletable_menu > ul li { float: left; margin-right: 20px}
#content > #content-menu > div .moduletable_menu > ul a { color: #FFFFFF; font-size: 1.4em}

#content > #content-menu > div .moduletable { float: right}
#content > #content-menu > div .moduletable form label { visibility: hidden; cursor: default;}
#content > #content-menu > div .moduletable form input[type=text] { margin: 0; padding: 3px 10px; border: 0;}
	
.left-side ul.menu li { margin-bottom: 5px; background: url('../images/menu-lft.png') no-repeat left top scroll transparent; padding-left: 10px;}
.left-side ul.menu li.item-60, .left-side ul.menu li.item-142 { background-image: url('../images/menu-lft-big.png')}
.left-side ul.menu li:hover, .left-side ul.menu li.active { background-image: url('../images/menu-lft-hover.png')}
.left-side ul.menu li.item-142:hover, ul.menu li.active.item-142, ul.menu li.item-60:hover, ul.menu li.active.item-60 { background-image: url('../images/menu-lft-hover-big.png')}
.left-side ul.menu li a { font-size: 1.3em; line-height: 1.2em; color: #FFFFFF; background: url('../images/menu-rgt.png') no-repeat right top scroll transparent; display: block; padding: 10px 5px 10px 5px; }
.left-side ul.menu li.item-60 a, .left-side ul.menu li.item-142 a { background-image: url('../images/menu-rgt-big.png')}
.left-side ul.menu li a:hover, .left-side ul.menu li.active > a { text-decoration: none; background-image: url('../images/menu-rgt-hover.png')}
.left-side ul.menu li.item-60 a:hover, .left-side ul.menu li.item-60.active > a, ul.menu li.item-142 a:hover, ul.menu li.item-142.active > a { background-image: url('../images/menu-rgt-hover-big.png')}
.left-side ul.menu ul { margin: 5px 0 15px 10px}

.left-side .mvc_main { font-size: 1.2em; text-align: center; margin-top: 20px}
.left-side .mvc_main .vcounter_TypeText { margin-left: 5px}

.right-side .componentheading, .right-side h1 { font-size: 1.4em; margin-bottom: 15px; font-weight: bold; color: #ff0000; line-height: 2em;}
.right-side #flexicontent .buttons { margin-top: 9px !important}
.right-side p { margin-bottom: 5px}
.right-side ul { list-style: square outside; margin-left: 15px; margin-bottom: 10px}
.right-side ol { margin-left: 15px; margin-bottom: 10px}
.right-side ul li, .right-side ol li { margin-bottom: 3px}
.right-side table { width: 100%; border: 1px solid #000000;  border-collapse: collapse; margin-bottom: 20px}
.right-side table td, .right-side table th { border: 1px solid #000000; padding: 5px}

.search .searchintro, .search .form-limit,.search .phrases, .search .counter { display: none; }
.result-title { margin-top: 20px;}
	
.pagination ul { text-align: center;list-style: none; margin-top: 20px}
.pagination ul li { display: inline; margin:0 3px; }
	
#mailto-window { font-size: 1.2em; margin-left: 10px;}
#mailto-window h2 { font-size: 1.4em; line-height: 1.4em; font-weight: bold; margin: 10px 10px 10px 0}
#mailto-window .mailto-close { margin-bottom: 20px}
#mailto-window label { min-width: 70px; display: inline-block; text-align: right}
#mailto-window form > p { text-align: center; margin-top: 20px}

.breadcrumb li { display: inline-block; }

.desc-content b, .desc-content strong { font-weight: bold; }
.desc-content i, .desc-content em { font-style: italic; }

.desc-content h1 { font-size: 20px; line-height: 1.4em; }
.desc-content h2 { font-size: 18px; line-height: 1.4em; }
.desc-content h3 { font-size: 17px; line-height: 1.4em; }
.desc-content h4 { font-size: 16px; line-height: 1.4em; }
.desc-content h5 { font-size: 15px; line-height: 1.4em; }

.desc-content ul, .desc-content ol { list-style: square outside; margin-left: 20px; }
.desc-content ol { list-style-type: decimal; }

.desc-content sup { vertical-align: super; font-size: 0.8em; }
.desc-content sub { font-size: 0.8em; vertical-align: sub;}