@import url(stylemedia.css);
@import url(styleinlines.css);

body {
	background-image: url(../images/default_home/background.gif);
}

/* Top Banner Image */
#topbanner img {
	border: none;
	display: block;
}

/* Top Utility Navigation */
#toputilnav {
	list-style: none;
	padding: 0;
	margin: 1em 0 0 0;
}

#toputilnav li {
	color: #003781;
	display: inline;
	padding: 0em 0em 0em 0.2em;
}

#toputilnav a {
	color: #003781;
	text-decoration: none;
}

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

/* The top level which contains the top level navigation and search box */
#toplevel {
	clear: both;
	background-color: #990099;
}

/* Top level navigation (delete if not applicable) */
#toplevelnav {
	text-align: left;
	list-style: none;
	padding: 0;
	margin: 3px 20px 20px 15px;
}

#toplevelnav li {
	display: inline;
	font-size: 86%;
	white-space: nowrap;
	color: #666666;
	font-weight: bold;
}

#toplevelnav a {
	text-decoration: none;
	color: #666666;
	font-weight: bold;
	padding: 0.5em 0.5em 0.5em 0.5em;
}

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

/* The tree navigation (2nd level and beyond) */
#treenav ul {
	list-style: none;
	margin: 0;
	font-weight: bold;
	padding: 0em 1em 1em 1em;
	padding-left: 1em;
}

#treenav ul li {
	background: url(../images/default_article/2ndnav_bullet.gif) no-repeat top left;
	margin: 0;
	padding: 0em 1em 0.2em 1em;
	padding-left: 1em;
	font-weight: bold;
	font-size: 105%;
	text-align: left;
}
#treenav ul li ul {
	padding: 0em 1em 0em 0em;
	font-weight: bold;
	font-size: 100%;
	text-align: left;
}

#treenav ul li ul li {
    padding: 0em 1em 0.2em 1em;
    font-weight: bold;
    font-size: 100%;
    text-align: left;
}

#treenav a {
	color: #666666;
	text-decoration: none;
}

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

/* The breadcrumb navigation (path to the current article) */
#breadcrumbnav {
	display: inline;
	list-style: none;
	padding: 0;
	margin: 0;
}

#breadcrumbnav li {
	display: inline;
	padding: 0 0 0 0.2em;
}

#breadcrumbnav a {
	color: #000000;
	text-decoration: underline;
}

#breadcrumbnav a:hover {
	text-decoration: none;
}

/* The related related bits and pieces */
#relatedfooter {
	clear: both;
	margin: 0.5em 0 0.5em 0;
}

.relatedcontent {
	float: left;
	width: 170px;
	margin: 0 10px 0 10px;
	min-height: 100px;
}

.relatedcontent h2 {
	margin: 0;
	padding: 0.5em 0.5em 0.5em 0.5em;
	background-color: #003399;
	color: #FFFFFF;
	font-weight: bold;
}

.relatedcontent h3 {
	margin: 0;
	padding: 0.5em 0.5em 0.5em 0.5em;
	font-size: 100%;
	font-weight: bold;
	background-color: #FFCCFF;
}

.relatedcontent ul {
	list-style: none;
	padding: 0.5em 0 0.5em 0;
	margin: 0 0 1em 0;
	background-color: #99ccff;
}

.relatedcontent ul li {
	margin: 0;
	padding: 0.5em 0.5em 0.5em 0.5em;
}

.relatedcontent ol {
	list-style: none;
	padding: 0.5em 1em 0.5em 1em;
	margin: 0;
	background-color: #FFCCFF;
}

.relatedcontent ol li {
	margin: 0;
	padding: 0;
}

.relatedcontent div {
	padding: 0.5em 0.5em 0.5em 0.5em;
	background-color: #FFCCFF;
}

.relatedcontent a {
	color: #000000;
	text-decoration: none;
}

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

/* The footer area (and its navigation) */
#footer {
	padding: 1em 0 1em 0;
	text-align: center;
}

#footerutilnav {
	list-style: none;
	padding: 0;
	margin: 0 0 1em 0;
	text-align: center;
}

#footerutilnav li {
	display: inline;
	color: #666666;
	padding: 0 0 0 0.2em;
}

#footerutilnav a {
	color: #666666;
	text-decoration: none;
}

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

.style1 {color: #0099FF;}