/*
ul li { 
  border-top:1px solid lightblue;
  padding:.5em;
  margin:.3em;
  list-style-image: url(../output/bg-pattern.png); 
  list-style-image: none; 
  font-size:90%;
  color:gray;
} 

ul li .videotitle { 
	font-weight:bold;
	color:black;
	font-size:120%;
	padding-bottom:.5em;
	display:block;
} 

ul li .videoplay { 
	float:right;
	border-left: 1px solid gray;
	padding-left:1em;
	margin-left:1em;
} 

*/

.header { 
	width:820px;
 	margin:auto;
	padding:.5em;
}
table td > img { 
 	border:2px solid #bbb;
	padding:1px;;
} 

.section { 
	width:100%;
	border-top:1px solid gray;
	border-bottom:1px solid gray;
	background: url(../output/bg-pattern.png) repeat 0 0; 
	min-height:30px;
} 

.fixverticalalign { 
  width:1px;height:50px;vertical-align:middle;
   position:relative;

} 
.tab {
        width:145px;
        height:40px;
        background:url(../output/tab-gray.png) no-repeat -3px 0;
        margin:0px;
	margin-top:27px;
        padding:0px;
        text-align:center;
	font-size:100%;
	font-weight:bold;
	color:black;
}

.orange { 
        background:url(../output/tab-orange.png) no-repeat -3px 0;
}

.tabverticalalign { 
  width:1px;height:52px;vertical-align:middle;
} 

.tab-blue { 
        background:url(../output/tab-blue.png) no-repeat 0 0;
	opacity:.5;
} 
.tab-selected {
	opacity:1;
        background:url(../output/tab-highlight.png) no-repeat -3px 0;
	margin-top:23px;
	height:45px;
}
.tab-disabled {
        background:url(../output/tab-gray.png) no-repeat 0 0;
	opacity:.5;
}

.tab-odd {
        background:url(../output/tab-odd.png) no-repeat 0 0;
}

.button-odd-fix { 
  width:1px;height:40px;vertical-align:middle;
  position:relative;
}
.button-odd { 
	width:150px;
        height:40px;
        margin:0px;
        padding:0px;
        padding-top:0px;
        background:url(../output/button-odd.png) no-repeat 0 0px;
        text-align:center;
        font-size:13px;
        font-weight:bold;
        color:black;
} 

.button-white {
        width:250px;
        height:90px;
        margin:0px;
        padding:0px;
	padding-top:0px;
        background:url(../output/button-white.png) no-repeat 0 -38px;
        text-align:center;
	font-family:georgia;
	color:white;
	font-size:17px;
	font-weight:bold;
	color:black;
}

.button-plain {
        width:250px;
        height:70px;
        margin:0px;
        padding:0px;
        background:url(../output/button-round.png) no-repeat 0 0;
        text-align:center;
}

.footertable { 
 	width:800px;
	margin:auto;
} 

html { 
 	font-family:georgia; 
	font-size:97%;
	color:#555;
} 

h1,h2,h3 { 
 	color:rgb(20,130,255);
} 

h4 { color:#111; font-size:120%; } 



.section h2 { 
	color:white;
} 

.dotted { 
 	background: url(../output/dotted.png) repeat-x 0 0;
	margin:auto; 
        height:6px;
	margin-top:.2em;
  	margin-bottom:2em;
   
} 

            html, body {
                        padding:0px;
                        margin:0px;
                }

		.separator  {
                        background: white url(../output/bg-pattern.png) 0px 0px repeat-x;
			width:100%;
			height:20px;

			margin-top:1em;
		} 
                #bottomfooter {
                        background:url(../output/bgbottom-shade.png) 0px 0px repeat-x;
			width:100%;
			padding:0em;
			padding-bottom:2em;
			border-top:1px solid white;
		}

		#bottomfooter ul, #bottomfooter h3 { 
			margin:0px;
		} 

		#bottomfooter table { 
			width:800px;
			margin:auto;
		} 
                #topheader {
                        width:100%;
                        margin:0px;
                        height:70px;
			overflow:hidden;
                        background: white url(../output/bgtop-shade.png) -350px 0px repeat-x;
			padding:0;
                }
		#topheader-section { 
                        background: url(../output/bgmiddle-shade.png) 0px -11px repeat-x;
			height:20px;
			margin:0;
			margin-bottom:1em;
		} 
		.navigator { 
			width:100%;		
		} 


		body {
                        background:url(../output/bgtop-gray.png) 0px 0px repeat-x;
}

                #header {
                        margin:auto;
			height:60px;
			padding:0;
			width:860px;
                }

		.header { 
			min-height:35px;
		} 


.t {background: url(../output/boxshade.png) 0 0 repeat-x; width: 100%; }
.b {background: url(../output/dot.png) 0 100% repeat-x}
.l {background: url(../output/dot.png) 0 0 repeat-y}
.r {background: url(../output/dot.png) 100% 0 repeat-y}
.bl {background: url(../output/q5.png) 0 100% no-repeat}
.br {background: url(../output/q4.png) 100% 100% no-repeat}
.tl {background: url(../output/q1.png) 0 0 no-repeat}
.tr {background: url(../output/q3.png) 100% 0 no-repeat; padding:10px}


ul { 
 margin:0px;
 padding:1em;
} 

.content { 
 	width:780px;
	margin:auto;
  	margin-top:0em;
	padding:40px;
	padding-top:1em;
	background: url(../output/content-shadow.png) top left no-repeat;
}

.footercontent { 
 	width:800px;
	margin:auto;
	padding:1em;
} 

#footer { 
 	color:gray;
	letter-spacing:2px;
	font-size:77%;
	margin:auto;
 	width:800px;
	margin-top:2em;
} 

#header a { 
	color:#333;
	text-decoration:none;
}

#header a:visited { 
	
} 
#header a:hover { 
	color:#000;	
}