/* This style sheet is used when the CC web pages are viewed in a web browser.
Comments have been written above styles which are used within editable areas */

body {
	background-color: #ffffff;
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: 0px;
	font-size: 100%;
	height:100%;
} 

body.biog {
	background-color: #999966;
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: 0px;
	font-size: 100%;
	width:100%;
	height:100%;
}

.header {

width:760px;
}

.maincontentwidth {
width:760px;
}
.innerheaderwidth {
width:594px;

}

.spacerrow IMG{
display:block;
}

/* default style for links */

a:link, a:visited {
	font-family: Arial, Helvetica, Verdana, sans-serif; color: #6666cc;
}

a:hover {
	font-family: Arial, Helvetica, Verdana, sans-serif; color: #6666cc;
}

/* MAINCONTENT STYLE */
/* the .maincontent class is applied to the table cell which contains the editable main content area in all of the templates - this class defines the default typeface, background color and text color */

.maincontent {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	background-color:transparent;
	color: #000033;
}

/* DEFAULT STYLES */
/* Default style for <p> tags */

.maincontent P {
	margin-left:10px;
	margin-right:5px;
	margin-bottom:10px;
	margin-top:10px;
	font-size: 75%;
}

.maincontent P.extra_indent {
	margin-left:50px;
	margin-right:50px;
	margin-bottom:10px;
	margin-top:10px;
}

.maincontent p.header {

	font-size: 130%;
	margin-top:6px;
	margin-bottom:6px;
}

/* this style is used only in the homepage of current inquiries for inquiry type, status and date */

.maincontent p.subheader {

	font-size: 100%;
	margin-top:0px;
	margin-bottom:0px;

}

/* Default style for heading tags - eg <H1> headings at the top of the page */

.maincontent h1 {
	margin-left:10px;
	margin-right:5px;
	font-size: 110%;
	font-weight: normal;
	margin-bottom:0px;
}

.maincontent h2 {
	margin-left:10px;
	margin-right:5px;
	font-size: 90%;
	margin-bottom:0px;
}

.maincontent h3 {
	margin-left:10px;
	margin-right:5px;
	font-size: 85%;
	margin-bottom:0px;
}

.maincontent h4 {
	margin-left:10px;
	margin-right:5px;
	font-size: 80%;
	margin-bottom:0px;
}

.maincontent HR {

	width: 100%;
	height:1px;
	color:#999966;
}

/* used with <span class="overwritefont"> to be wrapped around lists - <ol> or <ul> */

.overwritefont {
font-size: 75%;
}

span.overwritefont p {
font-size: 100%;
}
.overwritefont li p {
font-size: 100%;
}

.overwritefont ul p {
font-size: 100%;
}

.overwritefont ol p {
font-size: 100%;
}

.overwritefont dir p {
font-size: 100%;
}

span.overwritefont h4 {
font-size: 105%;
}

/* apply to lists - <ol> or <ul> to remove bullets */

ul.nobullets {
font-size: 75%;
list-style-type: none;
margin-left:10px;
margin-right:5px;
margin-bottom:10px;
margin-top:10px;
padding-left: 0px;
}


ul.nobullets li p {
font-size: 100%;
}

ul.nobullets ul p {
font-size: 100%;
}

ul.nobullets ol p {
font-size: 100%;
}

ul.nobullets dir p {
font-size: 100%;
}



/* .leftnav-past, .leftnav-current, .leftnav-future all relate to the links which sit in the left-hand column */

.leftnav-past {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	background-color:transparent;
	color: #000033;
	text-decoration: underline;
	font-weight: bold;
	font-size: 75%;
	
}

A:link.leftnav-past, A:visited.leftnav-past{
	color: #000033;
}

A:hover.leftnav-past{
	color: #999999;
}

.leftnav-current {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	background-color:transparent;
	color: #000033;
	font-weight: bold;
	text-decoration: none;
	font-size: 75%;

}

.leftnav-future {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	background-color:transparent;
	color: #000033;
	text-decoration: underline;
	font-size: 75%;

}

A:link.leftnav-future, A:visited.leftnav-future{
	color: #000033;
}

A:hover.leftnav-future{
	color: #999999;
}

/* Class applied to links in the left-hand column -  used in conjuction with leftnav-past, leftnav-current, leftnav-future */

p.botpad {
	color: #999999;
	margin-bottom: -8px;

}

/*  ************************************************************************** */

/* NESTED TABLES SECTION - (ie tables which appear within the .maincontent style) */
/* for elements that appear within a nested table located inside the .maincontent area */

td.maincontent table tr td {
color: #000033;
font-size: 75%;
vertical-align:top;
}

/* for <p> tags contained within nested table - inherits font size from above style */

td.maincontent table tr td p {
color: #000033;
vertical-align:top;
font-size: 100%;
}

td.maincontent table tr td table tr td {
color: #000033;
vertical-align:top;
font-size: 100%;
}

/* definitions for headings within nested tables */

td.maincontent table tr td h1 {
color: #000033;
font-size: 130%;
font-weight: bold;
}

td.maincontent table tr td h2 {
color: #000033;
font-size: 115%;
}

td.maincontent table tr td h3 {
color: #000033;
font-size: 110%;
}

td.maincontent table tr td h4 {
color: #000033;
font-size: 105%;
}

/* for nested table headings with green backgrounds and white text - see Register of interests - Council members for example of this */

td.maincontent table tr td.ourpeople-back {
padding-top:10px;
padding-bottom:10px;
margin: 0px;
background-color: #999966;
color: #ffffff;
font-weight: bold;
}

/* used for headings which appear in the table cell as styled immediately above */

td.maincontent table tr td.ourpeople-back h4 {

background-color: #999966;
color: #ffffff;
font-weight: bold;
}

/*  ************************************************************************** */

/* RELATED LINKS / DOCUMENTS AREA
/* the following styles relate to the Related links/documents area which sits in the right-hand side of the page */

.relinfo {
border:hidden;
font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 75%;

width: 150px;
color: #ffffff;
}

.relinfo TD.rel_header {
font-weight:bold;
padding-left:5px;
background-color: #999966;


}
.corner {
vertical-align:top;
background-color: #999966;
}

.corner IMG {
display:block;
}

.relinfo p {
padding-right:5px;
padding-left:0px;
margin-top:4px;
margin-bottom:4px;
}

.relinfo TD.container IMG{
 background-color:#cccccc;
 border: solid 1px #000033;
 
}
.relinfo TD.container_links {
 background-color:#cccccc;

}
.relinfo TD.container_links p{
padding-left:5px;
color: #000000;
}

.tables {
border:hidden;
font-family: Arial, Helvetica, Verdana, sans-serif; 
color: #ffffff;
font-size:100%;
}

.tables TD.rel_header {
font-weight:bold;
padding-left:5px;
background-color: #999966;

color: #ffffff;

}
.tables p {
margin-top:4px;
margin-bottom:4px;
margin-left:10px;
margin-right:5px;
}

/*  ************************************************************************** */

/* OUR PEOPLE - MEMBERS' BIOGRAPHIES */
/* The following 3 styles apply to the <h1>, <p> and <img> tags in the pop-up biographies */

img.biog {
margin-right: 10px;

}

.maincontent h1.biog {
margin-left:0px;
margin-right:5px;
font-size: 110%;
font-weight: normal;
margin-bottom:0px;
}

.maincontent P.biog {
	margin-left:0px;
	margin-right:5px;
	margin-bottom:10px;
	margin-top:10px;
	font-size: 75%;
}


/*  ************************************************************************** */

/* REPORTS STYLES */
/* The following styles are used exclusively by tables in the reports section */

.report_table {
	margin:0px;
}

.report_table tr td {
	padding-left:10px;
	padding-right:10px;
	padding-bottom:5px;
	padding-top:5px;
}

.report_table tr td.report-back {

background-color: #999966;
	padding-left:0px;
	padding-right:0px;
	padding-bottom:5px;
	padding-top:5px;

}

.report_table tr td.report-back h3 {

font-weight: bold;
font-size: 105%;
color: #ffffff;
}

.report_table tr td.report-head {

	padding-left:0px;
	padding-right:0px;
	padding-bottom:5px;
	padding-top:5px;

}

.report_table tr td.report-head h3 {

font-weight: bold;
font-size: 110%;
}

.report_table tr td.report-head h4 {

font-weight: bold;
font-size: 105%;
}

/*  ************************************************************************** */

/* HOMEPAGE STYLES */
/* These styles are used exclusively by the CC's homepage - left hand column on this page */

.navitem {
text-decoration: none;
padding-left:0px;
padding-right:10px;
padding-top:5px;
margin:0px;
}

.arrow {
float:left;
} 

.homepagenav {
background-color:#F3F3EE;
color: #000033;
font-family: Arial, Helvetica, Verdana, sans-serif; 
font-size:75%;
}

.homepagenav a, .homepagenav a:hover, .homepagenav a:visited {
	text-decoration: none;
	font-weight: bold;
	color: #000033;
}

.homepagenav HR {
width: 90%;
height:1px;
color:#999966;
clear:left;
}


.homepagenav p {
padding-left:20px;
padding-right:15px;
padding-top:5px;
margin:0px;
}

#test {
padding-left:0px;
padding-right:15px;
padding-top:5px;
margin:0px;

}
/* whats new styles */

.whatsnew h3 {
font-weight: bold;
}

/*  ************************************************************************** */

/* PRESS RELEASES */
/* The following styles are used exclusively in the Press Release - What's New mailing list page */

.press_mail {
font-size: 100%;

}

.press_mail table tr td p {
vertical-align:top;
color:#cccccc;
padding-left:10px;
margin:0px;
}

.press_mail textarea {
font-size:100%;
font-family: Arial, Helvetica, Verdana, sans-serif;
}

.press_mail input {
font-size:75%;

}

.press_mail input.btn {
	background-color: #999966;
	color: #ffffff;
	margin-left:10px;
	margin-top:3px;
	font-size:100%;
}

/*  ************************************************************************** */

/* NON-EDITABLE STYLES */
/* The following styles are used in non-editable areas of the templates */

td.main-nav {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	background-color:transparent;
	color: #000000;
	font-size: 75%;
}

td.main-nav a:link,td.main-nav  a:visited,td.main-nav  a:hover {
	background-color:transparent;
	color: #000000;
	text-decoration: underline;
}


td.search-back-color {
	background-color: #999966;
	color: #ffffff;
}

.search-back {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 70%;
	background-color: #999966;
	color: #ffffff;
}

/*
 .back-image {
	background-color: #999966;
	background-image: url('../images/template/header/back-image.jpg');
	background-repeat: no-repeat;
}
*/

#search {
	vertical-align:middle; margin-top: 0px;
}

.textbox {
	vertical-align:middle; text-align:left; width:100px; font-size:85%;
	margin-left:10px
}

.textform {
	vertical-align:middle; text-align:left; width:100px; font-size:85%;
}

.textformarea {
	font-size:85%;
}
 
.textboxlong {
	vertical-align:middle; text-align:left; width:300px; font-size:85%;
	margin-left:10px
}

.dropdown {
	font-size:85%;
	
}
 
.submitbtn {
	background-color: #999966;
	color: #ffffff;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 100%;
	margin-left:10px;
	margin-top:3px;
}

.padding {

	padding-left:45px
}

.biog-top {
font-family: Arial, Helvetica, Verdana, sans-serif; 
font-size: 75%;
color: #ffffff; 
background-color: #999966;
margin: 0px;
padding-top: 20px;
}

td.biog-top a:link, td.biog-top a:visited, td.biog-top a:hover{
text-decoration:underline;
color: #ffffff;
}

.footer {
background-color:#F3F3EE;
color: #000033;
font-family: Arial, Helvetica, Verdana, sans-serif; 
font-size:75%;
padding-left:45px;
}

TD.footer a:link, TD.footer a:visited, TD.footer a:hover{
text-decoration:underline;
}


/**************** menu coding *****************/


#innerheaderwidth2 {
width 775px;
}

#menu {
width: 100%;
background: #eee;
float: left;
}

#menu ul {
list-style: none;
margin: 0;
padding: 0;
width: 6.5em;
float: left;
}

#menu a, #menu h2 {
font: bold, arial, helvetica, sans-serif;
font-size: 75%;
display: block;
border-width: 1px;
border-style: solid;
border-color: #ccc #888 #555 #bbb;
margin: 0;
padding: 2px 3px;
}

#menu h2 {
color: #fff;
background: #000;
}

#menu a {
color: #000;
background: #efefef;
text-decoration: none;
}

#menu a:hover {
color: #7082C0;
background: #fff;
}

#menu li {position: relative;}

#menu ul ul {
position: absolute;
z-index: 500;
}

#menu ul ul ul {
position: absolute;
top: 0;
left: 100%;
}

div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}

div.media {
/* border-width: thin;
border-style: solid;
border-color: #6666cc;  */
background-color: #000066;
padding-top: 4px;
padding-bottom: 4px;
}

div.media p {
color:#FFFFFF;
}