/***
Filename:		base_print.css
Author:			Andrei Vais
Date:			06/11/2007
Description:	Base styling for Nisa Members site
Colours:		#4387C6 - Blue box header
				#FFC600 - Nisa Yellow
				#FFFFFF - White box backgrounds, borders
				#666666 - Darker grey links
				#ED1B2E - Red
Dimensions:		Max width: 1100px
				Min width: 750px
				Page left margin: 30px
***/

/***
Reset styles (http://meyerweb.com/eric/thoughts/2007/04/12/reset-styles/)
***/
html,body,div,span,
applet,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,big,cite,code,
del,dfn,em,font,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,
dd,dl,dt,li,ol,ul,
table,caption,tbody,tfoot,thead,tr,th,td
{
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: normal;
	font-style: normal;
	font-size: 100%;
	line-height: 1;
	font-family: inherit;
	text-align: left;
}

table
{
	border-collapse: collapse;
	border-spacing: 0;
}

ol,ul
{
	list-style: none;
}

q:before,q:after,
blockquote:before,blockquote:after
{
	content: "";
}

/***
Base site styles
***/
body
{
	font-family: Georgia, Times New Roman, serif;
	font-size: 12px;
	margin: 0;
	padding: 0 0 20px 0;
	background: url(../images/body_background.gif);	
}

div#header
{
	background: url(../images/body_background_top.gif) #FFFFFF bottom left repeat-x;
	padding: 0 0 15px 0;
	width: 100%;
	min-width: 750px;
}

h1
{
	margin: 10px 0 10px 26px;
}

div.content h2,
div.content h3,
div.content h4
{
	margin: 0 0 20px 0;
	font-size: 21px;
	font-weight: bold;
	color: #666666;
}

div.content h3
{
	font-size: 16px;
}

div.content h4
{
	font-size: 14px;
	margin: 10px 0 0 0;
}

div.content p
{
	line-height: 1.3;
	font-size: 12px;
	margin: 10px 0 10px 0;
}

div.content strong
{
	font-weight: bold;
}

div.content em
{
	font-style: italic;
}

div.content ul
{
	margin: 0 0 0 10px;
	list-style-type: disc;
}

div.content ul li
{
	margin: 10px;
}

div.content img.news,
div.content img.standard
{
	float: right;
	margin: 0 10px 10px 20px;
}

div.content img.trainingImg
{
float: right;
padding: 3px;
border: 1px solid #CCCCCC;
margin-left: 10px;
}

div.content img.standard
{
	border: 1px solid #666666;
}

a
{
	color: #4387C6;
	text-decoration: none;
}

body.wholesale a
{
	color: #4387C6;
}

a:hover
{
	text-decoration: underline;
}

ol.standard,
ul.standard
{
    margin: 0 0 0 25px;
    list-style-type: decimal;
}

ul.standard
{
    list-style-type: disc;
}

ol.standard li,
ul.standard li
{
    margin: 5px 0 5px 0;
    line-height: 1.2;
}

ul.standard li.hidden
{
    display: none;
}

/* Definitions for various content panel types */
div#page
{
	/*min-width: 678px;
	max-width: 1028px;*/
	background: #FFFFFF;
	margin: 10px 20px 20px 30px;
	padding: 10px;
	border: 1px solid #CCCCCC;
	/*overflow: auto;
	zoom: 1;*/
	float: left;
	width: 700px;
}

div#modulespage
{
	min-width: 720px;
	max-width: 1070px;
	padding: 10px 0 20px 30px;
	/*overflow: auto;	*/
	width: 700px;
}	

/***
Top Navigation bar
***/
div#topnav
{
	display: none;
}
/***
Main navigation bar
***/
div#mainnav-outer
{	
	display: none;
}

/***
Breadcrumbs
***/
ul#breadcrumbs
{
	/*border: 1px solid pink;*/
	overflow: auto;
	width: 100%;
	font-size: 14px;
	margin: 0 0 10px 0;
	padding: 0 0 3px 0;
}

ul#breadcrumbs li
{
	float: left;	
	margin: 0 7px 0 0;
	padding: 0 0 1px 0;
}

ul#breadcrumbs li a
{
	margin: 0 5px 0 0;
}
/***
Secondary nav
***/
ul#secondarynav
{
	/*overflow: auto;*/
	zoom: 1;
	margin: 0 0 10px 0;
	padding: 5px;
	background: #CCCCCC;
}

ul#secondarynav li
{
	float: left;
	padding: 0 5px 1px 0;
	margin: 0 9px 0 0;
	font-size: 14px;
}

ul#secondarynav li a.selected
{
	color: #ED1B2E;
}

ul#secondarynav.nested
{
	/*border: 1px solid purple;*/
	float: left;
	width: 18.5%;
	background: none;
}

/* Nested nav is displayed on left*/
ul#secondarynav.nested li
{
	float: none;
	font-size: 100%;
	margin: 0 0 10px 0;
}

ul#secondarynav.nested li a
{
	font-weight: bold;
}

ul#secondarynav.nested ul
{
	margin: 0 0 10px 10px;
}

ul#secondarynav.nested ul li
{	
	margin: 5px 0 0 0;
}

ul#secondarynav.nested ul li a
{
	font-weight: normal;
} 




/***
Corporate Governance
***/
div#page.with-nav div.navigation
{
	/*border: 1px solid orange;*/
	float: left;
	width: 200px;
}

div#page.with-nav div.navigation ul
{
	margin: 0 0 10px 0;
}

div#page.with-nav div.navigation ul li.haschildren
{
    margin-top: 20px;
}

div#page.with-nav div.navigation ul li#nisa-retail a
{
    color: #003875;
}

div#page.with-nav div.navigation ul li#todays-wholesale a
{
    color: #ED1B2E;
}

div#page.with-nav div.navigation ul ul
{
	margin: 0 0 0 15px;
}

div#page.with-nav div.navigation ul li
{
	margin: 5px 0;
	line-height: 1.2;
	width: 160px;
}

div#page.with-nav div.navigation ul li a.selected
{
    font-weight: bold;
}

div#page.with-nav div.content
{
	/*border: 1px solid purple;*/
	float: left;
	width: 430px;
	margin-left: 30px;
}

div#page.with-nav div.content p
{
	/*border: 1px solid green;*/
	float: left;
	width: 90%;
}

div.structure
{
	text-align: center;
	margin: 10px 0;
}

div.hide
{
    display: none;
}

div.substructure
{
    /*border: 1px solid orange;*/
    margin: 10px 0;
}

div.yui-panel-container div.substructure
{
    margin: 0;
}

div.substructures div.hd
{
    font-weight: bold;
    font-size: 13px;
    margin: 0 0 5px 0;
	clear:both;
}

div.substructures div.bd img
{
    float: left;
    margin: 10px 5px 5px 0;
}

map area
{
	border: 1px solid purple;
	cursor: pointer;
}

div.files
{
    /*border: 1px solid #666666;*/
    margin: 20px 0 0 10px;
    padding: 5px;
}

div.files h3
{
    /*border: 1px solid purple;*/
    font-weight: bold;
}

#page div.content div.files ul
{
	list-style-type: none;
	margin-left: 0;
}

#page div.content div.files ul li
{
	margin-left: 0;
}

div.files ul li a
{
    display: block;
    background: url(../images/icons/pdfdocument.gif) no-repeat left center;
    padding: 0 0 0 20px;
    line-height: 1.2;
}

div.files ul li a:link:after, div.files ul li a:visited:after
{
   content: " (" attr(href) ") ";
   font-size: 90%;
}

div.files ul li a[href^=""]:after
{
  content: " (http://members.nisa-todays.com/" attr(href) ") ";
}

/***
Corporate Governance - Your Board
***/
#page h2 a, #page h3 a
{
	 color: #666666;
	 font-weight: bold;
	 text-decoration: none;
}

#page .intro h3
{
	 font-weight: bold;
}

#page .intro li
{
	 line-height: 140%;
}

.ListofDirectors
{
	clear: both;
	float: left;
	list-style-type: square;
	margin: 0 0 10px 0;	
	padding: 0 0 5px 3%;
	width: 93%;
}

.ListofDirectors li
{
	margin: 0 0 9px 0;
	padding: 0 0 0 0;
}

#page .boardaddress
{
	border-bottom: 3px solid #CCCCCC;
	float: left;
	margin: 0 0 10px 10px;	
	padding: 0 3% 10px 3%;
	width: 90%;
}

#page div.substructure
{
	border-bottom: 3px solid #CCCCCC;
	clear: both;
	float: left;
	margin: 0 0 10px 10px;
	padding: 0 0 10px 3%;
	width: 93%;
}

div.substructures h4
{
	color: #666666;
	font-size: 160%;
	font-weight: bold;
	margin: 0 0 20px 10px;
	text-decoration: none;
}

#page .ListofDirectors .title
{
	margin-left: 10px;
}

#page .substructure .title
{
	font-weight: bold;
	text-transform: capitalize;
}

#page div.substructure .photo
{
	border: 1px solid #AAB4BF;
	float: left;
	margin: 0 2% 0 0;
	padding: 0.7% 0.75% 0.6% 0.75%;
	width: 21.6%;	
}

#page div.substructure .photo img
{
	float: left;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	width: 100%;	
}

#page div.substructure .BoardMemberDetails
{
	float: left;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	width: 72%;
}

#page div.substructure .BoardMemberDetails h3
{
	color: #666666;
	float: left;
	font-size: 120%;
	font-weight: bold;
	margin: 0 0 7px 0;
	padding: 0 0 0 0;
	width: 100%;
}

/***
COSHH
***/
ul#coshh-docs,
ul#coshh-docs ul
{
    list-style-type: none;
}

ul#coshh-docs h3
{
	margin: 10px 0 10px 0;
	font-size: 16px;
	font-weight: bold;
	color: #666666;	
}

/*	Bulletins */
ul#bulletinperiods
{
	background: url(../images/greydot_horizontal.gif) repeat-x left bottom;
	padding: 0 0 10px 0;	
}

ul#bulletinperiods li
{
	background: url(../images/icons/bulletins.gif) no-repeat left center;
	margin: 5px 0 5px 0;	
	padding: 10px 0 10px 40px;
}

ul#bulletins
{
	margin: 10px 0 0 40px;
}

ul#bulletins h3
{
	margin: 30px 0 10px 0;
	font-size: 16px;
}

ul#bulletins ul li
{
    background: url(../images/icons/filetype_doc.gif) no-repeat left center;
	margin: 0 0 5px 0;
	padding: 5px 0 5px 30px;
}

ul#bulletins ul li.BackToTopLink
{
	background: none;
	margin: 15px 0 0 0;
	padding: 0;
}

/* Members Only Forum */
ul#members-only-programme
{
	list-style: none;
	float: left;
	width: 100%;
	margin: 0 0 20px 0;
}

ul#members-only-programme li
{
	margin: 0 0 10px 0;	
	float: left;
	width: 100%;
}

ul#members-only-programme span.time
{
	float: left;
	width: 15%;
	margin-right: 5px;
}

ul#members-only-programme span.event
{
	float: left;
	width: 80%;
	line-height: 1.3;
}

form#memberforumsignup fieldset.radioset
{
	width: 80%;
	margin: 0 0 0 1%;
	padding-bottom: 9px;
}

form#memberforumsignup fieldset.radioset div.fieldcontainer,
form#memberforumsignup fieldset.radioset div.fieldcontainer input,
form#memberforumsignup fieldset.radioset div.fieldcontainer label
{
	display: inline;
	width: auto;
}

form#memberforumsignup fieldset.radioset legend
{
	display: inline;
}