BODY {font-family: Arial, Helvetica, sans-serif, sans-serif; font-size: smaller;}

#wrapper {
	margin: 0;
    width: 600px;
    height: 110px;
    border: 0px solid;
    border-color: #FF0000;
    z-index: 1;
    font-family: Verdana; /* font name */
	font-size: xx-small; /* font size */
}

#container {
	position: relative;
	top: 2px; left: 2px;
    width: 99%;
    height: 99%;
    border: 0px solid;
    z-index: 1;
    border-color: #00FF00;
    font-family: Verdana; /* font name */
	font-size: xx-small; /* font size */
}

#mainform {
	position: absolute;
	top: 2px;
	left: 2px;
	height: 99%;
	width: 99%;
	z-index: 1;
	color: inherit; /* text color */
	border: 0px solid;
	border-color: #0000FF;
	font-family: Verdana; /* font name */
	font-size: xx-small; /* font size */		
}


#mainform1 {
	position: absolute;
	top: 0px;
	left: 2px;
	height: 98%;
	width: 98%;
	z-index: 1;
	color: inherit; /* text color */
	border: 0px solid;
	border-color: #0000FF;
	font-family: Verdana; /* font name */
	font-size: xx-small; /* font size */		
}

#writbtn {
	position: absolute;
	top: 20px;
	align: center;
	right: 150px;
}

#topheader {
	position: absolute;
	top: 20px;
	align: left;
	left: 150px;
}

#menb {
	position: absolute;
	left: 0px;
	top: 0px;
	height: 115px;
	width: 600px;
	color: #fff; /* text color */
	border: 0px solid;
	border-color: #0000FF;
	font-family: Arial; /* font name */
	font-size: 16px; /* font size */
	
	}
	
#ddmenu {
	position: absolute;
	left: 200px;
	top: 400px;
	font-family: Verdana; /* font name */
	font-size: 14px; /* font size */
	}
	


#men1btnn {
	position: absolute;
	top: 0px;
	text-align: center;
	left: 0px;
	width: 300px;
	height: 23px;
	background: #073771;
	
}


#men2btnn {
	position: absolute;
	top: 26px;
	text-align: center;
	left: 0px;
	width: 300px;
	height: 23px;
	background: #073771;
}


#men3btnn {
	position: absolute;
	top: 52px;
	text-align: center;
	left: 0px;
	width: 300px;
	height: 23px;
	background: #073771;
}


#men4btnn {
	position: absolute;
	top: 79px;
	text-align: center;
	left: 0px;
	width: 300px;
	height: 23px;
	background: #073771;
}

#men5btnn {
	position: absolute;
	top: 107px;
	text-align: center;
	left: 0px;
	width: 300px;
	height: 23px;
	background: #073771;
}

#men1bbtnn {
	position: absolute;
	top: 0px;
	text-align: center;
	left: 303px;
	width: 300px;
	height: 23px;
	background: #073771;
}


#men2bbtnn {
	position: absolute;
	top: 26px;
	text-align: center;
	left: 303px;
	width: 300px;
	height: 23px;
	background: #073771;
}


#men3bbtnn {
	position: absolute;
	top: 52px;
	text-align: center;
	left: 303px;
	width: 300px;
	height: 23px;
	background: #073771;
}


#men4bbtnn {
	position: absolute;
	top: 79px;
	text-align: center;
	left: 303px;
	width: 300px;
	height: 23px;
	background: #073771;
}

#men5bbtnn {
	position: absolute;
	top: 107px;
	text-align: center;
	left: 303px;
	width: 300px;
	height: 23px;
	background: #073771;
}


#tabIframeWrapper {
	position: absolute;
	top: 130px;
	left: 0px;
	width: 100%;
	height: 100%;
}
	
#tabIframeWrapper1 {
	position: absolute;
	top: 130px;
	left: 0px;
	width: 100%;
	height: 100%;
}

#tabIframeWrapper2 {
	position: absolute;
	top: 23px;
	left: 0px;
	width: 100%;
	height: 100%;
}

.ewTableHeader {
	background-color: #073771; /* header color */
	color: #FFFFFF; /* header font color */	
	vertical-align: middle;
	font-size: 0.80em; 	
}

.ewTableHeader a:link {	
	color: #FFFFFF; /* header font color */	
}

.ewTableHeader a:visited {	
	color: #00FF00; /* header font color */	
}

.ewTableHeader a:hover {
	color: #FF00FF
}   /* mouse over link */

.ewTableHeader a:active {
	color: #0000FF
}   /* selected link */


A:VISITED{text-decoration: none;color:blue;}
A {	text-decoration: none;color:blue;}
A:HOVER {color: Red;text-decoration: none;}
A:ACTIVE{text-decoration: none;color:blue;}

A.menu:VISITED{text-decoration: none;color:white; font-size:14px;}
A.menu {	text-decoration: none;color:white; font-size:14px;}
A.menu:HOVER {color: #00FF66;text-decoration: none; font-size:14px;}
A.menu:ACTIVE{text-decoration: none;color:white; font-size:14px;}

A.reference:VISITED{text-decoration: none;color:#009933;}
A.reference {	text-decoration: none;color:#009933;}
A.reference:HOVER {color: red;text-decoration: none;}
A.reference:ACTIVE{text-decoration: none;color:#009933;}

/*P{margin : 2px 2px 2px 2px;}*/
HR{color:black;	height:1pt;}

.tddata{font-size:90%;}
.tdcol{font-weight: bold;	color: #000066;	font-size:90%;	}
.tdhead{font-weight:bold;font-size: 120%;}
.tdsmall{color: Navy;font-size:80%;}
.tdsmallplain{font-size:80%;}
.tdmenuselected{color: #00FF00;font-size:80%;}
.tdheadwhite{font-weight:bold;font-size: 110%;  color : White; }
.tddatawhite{font-weight:bold;color:white;font-size:80%;}
.textbox{background:#C2E4D2;font: 11px sans-serif, Helvetica, Verdana, Arial;; color: #000000; border-style: ridge;}

.redtext{font: bold small-caps 13px sans-serif, Helvetica, Verdana, Arial;color:red;}

.smallred{font-style: italic;color: #993333;font-size:90%;}
.subbut {font: 11px; ; color: #000000 ; border-style: ridge}
form {margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px}

.celllightoff   {}
.celllighton    {background-color: #D3F3C0;}

.topmenu a:link		{color:Silver;text-decoration:none;font-size:10px;}
.topmenu a:visited	{color:Silver;text-decoration:none;font-size:10px;}
.topmenu a:hover	{color:#FFFFFF;text-decoration:none;font-size:10px;}

.topmenu.top		{
	border-color: #FFFFFF #FFFFFF #FFFFFF #FFFFFF;
	border-width:1px 1px 1px 1px;
	border-style:solid;
	background-color: #DCDCDC;
	font-family:Verdana,Arial,Helvetica;
	font-size:10px;
	text-align:center;
}
.topmenu.secmenuoff	{
	border-color: #FFFFFF #FFFFFF #FFFFFF #FFFFFF;
	border-width:1px 1px 1px 1px;
	border-style:solid;
	background-color: Silver;
	font-family:Verdana,Arial,Helvetica;
	font-size:10px;
	text-align:center;
}
.topmenu.secmenuon	{
	border-color: #000000 #000000 #000000 #000000;
	border-width:1px 1px 1px 1px;
	border-style:solid;
	background-color: #006600;
	font-family:Verdana,Arial,Helvetica;
	font-size:10px;
	text-align:center;
}
.sitemap {font-weight: bold; color: #003300; font-size: 12px}
.Italic_text {font-size: 12px; font-style: italic; font-weight: normal; color: #000000; text-decoration: none;} 
.reference {
	font-size: 10px; 
	font-style: normal; 
	color: #009933; 
	text-decoration: none;
	overflow:auto;
	max-height:53px;
} 

/* reference2 solves "excess vertical spacing" problem caused by interfdace of block-level elements */
.reference2 {
	font-size: 10px; 
	font-style: normal; 
	color: #009933; 
	text-decoration: none; 
	position:relative; 
	top:-15px;
	overflow:auto;
	max-height:53px;
} 


.glossary {font-weight: normal; color: #0000CC; font-size: 20px; text-decoration: none} 
.glossary:active {font-weight: normal; color: #0000CC; font-size: 20px; text-decoration: none} 
.glossary:link {font-size: 20px; font-weight: normal; color: #0000CC; text-decoration: none} 
.glossary:hover {font-size: 20px; font-weight: normal; color: #FF0000; text-decoration: underline}
.greenhead {font-size: 18px; font-weight: bold; color: #009933;}
.greyheading {font-size: small; color: #999999; font-weight: bold;}
.headbold {font-size: 13px; font-weight: bold} 
.heading {font-size: 16px; font-weight: bold} 
.subheading {font-size: 14px; font-weight: bold} 
.headingbig {font-family: Arial, Helvetica, sans-serif;	font-size: 20px; font-weight: bold;}
.headingother {font-size: medium; font-weight: bold;}
.normal {font-family: Arial, Helvetica, sans-serif;	font-size: 13px; font-weight:normal;}
.navtable {font-family: Arial, Helvetica, sans-serif; font-size: 13px;}
strikethrough{ text-decoration:line-through; }
.subscript {font-size: 9px;}

.moveup {position:relative; top:-15px;}

.blanklinefix {
	margin-bottom:1px;
}
.blanklinefixtop{
	margin-top:-5px;
}

.bold { font-weight:bold;}
.centre { text-align:center; }
.critical { color:#FF0000; font-weight:bold;} /*used in EL */
.italic, note, nb {font-style:italic;}


/* a no-marker alternative to ul+li */
.item { margin: 1px 130px 1px 13px; text-indent:-13px;}
.sub-item { margin: 1px 130px 1px 39px; text-indent:-13px;}


/* nogap can be used to compact vertical margins of block-level entities */
.nogap { margin-bottom:1px; margin-top: 1px;}

/* divs to structure EL legal obs pages*/
div.visible_region { margin:5px; width:600px;}
div.header_region { margin-top: 1em; margin-left:5px; margin-right:5px;}
div.print_button_region { top:10px; margin-left:535px;}
div.text_region { margin:16px 5px 16px 5px;}
div.footer_region { margin-bottom: 200px; margin-top: 30px;}

/* dl, dt + dd are used in EL glossary & updates(another alternative to ol or ul) */
dl { border-bottom:-0.5em; margin-top:0.25em; margin-bottom:0.25em;} 
dt.alpha {position: relative; left: 1.15em; width:25px;}
dd.alpha {position: relative; top: -1.25em; width:520px; margin-bottom:-1.20em;}
dt.roman {position: relative; left: 1.15em; width:25px;}
dd.roman {position: relative; top: -1.25em; left: 0.5em; width:440px; margin-bottom:-1.20em;}

div.left_shift { position:relative; left:-4em; top: 0.25em;}

/* spans used in updates pages */
span.deleted {text-decoration:line-through;}
span.updated { text-decoration:underline;}

/* explicitly stating list styles - not left up to the browser */
ul.circle { list-style:circle;}
ul.disc { list-style:disc;}
ul.square { list-style:square;}

/* acts, regs and sub-regs - for use in References pages */
/* act is also used in refs_standards.php */
.act{
 margin-right: 0;
 margin-left: 0.25em;
 text-align: left;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
 font-weight: bold;
}

.reg {
 margin-right: 0;
 margin-left: 2em;
 text-align: left;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
 font-weight:normal;
}

.subreg {
 margin-right: 0;
 margin-left: 3em;
 text-align: left;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
 font-weight:normal;
}
#introductory_remark{
  margin-top:15px;
	margin-right:25px;
	margin-bottom:10px;
	margin-left:5px;
}

/* intro-remark, standards, subact and subact2 are used in refs_standards.php*/
.standards{
    margin-top:10px;
}

.guidelines{
    margin-top:10px;
}

.guidelines_title{
    margin-top:15px;
}

.subact{
    padding-left:25px;
}
.subact2{
    padding-left:50px;
    font-style:italic;
}

/* the following are used by EL updates pages */
.page_title_region
{
	margin-bottom:1em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px; 
	font-weight: bold;
	text-align:left;
	}

.page_section_title_region
{
	margin-top: 1.25em;
	margin-bottom:0.25em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	text-align:left;
}

.legislation_list_region
{
	margin-top: 1.25em;
	margin-left: 3em;
	margin-right: 1em;
	margin-bottom: 1.25em;
}

.legislation_list_item
{
	margin-top: 1.25em;
}

obligations_section_title_region
{
	margin-top:1.25em; 
	margin-bottom:1.25em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold; 
	text-align:left;
}

.obligations_cluster_title_region
{
	margin-top:1.25em; 
	margin-bottom:1.25em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold; 
	text-align:left;
}

#additional_obligations_title_region
{
	margin-bottom:1.25em;
	font-family: Arial, Helvetica, sans-serif;
	font-size:18px; 
	font-weight:normal;
}

.additional_obligations_section_title_region
{
	margin-top:1.25em; 
	margin-bottom:1.25em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	text-align:center;
}

.updateredtext {
	color: #FF0000;
	font-style: italic;
}



.
/* end of updates styles *?