/* Created by Debbie Ormston */

/*** GLOBAL LAYOUT ELEMENTS ***/
/* Sets element margins, padding, and border to 0 to even out browser differences when adding desired values later. */
html, body, div, p, h1, h2, h3, h4, h5, h6, img, blockquote, ol, ul, li, dl, dt, dd, td, form, fieldset, a {
     margin: 0;
     padding: 0;
     border: 0;
}

body {
	background: #e0e5d1;
	color: #333;
	font: 100.01% 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
}

/*** Easy Clearing of Float:  We also do a little IE Mac hiding to complete the technique. ***/
.clearfix:after {   
     content: "."; /* This dot is the actual appended content */   
     clear: both;   
     height: 0;   
     visibility: hidden;   
     display: block; 
} 

/* Hides from IE-mac \*/
* html .clearfix {height: 1%; }
/* End hide from IE-mac */
/*** End Easy Clearing of Float ***/

/* Solve the page shift problem in Firefox */
html { min-height: 100%; margin-bottom: 1px; }
/* End solve the page shift problem in Firefox */

.container {
	width: 954px;/* NOTE:changed from a fluid declaration 90% */
	margin: 0 auto;
}

#banner {
	/* padding: 1em; NOTE: removed the padding to make everything line up */
	background: #e0e5d1 url(../assets/backgrounds/bk_header_img.jpg) bottom right no-repeat;
}
#banner img {
	margin: 0;
	padding:0 10px ;
	display: block; /* get rid of the extra pixel or so of space in the banner */
}
#globalnavbar {
	background: #1c3e95 url(../assets/backgrounds/bk_globalnav.gif) top left repeat-x;
	width: 100%;
}
ul#nav {
	margin-top: 6px;
	margin-left: 15px; /* get it to line up with the sidebar1 text */
	font-size: 0.9em;
	list-style-type: none; /* take the bullet of the list items */
	background-color: #1c3e95; /* match the color of the navbar */
	text-align: left; /* centre the text of list items */
	float: left; /* float the list to the left of the navbar */
	width: 100%; /* let it stretch all the way across */
}
#nav li {
	display: inline; /* make the list items display in a horizontal line */
}

#nav li a:link,
#nav li a:visited {
	float: left; /* we need to float them to make the width work */
	width: 10em; /* using ems allows the links to resize if the text size changes */
	color: #fff; /* change the text color of the links */
	padding: 8px 5px; /* give them some breathing space */
	text-decoration: none; /* take the underline off */
	/* border-right: 1px solid #fff; try adding a pipe on the right */
}
#nav li#memberloginbutt a:link {
	background: url(../assets/icons/icon_login.gif) center left no-repeat;
	width: 195px; /* make it line up with the main content which has a margin of 240px. 240 - 20(left padding) - 15(left margin on the containing ul) */
	text-align: left;
	padding-left: 30px; /* allow the text to move away from the login icon */
}

/* persistent page indicator */
body#aboutpage #nav li#aboutabcdbutt a,
body#memberpage #nav li#membersonlybutt a,
body#memberbranchespage #nav li#membersonlybutt a,
body#memberbranchesnatexecpage #nav li#membersonlybutt a,
body#contactpage #nav li#contactbutt a {
	color: #1c3e95;
	background-color: #d3d8c6;
}

#nav li a:visited {
	color: #d3d8c6;
}
#nav li a:hover {
	color: #1c3e95;
	background-color: #d3d8c6;
}
#nav li#memberloginbutt a:hover {
	color: #fff; /* NOTE: changed from #d3d8c6 */
	font-weight: bold;
}
#containerWrapper {
	background: #fff;
}
#sidebar1 {
	float: left;
	width: 200px; /* changed from 150 */
	padding: 20px;
	padding-top: 20px; /* breathing space at the top which matches sidebar2 */
}
#sidebar2 {
	float: right;
	width: 200px; /* changed from 150 */
	padding: 20px;
	padding-top: 20px; /* breathing space at the top which matches sidebar1 */
}

#maincontent {
	margin-left: 240px; /* make room for the left column 200 + 20px padding on the sidebar and the main content */
	margin-right: 240px; /* make room for the right column 200 + 20px padding on the sidebar and the main content */
	padding: 10px;
	padding-top: 20px; /* breathing space at the top which matches sidebar1 & sidebar2 */
}

#footer {
	clear: both;
	margin: 0;
	padding: 2em 0 .5em 0;
	background: #e0e5d1 url(../assets/backgrounds/bk_footer_top.gif) top left repeat-x;
	font-size: 90%;
	color: #1c3e95;
}

table td {
	vertical-align: top;
	font-size: 0.9em;
	padding: 3px;
}

/*** END GLOBAL LAYOUT ELEMENTS ***/

/*** TEXT ***/
h1, h2, h3, h4, h5, h6, p { /*take the top margins off these elements and just set bottom margins for separation*/
	margin-bottom: 0.2em;
}

h1 {
	font-size: 150%;
}
h2 {
	font-size: 130%;
}

#maincontent h2 {
	margin: 0 0 .5em 0;
	color: #56568f;
}

h3 {
	margin-bottom: .2em;
	font-size: 100%;
}

#maincontent h3 {
	margin: 1em 0 .5em 0;
	color: #56568f;
}

h4 {
	margin: 0.5em 0;
	font-weight: bold;
	font-size: 100%;
}

h5, h6 {
	font-size: 100%;
}

#sidebar1 h2,
#sidebar2 h2 {
	font-weight: bold;
	font-size: 0.9em;
	margin-bottom: 0.4em;
	color: #778f3b;
}

p {
	margin-bottom: 0.4em;
	font-size: 0.9em;
	line-height: 1.5em;
}

p#copyright {
	float: right;
	width: 220px; /* match it up with the text in the sidebar 240 - 20 */
	line-height: normal;
}

p.contact {
	float: left;
	width: 50%;
	padding-left: 20px; /* match the padding on the sidebar to line them up */
	line-height: normal;
}

#sidebar1 p,
#sidebar2 p {
	margin: 0 0 1em 0;
	font-size: 0.8em;
}

#sidebar1 p.callout {
	font-weight: bold;
	color: #1c3e95;
}

#sidebar2 p.callout {
	color: #ff0000;
}

#sidebar1 ul,
#sidebar2 ul {
	list-style-type: none;
	font-size: 0.9em;
}

#sidebar2 ul li {
	font-weight: bold;
	color: #778f3b;
	margin-top: 0.5em;
}

#maincontent ul {
	padding-left: 15px;
}

#maincontent ol {
	padding-top: 1em;
	padding-left: 20px;
	padding-bottom: 1em;
}
#maincontent ul li,
#maincontent ol li {
	padding-bottom: 0.5em;
	line-height: 1.5em;
	font-size: 0.9em;
}

/* Hidden elements */

/* HIDE this declaration
.memberpersonalcontact {
	display: none;
}
END HIDING*/

/* END Hiddent elements */

/*** END TEXT ***/

/*** LINKS ***/


a:link {
	color: #9999ff;
}
a:visited {
	color: #ffc399;
}

#sidebar1 h2 a:link {
	color: #778f3b;
	text-decoration: none;
}

#sidebar1 ul {
	padding-bottom: 1em;
}

#sidebar1 ul li,
#sidebar2 ul li,
#sidebar2 #resourcessubnav ul li li {	/* the bottom border on the right side navigation */
	padding: 0.5em 0;
	border-bottom: 1px dashed #778f3b;
}

#sidebar2 #resourcessubnav ul li {
	border-bottom: none; /* but we don't want a border on the subheads where there are 2 levels */
}

#sidebar1 ul li a,
#sidebar2 ul li a {
	text-decoration: none; 
	color: #56568f;
}

#sidebar1 ul li a:hover,
#sidebar2 ul li a:hover {
	color: #778f3b;
}

#sidebar1 h2 a:hover {
	color: #1c3e95;
}

/*** END LINKS ***/

/*** IMAGES ***/
img {
	border: 0;
}

img#ad3m,
img#adrawlins {
	margin-bottom: 1.5em;
}

/* Add this class to an image to float it left and wrap text around it. Amend the value for the margin to suit. */
.fltlft {
	float: left;
	margin-right: 10px;
}

/* Add this class to an image to float it right and wrap text around it. Amend the value for the margin to suit. */
.fltrt {
	float: right;
	margin-left: 10px;
}

/*** END IMAGE ***/

/*** TABLES ***/
table {
	margin-bottom: 1.2em;
	font-size: 1em;
}
table.bccminstable td {
	border: 1px solid #9999ff;
}
/*** END TABLES ***/

/*** FORMS ***/

/*** END FORMS ***/

/*** HOMEPAGE ***/

/*** END HOMEPAGE ***/

/*** INNER PAGES ***/

/*** END INNER PAGES ***/