/* CSS Document */
/**/
/* Peter Gill & Associates */
/* Standard CSS Classes + Dropdown menu */
/**/
/* Last Edited: 05th June 2007 */
/**/
body {
	margin:0;
	font: Verdana, Arial, Helvetica, sans-serif 10px;
	line-height: 14px;
	background: #285BAA url(../images/backgrounds/home_bkg.gif) repeat-x;
}
table { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; line-height: 14px;}
h2 { font-size: 11px; font-weight: bold; line-height: 14px; margin: 8px 10px 3px 0px; padding:0px;}
p { font-size: 10px; color: #000000; font-weight: normal; margin: 0px 10px 5px 0px;}
.mainContent {
	font-size: 10px;
	color: #000000;
	font-weight: normal;
	padding: 10px 0px 0px 0px;
}
/* Breadcrumb + Breadcrumb navigation styles */
tr.bannerRow {
	background: #285BAA url(/content/theme/images/backgrounds/banner_bg_02.gif) repeat-x;
}
a.breadcrumb:link, a.breadcrumb:visited {
	text-decoration: underline;
	color: #FFCC00;
}
a.breadcrumb:link:hover, a.breadcrumb:visited:hover {
	text-decoration: none;
	color: #FFCC00;
}
a.breadcrumb:link:active, a.breadcrumb:visited:active {
	text-decoration: underline;
	color: #FFCC00;
}
.breadcrumb {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	color: #eeeeee;
	text-decoration: none;
	font-weight: normal;
}
td.breadcrumb {
	padding-top: 10px;
	padding-left: 10px;
}
.pagetitle {
	font-size:11px;
	color: #fff;
	font-weight: bold;
}
/*Generic Links*/
a:link, a:visited {
	text-decoration: underline;
	color: #FFCC00;
}
a:link:hover, a:visited:hover {
	text-decoration: none;
	color: #FFCC00;
}
a:link:active, a:visited:active {
	text-decoration: underline;
	color: #FFCC00;
}
/*Header newMenu*/
.headernewMenuBkg {
	background-color: #000099;
	color: #FFFFFF;
	border-left: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;	
}
.headernewMenu {
	font-size: 10px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-align: left;
	padding-left: 10px;
	padding-top: 12px;
	height: 30px;
	width: 140px;
	border-right: 1px solid #FFFFFF;
}
a.headernewMenu:link, a.headernewMenu:visited {
	text-decoration: none;
	background-color: #000099;
	color: #FFFFFF;
}
a.headernewMenu:link:hover, a.headernewMenu:visited:hover {
	text-decoration: none;
	background-color: #285BAA;
	color: #FFFFFF;
}
a.headernewMenu:link:active, a.headernewMenu:visited:active {
	text-decoration: none;
	background-color: #285BAA;
	color: #FFFFFF;
}
/*Side newMenu*/
.sidenewMenu {
	font-size: 10px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #285BAA;
	color: #FFFFFF;
	text-align: left;
	padding-left: 10px;
	padding-top: 8px;
	padding-bottom: 8px;
	height: 25px;
	width: 140px;
	text-decoration: none;
}
a.sidenewMenu:link, a.sidenewMenu:visited {
	text-decoration: none;
	background-color: #285BAA;
	color: #FFFFFF;
}
a.sidenewMenu:link:hover, a.sidenewMenu:visited:hover {
	text-decoration: none;
	background-color: #000099;
	color: #FFFFFF;
}
a.sidenewMenu:link:active, a.sidenewMenu:visited:active {
	text-decoration: none;
	background-color: #000099;
	color: #FFFFFF;
}
/* Copyright link styles */
.copyrightLink {
	font-size: 10px;
	font-weight: normal;
	color: #fff;
	line-height: 14px;
	padding: 0px;
}
a.copyrightLink:link, a.copyrightLink:visited {
	text-decoration: none;
	color: #fff;
}
a.copyrightLink:link:hover, a.copyrightLink:visited:hover {
	text-decoration: underline;
	color: #fff;
}
a.copyrightLink:link:active, a.copyrightLink:visited:active {
	text-decoration: underline;
	color: #fff;
}
.copyright {
	font-size: 10px;
	font-weight: normal;
	color: #FFFFFF;
	line-height: 14px;
	padding: 0px;
	margin: 10px 0px 0px 0px;
}
#languageSwap {
	color: #ffffff;
	font-weight: bold;
	padding: 0px 0px 10px 10px;
}

/* Sub Navigation */
#nav2 {
	display:block;
	color: #ffffff;
}
li.nav2LI {
	height: 20px;
	background-color: #285BAA;
	margin: 2px 10px 2px 5px;
}


.rowTitle{
	font-size: 10px;
	color: #FFFFFF;
	font-weight: bold;
	background-color: #005CA7;
	padding: 4px;
	border-right: 1px solid #ffffff;
}
.row0{
	font-size: 10px;
	color: #000000;
	font-weight: normal;
	background-color: #E0EBF4;
	padding: 4px;
	border-top: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
}
.row1{
	font-size: 10px;
	color: #000000;
	font-weight: normal;
	background-color: #BFD6E9;
	padding: 4px;
	border-top: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
}
/* Blue links for Whats on */
a.blue:link, a.blue:visited {
	text-decoration: underline;
	color: #285BAA;
}
a.blue:link:hover, a.blue:visited:hover {
	text-decoration: none;
	color: #000099;
}
a.blue:link:active, a.blue:visited:active {
	text-decoration: underline;
	color: #000099;
}
/* White links for language swap on */
a.white:link, a.white:visited {
	text-decoration: none;
	color: #ffffff;
}
a.white:link:hover, a.white:visited:hover {
	text-decoration: underline;
	color: #ffffff;
}
a.white:link:active, a.white:visited:active {
	text-decoration: none;
	color: #ffffff;
}
h3.links {
	font-weight:bold;
	color: #000099;
	font-size:11px;
	margin: 5px 10px 5px 0px;
}
p.links {
	margin: 3px 10px 3px 0px;
}
form {margin:0px; padding:0px;}
label {margin:3px 5px 3px 0px; width:70px;font-weight:bold;}
input {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
/*	width:250px;
	height:22px;*/
	margin:2px 0px 2px 0px;
	vertical-align: top;
}
textarea {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#000000; width:250px; height:120px;margin:2px 0px 2px 0px;}
.button {width:60px; height:25px; background-color: #BFD6E9;border-bottom:2px solid #000099;border-right:2px solid #000099;border-left:2px solid #285BAA;border-top:2px solid #285BAA}
#thRow{display:none;}
th.display{visibility:visible;}
caption {display:none;}
#footerImage {
	margin:25px 0px 0px 0px;
	border-bottom:10px solid #FDB614;
	vertical-align: bottom;
}
.linksAdjusted {
	background-color: /*#000099*/ #142F7C;
	border-right: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	vertical-align: middle;
	padding: 5px;
	color: #ffffff;
	width:98px;
}

.newMenu {
	width:700px; 
	position:relative;
	z-index:100;
	margin:0 auto;
	}
/* remove all the bullets, borders and padding from the default list styling */
.newMenu ul {
	padding:0;
	margin:0;
	list-style-type:none;
	}
.newMenu ul ul {
	width:90px;
	}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown newMenu positon */
.newMenu li {
	float:left;
	position:relative;
	border:solid #FFFFFF;
	border-width:0 1px 1px 1px;
	}
	.newMenu li.small {
		width:98px;
		}
	.newMenu li.end {
		width:93px;
		}
	.newMenu li.large {
		width:100px;
		}
/* style the links for the top level */
.newMenu a, .newMenu a:visited {
	display:block;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none; 
	color:#FFFFFF; 
	height:40px; 
	background:#142F7C; 
	padding:0 0 0 5px;
	line-height:20px;
	}
/* a hack so that IE5.5 faulty box model is corrected */
* html .newMenu a, * html .newMenu a:visited {
	/*width:95px;
	w\idth:84px;*/
	}
/* style the second level background */
.newMenu ul ul a.drop, .newMenu ul ul a.drop:visited {
	background-color:#264E94;
	text-decoration:none;
	}
/* style the second level hover */
.newMenu ul ul a.drop:hover{
	background-color:#264E94;
	}
.newMenu ul ul :hover > a.drop {
	background-color:#264E94;
	text-decoration:none;
	}
/* style the third level background */
.newMenu ul ul ul a, .newMenu ul ul ul a:visited {
	background-color:#264E94;
	text-decoration:none;
	}
/* style the third level hover */
.newMenu ul ul ul a:hover {
	background-color:#264E94;
	text-decoration:none;
	}
/* hide the sub levels and give them a positon absolute so that they take up no room */
.newMenu ul ul {
	visibility:hidden;
	position:absolute;
	height:0;
	top:40px;
	left:-1px; 
	width:150px;
	}
/* another hack for IE5.5 */
* html .newMenu ul ul {
	top:40px;
	t\op:41px;
	}
/* position the third level flyout newMenu */
.newMenu ul ul ul{
	left:150px; 
	top:0;
	width:150px;
	}
/* position the third level flyout newMenu for a left flyout */
.newMenu ul ul ul.left {
	left:-150px;
	}
/* style the table so that it takes no ppart in the layout - required for IE to work */
.newMenu table {position:absolute; top:0; left:0;}

/* style the second level links */
.newMenu ul ul a, .newMenu ul ul a:visited {
	background:#264E94; 
	color:#ffffff; 
	height:auto; 
	line-height:1em; 
	padding:5px 10px; 
	width:129px;
	text-decoration:none;
	/* yet another hack for IE5.5 */
	}
* html .newMenu ul ul a{
	width:150px;
	w\idth:129px;
	}
/* style the top level hover */
.newMenu a:hover {
	color:#ffffff; 
	background-color:#142F7b;
	text-decoration:underline;
	}
.newMenu ul ul a:hover {
	color:#ffffff;
	background-color:#264E94;
	text-decoration:underline;
	}
.newMenu ul ul :hover > a {
	color:#ffffff;
	background-color:#264E94;
	text-decoration:underline;
	}
.newMenu :hover > a {
	color:#ffffff;
	background-color:#142F7b;
	text-decoration:underline;
	}
/* make the second level visible when hover on first level list OR link */
.newMenu ul li:hover ul,
.newMenu ul a:hover ul{
	visibility:visible; 
	}
/* keep the third level hidden when you hover on first level list OR link */
.newMenu ul :hover ul ul{
	visibility:hidden;
	}
/* make the third level visible when you hover over second level list OR link */
.newMenu ul :hover ul :hover ul{ 
	visibility:visible;
	}
	
.menu a, .menu a:visited {
	color:#142F7C;
	text-decoration:none;
	}
.menu a:hover {
	color:#142F7C;
	}

/* style for application pages */
.col1{width: 125px;}
.col2{width: 260px;}
.col3{width: 395px;}
.col4{width: 530px;}