/*
	Filename         :	content.css
	Created by       :	Peter Hammans
	Last modified by :	Peter Hammans
	Created          :	24 August 2004 17:17
	Last Updated     :	24 August 2004 17:17
	Comments         :	
*/


@import url(global.css);

/****************************************************
home specific styles
******************************************************/
div#content div#homeSide p {
	color:#003366;
}

/****************************************************
General content styles
******************************************************/
div#content {
	padding-bottom:2.5em;
}

div#content p.summary {
	margin-top: 1em;	
	padding:0;	
}

div#content p img {
	float:right;
	padding-bottom:1em;
}
div#content img.fRight {
	float:right;
}

div#content h3 {
	/**clear:both;**/
}

div#pageTitle {
	width:100%;
	color:#FFFFFF;
	background:#2A0379 url(../images/layout/bg_title_bottom.gif) no-repeat left bottom;
	padding-bottom: 8px;
	margin:0 0 1em 0;
}

div#pageTitle h2 {
	font-size:110%;
	color:#FFFFFF;
	background:#2A0379 url(../images/layout/bg_title_top.gif) no-repeat left top;	
	padding: 8px .5em 0 .5em;	
	margin:0;
}

div#pageTitle p {
	color:#FFFFFF;
	padding: .8em;	
	margin: 0;
	font-weight: bold;
}

div#pageTitle p a {
	color:#FFFFFF;
}


div.table {
	margin-top: 1.5em;
	color: #52136b;
}
div.table ul {
	padding: 0;
	margin: 0;
}
div.table ul li {
	list-style-type:none;
	border-bottom: 1px solid #e6e6e6;
	padding: .3em .5em .3em .5em;
}
div.table ul li a {
	text-decoration: none;
	color: #52136b;
}
div.table p {
	padding: .3em .5em .3em .5em;
	color:#9A64CC;;
}
div.table p a {
	text-decoration:none;
	font-weight:bold;
	color:#9A64CC !important;
}
div.tableHead {
	background:#F0E8F7 url(../images/layout/bg_table_head_bottom.gif) no-repeat left bottom;	
	width:100%;
	padding-bottom:.2em;
	height: 20px;	
}
div.tableHead h2 {
	font-size: 100%;
	color:#9A64CC;
	background:#F0E8F7 url(../images/layout/bg_table_head_top.gif) no-repeat left top;
	padding:.3em .3em 0 .5em;
	margin:0;
}







table {
	border: none;
	padding:0;
	margin:0;
	width:520px;
	border-collapse: collapse;		
}
table td.group {
	border-bottom: 1px solid #e6e6e6;
}

table td.col1 {
	width:150px;
}

table td {
	color: #52136b;
	padding: .3em 0 .3em .5em;	
}

table a {
	text-decoration: none;
	color: #52136b;	
}

table.newslist {
	padding:0;
	margin:0;
	width:100%;
	color:#333F7F;
	border-top:1px solid #E6E6E6;
}
table.newslist tr.topline td {
	margin:0;
	padding:6px 0 0 0;
	border:none;
}
table.newslist tr td {
	color:#333F7F;
	margin:0;
	padding:0 0 6px 0;
	border-bottom:1px solid #E6E6E6;
}
table.newslist td.ralign {
	text-align:right;
}
table.newslist td.more {
/*overiding existing position style and width KP*/
	position:relative;
	width:auto;
	font-weight:bold;
}

/****************************************************
A-Z services in side nav
******************************************************/
div.mainNav ul li.servicesTop {
	background:#E9E9E9 url(../images/layout/bg_nav_list_services_top.gif) no-repeat left top;
	padding:13px 0 0 0;
}
div.mainNav ul li.services {
	background-color:#E9E9E9
}
div.mainNav ul li.servicesBottom {
	background:#E9E9E9 url(../images/layout/bg_nav_list_services_bottom.gif) no-repeat left bottom;
	padding:0 0 13px 0;
}
div.mainNav ul li.servicesTop,
div.mainNav ul li.services,
div.mainNav ul li.servicesBottom {
	text-align:center;
}
div.mainNav ul li.servicesTop p a,
div.mainNav ul li.services p a,
div.mainNav ul li.servicesBottom p a {
	margin:0;
	display: inline;
	width: auto;
	padding: 0 0.5em;
	color:#333F7F;
}
div.mainNav ul li.servicesTop p a:hover,
div.mainNav ul li.services p a:hover,
div.mainNav ul li.servicesBottom p a:hover {
	background-color:#9863CA;
	color:#fff;
}

/****************************************************
List of Links
******************************************************/
div.links {
	margin:2em 0 0 0;
}
div.links ul {
	list-style:none;
	padding:0;
	margin:4px 0;
}
div.links ul li {
	border-bottom:1px solid #E6E6E6;
	padding:4px 0;
	margin:0;
}
div.links ul li p {
	padding:0;
	font-weight:bold;
	margin:0 !important;
}
div.links ul li p a {
	text-decoration:none;
	padding:0;
	margin:0;
	color:#9A64CC !important;
}


p.formTip {
	font-size:80%;
	color:#666;
	margin:0px !important;
}
table.sResults {
	margin:.5em 0;
	width:100%;
	border:1px solid #ccc;
	background-color:#F5F5F5;
}
table.sResults thead th {
	padding:.3em .5em;
	color:#666;
	border:1px solid #ccc;
}
table.sResults td {
	padding:.3em .5em;
	color:#333;
	border:1px solid #ccc;
}

/****************************************************
Documents
*****************************************************/
div.document table {
	border-collapse: collapse;
	border-bottom:1px solid #ccc;
	margin:0 0 0em 0;
	width:100%;
}
div.document table td {
	padding:5px;
	vertical-align: top;
	width:auto;
}
div.document table td.title {
	width: 340px;
}
div.document table td.type {
	color:#EA7525;
	width: 77px;
	font-weight:bold;
}
div.document table td.size {
	color:#9A64CC;
	width:77px;
}
div.document table td.link {
	width:100px;
}
div.document table td.link a {
	color:#9A64CC !important;
	text-decoration:none;
}
div.document table td.description {
	width: 447px;
	color:#333;
}
div.document table td.preview {
	swidth: 102px;
}
div.document table td.preview img {
	swidth: 70px;
	border:1px solid #E8DBC2;
}
div.document table tr.section td {
	border-top:1px solid #999;
}

div.document h3 {
	font-size: 100%;
	margin: 0 !important;
	padding:0;
	color:#9A64CC;
}
div.document h3 a {
	color:#9A64CC !important;
}
div.document h4 {
	font-size: 100%;
	margin: 0;
	font-weight: normal;
}
/****************************************************
Two column layout
*****************************************************/
div.col {
	float:left;
	width:44%;
	margin:0 22px 0 0;
}
div.col h4 {
	background:#fff url(../images/layout/bg_home_arrow.gif) no-repeat 100% 25%;
	padding:0 10px 0 0 !important;
}
div.col h4 img {
	float:left !important;
	margin:0 10px 3em 0px !important;
	background:#F5EFFA url(../images/layout/bg_home_box_bottom.gif) no-repeat bottom left;
}
div.col p {
	font-size:90%;
}
div.col p a {
	color:#9A64CC !important;
}
/****************************************************
Specail waring styles
*****************************************************/
div.warning {
	border-bottom:1px solid #ccc;
	border-top:1px solid #ccc;
}
div.warning h3 {
	margin:.5em 0 !important;
}

#fRate {
	float: right;
	padding-bottom:1.5em;
	font-size: 90%;
	text-align:right;
	margin:0;
	width:520px;
}

#fRate a {
	text-decoration: none;
	color: #52136b;
	font-size: 110%;
	font-weight: bold;
	margin-left:.5em;
}

#fRate a:hover {
	text-decoration:  underline;
}

div.table li.more {
	border:0;
}

li.more a {
	font-weight:bold;
}

li.more a:hover {
	text-decoration: underline;
}

.sitemapcolumn {
	width: 47%;
	margin: 0 2% 2em 0;
	float: left;
}

.sitemapcolumn ul {
	list-style: none;
	margin: 0;
	padding: 0 0 1em 20px;
}

.sitemapcolumn ul ul {
	padding: 0 0 0 20px;
}

.sitemapcolumn ul li {
	margin: 0;
	padding: 0;
}

.sitemapcolumn a {
	text-decoration: none;
}

.sitemapcolumn a:hover {
	text-decoration: underline;
}

.photo {
	margin: 10px 0 10px 10px;
	float: right;
	text-align: right;
}

.photo img {
	border:1px solid #808080;
	margin-bottom: 5px;
}

div#content .thumbnail {
	width: 124px;
	padding: 0 5px 5px 0;
	margin: 0;
	float: left;
}

div#content .thumbnail h3 {
	color: #FFFFFF;
	background-color:#52136b;
	text-decoration: none;
	padding: 0.2em 5px;
	margin: 0;
}

div#content .thumbnail h3 a {
	display: block;
	color: white;
	text-decoration: none;
}

div#content .thumbnail .image {
	position: relative;
	width: 124px;
	height: 124px;
	background-color: #666;
	padding: 0;
	margin: 0;
	text-align:center;
	line-height:121px;
	font-size:0.3px;
	overflow: hidden;
}

* html div#content .thumbnail .image {
	font-size: 110px;
}
div#content .thumbnail .image img {
	vertical-align:middle;
}
div#content .thumbnail .description {
	background-color: #E6E6E6;
	padding: 0 5px;
	min-height: 4em;
}

* html div#content .thumbnail .description {
	height: 4em;
}
* html>body div#content .thumbnail .description {
	height: auto;
}

div#content .thumbnail .description p {
	padding: 0.4em 0;
	margin: 0;
}