/* ------------ start left menu - First level ---------- */
/* ------------------- start jump links ---------------------- */
/* two css def. created for the purpose of positioning only.
	the jump links are on the top crest so not much space to work with
	and hence two ULs were created and sat them side by side with 
	absoulte positioning to fit in to the small space and still
	be usable by the users.
*/
.jumpLinksOne, .jumpLinksTwo {
	position: absolute;
	top: 0;
	margin-top: 0;
	padding-top: 0;
	border-top: 0;
	list-style-type: none;
	font-size: 12px;
}
	
.jumpLinksOne {
	left: 35em;
}

.jumpLinksTwo {
	left: 45em;
}

.jumpLinksOne a:link, .jumpLinksOne a:visited,
.jumpLinksTwo a:link, .jumpLinksTwo a:visited {
	background-color: inherit;
	color: #3d5670;
}

.jumpLinksOne a:active ,
.jumpLinksTwo a:active{
	background-color: inherit;
	color: #fff;
	text-decoration: none;
}

.jumpLinksOne a:hover,
.jumpLinksTwo a:hover {
	background-color: inherit;
	color: #fff;
	text-decoration: none;
}

.jumpLinksOne a:focus,
.jumpLinksTwo a:focus {
	background-color: inherit;
	color: #fff;
	text-decoration: none;
}
/* ------------------- end jump links ---------------------- */

/*****************************************************************
NOTE: refer to mods.css for IE 3px hack used to position the 
banner menu.
*****************************************************************/
#bannerMenu {
	position: relative;
	height: 95px;
	width: 175px;
	padding: 0;
	top: -94px;
	float: right;
	margin-bottom: -100px;
	border-left: 1px solid #ccc;
}

#bannerMenu ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#bannerMenu li {
	font-size: 1em;
	height: 18px;
	padding: 0;
	margin: 0;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
}

#bannerMenu li.lastBannerList {
	border-bottom: 0;
}

#bannerMenu a {
	height: 0;
}

#bannerMenu li span.currentPage,
#bannerMenu li a:link.currentPage,
#bannerMenu li a:visited.currentPage,
#bannerMenu li a:hover.currentPage,
#bannerMenu li a:active.currentPage {
	display: block;
	color: #fff;
	background-color: #485178;
	padding-top: 2px;
	padding-bottom: 2px;
	width: 100%;
	text-indent: 4px;
	font-size: .95em;
	font-weight: 700; 
	height: 14px;
}

#bannerMenu a:link, #bannerMenu a:visited, #bannerMenu a:hover,#bannerMenu a:active {
	display: block;
	background-color: inherit;
	color: #fff;
	text-decoration: none;
	text-indent: 4px;
	padding-top: 2px;
	padding-bottom: 2px;
	height: 14px;
	width: 100%;
	font-size: .95em;
	font-weight: 700;
}

#bannerMenu a:link, #bannerMenu a:visited {
	background-color: #627fa8;
	color: #fff;
}

#bannerMenu a:hover , #bannerMenu a:active, #bannerMenu a:focus {
	background-color: #485178;
	color: #fff;
}

/* ------------------- start Breadcrumb --------------- */
#breadcrumb {
	margin: 0 0 0 0;
	padding: 5px 0 0;
	background-color: inherit;
	color: #000066;
	font-size: 0.9em;
	text-decoration: none;
	line-height: 1em;
}

#breadcrumb span {
	font-weight: 700;
}
	
#breadcrumb a:link, #breadcrumb a:visited {
	text-decoration : underline;
	background-color: inherit;
	color: #330066;
}

#breadcrumb a:hover {
	color : #126BC5;
	background-color: #fff;
}


/* ------------------- end breadcrumb -------------------- */

/*****************************************************************
NOTE: refer to mods.css for IE hack used to position the left menu
as margin-left varies from IE to Mozilla based browsers.
*****************************************************************/
#leftMenu {
	position: relative; 
	width: 175px;
	float: left;
	padding: 0;
	margin-left: 0; /* for Opra 7.10 */
	margin-top: -0.01em;  /* this is for mozilla */
	margin-bottom: 0;  /* this is for mozilla */
	line-height: 1.090;
	list-style-type: none;
	z-index: 1000;
	background-color: #fff;
	
}

#leftMenu li {
	padding: 0;
	background-color: #627fa8;
	color: inherit;
	margin: 0; /* for Opra 7.10 */
}



#leftMenu li span.currentPage {
	display: block;
	color: #fff;
	background-color: #485178;
	width: 165px;
	font-size: 1.2em;
	font-weight: 700;
	padding: 6px 0 5px 10px;
	border-bottom: 1px solid #ccc; 
}

#leftMenu a:link, 
#leftMenu a:hover, 
#leftMenu a:focus, 
#leftMenu a:active, 
#leftMenu a:visited {
	display: block;
	color: #fff;
	font-size: 1.2em;
	font-weight: 700;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	text-decoration: none;
	width: 165px;
	max-width: 170px;
	border-bottom: 1px solid #ccc;
	background-color: #627fa8;
}

#leftMenu a:hover, #leftMenu a:focus {
	background-color: #485178;
	color: #fff;
}

#leftMenu a:active {
	background-color: #485178;
	color: #fff;
}

#siteSearch {
 	margin: -15px 0 0;
	padding: 0;
	background-color: #627fa8;
	color: inherit;
}

#siteSearch label {
	margin-left: 1em;
	background-color: inherit;
	color: White;
	font-weight: bold;
	font-size: .95em;
}

#siteSearch input {
	font-size: 1em;
	margin-bottom: 5px;
}

#siteSearch input.siteSearchInput {
	width: 115px;
	margin-left: 0.7em;
}

#leftMenu label {
	border: none;
	margin: 0;
	padding: 0;
}

/* this style is used in the main left navigation.
It is applied on the last link "site Search" to turn
off the border at the bottom*/
#leftMenu a:link.searchLink, 
#leftMenu a:hover.searchLink, 
#leftMenu a:focus.searchLink, 
#leftMenu a:active.searchLink, 
#leftMenu a:visited.searchLink {
	border: 0;
	height: 1%;
}

#leftMenu a:hover.searchLink, 
#leftMenu a:focus.searchLink, 
#leftMenu a:active.searchLink {
	background-color: #627fa8;
   	text-decoration: underline;
}

/* --------------- start Site Search Results  ------------------*/

blockquote.searchResults {
	margin-top: -15px;
}

p.searchResults {
	padding: 0;
	margin: 0;
}

#searchResultNav {
	text-align: center;
}

a.searchHelp {
	float: right;
	margin-top: -20px;
	font-size: .95em;
}

/* ---------------- end Site Search Results ------------------- */


/* ----------- end left menu - first level  ------------ */

/* ----------- start left menu - second level ---------- */

#leftMenu li ul {
	list-style-type: none;
	/* hide from mozilla \*/
	* margin-left: 0;
	/* end hide */
}

#leftMenu li ul li {
	background-color: #8EA4C0;
	color: inherit;
		margin-left: -40px;
	/* hide from mozilla \*/
	* margin-left: 0;
	/* end hide */
}

#leftMenu li ul li a:link {
	padding-left: 20px;
	width: 155px;
	background-color: #8EA4C0;
	color: #fff;
}

#leftMenu li ul li span.currentPage {
	padding: 6px 0 5px 20px;
	width: 155px;
}

#leftMenu li ul li a:visited {
	padding-left: 20px;
	width: 155px;
	background-color: #8EA4C0;
	color: #fff;
}

#leftMenu li ul li a:hover {
	padding-left: 20px;
	width: 155px;
	background-color: #485178;
	color: #fff;
}

#leftMenu li ul li a:active {
	padding-left: 20px;
	width: 155px;
	background-color: #485178;
	color: #fff;
}

/* ------------ end left menu - second level ------------ */

/* ------------ start left menu - third level ---------- */

#leftMenu  li ul li ul li {
	background-color: #A3ABB8;
	color: #fff;
}

#leftMenu  li ul li ul li span.currentPage {
	padding: 6px 0 5px 30px;
	width: 145px;
}

#leftMenu li ul li ul li a:link {
	padding-left: 30px;
	width: 145px;
	background-color: #A3ABB8;
	color: #fff;
}

#leftMenu li ul li ul li a:visited {
	padding-left: 30px;
	width: 145px;
	background-color: #A3ABB8;
	color: #fff;
}

#leftMenu li ul li ul li a:hover {
	padding-left: 30px;
	width: 145px;
	background-color: #485178;
	color: #fff;
}

#leftMenu li ul li ul li a:active {
	padding-left: 30px;
	width: 145px;
	background-color: #485178;
	color: #fff;
}

/* ------------------ end left menu - third level -------- */

/* ------------------ end left menu  --------------------- */


/* ------------------ start Right Menu ------------------ */

/*****************************************************************
NOTE: refer to mods.css for IE hack used to position the 
right menu/info blocks as margin-right varies from IE to Mozilla based 
browsers.
*****************************************************************/
#rightMenu {
	position: relative; 
	float: right; 
	line-height: 1.5;
	background-color: #eee;
	background-image: url(right_menu_background.gif);
	background-repeat: repeat-y;
	color: inherit;
	width: 175px; 
	margin-right: 0;
	margin-top: -0.01em;  /* this is for mozilla */
	border-left: 1px solid #fff;
}

/* ------------------ start Info Block ----------------- */

.infoblock h1 {
	border-bottom: none;
	font-size: 0.95em;
	padding: 5px 2px 10px 35px;
	margin: 15px 0 3px 8px;
	height: 1%;
	line-height: normal;
	color: #126bc5;
	background-image: url(icon_web.gif);
	background-repeat: no-repeat;
}

.welcome h1 {
	margin: 5px 0 5px 0;
	padding: 5px 2px 0 10px;	
	font-size: 1.3em;
	font-weight: 800;
	color: #126BC5;
}

.infoblock h1.feature {
	background-image: url(icon_sound.gif);
}

.infoblock p {
 	margin: 0 5px 5px 10px;
	font-size: 1.0em;
	word-spacing: 0.1em;	
}

.welcome p {
 	margin: 0 10px 0;
	font-size: 1.0em;
	word-spacing: 0.15em;	
}

.infoblock a:link, .infoblock a:visited {
	color: #126bc5;
	text-decoration: none;
}

.infoblock a:hover, .infoblock a:active {
	text-decoration: underline;
}
.infoblock img.article {
	background: white;
	padding: 2px;
	margin: 2px 5px 0 0;
	border: 1px solid #a3a28b;
}

.infoblock img.feature {
	padding-top: 5px;
}

.quicklinks {
	font-size: .90em;
	margin-left: 25px;
	padding-left: 0;
	color: #126BC5;
}

.quicklinks li {
	list-style: url(icon_quicklinks.gif);
	padding: 0 0 5px;
}
.quicklinks li img {
	border: 0;
	float: right;
	margin-right: 5px;
}

.quicklinks a:link, .quicklinks a:visited {
	color: #126BC5;
	text-decoration: none;
}

.quicklinks a:hover, .quicklinks a:active {
	text-decoration: underline;
}

/* --------------- end Info block -------------------- */

/* ------------------ start footer ------------------- */

#footer {
	display:block; 
	height: 20px;
	background-color: #485178;
	color: #fff;
	text-align:center; 
	padding-top: 5px;
	font-size: .95em;
	margin: 0;
	list-style-type: none;
}

#footer li {
	border-left: 1px solid #fff;
	display: inline;
}

#footer li span.currentPage {
	color: #fff;
	background-color: #485178;
	padding-left: 5px;
	padding-right: 5px;
	font-weight: bold;
	text-align:center; 
}

#footer a:link, #footer a:hover, #footer a:visited, #footer a:active {
	text-decoration: none;
	background-color: inherit;
	color: #fff;
	font-weight: bold;
	padding-left: 5px;
	padding-right: 5px;
} 

#footer a:hover {
	background-color: inherit;
	color: #cdd4e5;
	text-decoration: underline;
}

#footer li.noBar {
	border-left: 0;
}

/* -------------------- End footer --------------------- */