/* CSS Document */

body {
	margin: 0;
	padding: 0;
	color: #999;
	background: #fff url('../images/bkground.jpg') repeat-x;
	font-family: "Arial", "Helvetica", Verdana, sans-serif;
	font-size: small; /*for IE5/Win */
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: small; /*for compliant browsers */	
	}
html>body { font-size: small; } /* be nice to Opera */

h2 {margin: 0 0 0.5em 0; font-size: 1.4em; color:#FFFFFF}
h3 {margin: 1em 0 0.5em 0; font-size: 1.5em;}
h4 {margin: 1.5em 0 0.5em 0; font-size: 1em; color:#000000;}
p {line-height:  margin: 0 0 2px 0; color:#EAE7E1;}
b {color:#dfc89f; font size:6;}
.introduction {line-height:20px; font-size:14px;  margin: 0 20px 40px 20px; color:#EAE7E1;}
.introduction2 {line-height:20px;  margin: 0 20px 10px 20px;}
.introtext {line-height:20px; 
font-size:13px;
font-weight:bold;
 color:#fff;}
.videodes {line-height:16px; font-size:12px;  margin: 20px 0 2px 0; color:#EAE7E1;}
.catelogehead {font-size: 24px; color:#FFFFFF; font-weight:bold;}
.catelogehead2 {font-size: 16px; color:#FFFFFF; font-weight:bold;}
a:link {
	color: #4680DC;
	text-decoration: none;
	font-weight: bold;
	}
a:visited {
	color: #4680DC;
	text-decoration: none;
	font-weight: bold;
	}

a:hover {
	color: #4680DC;
	text-decoration: underline;
	font-weight: bold;	
	}

a:active {
	text-decoration: none;
	font-weight: bold;
}

/* Gallery and Playback Controls
----------------------------------------------- */
#gallerySelect { width: 200px;
margin-top:5px;
margin-right:10px; }
#galleries {padding:0px 5px 5px 0px; }
#galleries label { padding-bottom: 2px; }
.title {
	display:block;
	padding-left:80px;
	font-size:12px;
	font-weight:bold;
	color:#4680DC;
	
}
.maintitle {
	font-size:14px;
	font-weight:bold;

}

.small{
	font-size:x-small;
}


#picture {
	width: 770px;
	color:#FFFFFF;
	margin-bottom:5px;
	padding-left:20px;
}

#picinfo {
	padding: 1px;
	width:auto;
	float: left;
	overflow:auto;
}
#mainImageOutline {
	margin:2px;
	overflow: show; 
	color:#fff;
}
#mainImage {
	width: 100%;
	height: 100%;
}
.movie { 
width: 500px; 
margin-right: 20px;
float: left; 
}
.description { 
width: 240px; 
float: left; }


/* Form Elements
----------------------------------------------- */
label, select { 
	font-size: 85%;
	font-family: "Lucida Grande", "Trebuchet MS", sans-serif;
	color:#CCCCCC;
}
select {
	color: #B1B1BC;
	background-color:  #131313;
	border: 1px solid #b1b1bc;
	display:inline;
}


label { 
	margin-top:10px;
	float:left;}
	
	/* Table Rules
----------------------------------------------- */
td.rank { }

#clips { 
	border-collapse:collapse;
	empty-cells:show;
	width:100%;
	margin: 0;
}
#clips caption2 {
	color: #fff;
	text-align: left;
	font-weight: bold;
	padding: 0.375em;
	border-bottom: solid 1px #3a3a3a;
	background: url('../images/bg_grad_gray1.gif') repeat-x;
}
#clips caption {
	color: #B1B1BC;
	text-align: left;
	font-weight: bold;
	padding: 0.2em 0.375em 0 0.375em;
	border-bottom: solid 1px #3a3a3a;
}
#clips th {
	padding:0;
	color: #fff;	
	font-weight: normal;
	margin: 0;
	cursor: pointer;
}

#clips th.infocus { background-color: #E6E6E6; }
#clips th.selected {	color: #EAEAEA; }

#clips td { 
	margin: 0; 
	padding: 0.25em 0.375em 0.45em 0.375em;
	text-align: left;

}
#clips tr {
	border-bottom: solid 1px #202020;
	-moz-user-select: none;
	-khtml-user-select: none;
}
#clips tr.infocus {
	background-color:#dfdfdf;
	cursor: pointer;
}

#clips tr.notinfocus { background-color:#fff; }
#clips tr.selected { color:#fc0; }
#clips tbody { margin-top: 0; }
.even { background-color: #151515; }

.rowHover {
	color: #000;
	background-color: #777;
	cursor: pointer;
}

.rowSelected { color: #fc0; }


	
/* Video Sidebar*
----------------------------------------------- */


#sidebar {
	width:390px;
	padding-left:30px;
	padding-right: 10px;
	background-color:#000000;
	float: left;
	text-align: left;
	height: 100%;
}
#sidebar2 {
	width:390px;
	padding-left:30px;
	background-color:#000000;
	float: left;
	text-align: left;
}
/* Main top nav bar *
----------------------------------------------- */


.content {
position: relative;
clear: both;
width: 800px;
margin-left: auto;
margin-right: auto;
margin-bottom: auto;
z-index: 33;

}

#wrap1 {
	width: 800px;
	height:700px;
	padding-top:70px;
	background: #000 url('../images/bkground2.jpg') no-repeat;
}
#wrap2 {
	width: 800px;
	height:500px;
	padding-top:70px;
	background: #000 url('../images/bkground2.jpg') no-repeat;
}
#introwrap {
	width: 350px;
	padding-left:20px;
	float:left;
}


.clipwrap {
	width: 340px;
	height: 300px;
	overflow: auto;
}


#introwrap2 {
	width: 340px;
	float:left;
}

.masthead { 
	 position: relative;
	 width: 800px;
	 margin: 0 auto;
	 text-align: left; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
} 


.mastheadbar { 
	 background: #003397 url(../images/topbarbkg.gif) repeat-x;
	 width: 100%;
	 height: 27px;
	 margin: 8px 0 1px 0;
	 overflow:hidden;
}   


.mastheaditem { 
position: relative;
clear: both;
margin:0 auto;
padding:0;
float:left;
 
	}

.mastheadbar form
{
position: relative;
clear: both;
margin:0 auto;
padding:0;
float:right;
}
.search
{
	float:left;
	width:55px;
	height:27px;
	
}

.searchform
{
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size:11px;
	height: 12px;
	width: 110px;
	margin: 4px 10px 0 0;
	float:left;
}div#universityblock
{
	background-image: url(../images/topbarbkg.gif);
	background-repeat: repeat-x;
	background-color: #012e5c;
	height: 27px;
	overflow: hidden;
	vertical-align: middle;
	display: block;
	padding: 0;
	text-align: left;
	width: 800px;
	margin-top: 8px;
	margin-right: 0px;
	margin-bottom: 1px;
	margin-left: 0px;
}

div#universityblock form
{
	display: block;
	margin: 0;
	vertical-align: middle;
}
div#search
{
	padding-top: 4px;
	color: #FFFFFF;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	
}
div#universityblock form input
{
	border-width: 1px;
	height: 12px;
	font-size: 11px;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	display: inline;
}
.mouseovertext {
	font-family:  Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
	color: #fff;
	padding: 2px;
	line-height: 12px;
	display: block;
	height: 10px;
	width: 800px;
	text-align: left;

}
#datebox {
	width:324px;
	height:76px;
	background-image: url(../images/maintitle3-lv2.jpg);
	background-repeat: no-repeat;
	display: inline;
	float:right;
}
.date1 {
	color: #003397;
	font-size:12px;
}
#UD {
	position:absolute;
	left:525px;
	top:5px;
	width:170px;
	height:10px;
	z-index:27;
	visibility: hidden;
}
#udhome {
	position:absolute;
	left:15px;
	top:5px;
	width:170px;
	height:28px;
	z-index:29;
	visibility: hidden;
	color: #999;
}
#news {
	position:absolute;
	left:555px;
	top:5px;
	width:230px;
	height:10px;
	z-index:30;
	visibility: hidden;
	display: inline;
	color: #999;
}

.text
{
	color: #FFFFFF;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: x-small; /*for IE5/Win */
	font-size: small; /*for compliant browsers */
	text-align:right;
	padding-right:10px;
}

.text a:link
{
	color: #FFFFFF;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	text-decoration:none;	
}

.text a:hover
{
	color: #FFFFFF;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	text-decoration:underline;	
}