html,body {
    height:100%;
}
/*page structure*/
#Wrapper{font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;font-size:12px;color:#333333}
#Banner{background:#01547F url(../Images/bgHeader.jpg) no-repeat left;height:102px;width:100%;}
#Banner div{padding:0 0 0 25px;}
#Banner H1{font-size: 28px;padding:0 0 5px 0; font-weight:normal;}
#Banner p{color: #dcdddf;}
#breadcrumb{margin:0 0  20px 10px;color:#CCC;font-size:10px;}
#breadcrumb a.bottomnav { color:#FCFCFC;}
#breadcrumb a.bottomnav:hover { color:#900;}
#breadcrumb a.bottomnav:visited { color:#FCFCFC;}
#breadcrumb .legal{ color:#FCFCFC;}
#FeatureWrapper{width:999px;height:264px;position:relative;border-top:solid 1px #F4F4F4; border-bottom:solid 1px #F4F4F4;background:url(../Images/bgMainFeature.jpg) no-repeat left bottom;padding:0 0 0 25px;}
#FeatureLeft{float:left;width:658px;height:264px;}
#FeatureRight{float:left;width:341px;height:100%;border:none;}
#FeatureSliderWrapper{background:url(../images/Gradient1.jpg) repeat-x;display:block;}
#SliderWrapper{height:141px;}
.arrowbg{background:url(../images/Arrow.jpg) no-repeat top left;}
.FeatureImage{float:left;width:226px; height:190px; padding:0 15px 0 0;}
.FeatureDetails{float:right;width:400px;padding:0 15px 0 0;}
#FeatureLink{border-bottom:#bcbec0 solid 1px;padding:0 0 10px 0; }
#FeatureDescription{height:159px;padding:12px 0 0 0;position:relative;}
#FeatureDescription span{font-weight:bold; font-size:12px; color:#333333;}
#FeatureDescription p{color:#666; font-style:italic;}
.FeatureLopez{background:url(../images/gradient2.jpg) repeat-x left top;height:76px;width:100%;padding-top:14px;}

.NavContainer{margin:60px 0 0 0;width:40px;}
.Slider{height:141px;Width:261px;overflow:hidden;position:relative;float:left;}
#SliderList{list-style-type:none;margin:0;padding:0;width:525px;height:141px;}
.SliderItem{display:inline;float:left;width:260px;height:141px;}
.SliderItemsContainer{height:100%;width:100%;margin:5px 0 0 12px;}

.SliderItemsContainer ul{list-style-type:none;margin:0;padding:0;width:260px; height:70px;}
.SliderItemsContainer li{display:inline;float:left;margin:0 5px 0 0;width:54px;height:54px;}

#TopicsWrapper{padding:25px 0 0 25px;width:873px;position:relative;}
.DepartmentIcon{float:left;margin-right:10px; width:30px;}
.ListDisplay{float:left;width:250px;padding:0 0 30px 0;}
.DetailListDisplay{float:left;width:550px;padding:0 0 30px 0;}
.ListDisplay ul li,.DetailListDisplay ul li { list-style:outside url(../Images/arrow_sm.png);line-height:1.8em; }

#footer{width:100%; background:url(../images/gradient3.jpg) repeat-x top left; height:138px;clear:both;display:block;}
#footer span{font-weight:bold;}
#footer p{font-size:10px;width:535px;}

/*Detail Page*/
#DetailWrapper{width:999px;}
#VideoWrapper {padding:25px 25px 0 25px;}
#LectureWrapper{width:639px;float:left;}
#Lecture{min-height:500px;position:relative;}
#RelatedWrapper{width:359px;float:right;}
.resourceWrapper table {margin:0 0 25px 0;}
.RelatedCellLeft{background:url(../images/arrow_bg.gif) repeat-y top left}
.RelatedCellRight{border-left:solid 1px #C5C6C8;}
.RelatedCellBottom{border-top:solid 1px #C5C6C8;height:1px;}
.VideoContianer{width: 560px;height: 315px;}
.relatedIcon{float:left;width:19px;height:19px;display:inline;}
.relatedItem{width:265px;}
.relatedItem ul{margin:0 0 0 19px;}
.relatedItem ul li{ list-style:outside url(../Images/arrow_sm.png);line-height:1.2em;height:21px; }
.resourceWrapper{margin:27px 0 0 15px;position:relative;}
.resourceWrapperAlt{margin:17px 0 0 15px;position:relative;padding-bottom:10px;}


/*Typography*/
.TitleRed{color:#900;}
.TitleBold{font-weight:bold;color:#006699;font-size:12px;}
.TitleLarge{color:#069;font-size:22px;padding:0 0 25px 0;}
.IndexTitle{color:#fff;}
.DetailTitle{color: #4080A1;}
.DetailDescription{font-size:18px;}
h3{color:#900;font-size:14px;font-weight:bold;margin:0 0 8px 0;}
.SubTitleBlue{color:#069; font-size:16px;}
.SubTitleRed{color:#900; font-size:16px;}
.LectureDescription{padding:10px 0 10px 0;}

/*Anchors*/
a.TitleLink:link,a.TitleLink:visited {color: #004a6f;font-size: 20px;text-decoration:none;}
a.TitleLink:hover {color: #004a6f;font-size: 20px;text-decoration:underline;}
.RedArrowLink{background:url(../Images/arrow_sm.png) no-repeat 1px 4px;  padding:0 0 0 11px;display:inline-block;}
a.RedArrowLink:link,a.RedArrowLink:visited{color:#990000;font-size:12px; text-decoration:underline;}
a.RedArrowLink:hover{color:#01547F;font-size:12px; text-decoration:underline;}
a.ListLink:link,a.ListLink:visited{color:#000; text-decoration:none;}
a.ListLink:hover{color:#990000; text-decoration:underline;}
a.BoldArrowLink:link,a.BoldArrowLink:hover,a.BoldArrowLink:visited{font-weight:bold;color:#006699;text-decoration:none;}
a.BoldBlueLink:link,a.BoldBlueLink:visited{font-weight:bold;color:#006699;text-decoration:none;}
a.BoldBlueLink:hover{color:#990000; text-decoration:underline;}
.LectureDescription a,.LectureDescription a:visited{color:black; text-decoration:underline;}
.LectureDescription a:hover{color:#900; text-decoration:none;}

a.VideoLink:link,a.VideoLink:visited{color:#000; text-decoration:underline;}
a.VideoLink:hover{color:#990000; text-decoration:underline;}

.DetailDescription a,.DetailDescription a:visited{color:#DCDDDF; text-decoration:none;}

a.TitleBoldLink, aTitleBoldLink:visited{font-weight:bold;color:#006699;font-size:12px;text-decoration:none;}

#FeatureDescription a,#FeatureDescription a:visited{color:#666;text-decoration:underline;}
#FeatureDescription a:hover{color:#990000;text-decoration:underline;}

/*Utility*/
.left{float:left;}
.right{float:right;}
.show_hide{display:none;}
.link{ cursor:pointer;}

/*tooltip*/
.tooltip {
    display:none;
    font-size:10px;
    height:30px;
    width:110px;
    padding:5px;
    color:#eee;
    background: -moz-linear-gradient(top,  rgba(0,0,0,1) 0%, rgba(0,0,0,0.75) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,1)), color-stop(100%,rgba(0,0,0,0.75))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(0,0,0,0.75) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(0,0,0,0.75) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(0,0,0,0.75) 100%); /* IE10+ */
background: linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(0,0,0,0.75) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#bf000000',GradientType=0 ); /* IE6-9 */
border:solid 1px #777;

  }