/**
 * Stylesheet for main window pages
 */

a:hover img{
	text-decoration: none;
}

/*
 * ---------------- Page Sections ----------------
 */
body{
	background-color: #fff;
	text-align: center;
	padding: 1em 0 0;
}

div.centered{
	width: 1000px;
	margin:auto;
	text-align: left;
}

div.popup{
	width: 400px;
	margin:auto;
	text-align: left;
}

div#topsection{
	overflow:hidden;
	margin: 0;
	padding:0;
	text-align: center;
	border-bottom: 2px solid #496DB3;
}
div#topsection img#topbannerlogo{
	display: block;
	margin:0;
	padding:0;
}


/*
 * -------------------- Left Column --------------------
 */
div#leftcolumn{
	float: left;
	width: 150px; /*Width of left column*/
	overflow:hidden;
	padding: 100px 5px 1.5ex 5px;
	background-color: #fff;
	background-image: url("/images/metis_flag_170.png"); 
/*	background-image: url("http://localhost/bcmetis.ca/www/html/images/metis_flag_170.png"); */
	background-position: top center;
	background-repeat: no-repeat;
}
div#leftcolumn h4{
	margin-bottom: 0;
}
div#leftcolumn ul{
	margin: 0 0 0 1ex;
	padding-left: 1ex;
	text-indent:-1ex;
	list-style-type:none;
}
div#leftcolumn ul ul{ /* Second level links */
	font-size: 85%;
}

div#contentcolumn{
	width: auto; /* Will expand into remaining space */
	min-height: 600px;
	margin-left: 160px; /* Set left margin to LeftColumnWidth */
	padding: 1ex 20px;
	background-color: #fff;
	border-left: 1px solid #496DB3;

}
div#indexlistcolumn{
	font-family: arial;
	font-style: normal;
	font-size: small;

}
div#docpartsdescription{
	font-family: arial;
	font-style: normal;
	font-size: small;

}
div#docpartslist{
	font-family: arial;
	font-style: normal;
	font-size: small;

}
div#autosuggest{
	font-family: arial;
	font-style: normal;
	font-size: small;
}

#inner_nav{
	height: 3.5em;
	font-weight: bold;
}
#inner_nav ul{
	margin: 0;
	margin-top: 0.5em;
	padding-left:0;
	list-style-type:none;
	marker-offset:0;
	border-bottom: 2px solid #496DB3;
	text-align: center;
}
#inner_nav li{
	display:inline;
	margin: 0;
	padding: 0;
	border-right: 1px solid #496DB3;
}
#inner_nav li:last-child{
	border-right:none;
}
#inner_nav a{
	text-decoration:none;
}
#inner_nav ul a{
	padding: 0 1ex;
}
#inner_nav a.dark{
	color: #fff;
	background-color: #496DB3;
}
#inner_nav a:hover{
	background-color: #DCE3F1;
}
#inner_nav a.dark:hover{
	background-color: #6B8AC2;
}
#inner_nav a.directional{
     padding: 0 0.5ex 0.5ex 0.5ex;
	font-size: 75%;
}

ul.ui-tabs-nav{
	height: 2.35em;
}

div#footer{
	clear: both;
	padding: 4px 1em;
	background-color: #F3C854;
	border-top: 2px solid #496DB3;
	height: 10px;
}