/*  Layout styles
		
		Body
		Default links
		Wrap
		Header
		Nav
		Home (home page layout differs from all other pages)
		Main
 */

body,html {
	margin: 0;
	padding: 0;
	color: black;
	font-family: verdana, arial, sans-serif;
	font-size: 14px;
	overflow-y: scroll;
}

body {
	min-width: 900px;
	background-image: url('images/ibkgnd.png');
}

a:link {color:blue;}
a:visited {color:blue;}
a:active {color:blue;}
a:hover {color:red;}

#wrap {
	color: black;
	background: white;
	margin: 0 auto;
	width: 900px;
	padding: 5px;
}

#header {
	color: black;
	background: white;
	padding: 0;
	margin: 0;
}

#header img {
	padding: 0;
	margin: 0;
	border-style: none;
}

#nav {
	color: black;
/*	background-image:url('images/igradgray.jpg');
	background-repeat:repeat-x;  */
	background-color:#dfdfdf;
	padding: 1px 0px 3px 0px;
  font-size: 14px;
  font-weight: bold;
  text-decoration: none;
  margin-bottom: 10px;
}

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

#nav li {
	display: inline;
}

#nav a{
	text-decoration: none;
	font-weight: bold;
	color: black;
	padding: 0px 6px 3px 6px;
	margin: -3px;
	border-left: 1px solid white;
	border-right: 1px solid white;
}

#nav a:link {color:#555555;}
#nav a:visited {color:#555555;}
#nav a:active {color:#555555;}
#nav a:hover {color:white; text-decoration:none; background:#888888}

/*
#nav a:link {color:#993300;}
#nav a:visited {color:#993300;}
#nav a:active {color:#993300;}
#nav a:hover {color:white; text-decoration:none; background:#888888}
 */

/* Home page formatting */
/* Two-column 50/50 table layout */

#home {
	background: white;
	background: white;
	border-style: none;
	padding: 0;
	margin: 0;
}

#home img {
  border: 0;
}

#home ul {
	margin: 2px 0 2px 0;
	padding: 0 0 2px 20px;
	list-style-image: url('images/ibullet.png');
}

#home ol {
	margin: 4px 0 4px 0;
	padding: 0 0 5px 20px;
	text-indent: 0px;
}

#home li {
	margin: 0 0 3px 0;	
}

#home p {
	margin: 3px 0 6px 0;	
}

#home p.st {
	margin: 0 0 2px 0;
}

#main {
	background: white;
	float: right;
	width: 695px;
	padding: 0;
	margin: 0 0 0 5px;
	border-color: #dfdfdf;
	border-style: solid;
	border-width: 3px 1px 1px 1px;
}

#main p {
  margin-top: 3px;
  margin-bottom: 6px;
  padding: 0;
}

/* Heading (1) */

#home p.h1 {
	border-top: 1px solid #dfdfdf;
/*	color:#993300; */
	color:black;
	background-color: white;
	text-align:left;
	font-size: 14px;
	margin: 15px 0 4px 0;
	padding: 5px 0px 3px 0px;
	font-weight: bold;
	clear: both;
	}

#main p.h1 {
	border-top: 1px solid #dfdfdf;
/*	color:#993300; */
	color:black;
	background-color: white;
	text-align:left;
	font-size: 14px;
	margin: 15px 0 4px 0;
	padding: 5px 0px 3px 0px;
	font-weight: bold;
	clear: both;
	}

#main p.h2 {
/*	color:#993300; */
	color:black;
	text-align:left;
	font-size: 14px;
	margin:0;
	margin-bottom: 5px;
	padding:1px 0px 3px 0px;
	font-weight: bold;
	}

#main p.h3 {
	border-top: 1px solid #dfdfdf;
	color:#993300;
	background-color:white;
	text-align:left;
	font-size: 14px;
	font-weight: bold;
	padding-top: 5px;
	margin-top: 15px;
}

/*	Step list. Headings are 'Step n" */

#main p.step:before {
	content:"Step " counter(step) ". ";
	font-weight: bold;
}

#main p.step {
	counter-increment:step;
	margin-top: 0;
}

#main ul {
	margin: 4px 0 2px 0;
	padding: 0 0 2px 30px;
	list-style-image: url('images/ibullet.png');
}

#main ol {
	margin: 4px 0 4px 0;
	padding: 0 0 5px 30px;
	text-indent: 0px;
	list-style-image: none;
}

#main li {
	margin: 0 0 3px 0;	
	padding:0;
}

/*	List item for note, tip or warning */

#main li.note {
	list-style-image: url('images/ibunote.png');
	margin: 0 0 5px 0;
	padding: 0;
}

/* box-shadow not supported by IE8

#main p.note {
	font-style: italic;
	font-weight: bold;
	margin-left: 15px;
  padding: 2px;
	box-shadow: 3px 3px grey;
	float:left;
	border:1px solid grey;	
}
*/

#main p.note {
	font-style: italic;
	font-weight: bold;
	margin-left: 0;
  padding: 2px;
	float:left;
	border:1px solid grey;	
	border-top: 5px solid grey;
}

#main p.notice {
	font-style: italic;
	font-weight: bold;
  padding: 2px;
	float:left;
	border:1px solid grey;	
	border-top: 5px solid grey;
}

#main ul.note {
	clear:both;
}

/*	List item with "tight spacing" */
/*  Use for last item in list to prevent excessive margin before next element */

#main li.ts {
	margin: 0;	
}

#main img {
  border: 0;
}

#main table {
	margin-top: 15px;
	margin-bottom: 15px;
}

#main td {
	padding:4px;
}	

#main th {
	color:#993300;
	background-color:#dfdfdf;
	padding:4px;
}	

#bold li {
	font-weight: bold;
}

#sidebar {
	background: white;
	float: left;
	width: 190px;
}

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

#sidebar img {
  border: 0;
}
	
#sidebar a {
	text-decoration: none;
	font-weight: normal;
	padding: 0px 2px 0px 2px;
	color: gray;
	margin: 0;
}

#sidebar a:link {color:gray;}
#sidebar a:visited {color:gray;}
#sidebar a:active {color:gray;}
#sidebar a:hover {color:white; text-decoration:none; background-color:gray;}


/*  Documents table
		Centered table and heading with left-justified content.
 */

#docs table {
	border-width: thin;
	border-style: solid;
	border-color: #dfdfdf;
	border-collapse: collapse;
	background-color: white;
	margin-left: auto;
	margin-right: auto;
}

#docs th {
	border-width: 1px;
	padding: 4px;
	border-style: solid;
	border-color: #dfdfdf;
	color:#993300;
	background-color:#dfdfdf;
}

#docs td {
	border-width: 1px;
	padding:4px;
	border-style: solid;
	border-color: #dfdfdf;
	background-color: white;
	vertical-align: top;
}

#docs a,img {
	vertical-align: top;
}

/*	Paragraph with hanging indent, zero top margin */

#docs p.hi {
	margin:0 15px 15px 25px;
}

/* Use <div id="plainlist"> with <ul> and <li> to create a plain unordered list (no bullets) */ 

#plainlist ul {
	list-style: none;
	list-style-type: none;
	margin: 5px 0 5px 0;
	padding: 0 0 5px 10px;
}

#plainlist li {
	list-style: none;
}

.textborder {
  border: 1px solid black;
  padding: 2px;
  }


/* Main page topic container: table */

table.home {
	border: none;
	border-collapse: collapse;
	background-color: white;
	margin:0 auto;
}

/* Table cells are in pairs, top and bottom. The top cell has not bottom border,
   and the bottom cell has no top border. This way, the cells combine to appear
   as one cell. This is done so the 'Learn more >' link appears in the bottom of 
	 each 'cell'. 
	 
	 A narrow blank column is used to create a margin between columns, and a 
	 blank row is used to create a margin between rows of cell pairs. This way,
	 each topic appears as a floating box.
	 
 */
 
td.homet {
	vertical-align: top;
	border-width: 4px 1px 1px 1px;
	padding:5px 10px 5px 10px;
	border-style: solid;
	border-color: #dfdfdf;
	background-color: white;
}

td.homeb {
	padding:10px 15px;
	text-align: left;
	vertical-align: top;
	border-width: 0px 1px 1px 1px;
	border-style: solid;
	border-color: #dfdfdf;
	background-color: white;
}

 

/* Topic Containers - Sidebar, Main */

p.tcs {
	border: 1px solid #dfdfdf;
	border-bottom: none;
/*
	background-image: url('images/igradgray.jpg');
 */
	background-color:#dfdfdf;
	text-align:center;
/*	color: #993300; */
	color:black;
	margin:0;
	padding:1px 0px 3px 5px;
	}

div.tcs {
	border: 1px solid #dfdfdf;
	border-top: none;
	margin-bottom:10px;
	text-align:center;
	padding:2px 0px 2px 3px;
	}

div.tcm {
/*	border-top: 3px solid #dfdfdf; */
	margin-bottom:10px;
	padding:2px 10px 2px 10px;
	clear:both;
	}

div.download {
	border: 2px solid #dfdfdf;
	margin-bottom:10px;
	margin-left:100px;
	margin-right:100px;
	padding:2px 10px 2px 10px;
	}

div.box {
	border: 2px solid #dfdfdf;
	margin: 5px 10px;
	padding:4px;
	}

div.indent {
	margin-left:15px;
	margin-right:30px;
	padding: 0 0 8px 0;
  }

div.button {
	margin:15px;
}	

div.buttonc {
	text-align: center;
	margin:15px;
}	

div.centered {
	text-align: center;
	text-indent: 0;
	padding: 0;
}

div.image-centered {
	text-align: center;
	text-indent: 0;
	padding: 0;
	margin: 10px 0 10px 0;
}

/* Right-aligned image */

img.ra {
	margin: 0px 10px 10px 10px;
	float: right;
	}

img.ra2 {
	margin: 2px 10px 10px 10px;
	float: right;
	}

/* Right-aligned image, flush to right margin */
	
img.rf {
	margin: 2px 0px 2px 10px;
	float: right;
  }

img.button {
	padding-top: 5px;
  }
  
/*  Centered image
		Margins: 10px top/bottom, auto (center) left/right.
		Use "display:block" to treat image like a block. Otherwise, margin:auto does not center.
 */
img.centered {
	display: block;
	margin: 10px auto;
}

/*	Horizontal rule */

img.hr {
	margin-top: 2px;
	margin-bottom: 0;
	padding: 0;
	height: 1px;
	width: 100%;
}	

/* Subtitle */

p.st {
	border: none; /* 2px solid #efefef; */
/*	color:#993300;	*/
	color:black;	
	background-color:white;
	text-align:left;
	font-size: 16px;
	margin:0;
	padding:1px 0px 3px 0px;
	font-weight:bold
	}
	

p.ce {
  text-align: center;
}

/* ????????? */
p.cr {
	font-size: 8px;
	color: #7F7F7F;
	text-align: center;
	margin-top: 0px;
  }
  
p.tiny {
  font-size: 5px;
  margin: 0;
  padding: 0;
}

p.spacer {
  font-size: 1px;
  margin: 0;
  padding: 0;
  clear: both;
}

li.OL {
  padding-bottom: 5px;
}

/*
li.PDF {
	list-style-image: url('images/ipdf.jpg');
	background-repeat: no-repeat;
	background-position: 0px 5px; 
	padding-left: 14px; 
}
 */


/* Centered table with centered content */

table.centered {
	border-width: thin;
	border-style: solid;
	border-color: #dfdfdf;
	border-collapse: collapse;
	background-color: white;
	margin-left: auto;
	margin-right: auto;
}

table.centered th {
	border-width: 1px;
	padding: 0px;
	border-style: solid;
	border-color: #dfdfdf;
	background-color: white;
}

table.centered td {
	border-width: 1px;
	padding:1px 0px 3px 5px;
	border-style: solid;
	border-color: #dfdfdf;
	background-color: white;
	text-align: center;
}

/* More... link */

a.more {
	text-decoration: none;
	font-weight: bold;
	color: blue;
}

a.more:link {color:blue;}
a.more:visited {color:blue;}
a.more:active {color:blue;}
a.more:hover {color:blue; text-decoration:underline;}


/* Button-style link */

.btnlink {
	color: black;
	background-image:url('images/igradgray.jpg');
	background-repeat:repeat-x;
  border: 2px #dfdfdf outset;
  padding: 2px 4px 2px 4px;
  text-decoration: none;
  font-size: 12px;
  font-weight: bold;
  margin: 5px 0 5px 0;
}

.btnlink:link {
  color: #993300;
  }

.btnlink:visited {
  color: #993300;
}

.btnlink:hover {
	color: white;
	background:#888888; /*#993300;*/
}

.btnlink2 {
	color: black;
	background-color: #3366cc; /*#003366;*/
  border: 3px #99bbee outset;
  padding: 3px 5px 3px 5px;
  text-decoration: none;
  font-size: 12px;
  font-weight: bold;
  margin: 5px 0 5px 0;
}

.btnlink2:link {
  color: white;
  }

.btnlink2:visited {
  color: white;
}

.btnlink2:hover {
	color: white;
	background:#99bbee;
}


dl {
  margin: 10px 0;
}

dt {
	margin: 10px 0 5px 0;
	font-weight: bold;
}

dd {
	margin-left: 20px;
}