/* COLORS */
.bg1 {background-color: #CCCCCC;} /* LIGHT GRAY */
.bg2 {background-color: #003C63;} /* DARK BLUE */
.bg3 {background-color: #55A0CD;} /* MED BLUE */
.bg4 {background-color: #D0E6F0;} /* LIGHT BLUE */
.bg5 {background-color: #E6F0F6;} /* LIGHTEST BLUE */
.bg6 {background-color: #3CA640;} /* GREEN */



/* BODY */
body
{
	background-color: #FFFFFF;
	margin: 0px 0px 20px 0px;
	font-family: arial, univers, helvetica, sans-serif;
	color: #000000;
}

a:link {color: #003C63; text-decoration: underline;}
a:visited {color: #003C63; text-decoration: underline;}
a:hover {color: #003C63; text-decoration: none;}
a:active {color: #003C63; text-decoration: underline;}

td.content
{
	padding: 4px 8px 8px 8px;
	font-size: 80%;
}

h1
{
	margin-top: 0.20em;
	color: #3CA640;
	font-size: 160%;
	font-weight: bold;
}


h2
{
	margin-top: -0.60em;
	background-color: #3CA640;
	padding: 3px 6px 3px 6px;
	color: #FFFFFF;
	font-size: 120%;
	font-weight: bold;
}

h3
{
	margin-bottom: ;
	color: #000000;
	font-size: 120%;
	font-weight: bold;
}

p, ul, ol
{
	color: #000000;
	font-size: 100%;
}

hr
{
	color: #003C63;
	background-color: #003C63;
	height: 1px;
	border: 0;
}

.white {color: #FFFFFF;}
.green {color: #3CA640;}
.blue {color: #003C63;}

.callout_right
{
 	float: right;
	background-color: #E6E6E6;
	border: 1px solid #003C63;
	padding: 4px 8px 4px 8px;
	margin: 0px 0px 10px 10px;
	color: #000000;
	font-size: 105%;
}


/* MAIN SIDE NAV */
td.nav1_bg
{
	width: 150px;
	background-color: #E6F0F6;
}

td.nav1a
{
	background-color: #E6F0F6;
	padding: 4px 8px 4px 8px;
	font-size: 75%;
	color: #003C63;
}
td.nav1a a:link {color: #003C63; text-decoration: none;}
td.nav1a a:visited {color: #003C63; text-decoration: none;}
td.nav1a a:hover {color: #003C63; text-decoration: underline;}

td.nav1b
{
	background-color: #D0E6F0;
	padding: 4px 8px 4px 8px;
	font-size: 75%;
	color: #003C63;
}
td.nav1b a:link {color: #003C63; text-decoration: none;}
td.nav1b a:visited {color: #003C63; text-decoration: none;}
td.nav1b a:hover {color: #003C63; text-decoration: underline;}
/* END: MAIN SIDE NAV */


/* SUB NAVS */
td.nav1b_sub1
{
	background-color: #D0E6F0;
	padding: 4px 8px 4px 16px;
	line-height: 100%;
	font-size: 75%;
	color: #003C63;
}
td.nav1b_sub1 a:link {color: #003C63; text-decoration: none;}
td.nav1b_sub1 a:visited {color: #003C63; text-decoration: none;}
td.nav1b_sub1 a:hover {color: #003C63; text-decoration: underline;}

td.nav1b_sub2
{
	background-image: url("/tutorial/images/arrow_subnav.gif");
	background-position: top left;
	background-repeat: no-repeat;
	background-color: #D0E6F0;
	padding: 4px 8px 4px 16px;
	line-height: 100%;
	font-size: 75%;
	font-weight: bold;
	color: #3CA640;
}
td.nav1b_sub2 a:link {color: #3CA640; text-decoration: none;}
td.nav1b_sub2 a:visited {color: #3CA640; text-decoration: none;}
td.nav1b_sub2 a:hover {color: #3CA640; text-decoration: underline;}
/* END: SUB NAVS */



td.nav2
{
	background-color: #3CA640;
	padding: 4px 4px 4px 4px;
	font-size: 75%;
	color: #FFFFFF;
}
td.nav2 a:link {color: #FFFFFF; text-decoration: underline;}
td.nav2 a:visited {color: #FFFFFF; text-decoration: underline;}
td.nav2 a:hover {color: #FFFFFF; text-decoration: none;}



td.nav3
{
	background-color: #55A0CD;
	padding: 5px 10px 5px 10px;
	color: #FFFFFF;
	font-size: 100%;
}

td.nav3 a:link {color: #FFFFFF; text-decoration: none;}
td.nav3 a:visited {color: #FFFFFF; text-decoration: none;}
td.nav3 a:hover {color: #FFFFFF; text-decoration: underline;}



/* MISC */
.chart table
{

}

.chart th
{
	background-color: #003C63;
	padding: 2px 4px 2px 4px;
	text-align: left;
	font-size: 90%;
	font-weight: bold;
	color: #FFFFFF;
}

.chart td
{
	background-color: #F0F0F0;
	border: 1px solid #CCCCCC;
	padding: 2px 4px 2px 4px;
	color: #309030;
	font-size: 90%;
}

.chart_command table
{

}

.chart_command th
{
	background-color: #FFFFFF;
	padding: 1px 2px 1px 2px;
	text-align: left;
	color: #309030;
	font-family: Courier, sans-serif;
}

.chart_command td
{
	background-color: #FFFFFF;
	border: 1px solid #FFFFFF;
	padding: 1px 2px 1px 2px;
	font-family: Courier, sans-serif;
	font-size: 90%;
}


div.note
{
	background-color: #E6F0F6;
	border: 2px solid #D0E6F0;
	padding: 10px 10px 10px 10px;
	color: #55A0CD;
	font-style: italic;
}

.tab {margin-left: 50px;}
/* END: MISC */