body {
background-image: url(/images/bg.gif);
background-repeat: repeat-x;
background-color: #FFF;
padding: 0px;
margin: 0px;
font-size: 12px;
font-family: Helvetica, Verdana, Arial, sans-serif;
color: #666;
}

p {
line-height: 140%;
}

a {
text-decoration: none;
}

strong a {
text-decoration: none;
color: #666;
}

img {
border: 0px;
}

.hardlinks {
text-decoration:underline;
font-weight:bold;
}

/* ------------------------------------------------------ */
/* ------------------------------------------------------ */
/* ------------------------------------------------------ */
/* Navigation drop-downs */

/* z-index will allow nav to appear */
#TopBnnr1 {
position: relative;
margin: 0 auto;
width: 750px;
height: 33px;
background: url(/images/TopBnnrBg1.gif) no-repeat;
color: #f26522;
text-align: right;
padding: 20px 20px 0 0;
}
#TopBnnr1 a {
color: #f26522;
text-decoration: none;
}
#TopBnnr1 a:hover {
text-decoration: underline;
}

/* z-index will allow nav to appear */
#TopBnnr2 {
position: relative;
margin: 0 auto; /* center on everything else */
width: 640px;
background: url(/images/TopBnnrBg2.gif) no-repeat;
height: 34px;
z-index: 100;
padding: 9px 0 0 130px;
color: #231f20;
}
#TopBnnr2 a {
color: #231f20;
text-decoration: none;
}
#TopBnnr2 a:hover {
text-decoration: underline;
}

/* Removes margin, padding and bullets in the unordered lists */
#NavDrop, #NavDrop ul {
padding: 0; 
margin: 0; 
list-style-type: none;
}

#NavDrop a, #NavDrop a:visited {
display:block;
}

#NavDrop li ul li a, #NavDrop li ul li a:visited {
width: 82px;  
line-height: 24px; 
text-decoration: none; 
font-size: 11px; 
color: #fff; 
padding: 7px 0 7px 13px;
/* border-left: 1px solid #4b535a;
border-right: 1px solid #4b535a; */
line-height: 120%;
}

#NavDrop li {
float: left;
text-align: right;
/* background: #b35718; */
}
#NavDrop li ul li {
background: #636466;
text-align: left;
}

/* For Non-IE browsers and IE7 */
#NavDrop li:hover {
position: relative;
}
#NavDrop li ul li:hover > a {
background: #f26522; color: #FFF;
}
#NavDrop li ul {
display: none;
}
/* Do not remove transparent GIF */
#NavDrop li:hover > ul {
display: block; 
position: absolute; 
top: 0px; 
left: 80px; 
padding: 14px 30px 30px 30px; 
background: transparent url(/images/pixel.gif);
width: 120px;
}
/* 2nd level nav Positioning */
#NavDrop > li:hover > ul {
left:-30px; 
top: 4px;
}

/* Removes table needed for IE6 */
#NavDrop table {
position: absolute; 
border: 0px; 
top: 0; 
left: 0; 
z-index: 100; 
margin: 0px; 
padding: 0px;
}

/* For IE5.5 and IE6 give the hovered links a position relative and a change of background and foreground color. This is needed to trigger IE to show the sub levels */
* html #NavDrop li a:hover {
position: relative; 
background: #f26522; 
color: #FFF;
}

/* For accessibility of the top level menu when tabbing */
#NavDrop li a:active, #tNavDrop li a:focus {
background: #f26522; 
color: #FFF;
}

/* IE5.5 and IE6 sublevel fixes */
* html #NavDrop li ul {
visibility: hidden; 
display: block; 
position: absolute; 
top: -11px; 
left: 80px; 
padding: 10px 30px 30px 30px; 
background: transparent url(../../css/transparent.gif); 
}
#NavDrop li a:hover ul {
visibility: visible; 
left:-30px; 
top:20px;
}

/* ------------------------------------------------------ */
/* ------------------------------------------------------ */
/* ------------------------------------------------------ */

#ClearBoth {
clear: both;
}

#Main {
position: relative;
margin: 0 auto; /* center on everything else */
width: 770px;
}

#FooterL {
float: left;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color: #f26522;
padding-bottom: 20px;
}

#FooterR {
float: right;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color: #f26522;
padding-bottom: 20px;
}
#FooterR a {
text-decoration: none;
color: #f26522;
}
#FooterR a:hover {
text-decoration: underline;
}

/* Homepage Styles */

#HpHero {
background: url(/images/HpHeroBg.jpg) no-repeat;
height: 345px;
}

#HeroR {
float: right;
margin: 30px 20px 0 0;
text-align: right;
width: 250px;
line-height: 200%;
}
#HeroR h1 {
font-size: 16px;
font-weight: 100;
color: #FFF;
margin: 0px;
padding: 0 0 15px 0;
}
#HeroR p {
margin: 0px;
padding: 0px;
color: #FFF;
}
#HeroR a {
color: #FFF;
}

#HpBody {
background: url(/images/HpContBg.gif) no-repeat;
height: 154px;
}

#HpBodyCont {
float: left;
padding: 10px 10px 0 10px;
}
#HpBodyCont h1 {
padding: 0px;
margin: 0px;
font-size: 16px;
color: #f26522;
}
#HpBodyCont p {
color: #231f20;
padding: 0px;
margin: 5px 0 0 0;
}
#HpBodyCont a {
color: #231f20;
}
#HpBodyCont a:hover {
color: #666;
}

.HpNews {
font-size: 10px;
}

/* Downstream Styles */

#DSbodyBG {
background: url(/images/DSbodyBG.gif) repeat-y;
padding: 0 20px 0 20px;
min-height: 300px;
}

#DSbodyNav {
float: left;
width: 150px;
padding-top: 20px;
line-height: 25px;
}
#DSbodyNav a {
color: #f26522;
text-decoration: none;
}
#DSbodyNav a:hover {
text-decoration: underline;
}

#DSbodyMain {
float: left;
padding: 20px 0 20px 20px;
width: 560px;
}
#DSbodyMain h1 {
font-size: 20px;
color: #231f20;
}
#DSbodyMain h2 {
color: #f26522;
font-size: 14px;
}

#DSbodyMain h2 a{
color: #f26522;
font-size: 14px;
text-decoration: none;
}

#DSbodyMain li {
line-height: 140%;
padding-bottom: 10px;
}
#DSbodyMainCallOut {
border: 5px solid #CCC;
padding: 15px;
background: #FFF;
}

/* Study Status table */

.tabtitle {
font-size:16px;
font-weight:bold;
color: #000;
padding: 0px;
margin: auto;
width:auto;
background-color:#999;
}

.coltitle {
font-size:10px;
font-weight:bold;
color: #000;
background-color:#999;
border:1px solid #000;
}

.colhigh {
background-color:#999;
min-width:50px;
}

.tabdata {
border: 1px solid #000;
font-size:10px;
background-color:#FFF;
padding: 0px;
margin: auto;
width: auto;
}

.totalrow
{
	border: 1px solid #000;
	font-size: 10px;
	font-weight: bold;
	color: #000;
	background-color: #666;
}

.tabrow1 {
background-color: #EEE;
}

/* Video Pages */

#InfoBox
{
	position:relative;
	width: 500px;
	background-color: #ececec;
	border: 1px solid #999;
	color: #000;
	padding: 0;
	margin: 0;
}

#InfoBox label {
color: #333;
font-weight:bold;
}

.VidBox
{
	position:relative;
	width: 500px;
	background-color: #ececec;
	border: 1px solid #999;
	color: #000;
	padding: 0;
	margin: 0;
}

.videoTitle {
font-size:16px;
color: #333;
font-weight:bold;
}

.videoTitle2 {
font-size:14px;
color: #333;
font-weight:bold;
}

.videoViews {
font-size:16px;
color: #333;
}