/* global elements style */

body, td, tr {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 12px;
    color: #666666;

}

a.playReelLink {
    font-weight: bold;
}

A:link {
    color: #0878AC;
    text-decoration: underline;
}

A:visited {
    color: #0878AC;
    text-decoration: underline;
}

A:active {
    color: #0878AC;
    text-decoration: underline;
}

A:hover {
    color: #ff3300;
    text-decoration: none;
}

/* some generic definitions */

.smallFont, .smallFontBold {
    font-size: 11px;
}

.smallFontBold {
    font-weight: bold;
}

.smallerFont {
    font-size: 10px;
}

.siteContent {
    color: #666666;
}

.date {
    font-weight: bold;
    color: #202020;
}

.date2 {
    font-weight: bold;
    color: #3399CC;
}

.date3 {
    font-weight: bold;
    color: #3399CC;
}

.reference {
    font-size: 11px;
    color: #666666;
}

.trademark {
    font-size: 8.5px;
    color: #000000;

}

.Title {
    font-size: 16px;
    font-weight: bold;
    color: #006699;
}

.Title2 {
    font-size: 14px;
    font-weight: normal;
    color: #006699;
}

.Title2b {
    font-size: 14px;
    font-weight: bold;
    color: #006699;
}

.ErrorTitle {
    font-size: 14px;
    font-weight: bold;
    color: red;
}

.Subtitle {
    font-size: 12px;
    font-weight: bold;
    color: #006699;
}

.ErrorSubtitle {
    font-weight: bold;
    color: red;
}

.ErrorText {
    color: red;
}

.docName {
    color: #0878AC;
    font-weight: bold;
}

.emphase15 {
    font-size: 15px;
    font-weight: bold;
}

.blackEmphase {
    font-weight: bold;
    color: #000000;
}

.adword {
    font-size: 10px;
    color: #ffffff;
}

.adword1 {
    color: #ffffff;
}

.adword2 {
    font-size: 9px;
    color: #ffffff;

}

.myH1 {
    font-size: 15px;
    font-weight: bold;
    vertical-align: middle;
    color: #000000;
    line-height: 14px;

}

.fullWidthTable {
    width: 100%;
    border: 0px;
}

.noborder {
    margin: 0px;
    padding: 0px;
}

.h1_HomePage {
    font-size: 14px;
    font-weight: bold;
    vertical-align: top;
    color: #006699;
    text-align: left;
    line-height: 14px;
    margin-top: 6px;
    margin-bottom: 6px;
}

.theme2 {
    font-size: 12px;
    font-weight: bold;
    vertical-align: top;
    color: #0099cc;
    text-align: left;
    line-height: 12px;
}

.h1_specialtyPage {
    font-size: 14px;
    font-weight: bold;
    vertical-align: middle;
    color: #0878AC;
    text-align: left;
    line-height: 14px;
}

/* tag specific classes */

h2.theme {
    font-weight: bold;
    vertical-align: top;
    color: #006699;
    text-align: left;
    line-height: 14px;
    margin-bottom: 4px;
}

img.activityButton {
    margin-top: 3px;
}

p.contentActivity, span.contentActivity, span.contentActivityDirector {
    margin-left: 32px;
    padding-bottom: 4px;
}

p.contentActivityTest {
    margin-left: 32px;
    padding-bottom: 4px;
    vertical-align: top;
}

span.contentActivityDirector {
    font-weight:bold;
}

/*
  these correspond to the top level containers in pageTemplate.jsp
*/

#mainContainer {
    width: 984px;
    border: 0px;
}

#mainContainerNew {
    width: 675px;
    border: 0px;
}

#mainMediaBar {
    width: 777px;
    height: 71px;
    border: 0px;
}

#mainColumnContainer {
    width: 100%;
    border: 0px;
}

#mainTopicsContainer, #mainContentContainer, #mainSearchContainer {
    vertical-align: top;
}

#mainTopicsContainer {
    width: 220px;
    background-color: #C2E0FF;
}

#mainContentContainer {
}

#mainSearchContainer {
    width: 250px;
    background-color: #C2E0FF;
}

#leftmenu {
    margin: 10px;
    padding: 0px;

}

#leftmenu .menuItems {
    margin: 0px;
    background-color: #FFFFFF;
    border-left: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    border-bottom: 1px solid #000000;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #0878AC;
    font-weight: bold;
}

#leftmenu .menuItemsHighlight {
    margin: 0px;
    background-color: #FFFFFF;
    border-left: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    border-bottom: 1px solid #000000;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #0878AC;
    font-weight: bold;
    padding: 5px;
}

#leftmenu .menuItems a {
    padding: 5px;
    display: block;
    background-color: #0878AC;
    text-decoration: none;
    color: #ffffff;
    background-repeat: no-repeat;
    background-position: right center;
}

#leftmenu .menuItems a:hover {
    display: block;
    background-color: #ffffff;
    text-decoration: none;
    color: #0878AC;
    background-repeat: no-repeat;
    background-position: right center;
}

#leftmenuTopicsItems {
    margin: 0px;
    padding: 0 5px 5px 5px;
    background-color: #0878AC;
    border-left: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #ffffff;
    font-weight: bold;
}

#topmenu {
    background: url( ../images/topmenu.gif ) no-repeat;
    height: 8px;
    line-height: 1px;
    margin: 0px;
    padding: 0px;
    font-size: 5px;
}

#leftmenu dd {
    margin: 0px;
    padding: 0px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    list-style-type: none;
    line-height: 13px;
    font-weight: bold;
    border-left: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    border-bottom: 1px solid #ffffff;
    background-color: #FFFFFF;
}

#leftmenu .highlight {
    padding: 5px;
    display: block;
    background-color: #cde6ef;
    text-decoration: none;
    color: #0878AC;
}

#leftmenu a.highlight, #leftmenu a:hover.highlight {
    padding: 0px;
}

#leftmenu dd a {
    padding: 5px;
    display: block;
    background-color: #37aad7;
    text-decoration: none;
    color: #FFFFFF;

}

#leftmenu dd a:hover {
    padding: 5px;
    display: block;
    background-color: #cde6ef;
    text-decoration: none;
    color: #0878AC;

}

#topleftmenu {
    margin: 10px 0 0 0;
    padding: 0;
    text-align: center;
}

#topleftmenu dt {
    margin: 5px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #0878AC;
    font-weight: bold;
    display: inline;
}

#topleftmenu dt a {
    color: #000000;
}

#topleftmenu dt a:hover {
    color: #000000;
    text-decoration: none;
}

#topThumbnails {
    margin: 10px 0 0 232px;;
    padding: 0;
    height: 22px;
}

#topThumbnails dt {
    margin: 0 5px -4px 0;
    display: block;
    float: left;
    height: 22px;
    line-height: 1px;
}

#searchbox {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #666666;
    padding: 10px;
}

#searchbox a {
    color: #0878AC;
}

#searchbox a:hover {
    color: #ff3300;
    text-decoration: none;
}

.bluetext {
    color: #0878AC;
}

.redtext {
    color: #ff3300;
}

#mainBox p, #mainBox td {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #666666;
}

#dedicated p, #dedicated td {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #666666;
}

#mainBox a {
    color: #0878AC;
}

#mainBox a:hover {
    color: #ff3300;
    text-decoration: none;
}

#dedicatedHeader {
    font-family: Arial, Helvetica, sans-serif;
    display: block;
    padding: 10px;
    background-color: #0878AC;
    font-size: 14px;
    font-weight: bold;
    color: #FFFFFF;
}

#searchHeader {
    font-family: Arial, Helvetica, sans-serif;
    display: block;
    padding: 10px;
    background-color: #0878AC;
    font-size: 12px;
    font-weight: bold;
    color: #FFFFFF;
}

#searchResultHeader {
    font-family: Arial, Helvetica, sans-serif;
    display: block;
    padding: 10px;
    background-color: #FFFFFF;
    font-size: 14px;
    font-weight: bold;
    color: #0878AC;
}

#facultyHeader {
    font-family: Arial, Helvetica, sans-serif;
    display: block;
    padding: 10px;
    background-color: #C2E0FF;
    font-size: 14px;
    font-weight: bold;
    color: #000000;
}

#facultySplit {
    display: block;
    background-image: url( ../images/facultySplit.gif );
    background-repeat: no-repeat;
    height: 26px;
}

#topicsHeader {
    font-family: Arial, Helvetica, sans-serif;
    display: block;
    padding: 10px;
    background-color: #0878AC;
    font-size: 12px;
    font-weight: bold;
    color: #FFFFFF;
}

#topicsHeader td {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #FFFFFF;
}

#topicsHeader a {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    color: #FFFFFF;
}

#topicsHeader a:hover {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    color: #FFFFFF;
    text-decoration: none;
}

a.icoLink {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: normal;
    color: #0878AC;
}

a:hover.icoLink {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: normal;
    color: #0878AC;
    text-decoration: none;
}

.cmeHighlight {
    font-weight: bold;
    color: #ff3300;
}

.reelDate {
    font-weight: bold;
    color: #000000;
}

.downloadActivityMaterials {
    color: #0878AC;
}

.projTheme {
    font-weight: bold;
    color: #0878AC;
}

.projThemeEnlarge {
    font-weight: bold;
    color: #0878AC;
    font-size: 16px;
}

.size {
    font-size: 11px;
    font-weight: bold;
}

#pages {
    padding: 20px 0 20px 0;
    text-align: center;
}

#pages a {
    padding: 0 1px 0 1px;
}

#reference {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #666666;
    text-align: center;
}

#reference a {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #666666;
    padding-right: 5px;
    padding-left: 5px;
}

#reference a:hover {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #666666;
    text-decoration: none;
    padding-right: 5px;
    padding-left: 5px;
}

/* for Group Downloadable Materials Links */

#dldata {font-family:Arial, Helvetica, sans-serif; font-size:16px;}}
#dldata #header{display:block; padding:0 0 10px 0;}
#dldata h1{font-size:1em; color:#0878AC; padding: 0 5px 10px 5px; margin:0}
#dldata h2{font-size:.75em; color:#666666; padding:20px 0 5px 5px; margin:0; font-weight:normal;}
#dldata p{font-size:.75em; margin: 10px 15px 0 5px;}
#dldata p a{color:#0878AC;}
#dldata h3{font-size:.75em; margin: 0px 0px 20px 5px; clear:left; color:#0878AC;}
#dldata h4{font-size:.75em; margin: 10px 0px 0px 0px; clear:left; color:#0878AC;}
#dldata .generalDownload{margin:3px 0px 0px 0px; padding:0;}
#dldata .generalDownload .lItems{padding-right:20px; display:inline; font-size:11px;}
#dldata .generalDownload .lastlItems{display:inline; font-size:.685em;}
#dldata .generalDownload a{display:inline; font-size:.875em;color:#0878AC;}
#dldata .icoBtn{padding-right:2px;}