body {
background-color: #e1ddd9;
background-image: url('../graphics/nuubtvbg.png');
font-size: 1em;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
color:#564b47;
padding:10px;
margin:0px;
text-align: left;
}

/* ----------container to center the layout-------------- */
#container {
	width: 840px;
	background-color: #ccc;
	font-size: .75em;
	line-height: 1.2em;
	}


/* div {border: 1px dotted gray; padding: 0em} */

a {color:black;}
a:visited {color:black;}
a:hover {color: #004499;}
a:active { color:#000000;}
img {border:none;}

h1 { 
	margin: 0px; 
	padding: .5em 0em .2em .4em;
	font-size: 2em;
	color: #DB62CB;
	}

h2 {
	font-size:1.3em;;
	font-weight: normal;
	padding: 5px 10px;
	margin:0px;
	background-color: #fff;
	border-top:1px solid #564b47;
	}

ul { 	background-color: #ccc;}
ul a {  text-decoration: none; }
ol {
	color: red;
	font-size: 16px;
	margin-left: 60px;
	margin-top: 0px;
	}

.steps { color: black; }

.selected {
	display: block;
	background-color: #fff;
	color: black;
	font-size: 12px;
	} 
.header { border-bottom: 1px solid #999;}

/* --------------menu navi------------- */
#menu {
	float: left;
	width: 190px;
	margin: 0px;
	padding: 0px;
}

#menuglobal {
	color: #000000;
	}

#menuglobal h1{
	color: #000000;
	font-weight: bold;
	font-size: 1.2em;
	text-transform: uppercase;
	margin: 0;
	padding: .3em 0em .2em .5em;
	}

#menuglobal ul {
	list-style: none;
	margin: 0em .5em 0em .5em;
	padding: 0em 0em .1em .1em;
	border-bottom: 1px solid #999;
	background-color: #cccccc;
	font-size: 1em; 
	}

#menuglobal li {
	padding: 3px 0px;
	border-top: 1px solid #999;
	padding-left: 1.4em;
	font-weight: normal;
	}

#menuglobal a {color:black; font-weight:bold; text-decoration: none;}
#menuglobal a:visited {color:black; font-weight:bold;  text-decoration: none;}
#menuglobal a:hover {color:#ffffff; font-weight:bold;  text-decoration: none;}
#menuglobal a:active {color:black; font-weight:bold;  text-decoration: none;}

#menulocal {
	color: #000000;
	padding-top: 1em;
	padding-left: 1.2em;
	}

#menulocal h1{
	color: #000000;
	font-weight: bold;
	font-size: 1.2em;
	text-transform: uppercase;
	margin: 0;
	padding: .3em 0em .2em .5em;
	}

#menulocal ul {
	list-style: none;
	margin: 0em .5em 0em .5em;
	padding: 0em 0em .1em .1em;
	border-bottom: 1px solid #999;
	background-color: #cccccc;
	font-size: 1em; 
	}

#menulocal li {
	padding: 3px 0px;
	border-top: 1px solid #999;
	padding-left: 1.4em;
	font-weight: normal;
	}

#menulocal a {color:black; font-weight:bold; text-decoration: none;}
#menulocal a:visited {color:black; font-weight:bold;  text-decoration: 
none;}
#menulocal a:hover {color:#ffffff; font-weight:bold;  text-decoration: 
none;}
#menulocal a:active {color:black; font-weight:bold;  text-decoration: 
none;}

img.download {vertical-align:middle;}

p#listmidtitle {	/* used with <p id="listitemtitle">Hxkjkddk</p> */
	padding-top: 7px;
	padding-bottom: 5px;
	font-size: 20px;
	color: #2F2FE9;
	font-weight: bold; 
}

p.listtype {	/* used with <p class="listtype">Edit</p> */
	padding-top: 7px;
	padding-bottom: 5px;
	font-size: 11px;
	color: #111111;
}

.listblurb p {	/* use with <div class="listblurb"><p>stuff</p></div> */
	font-size: 14px;
	font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
	color:#222222;
	padding:10px;
	margin:0px;
	text-align: left;
}

/* used with <a href="/" class="listlink">Hxkjkddk</a> */
a.listlink 		{color: #029A75; font-size: 15px; 
font-weight:bold; text-decoration: none;}
a:visited.listlink 	{color: #029A75; font-size: 15px; 
font-weight:bold; text-decoration: none;}
a:hover.listlink 	{color: #DB62CB; font-size: 15px; 
font-weight:bold; text-decoration: none;}
a:active.listlink 	{color: #ff00ff; font-size: 15px; 
font-weight:bold; text-decoration: none;}

.desclink {
	padding: 10px 6px 5px 0px;	/* t r b l */
	text-align: right;
}
.desclink a {color:#029A75; font-weight:bold; text-decoration: none;}
.desclink a:visited {color:#029A75; font-weight:bold;  text-decoration: 
none;}
.desclink a:hover {color:#DB62CB; font-weight:bold;  text-decoration: 
none;}
.desclink a:active {color:#ff00ff; font-weight:bold;  text-decoration: 
none;}

/* ----------toplogo area-------------- */
#toparea {
	background-color: #ffffff;
	text-align: right;
	font-size: .9em;
	text-transform:uppercase;
	background-color: #fff;
	border-top:1px solid #564b47;
	border-bottom:2px solid #564b47;
	padding: .4em .8em .3em .3em;
	margin:0px;
	height: 158px;
	}

.fleft {
	float: left;
	clear: left;
	margin: 0em .5em 0em 0em;
	}

#toparea img {padding:0px; margin: 0px;} 

/* -----------------content--------------------- */
#content {
	background-color: #ffffff;
	padding: 0px;
	margin: 0px 0px 0px 190px;
	min-height:344px;
	height: auto !important;
	height: 344px;
	}

/* this is used to force white background in the whole area even if
the description is shorter than the video is tall */
#embedarea {
	background-color: #ffffff;
	width: 650px;
	padding: 0px;
	margin: 0px;
/*	height: expression(this.scrollHeight > 344 ? "auto":"344px"); */
	min-height:344px;
	height: auto !important;
	height: 344px;
}

#embedyt {
float:left;
width: 425px;
padding: 0px;
margin: 0px 7px 0px 0px;
}

#embeddesc {
padding: 0px;
margin: 0px;
}

#embeddesc p {	/* used with <div id="embeddesc"><p>stuff</p></div> */
	font-size: 12px;
	font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
	color:#222222;
	padding: 2px 3px 8px 4px;	/* t r b l */
	margin:0px;
	text-align: left;
}

#embeddesc p.desctitle {	
/* used with <div id="embeddesc"><p class="desctitle">stuff</p></div> */
	font-weight:bold;
	padding-top: 5px;
        font-size: 12px;
        color: #2F2FE9;
}

p, pre{
padding: 5px 10px;
margin:0px;
}

/* -----------footer--------------------------- */
#footer {
clear: both;
margin: 0px;
padding: 10px;
text-align: right; }


/*================ standard align stuff ================*/
/* use as <img src="pic000.jpg" class="rfloat"> */
.rfloat {
	float: right;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
	margin-left: 6px;
}

/* use as <img src="pic000.jpg" class="lfloat"> */
.lfloat {
	float: left;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 6px;
}

/* use as <p class="centerme"><img src="/graphics/tdcoffice.jpg"></p> */
.centerme {
	text-align: center;
	margin-top:0px;
	margin-bottom:0px;
	padding:0px;
}

.centeredline {
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0em;
	margin-top: 0em;
	padding:0px;
	text-align: center;
}