/* Default CSS Stylesheet for a new Web Application project */

HTML
{
	height: 100%;
}
BODY
{
	text-align: center;
    background-color: #555554;
    FONT-FAMILY: Verdana, Helvetica, sans-serif;
    FONT-SIZE: .8em;
    FONT-WEIGHT: normal;
    LETTER-SPACING: normal;
    TEXT-TRANSFORM: none;
    WORD-SPACING: normal;
    margin: 0px 0px 0px 0px;
    padding: 0;
    height: 100%;
}

.rightTopText
{
POSITION: absolute; 
TOP: 7px; 
LEFT: 850px;
font-size: 9pt;
margin: 0 0 0 0;
padding: 0 0 0 0;
}

.eventDescL
{
 font-size: 1.2em;
}

.eventDescS
{
 font-size: 1em;
}

.H1Header
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	9pt;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	COLOR: #770916; 
	position: absolute;
	top: 51px;
	left: 320px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}	

H1, H2, H3, H4, H5, TH, THEAD, TFOOT
{
    COLOR: #003366;
}
H1	{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: 700;
	font-style:	normal;
	text-decoration: none;
	word-spacing: normal;
	letter-spacing:	normal;
	text-transform:	none;
	COLOR: #770916; 
	}	
		
H2	{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	10pt;
	font-style:	normal;
	text-decoration: none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
H3	{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	1.58em;
	font-weight:	500;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
H4	{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	1.33em;
	font-weight:	500;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
H5, DT	{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	1em;
	font-weight:	700;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
H6	{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	.8em;
	font-weight:	700;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
TFOOT, THEAD	{	
	font-size:	1em;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	font-family: Arial, Helvetica, sans-serif;
	}	
		
TH	{	
	vertical-align:	baseline;
	font-size:	1em;
	font-weight:	bold;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	font-family: Arial, Helvetica, sans-serif;
	}	

A:link	{	
	color:	#3300ff;
	}	
		
A:visited	{	
	color:	#3300ff;
	}	
		
A:active	{	
	color:	#3300ff;
	}	
		
A:hover	{	
	color:	#770916;
	CURSOR: pointer;
	}
	
SMALL	{	
	font-size:	.7em;
	}	

BIG	{	
	font-size:	1.17em;
	}	

BLOCKQUOTE, PRE	{	
	font-family:	Courier New, monospace;
	}	

.ULmenu	{	
	position: absolute;
	top: 73px;
	left: 290px;
	display: inline-block;
	list-style-type: none;
	list-style-position: inside;
	width: 775px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	z-index: 555;
	}	



IMG 	{
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px; 
	}

#mainA {
  background-color:  white;
  position: relative;
  width: 1015px;
  margin: 0 auto;
}

#push {
height: 110px;
}

UL LI	{	
	list-style-type: none;
	list-style-position: inside;
	float: left;
	font-size: 1.2em;
	display: inline-block;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	}	

UL LI LI	{	
	list-style-type:	none;
	}	

UL LI LI LI	{	
	list-style-type:	none;
	}	
	
OL LI	{	
	list-style-type:	decimal;
	}	

OL OL LI	{	
	list-style-type:	lower-alpha;
	}	

OL OL OL LI	{	
	list-style-type:	lower-roman;
	}	

.on 
{
BACKGROUND-IMAGE: url(whitetan.gif);
display: inline-block;
list-style-type: none;
list-style-position: inside;
TEXT-ALIGN: center; 
WIDTH: 120px; 
DISPLAY: inline-block; 
FONT-FAMILY: Verdana; 
font-size: 1.0em;
HEIGHT: 24px; 
COLOR: black; 
FONT-WEIGHT: bold; 
BORDER-RIGHT: solid 1px gray;
margin: 0 0 0 0;
padding: 0 0 0 0;
TEXT-DECORATION: none;
text-indent: 0;
border-left: 0;
}

.off 
{
BACKGROUND-IMAGE: url(whitetan.gif);
display: inline-block;
list-style-type: none;
list-style-position: inside;
TEXT-ALIGN: center; 
WIDTH: 120px; 
DISPLAY: inline-block; 
FONT-FAMILY: Verdana; 
HEIGHT: 24px; 
COLOR: black; 
FONT-SIZE: 1.0em; 
FONT-WEIGHT: normal; 
BORDER-RIGHT: solid 1px gray;
margin: 0 0 0 0;
padding: 0 0 0 0;
TEXT-DECORATION: none;
text-indent: 0;
}

.filler1
{
BACKGROUND-IMAGE: url(whitetan.gif); 
display: inline-block;
list-style-type: none;
list-style-position: inside;
TEXT-ALIGN: center; 
WIDTH: 115px; 
DISPLAY: inline-block; 
FONT-FAMILY: Verdana; 
HEIGHT: 24px; 
COLOR: black; 
FONT-SIZE: 1.0em; 
FONT-WEIGHT: normal; 
BORDER-RIGHT: solid 1px gray;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
TEXT-DECORATION: none;
text-indent: 0px;
border-left: 0;
}

.onNoBorder 
{
BACKGROUND-IMAGE: url(whitetan.gif); 
display: inline-block;
list-style-type: none;
list-style-position: inside;
TEXT-ALIGN: center; 
WIDTH: 120px; 
DISPLAY: inline-block; 
FONT-FAMILY: Verdana; 
FONT-SIZE: 1.0em; 
HEIGHT: 24px; 
COLOR: black; 
FONT-WEIGHT: bold; 
TEXT-DECORATION: none;
text-indent: 0px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
border-left: 0;
}

.offNoBorder 
{ 
BACKGROUND-IMAGE: url(whitetan.gif); 
display: inline-block;
list-style-type: none;
list-style-position: inside;
TEXT-ALIGN: center; 
WIDTH: 120px; 
DISPLAY: inline-block; 
FONT-FAMILY: Verdana; 
HEIGHT: 24px; 
COLOR: black; 
FONT-SIZE: 1.0em; 
FONT-WEIGHT: normal; 
TEXT-DECORATION: none; 
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-indent: 0px;
border-left: 0;
}

.onleft { BACKGROUND-IMAGE: url(whitetan.gif); TEXT-ALIGN: center; BORDER-RIGHT: solid 1px black; WIDTH: 120px; DISPLAY: inline-block; FONT-FAMILY: Verdana; FONT-SIZE: 1.0em; HEIGHT: 24px; COLOR: black; FONT-WEIGHT: bold; BORDER-RIGHT: solid 1px black; TEXT-DECORATION: none; margin: 0 0 0 0 }
.offleft { BACKGROUND-IMAGE: url(whitetan.gif); TEXT-ALIGN: center; BORDER-RIGHT: solid 1px black; WIDTH: 120px; DISPLAY: inline-block; FONT-FAMILY: Verdana; FONT-SIZE: 1.0em; HEIGHT: 24px; COLOR: black; FONT-WEIGHT: normal; BORDER-RIGHT: solid 1px black; TEXT-DECORATION: none; margin: 0 0 0 0 }
.onText { TEXT-ALIGN: center; BACKGROUND-COLOR: #99cc66; WIDTH: 15%; DISPLAY: inline-block; FONT-FAMILY: Verdana; FONT-SIZE: 1.0em; HEIGHT: 24px; COLOR: white; FONT-WEIGHT: normal; TEXT-DECORATION: none; margin: 0 0 0 0 }
.yellowText { TEXT-ALIGN: center; BACKGROUND-COLOR: #99ff66; WIDTH: 15%; DISPLAY: inline-block; FONT-FAMILY: Verdana; FONT-SIZE: 1.0em; HEIGHT: 24px; COLOR: yellow; FONT-WEIGHT: normal; TEXT-DECORATION: none; margin: 0 0 0 0 }
.topleftimage { TOP: 5px; LEFT: 55px }


.footerTable
{
border-top: solid 1px #555554; FONT-FAMILY: Verdana; font-size: .8em; COLOR: #770916; background-color: #f5f5dc; FONT-SIZE: 1em; width: 100%;
}

#videoBar {
      width : 160px;
      margin-right: 5px;
      margin-left: 5px;
      padding-top : 4px;
      padding-right : 4px;
      padding-left : 4px;
      padding-bottom : 0px;
}

/* the following is for video page */

pre, code {
  color: #007000;
  font-family: "bogus font here", monospace;
  font-size: 100%;
}

pre {
  border: 1px solid silver;
  background-color: #f5f5f5;
  padding: 0.5em;
  overflow: auto;
  margin: 2em;
}

pre ins {
  color: #cc0000;
  font-weight: bold;
  text-decoration: none;
}

/* "Selected" links */

a.selected, .selected a, .selected {
  color: black;
  font-weight: bold;
  text-decoration: none;
}

a.selected:visited, .selected a:visited {
  color: black;
}

p.videoDescription {
  font-size: small;
  margin: 0;
  padding: 0;
}

.videoList td {
  padding-bottom: 5px; 
  padding-right: 5px; 
}

#H1text
{
position: absolute;
top: 52px;
left: 300px;
}
#menubar 
{
position: absolute;
left: 250px;
top: 73px;
}

.mainTable
{
position: absolute;
left: 0px;
top: 0px;
FONT-FAMILY: Verdana; 
FONT-SIZE: 1em;
background-color: White;
}

span.greenLine
{
color: Green;
}
.adHdr
{
height: 97;
}
.leftColumn
{
BACKGROUND-IMAGE: url(images/leftColTan.gif);
background-repeat:repeat-y;
border-top: solid 1px black;
vertical-align: top;
width: 156px;
text-decoration: none;
font-size: 10pt;
margin: 1 1 1 1;
padding: 2 2 2 2;
}
.leftColumnB
{
border-top: solid 1px black;
vertical-align: top;
width: 156; 
text-decoration: none;
font-size: 10pt;
margin: 1 1 1 1;
padding: 2 2 2 2;
}
.middleColumn
{
border-top: solid 1px black;
border-left: solid 1px black;
vertical-align: top;
FONT-FAMILY: Verdana; 
FONT-SIZE: 10pt;
margin: 1 1 1 1;
padding: 2 2 2 2;
border-right: 0;
}
.rightColumn
{
border-top: solid 1px black;
vertical-align: top;
width: 210px;
font-size: 10pt;
border-left: solid 1px black;
margin: 1 1 1 1;
padding: 2 2 2 2;
}

#itemDetails
{
position: absolute;
top: 514px;
left: 0px;
margin: 0 0 0 0;
width: 640px;
background-color: white;
}

.thumbStyle
{
CURSOR: pointer;
border: white thin solid;
}

.thumbList
{
border-right: solid 1px gray;
}

.thumbEbrochures
{
CURSOR: pointer;
border: white 2px solid;	
border-right: solid 1px gray;
}

#itemDetail
{
text-indent: 20px;
}

#rightColumn
{
position: absolute;
top: 98px;
left: 801px;
margin: 0 0 0 0;
padding: 0 0 0 2;
height: auto;
background-color:  #f5f5dc;
border-left: solid 1 black;
border-right: solid 3px red;
}

.classTab
{
font-size: 10pt;
margin: 0 0 0 0;
width: 630px;
}

.classTabEvents
{
font-size: 10pt;
margin: 0 0 0 0;
width: 630px;
}

#titleBar {
  border: 1px solid silver;
  background-color: #e5ecf9;
  font-size: 1em;
  font-weight: normal;
  margin: 0;
  padding: 0;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 4px;
  padding-right: 4px;
  margin-top: 4px;
  margin-bottom: 5px;
}

.footer
{
 border-top: solid 1px #555554; 
 FONT-FAMILY: Verdana; 
 font-size: .8em; 
 COLOR: #770916; 
 background-color: #f5f5dc; 
 height: 110px;
 text-align: center;
 width:100%;
}

#titleText {
  float: right;
}

#searchBox {
  float: right;
}

#mainSearchBox {
  background-color: #e5ecf9;
  border: 1px solid silver;
  width: 250;
  padding-top: 0px;
  padding-bottom: 4px;
  padding-left: 4px;
  padding-right: 4px;
}

#searchResults {
  width: 100%;
}

#searchResultsListColumn {
  float: right;
}

#searchResultsVideoColumn {
  float: right;
  cursor: pointer;
}

#searchResultsNavigation 
{
  position: absolute;
  left: 664;
  top: 140;
}

#searchResultsVideoList 
{
  position: absolute;
  left: 662;
  top: 162;
  cursor: pointer;
}

#videoPlayer 
{
  position: absolute;
  left: 162;
  top: 140;
}
#relatedVideos
{
  position: absolute;
  left: 215;
  top: 570;
  width: 400;
}
#userVideos
{
  position: absolute;
  left: 215;
  top: 650;
  width: 400;
}