/*This stylesheet contains everything that be customized in the template. Change the other style sheets at your own risk!*/
.topbar h1, .topbar h2 {
    position: relative;
    margin: 0;
    padding: 0;
    background: url(../images/logo.png) no-repeat 10px 0;
}


#nav{  /* add by aitc - fix IE6 */
	_width:750px;
	float: right;
}

.topbar h1 a, .topbar h2 a {
    display: block;
    text-indent: -5000px;
    text-decoration: none;
    width: 250px;
    line-height: 44px;
}

.topbar {
    position: relative;
    width: 100%;
    z-index:200;
}

body.contentpane {
    background: #fff
}

a:focus {
    outline: none;
}
/*This CSS controls format of the user1 module*/
#user1 {
    right: 20px;
    top: 4em;
    font-size: 90%;
    line-height: 1em;
    text-align: right;
    width: auto;
}

#user1 .moduletable-text {
    width: 300px;
    font-size: 80%;
    text-align: left;
}

#user1 .moduletable-small { /*Intentionally blank*/
}

#user1 h3 {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    margin: 0;
    padding: 0;
}

#user1 p {
    font-family: Arial, Helvetica, sans-serif;
    margin: 0;
    padding: 0;
}
/*This CSS controls the background image of headerleader module*/
#headerleader .module-gradient {
    background-color: #ffffff;
    width: 100%;
    margin: 0px;
    padding: 0px;
}

#headerleader .modulelight, #headerleader .moduledark, #headerleader .modulemid {
    margin: 8px;
}
/*Border colors*/
#wrap {
    background: #FFF;
}
/*Font styling for footer*/
#footer p, #footer a {
    font: 11px Arial, Helvetica, sans-serif;
    color: #fff;
    padding-top: 12px;
}

#footer #mainlevel li a {
    font: 11px Arial, Helvetica, sans-serif;
    color: #fff;
}

#footer #mainlevel li a:hover, #footer #mainlevel li a#active_menu {
    color: #33CCFF;
    text-decoration: underline;
}
/*------------------Typography and Joomla Styles----------------*/
/*Sitewide font style, DONT set size here*/
body {
    font-family: 'Lucida Grande', Geneva, Arial, Verdana, sans-serif;
    color: #211;
    background: #f5f5f5 /*url(../images/pagebg.png) repeat-x fixed top*/;
    line-height: 155%;
}
/*Set global font sizes here*/
#sidebar {
    font: 100% Tahoma, Verdana, Helvetica;
} /*left column*/
#sidebar-2 {
    font: 100% Tahoma, Verdana, Helvetica;
} /*right column*/
#main-body {
    font: 1.05em 'Lucida Grande', Geneva, Arial, Verdana, sans-serif;
    color: #222;
} /*content area*/
.contentheading, a.contentpagetitle:link, a.contentpagetitle:visited {
    padding: 1px 0 0.3em 0;
    color: #5A5A5A;
    width: 99%;
    text-decoration: none;
    font: bold 1.1em / 1.35em Geneva, Arial, Helvetica, sans-serif;
    text-align: left;
}

.componentheading {
    color: #5A5A5A;
    font: bold 1.25em / 1.55em 'Lucida Grande', Geneva, Arial, Verdana, sans-serif;
}

a.contentpagetitle:hover {
    color: #666;
    text-decoration: underline;
}

h1 {
    font: normal 1.6em / 1.9em 'Lucida Grande', Geneva, Arial, Verdana, sans-serif;
    margin: 0;
    color: #3E3E3E;
}

h2 {
    font: bold 1.4em / 1.9em 'Lucida Grande', Geneva, Arial, Verdana, sans-serif;
    margin: 1.2em 0;
    color: #3E3E3E;
}

h3 {
    font: bold 1.1em / 1.7em 'Lucida Grande', Geneva, Arial, Verdana, sans-serif;
    margin: 1.2em 0;
    color: #3E3E3E;
}

h4 {
    font: bold 1.1em / 1.7em 'Lucida Grande', Geneva, Arial, Verdana, sans-serif;
    margin: 1.2em 0;
    color: #3E3E3E;
}

h5 {
    font: bold 1.1em / 1.4em 'Lucida Grande', Geneva, Arial, Verdana, sans-serif;
    margin: 1.2em 0;
    color: #3E3E3E;
}

h6 {
    font: bold 1em / 1.3em Arial, Helvetica, sans-serif;
    margin: 1.2em 0;
    color: #3E3E3E;
}

.createdate, .modifydate, .small {
    color: #999999;
    font-size: 12px;
}

a:link, a:visited {
    color: blue;
    text-decoration: underline;
}

a:hover {
    color: blue;
    text-decoration: underline;
}

a.category:hover {
    color: #3E3E3E;
}

table.contenttoc {
    color: #330;
    border: 1px solid #ccc;
}

table.contenttoc td {
    font-size: 0.9em;
    font-weight: normal;
    text-align: left;
}

div.mosimage_caption {
    font-size: 0.9em;
    color: #3E3E3E;
}

.pagenav {
    color: #73819C;
    padding: 3px 5px 3px 3px;
}



ul.latestnewsdark, ul.latestnewslight, ul.latestnewsmid {
    list-style: none;
    padding: 0px;
    margin: 0px;
}

a.readon {
    background: url(../images/readon.png) no-repeat center center;
    text-indent: -5000em;
    display: block;
    height: 26px;
    width: 103px;
}
/*Header for table content*/
td.sectiontableheader {
    color: #FFF;
    background: #222;
    font-weight: bold;
    padding: 4px;
    height: 25px;
}
/*Alternating table rows*/
tr.sectiontableentry1 td, td.sectiontableentry1 {
    padding: 4px;
    background-color: #F8F8F8;
    font-size: 90%;
}

tr.sectiontableentry2 td, td.sectiontableentry2 {
    padding: 4px;
    background-color: #F8F8F8;/*EFEFEF*/
    font-size: 90%;
}
/*Module Heading Typography*/
#sidebar h3, #sidebar-2 h3, .user4 h3, .user5 h3, .user4split2 h3, .user5split2 h3, .user6 h3, .user7 h3, .user6split2 h3, .user7split2 h3 {
    text-align: left;
    text-indent: 1em;
    margin: 0;
    font: bold 1em / 2em 'Lucida Grande', Geneva, Verdana, Arial, sans-serif;
    padding: 0;
}
/*Side Column Navigation*/
ul#mainlevel-sidenav {
    list-style: none;
    margin: 0;
    padding: 0;
}

ul#mainlevel-sidenav a {
    text-decoration: none;
    line-height: 135%;
    font-weight: bold;
}

ul#mainlevel-sidenav a:hover {
    text-decoration: underline;
}
/*If you want to use table based menus in vertical menu style*/
#sidebar a.mainlevel:link, #sidebar-2 a.mainlevel:link, #sidebar a.mainlevel:visited, #sidebar-2 a.mainlevel:visited {
    text-decoration: none;
    line-height: 135%;
    font-weight: bold;
}

#sidebar a.mainlevel:hover, #sidebar-2 a.mainlevel:hover {
    text-decoration: underline;
}
/*Sublevel Support*/
#sidebar a.sublevel:link, #sidebar-2 a.sublevel:link, #sidebar a.sublevel:visited, #sidebar-2 a.sublevel:visited {
    text-decoration: underline;
    line-height: 105%;
    font-weight: normal;
    padding-left: 12px;
}

#sidebar a.sublevel:hover, #sidebar-2 a.sublevel:hover {
    text-decoration: none;
    padding-left: 6px;
}
/*BORDERED Rounded boxes*/
.modulelight h3 {
    color: #333;
}

.modulelight p, .modulelight {
    color: #333;
}

.modulelight a:link, .modulelight a:visited, .modulelight a:hover {
    color: #333;
}

.moduledark h3 {
    color: #5A5A5A;
    text-align: center;
}

.moduledark p, .moduledark {
    color: #636363;
}

.moduledark a:link, .moduledark a:visited, .moduledark a:hover {
    color: blue; text-decoration: underline;
}

.modulemid h3 {
    color: #fff;
}

.modulemid p, .modulemid {
    color: #fff;
}

.modulemid a:link, .modulemid a:visited, .modulemid a:hover {
    color: #fff;
}

.module h3 {
    color: #5A5A5A;
    text-align: center;
}

.modulebdr h3 {
    color: #2E69BF;
}

.modulebdr p, .modulebdr {
    color: #333;
}
/* vst edit */
a.vieworder {
    font-family: time new romans;
    font-weight: bold;
    font-size: 17px;
    color: #0000FF;
}

.topbar h2 a {
    display: block;
    line-height: 44px;
    text-decoration: none;
    text-indent: -5000px;
    width: 250px;
}

/* main menu */
.menu, .menu ul {
    padding: 0 0 5px 0;
    margin: 0;
    list-style: none;
    font: bold 11px / 20px Tahoma, Arial;
    position: relative;
    z-index: 200;
}

.menu {
    height: 25px;
    padding: 0;
    float: right;
}

.menu li {
    float: left;    
}

.menu li li {
    float: none;
}
/* a hack for IE5.x and IE6 */
*html .menu li li {
    float: left;
}

.menu li a {
    display: block;
    float: left;
    color: #3E3E3E !important;
	padding-right: 7px;
	padding-left: 2px;
	margin-left: 5px;
	/* fix for ie */
	_margin-left: 2px;
	_padding-right: 4px;
	margin-right: 4px;
    height: 25px;
    line-height: 19px;
    text-decoration: none !important;
    white-space: nowrap; 
    font-family: tahoma;
}

.menu li li a {
    height: 20px;
    line-height: 20px;
    float: none;
}

.menu li:hover {
    position: relative;
    z-index: 300;
}

.menu li:hover ul {
    left: 0;
    top: 22px;
}
/* another hack for IE5.5 and IE6 */
* html .menu li:hover ul {
    left: 10px;
}

.menu ul {
    position: absolute;
    left: -9999px;
    top: -9999px;
    _margin-left:-10px;
}
/* yet another hack for IE5.x and IE6 */
* html .menu ul {
    width: 1px;
}
/* it could have been this simple if all browsers understood */
/* show next level */
.menu li:hover li:hover > ul {
    left: -15px;
    margin-left: 100%;
    top: -1px;
}
/* keep further levels hidden */
.menu li:hover > ul ul {
    position: absolute;
    left: -9999px;
    top: -9999px;
    width: auto;
}
/* show path followed */
.menu li:hover > a {
    text-decoration: underline;
    color: #b75;
}
/* but IE5.x and IE6 need this lot to style the flyouts and path followed */
/* show next level */
.menu li:hover li:hover ul, 
.menu li:hover li:hover li:hover ul, 
.menu li:hover li:hover li:hover li:hover ul, 
.menu li:hover li:hover li:hover li:hover li:hover ul {
    left: -15px;
    margin-left: 100%;
    top: -1px;
}
/* keep further levels hidden */
.menu li:hover ul ul, 
.menu li:hover li:hover ul ul, 
.menu li:hover li:hover li:hover ul ul, 
.menu li:hover li:hover li:hover li:hover ul ul {
    position: absolute;
    left: -9999px;
    top: -9999px;
}
/* show path followed */
.menu li:hover a, .menu li:hover li:hover a, 
.menu li:hover li:hover li:hover a, 
.menu li:hover li:hover li:hover li:hover a, 
.menu li:hover li:hover li:hover li:hover li:hover a, 
.menu li:hover li:hover li:hover li:hover li:hover li:hover a {
    text-decoration: underline;
    color: #fff;
}
/* hide futher possible paths */
.menu li:hover li a, .menu li:hover li:hover li a, 
.menu li:hover li:hover li:hover li a, 
.menu li:hover li:hover li:hover li:hover li a, 
.menu li:hover li:hover li:hover li:hover li:hover li a {
    text-decoration: none;
    color: #888;
}

ul.menu li.active {
    background: url(../images/tmenu_active_l.gif) no-repeat top left;
}

ul.menu li.active a {
    background: url(../images/tmenu_active_r.gif) no-repeat top right;
    color: #fff !important;
}
ul li ul li, ul li ul li a {
	background-image: none!important;
}


ul.menu li:hover, 
ul.menu li.sfhover {
    background: url(../images/tmenu_over_l.gif) no-repeat top left;
    color: #606060
}


div#vmMainPage table tbody tr td a{
	height:20px;
	line-height:20px;	
}


ul.menu li ul li:hover, 
ul.menu li ul li.sfhover,
ul.menu li ul li {
	background-image: none!important;
	background-color: #878787;	
	text-decoration: none;	
	width:182px;   
}

ul.menu li:hover a, 
ul.menu li.sfhover a {
    background: url(../images/tmenu_over_r.gif) no-repeat top right;
    color: #fff;
}

ul.menu li ul li.active a,
ul.menu li ul li:hover a, 
ul.menu li ul li.sfhover a
ul.menu li ul li a {
	background-image: none!important;
	background-color: #5e5d5e;
}
ul.menu li.active ul li.active {
	background-image: none;
	background-color: #878787;
}

table.ThemeOfficeMenu {
	font-size: 11px;
}

/* vst edit */
input#wz_11 {
    margin-top: 2px;
    margin-bottom: 2px;
}

input#wz_12 {
    margin-top: 2px;
}

input#aca_22 {
    margin-top: 4px;
<<<<<<< .mine
<<<<<<< .mine
<<<<<<< .mine
}
<<<<<<< .mine
<<<<<<< .mine
<<<<<<< .mine
div.buttons_heading {
float: right;	
}
}
=======
}

<<<<<<< .mine
<<<<<<< .mine
<<<<<<< .mine
<<<<<<< .mine
<<<<<<< .mine
<<<<<<< .mine
<<<<<<< .mine
<<<<<<< .mine
<<<<<<< .mine
.moduledark2 {
	color:#636363;
	background:transparent url(../images/boxright_dark.png) no-repeat scroll right top;
	margin:0 0 1em;
	padding:0;
	position:relative;
}
>>>>>>> .r186
=======

>>>>>>> .r187
=======
}>>>>>>> .r195
=======
}

.moduledark3 div div div {
=======
div.moduledark3 div div {
>>>>>>> .r204
	padding-left: 4px;
}>>>>>>> .r203
=======
>>>>>>> .r205
=======
ul.menu li a {
=======
div#nav ul.menu li a {
>>>>>>> .r722
	text-decoration: none;
=======
li.haschild a, li.haschild ul li a {
text-decoration:none;
=======
div#nav a {
=======
div#nav ul li a {
=======
.menu li a {
=======
ul.menu li a {
>>>>>>> .r734
>>>>>>> .r726
>>>>>>> .r725
	text-decoration: none;
<<<<<<< .mine
>>>>>>> .r724
>>>>>>> .r723
}>>>>>>> .r721
=======
>>>>>>> .r730
=======
.menu li a {
	text-decoration: none;
}>>>>>>> .r732
=======
	color:red;
<<<<<<< .mine
<<<<<<< .mine
<<<<<<< .mine
<<<<<<< .mine
<<<<<<< .mine
<<<<<<< .mine
<<<<<<< .mine
}>>>>>>> .r733
=======
}
<<<<<<< .mine
<<<<<<< .mine
<<<<<<< .mine
<<<<<<< .mine
<<<<<<< .mine
<<<<<<< .mine

<<<<<<< .mine
<<<<<<< .mine
<<<<<<< .mine
<<<<<<< .mine
<<<<<<< .mine
legend.sectiontableheader {
	color: #fff;
}>>>>>>> .r758
=======
>>>>>>> .r759
=======
div#buttons_heading {
=======
div.buttons_heading {
>>>>>>> .r763
	float: right;
=======
>>>>>>> .r764
}>>>>>>> .r762
=======
}

.menu li ul li a {
=======
ul.menu li ul li a, ul.menu li.haschild ul li a {
=======
ul.menu li ul li {
=======
ul.menu li.haschild ul li {
=======
ul.menu li.haschild ul li a {
=======
li.haschild ul li a {
>>>>>>> .r786
>>>>>>> .r782
>>>>>>> .r781
>>>>>>> .r780
>>>>>>> .r779
	background-image: none !important;
}
<<<<<<< .mine
<<<<<<< .mine
>>>>>>> .r777
=======

li.haschild li a {
	background-image: none !important;
}
>>>>>>> .r783
=======
>>>>>>> .r786
=======
}>>>>>>> .r790
=======
}
div#nav {
	z-index: 150;
<<<<<<< .mine
}>>>>>>> .r791
=======
	position: relative;
=======
>>>>>>> .r793
}>>>>>>> .r792
=======
}
div.inside h3 {
=======
div.inside div div div div h3 {
=======
div.inside div.moduledark div div div h3 {
=======
div.moduledark div div div h3 {
>>>>>>> .r889
>>>>>>> .r888
>>>>>>> .r887
	margin-top: 3px;
<<<<<<< .mine
<<<<<<< .mine
}>>>>>>> .r879
=======
}
.topbar h2 {
	background:transparent url(../images/logo.png) no-repeat scroll 10px 0;
	margin:0;
	padding:0;
	position:relative;
=======
>>>>>>> .r1033
}>>>>>>> .r1031