/*  This style sheet is designed to fit an elastic centered 3-column layout
	Left and right columns are fixed width but content within them scalable to default font
	Centre column liquid */

/* 	Margins and padding set to 0 in containing divs and then adjusted for elements contained within them such as <p> -
	this is to avoid box rendering inconsistencies between browsers */

/* 	Page font is set to a sans-serif style and 95% of the user's default size as 100% is too big for most people's taste */

html {
	}
body {
	margin: 0;
	padding: 0;
	background-color: #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
	color: #666666;
	}

/********************************************************************************************************/
/*** General site-wide styles for HTML tags ***/
a:link {
	color: #663333;
	text-decoration: underline;
	}
a:visited {
	color: #663333;
	text-decoration: underline;
	}
a:hover {
	color: #cc9999;
	text-decoration: none;
	}
a:active, a:focus {
	color: #cccc99;
	text-decoration: none;
	}

p {
	margin: 0;
	padding: 0.5em 0.7em;
	}
h1 {
	margin: 2.5em 0 0 0;
	padding: 0.5em 0.5em; /* All headings are placed slightly to the left of paragraph edges */
	border-bottom: dotted 1px #666666;
	line-height: 1.1em;
	font-size: 1.5em;
	}
h2 {	
	margin: 0;
	padding: 0.5em 0.5em;
	font-size: 1.2em;
	}
h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 1.0em;
	font-weight: bold;
	margin: 0;
	padding: 0.5em 0.5em;
	}
h4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 1em;
	font-style: italic;
	margin: 0;
	padding: 0.5em 0.5em;
	}
table {
	}
td, th {
	padding: 2px;
	/* vertical-align: top; */
	}
textarea {
	}
ul {	
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 0.8em;	
	list-style-type: square;	
	list-style-position: outside
	}
	
/********************************************************************************************************/

#banner {
	display: none;
/* 	background-color: #996699;
	height: 2em;
	margin: 0;
	padding: 0;
	color: #ffffff;
	border-bottom: 0.1em solid #663333;*/
	}

#banner h1 {
	/* Developing insight, delivering improvement */
	margin: 0;
	padding: 0.5em 0em 0.3em 0.5em;
	font-size: 0.8em;
	font-weight: bold;
	font-style: italic;
	}

#top_menu {
	display: none;
	background: #cccc99;
	height: 40px; /*Height of top section*/
	margin: 0;
	padding: 0;
	}

#top_menu ul {
	display: inline; /* Displays list of links in one line instead of down the page */
	/* padding: 0;
	margin-left: 0.5em;
	list-style-type: none;
	line-height: 3em;*/
	}
#top_menu ul li {
	display: inline;
	padding-bottom: 0.5em;
	}
#top_menu ul li a {
	background-color: #cccc99;
	color: #663333;
	padding-top: 0.7em; /* Padding the link makes the background color fill the whole height of the div and not just behind the words */
	padding-bottom: 0.7em;
	padding-left: 0.3em;
	padding-right: 0.3em;
	text-decoration: none;
	}
#top_menu ul li a:visited {
	text-decoration: none;
	}
#top_menu ul li a:hover {
	background-color: #663333;
	color: #ffffff;
	padding-top: 0.7em; /* Padding the link makes the background color fill the whole height of the div and not just behind the words */
	padding-bottom: 0.7em;
	padding-left: 0.3em;
	padding-right: 0.3em;
	text-decoration: none;
	}


#page {
	float: left;
	width: 100%;
	}

#content {
	padding: 0;
	margin: 0; /*Set left margin to 0 RightColumnWidth 0 LeftColumnWidth*/
	}

#snippets {
	display: none;
	float: left;
	width: 227px; /*Width of right column*/
	padding: 0;
	margin: 0 0 0 -227px; /*Set left marginto -(RightColumnWidth)*/
	background: #ffffff;
	}

#snippets .padding {
	padding: 3em 0 0 0;
	}
	
#links {
	display: none;
	float: left;
	width: 227px; /*Width of left column*/
	padding: 0;
	margin: 0 0 0 -100%;
	background-color:#ffffff;
	border-right: 1px solid #eadfea;
	}

/********************************************************************************************************/
/*** Indicates whether people are looking at the 'Company profile' area or the 'Learning zone' ***/	
#zone {
	float: left;
	width: 233px; /* I set this a bit wider than the containing left-col div so that it spills into the center column and hides the border */
	background-color: #ffffff;
	position: relative; /* IE hack to prevent double margin */
	background-repeat: no-repeat; /* The image itself is specified inline as it is different depending on which page you are looking at */
	background-position: center bottom;
	height: 160px;
	color: #ffffff;
	padding-top: 0.8em;
	margin-bottom: 0.3em;
	margin-top: 0em;
	}

#zone h2 {
	padding-top: 40px; /* Positions the heading in the right place over the background image */
	padding-left: 30px;
	font-size: 1.5em;
	text-align: left;
	}

/********************************************************************************************************/
/*** A set of links specific to that page ***/
.menu_section {
	margin: 5px 0 0 0;
	background-color: #eddcdc;
	}

.menu_list {
	margin-left: 10px;
	}

.menu_sub {
	margin-left: 20px;	
	}	

#sub_links{
	background-image: url(../images/H3eadfea.gif);
	background-repeat: no-repeat;
	background-position: center top;
	float: left;
	width: 227px;
	}

#sub_links h3 {
	margin: 0;
	padding: 30px 40px 10px 0; /* Positions the text so that it tucks in behind the arrow image */
	color: #996699;
	font-size: 1.1em;
	font-weight: normal;
	text-align: right;
	}
#sub_links p {
	}
	
#sub_links ul {
	margin: 0 3em 0 1em ; 
	padding: 0;
	}
#sub_links ul li {
	list-style-type: none;
	padding: 0.1em 1em 0.1em 0;
	}
#sub_links ul li a {
	color: #663333;
	text-decoration: none;
	padding: 0.3em;
	display: block;	
	border-bottom: 1px dotted #330000;
	}
#sub_links ul li a:hover, 
#sub_links ul li a:active {
	color: #666666;
	text-decoration: none;
	padding: 0.3em;	
	display: block;	
	}
	
#sub_links ul li a.team {
	}
#sub_links ul li a.team:hover, 
#sub_links ul li a.team:active{
	}
#sub_links ul li a.library {
	}
#sub_links ul li a.library:hover, 
#sub_links ul li a.library:active{
	}
#sub_links ul li a.networks {
	}
#sub_links ul li a.networks:hover, 
#sub_links ul li a.networks:active{
	}

#sub_links ul li a.team_sub {
	}
#sub_links ul li a.team_sub:hover, 
#sub_links ul li a.team_sub:active {
	}
#sub_links ul li a.networks_sub {
	}
#sub_links ul li a.networks_sub:hover, 
#sub_links ul li a.networks_sub:active {
	}
#sub_links ul li a img {
	margin: 0.5em 0.5em 1.2em 0; 
	float: left;
	}

/********************************************************************************************************/
/*** Sets the styles for the footer bar ***/
#footer {
	display: none;
	background-color: #cccc99;
	width: 100%;
	padding: 4px 0;
	clear: both;
	text-align: right;
	color: #666666;
	}
#footer ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
	line-height: 3em;
	padding-right: 1em;
	}
#footer ul li {
	display: inline; /* Displays list of links in one line rather than down the page */
	padding-bottom: 0.5em; 
	}
#footer ul li a {
	background-color: #cccc99;
	color: #663333;
	padding-top: 0.7em; /* Padding the link makes the background color fill the whole height of the div and not just behind the words */
	padding-bottom: 0.7em;
	padding-left: 0.3em;
	padding-right: 0.3em;
	text-decoration: none;
	}
#footer ul li a:visited {
	text-decoration: none;
	}
#footer ul li a:hover {
	background-color: #663333;
	color: #ffffff;
	padding-top: 0.7em; /* Padding the link makes the background color fill the whole height of the div and not just behind the words */
	padding-bottom: 0.7em;
	padding-left: 0.3em;
	padding-right: 0.3em;
	text-decoration: none;
	}
/********************************************************************************************************/

.padding {
	margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
	margin-top: 0;
	}

.hidden {
	display: none;
	}
	
.nobullet {
	list-style-type: none;
	}

.welcome {
	font-size: 0.8em;
	color: #666666;
	}

.tabs {
	padding: 3px 0;
	margin: 3em 0 1em 0;
	font-size: 12px;
	border-bottom: 1px solid gray;
	list-style-type: none;
	text-align: center; /*set to left, center, or right to align the menu as desired*/
	}

.tabs li {
	display: inline;
	margin: 0;
	}
	
.tabs li a {
	text-decoration: none;
	padding: 3px 7px;
	margin-right: 3px;
	border: 1px solid gray;
	border-bottom: none;
	background-color: #e4e4ce;
	color: #333333;
	}
.tabs a:link, .tabs a:visited {
	color: #2d2b2b;	
	}

.tabs li a:hover{
	background-color: #cccc99;
	color: #000000;
	}

.tabs li a:active{
	color: #000000;
	}

.tabs li.current a{ /*selected tab effect*/
	position: relative;
	top: 1px;
	padding-top: 4px;
	background-color: #cccc99;
	/*color: black;*/
	}
	
.current {
	border-bottom: 3px solid #ffffff;
	background: #d4c4c4;
	}
/********************************************************************************************************/
/*** Styles for the forms throughout the site ***/
.form_background {
	/*border: solid 1px #666666;*/
	background-color: #ffffff;
	margin: 2em 2em 0 2em;
	padding: 0.5em;
	}
.form_label {
	text-align: right;
	font-size: 80%;
	}
.form_control {
	text-align: left;
	font-size: 80%;
	}
.fieldset {
	width: 30em; 
	margin-left: auto; 
	margin-right: auto; 
	text-align: center;
	}
.legend {
	background-color: #ffffff; 
	color: #996699; 
	padding: 2px;
	}

#confirm li {
	padding: 5px;
	/* color:#F00 */
	}

/********************************************************************************************************/
/*** Styles for displayed models ***/
.metadata {
	border: 1px solid #666666;
	margin: 1em;
	padding: 0;
	}	
.metadata h3 {
 	border-bottom: 1px dotted #666666;	
	}
.metadata ul {
	margin: 0.5em 0.7em 0.5em 0.7em;
	}
.metadata p {
	margin-left: 1em;
	}