/*

Title:			Brochure Site Shareholding Dealing Page Styles
*/

/* common
---------------------------------------------------------------------------------------------------- */

body {
	margin: 0;
	padding: 0 0 1em;
	background: #FFF;
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 70%;
}

a:link, a:visited, a:hover, a:active {
	color: #004E73;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}

p { margin: 0 0 1em; }

table {
	width: 100%;
	border-collapse: collapse;
}
th, td {
	padding: 3px 5px;
}

em { font-style: italic; }
strong { font-weight: bold; }

img.left {
	float: left;
	margin: 0 2em 1em 0;
}
img.right {
	float: right;
	margin: 0 0 1em 2em;
}
#primary img { margin-bottom: 1em; }

/* Wrapper
---------------------------------------------------------------------------------------------------- */

#Wrapper {
	width: 900px;
	margin: 20px 0 20px 0px;
	background: #FFF;
}
.sub-nav #wrapper { background: #FFF url(images/background.gif) left repeat-y; }


/* masthead
---------------------------------------------------------------------------------------------------- */

#Masthead {
	width: 100%;
	background: #FFF;
	border-bottom: solid 5px #3eb1f1;
	margin: 0 0 3px 0;
	
}
#Masthead img {
	margin: 0px 0 20px 10px;
}


/* navigation
---------------------------------------------------------------------------------------------------- */

#TopNav {
	clear: both;
	float: left;
	width: 100%;
	padding: 0 0 0 0;
	border-bottom: 10px solid #fff;
	background: #B2B3B5 top repeat-x;
	line-height: 2.5em;
}
#TopNav li {
	float: left;
	padding: 0 10px;
}
#TopNav a {
	padding: 1px 4px;
	color: #004E73;
	font-weight: bold;
	text-decoration: none;
}
#TopNav a:hover {
	background: #004E73;
	color: #FFF;
}
#TopNav-current a, #TopNav-current a:hover {
	background: #004E73;
	color: #FFF;
	cursor: default;
}



/* Content
---------------------------------------------------------------------------------------------------- */

#Content { margin: 40px 65px 0 65px; }
#home #Content { margin-left: 394px; }
.sub-nav #Content { margin-left: 182px; }

#Content h1 {
	margin: 0.25em 0 0.5em;
	font-size: 1.6em;
	font-weight: bold;
}
#Content h2 {
	margin: 1.5em 0 0.5em;
	font-size: 1.3em;
	font-weight: bold;
}
#Content h3 {
	margin: 1.5em 0 0.5em;
	font-weight: bold;
}

#Content ul {
	padding: 0 2em;
	margin-bottom: 1em;
}
#Content ul li {
	margin-bottom: 0.5em;
	list-style: square outside;
}

#Content dl { margin-bottom: 1em; }
#Content dt {
	font-weight: bold;
	margin-bottom: 0.5em;
}
#Content dd { margin-bottom: 1em; }

#Content form { margin: 1.5em 0; }
#Content fieldset {
	padding: 0;
	border: none;
	margin: 0;
}
#Content legend {
	padding: 0;
	margin: 0 0 1em;
	color: #000;
	font-size: 1.3em;
	font-weight: bold;
}
#Content form table {
	width: 100%;
	border: none;
	margin: 0 0 1em;
}
#Content td.labels {
	width: 25%;
	text-align: right;
}
#Content label em {
	color: #FF5C00;
	font-style: normal;
}
#Content input.text {
	width: 75%;
	padding: 2px;
	margin: 0 0 0.1em;
	font-size: 1em;
}
#Content input.button {
	margin: 1em 0 0;
	font-size: 1em;
}
#Content textarea {
	width: 75%;
	padding: 2px;
	margin: 0 0 0.1em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
}
#Content form p.warning {
	margin: 0;
	color: #7D7E80;
}
#Content form p.warning em {
	color: #FF5C00;
	font-style: normal;
}


/* Footer
---------------------------------------------------------------------------------------------------- */

#Footer {
	clear: both;
	position: relative;
	width: 520px;
	border-top: 10px solid #FFF;
	margin: 2em 0 0;
	background: #D1DFE9;
	line-height: 2.5em;
}
#Footer p {
	display: inline;
	float:left;
	width: 260px;
	margin: 0 0 0 10px;
	font-weight: bold;
}
#Footer ul li {
	display: inline;
	padding: 0;
	margin: 0 10px 0 0px;
}
#Footer a { color: #004E73; text-decoration: none; }
#Footer a:hover { text-decoration: underline; }


/* Disclaimer
---------------------------------------------------------------------------------------------------- */

#Disclaimer {
	width: 520px;
	margin: 20px 0px 0 0px;
	background: #FFF;
	color: #929395;
}
#Disclaimer p {
	padding: 0 10px 1em 10px;
	margin: 0;
}
#Disclaimer a {
	color: #626365;
	text-decoration: underline;
}
#Disclaimer a:hover { text-decoration: none; }