/* ******************************************************************************************************************************************************** */
/* common.css   - This file (page) stores all the common style sheet elements that are used throughout the Lobbyist Registration         */
/* 		system.   This file is stored in the 'TEMPLATE - LRO Common Elements' design template.   WARNING - only edit      */
/*		this filein that template.   All the other templates inherit from this common template.   Editing the file in one of these       */
/* 		databases will only mean your changes will be overwritten the next time a design refresh is run.                                         */
/* ******************************************************************************************************************************************************** */
/* #3333cc ; /*lro-links */ 
/* #6699cc ; /*lro-links-hover */
/* #369 ; /*dark blue*/
/* #80bbdd ; /*light blue*/  /* used for Active & Inactive menu header (inline) */
@import url("MainContentStylesAll.css");
html {background:#fff;height :60%;}
#logo {
	top:0px; 
	left:0px; 
	width:800px; 
	height: 140px;
	position:absolute;  
	background:url(header-en.jpg);
	background-repeat: no-repeat;
	z-index:3;
}
* html #logo{position:absolute;}
#logoFr {
	top:0px; 
	left:0px; 
	width:1000px; 
	height: 140px;
	position:absolute;  
	background:url(header-Fr.jpg);
	background-repeat: no-repeat;
	z-index:3;
}
* html #logoFr{position:absolute;}
#blend {
	top:0px; 
	right:0px; 
	width:800px; 
	height: 140px;
	position:absolute;  
	background:url(header-blend.jpg);
	background-repeat: repeat-x;
	z-index:1;
}
* html #blend {position:absolute;}
body {
	margin: 0;
	padding: 50;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt; 
	font-style: normal; 
	line-height: normal; 
	font-weight: normal; 
	font-variant: normal; 
	text-transform: none;
}
#container {
	display:block;
	height:auto;
	position:relative; 
	top:80px;
	margin: 1em auto;
	width: 75%;
	padding: 5px;
	text-align: left;
}
#content{
	display:block;
	height:auto;
	padding:10px;
	background: #FAFAFA;
	border: solid 1px #cdcdcd;
}
/*************************************
CJH 04/02/2008 added this pseudo class for first line in intro pages
*************************************/
.intro{color:#000 ; /*dark blue*/
}
.intro:first-letter{
font-weight:bold;
font-size:22pt;
color:#369 ; /*dark blue*/
}
.intro:first-line{
color:#369 ; /*dark blue*/
line-height:200%;
}
h1 {
	font-size: 12pt;
	color: #369 ; /*dark blue*/
	text-decoration: none;
 }
h2 {
	font-size: 10pt;
	color:  #369 ; /*dark blue*/
 }
h2:first-letter 
{
	font-style: italic;
	font-size:200%
}
.faqCategory{
text-decoration:none;font-weight:bold;font-size:10pt;color:#000;
padding-left:0px;
margin-top:20px;
margin-bottom:20px;
text-decoration:underline;
}
a.faqCategory:hover{text-decoration:none;}
ol.faq{list-style-type:upper-alpha;}
li.faq{padding:50px;}
#faqtoc {font-weight : normal ;line-height :12pt}
#faqtoc dl a {color:#3333cc ; /*lro-links */ 
text-decoration : underline; 
line-height:12pt;
}

#faqtoc dl a:Hover { text-decoration : none; 
filter : alpha (opacity=50);
-moz-opacity: 0.5;
opacity : 0.5;
}
#faqtoc dt, #faqcontent dt{
font-weight:bold; font-variant: small-caps ;
}

#faqcontent  { 
text-decoration : none ;
font-weight: normal; 
color : #000; font-size:8pt;
color:#000;
}
#faqcontent dt {
font-weight:bold;
padding-top :5px;
color:#3333cc ; /*lro-links */ 
}
#faqcontent dd {
padding-top :5px;
padding-bottom:10px;
color:#000;
font-weight:normal;
/*margin-left:10px;*/
}
.category {color:#369 ; /*dark blue*/
font-weight:bold;
font-size:14px}
/****************************************************************************
*** view template & form styles ***
****************************************************************************/
A:hover { text-decoration: none; color: #6699cc ; /*lro-links-hover */ }
.text1 { font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8pt; font-style: normal; line-height: normal; font-weight:
normal; font-variant: normal; text-transform: none; color: #000 }
.columnheading { font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8pt; font-style: normal; line-height: normal; font-weight:
normal; font-variant: normal; text-transform: none; color: #000066 }
.columnvalues { font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8pt; font-style: normal; line-height: normal; font-weight:
normal; font-variant: normal; text-transform: none; color: #000000 }
.columnlinks { font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8pt; font-style: normal; line-height: normal; font-weight:
normal; font-variant: normal; text-transform: none; text-decoration: none; color: #0000FF }
.fieldtext { font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8pt; font-style: normal; line-height: normal; font-weight:
normal; font-variant: normal; text-transform: none; color: #000000 }
.labeltext { font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8pt; font-style: normal; line-height: normal; font-weight:
normal; font-variant: normal; text-transform: none; color: #000066 }
.subtitle1 { font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10pt; font-style: normal; line-height: normal; font-weight:
normal; font-variant: normal; text-transform: none; color: #369 /*dark blue*/;
 text-decoration: none }
.subtitle2 { font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8pt; font-style: normal; line-height: normal; font-weight:
normal; font-variant: normal; text-transform: none; color: #369 /*dark blue*/;
 text-decoration: none }
.subtitle3 { font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8pt; font-style: normal; line-height: normal; font-weight:
normal; font-variant: normal; text-transform: none; color: #2F4F4F; text-decoration: none }
.infotext { font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8pt; font-style: normal; line-height: normal; font-weight:
normal; font-variant: normal; text-transform: none; color: #1E1E1E }
/* ******************************************************************************************************************************************************** */
/*                                                                                                               TOP MENU SYSTEM                                                                                                               */
/* ******************************************************************************************************************************************************** */
#nav {
	position : absolute;
	top :77px ; 
	left :185px;
	/*height: 10px;*/
	width: 85%;
	text-align: left;
	z-index:3
}
/* Root = Horizontal, Secondary = Vertical */
ul#navmenu {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 900px; /*For KHTML*/
  list-style: none;
 /* height: 24px;*/
}

ul#navmenu li {
  margin: 0;
  border: 0 none;
  padding: 0;
  float: left; /*For Gecko*/
  display: inline;
  list-style: none;
  position: relative;
  /*height: 24px;*/
}

ul#navmenu ul {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 190px;
  list-style: none;
  display: none;
  position: absolute;
  top: 24px;
  left: 0;
}

ul#navmenu ul:after /*From IE 7 lack of compliance*/{
  clear: both;
  display: block;
  font: 1px/0px serif;
  content: ".";
 height: 0;
  visibility: hidden;
}

ul#navmenu ul li {
  width: 190px;
  float: left; /*For IE 7 lack of compliance*/
  display: block !important;
  display: inline; /*For IE*/
}

/* Root Menu */
ul#navmenu a {
padding: 5px 5px 11px 10px;
  float: none !important; /*For Opera*/
  float: left; /*For IE*/
  display: block;
background: transparent;
  color: #06C;
font-style:Verdana, Arial, Helvetica, sans-serif;
 font-size: 8pt;
/*line-height:24px ;*/
  text-decoration: none;
  height: auto !important;
  *height: 1%; /*For IE*/
}

/* Root Menu Hover Persistence */
ul#navmenu a:hover,
ul#navmenu li:hover a,
ul#navmenu li.iehover a {
  background: #CCC;
  color: #FFF;
}

/* 2nd Menu */
ul#navmenu li:hover li a,
ul#navmenu li.iehover li a {
  float: none;
  background: #EEE;
  color: #666;
/***expand width to provide horizontal spacing for french text***/
width:20em;
}

/* 2nd Menu Hover Persistence */
ul#navmenu li:hover li a:hover,
ul#navmenu li:hover li:hover a,
ul#navmenu li.iehover li a:hover,
ul#navmenu li.iehover li.iehover a {
  background: #CCC;
  color: #FFF;
}

/* 3rd Menu */
ul#navmenu li:hover li:hover li a,
ul#navmenu li.iehover li.iehover li a {
  background: #EEE;
  color: #666;
}

/* 3rd Menu Hover Persistence */
ul#navmenu li:hover li:hover li a:hover,
ul#navmenu li:hover li:hover li:hover a,
ul#navmenu li.iehover li.iehover li a:hover,
ul#navmenu li.iehover li.iehover li.iehover a {
  background: #CCC;
  color: #FFF;
}

/* 4th Menu */
ul#navmenu li:hover li:hover li:hover li a,
ul#navmenu li.iehover li.iehover li.iehover li a {
  background: #EEE;
  color: #666;
}

/* 4th Menu Hover */
ul#navmenu li:hover li:hover li:hover li a:hover,
ul#navmenu li.iehover li.iehover li.iehover li a:hover {
  background: #CCC;
  color: #FFF;
}

ul#navmenu ul ul,
ul#navmenu ul ul ul {
  display: none;
  position: absolute;
  top: 0;
  left: 190px;
}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#navmenu li:hover ul ul,
ul#navmenu li:hover ul ul ul,
ul#navmenu li.iehover ul ul,
ul#navmenu li.iehover ul ul ul {
  display: none;
}

ul#navmenu li:hover ul,
ul#navmenu ul li:hover ul,
ul#navmenu ul ul li:hover ul,
ul#navmenu li.iehover ul,
ul#navmenu ul li.iehover ul,
ul#navmenu ul ul li.iehover ul {
  display: block;
}

/*****************************************************************************************
*******************************************************************************************
	VERTICAL MENU STYLES
********************************************************************************************/
/* Root = Vertical, Secondary = Vertical */
#navmenu-v{
position : absolute;
	top :165px ; 
	left :15px;
background:#80bbdd ; /*light blue*/
}
ul#navmenu-v,
ul#navmenu-v li,
ul#navmenu-v ul {
  margin: 0;
  padding: 0;
  width: 160px; /*For KHTML*/
  list-style: none;
}
ul#navmenu-v:after /*From IE 7 lack of compliance*/{
  clear: both;
  display: block;
 /* font: 1px/0px serif;*/
  content: ".";
  height: 0;
  visibility: hidden;
}
ul#navmenu-v li {
  float: left; /*For IE 7 lack of compliance*/
  display: block !important; /*For GOOD browsers*/
  display: inline; /*For IE*/
  position: relative;
}
/* Root Menu */
ul#navmenu-v a {
  border: 1px solid #FFF;
  border-right-color: #CCC;
  border-bottom-color: #CCC;
  padding: 0 6px;
  display: block;
  background: #EEE;
  color: #666;
 font:  8pt/18pt;
  text-decoration: none;
  height: auto !important;
  height: 1%; /*For IE*/
}
/* Root Menu Hover Persistence */
ul#navmenu-v a:hover,
ul#navmenu-v li:hover a,
ul#navmenu-v li.iehover a {
  background: #CCC;
  color: #FFF;
}
/* 2nd Menu */
ul#navmenu-v li:hover li a,
ul#navmenu-v li.iehover li a {
  background: #EEE;
  color: #666;
}
/* 2nd Menu Hover Persistence */
ul#navmenu-v li:hover li a:hover,
ul#navmenu-v li:hover li:hover a,
ul#navmenu-v li.iehover li a:hover,
ul#navmenu-v li.iehover li.iehover a {
  background: #CCC;
  color: #FFF;
}
/* 3rd Menu */
ul#navmenu-v li:hover li:hover li a,
ul#navmenu-v li.iehover li.iehover li a {
  background: #EEE;
  color: #666;
}
/* 3rd Menu Hover Persistence */
ul#navmenu-v li:hover li:hover li a:hover,
ul#navmenu-v li:hover li:hover li:hover a,
ul#navmenu-v li.iehover li.iehover li a:hover,
ul#navmenu-v li.iehover li.iehover li.iehover a {
  background: #CCC;
  color: #FFF;
}
/* 4th Menu */
ul#navmenu-v li:hover li:hover li:hover li a,
ul#navmenu-v li.iehover li.iehover li.iehover li a {
  background: #EEE;
  color: #666;
}
/* 4th Menu Hover */
ul#navmenu-v li:hover li:hover li:hover li a:hover,
ul#navmenu-v li.iehover li.iehover li.iehover li a:hover {
  background: #CCC;
  color: #FFF;
}
ul#navmenu-v ul,
ul#navmenu-v ul ul,
ul#navmenu-v ul ul ul {
  display: none;
  position: absolute;
  top: 0;
  left: 160px;
}
/* Do Not Move - Must Come Before display:block for Gecko */
ul#navmenu-v li:hover ul ul,
ul#navmenu-v li:hover ul ul ul,
ul#navmenu-v li.iehover ul ul,
ul#navmenu-v li.iehover ul ul ul {
  display: none;
}
ul#navmenu-v li:hover ul,
ul#navmenu-v ul li:hover ul,
ul#navmenu-v ul ul li:hover ul,
ul#navmenu-v li.iehover ul,
ul#navmenu-v ul li.iehover ul,
ul#navmenu-v ul ul li.iehover ul {
  display: block;
}
*********************************************************************************************/
/******************************************************************
*** Style for 'bubble help' ***
*** Still need to create 'bubble' graphic
******************************************************************/
.description { font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8pt; font-style: normal; line-height: normal; font-weight:
normal; font-variant: normal; text-align: left; color: #1E1E1E;
position: absolute; top: 140px; left: 7px; visibility: hidden; }
/* ******************************************************************************************************************************************************** */
/*                                                                   GENERAL TOP SYSTEM                                                                                       */
/* ******************************************************************************************************************************************************** */
#linksMenu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt; 
	font-style: normal; 
	line-height: 11pt ; 
	font-weight:
	normal; font-variant: normal; 
	text-transform: none;
	color: #FFF; 
	position:absolute;top :55px;right : 10px ;
	width : 500px;
	z-index : 3 ;
}
#linksMenu ul{
	list-style:none;
	text-align : left;
	text-decoration : none ;
	color : white ;
}
a.linksMenu {
	color : #FFF ;
	text-decoration : none ;
}
a.linksMenu:hover { 
	color:#ccc;
}