@charset "utf-8";
/* CSS Document */

/*HACK FOR IE6 \*/
* html #content, #navigation, #events {
 display: inline;
}
/**/

/* END HACK FOR IE6 */

/*body {*/

/* COMMENTED BECAUSE IT SEEMED TO BE RESPONSIBLE FOR THE FLASH BEFORE LOADING
margin: 0px;
padding: 0px;
*/
/*
NOT NEEDED IN NEW CENTERED VERSION
padding-left: 10px;
padding-bottom: 25px;
*/
/*display: block;*/
/*background-color: #DCDCDC;*/
/* COMMENTED BECAUSE IT SEEMED TO BE RESPONSIBLE FOR THE FLASH BEFORE LOADING
background: url(/_ubc_clf/img/content/contentBg.gif) repeat-x 0 -2px;
background-color: gray;
*/

/*}*/

#container {

/* OLD CODE PRIOR TO IMPLEMENTING UBC CLF
width: 1005px;
border: 0px solid red;
background-image:url(/images/Container-Background-Repeating.gif);
background-repeat: repeat-y;
margin-top: 140px;
margin-bottom: 8px;
z-index: 99;
*/

/* NEW CODE */
margin-left: auto;
margin-right: auto;
margin-top: 0px;
/*width: 995px;*/
width: 980px;
background-image:url(/images/Container-Background-Repeating.gif);
background-repeat: repeat-y;
margin-bottom: 8px;
z-index: 99;
border: 1px solid #bfbfbf;
border-top: 0px;

}

#content {
margin-left: 175px;
width: 610px;
border: 0px solid red;
float: left;
margin-bottom: 15px;
overflow: hidden;

}

#content h1, #content h2.CDE {

padding: 0px;
font-weight: normal;
font-family: 'arial narrow', helvetica, sans-serif;
font-stretch: condensed; /*ADDRESSES FIREFOX 6 BUG*/
font-size: 180%;
/*margin-bottom: 3px;*/
margin-bottom: 6px;
margin-top: 25px;
/*color: #4e4f54;*/
color: black;
border: 0px solid red;
text-decoration: none;

}

#accessible {

padding: 0px;
font-weight: normal;
font-family: "arial narrow", arial, helvetica, sans-serif;
font-stretch: condensed;
font-size: 110%;
margin-top: 10px;
/*color: #4e4f54;*/
color: black;
border: 0px solid red;
z-index: 1;
width: 900px;
height: 100px;
position: absolute;
left: 20px;
top: 2px;
overflow: scroll;
/*opacity:0.0;*/ /* Modern Browsers */
/*-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";*/
/*filter:alpha(opacity=0);*/ /* IE 5.5, IE6 & IE7 */
/*/width: 10%;*/ /* stupid IE */


}



#content h1 b, #content h2.CDE b {

/*color: #8197a9;*/
color: #718a99;
font-weight: normal;
text-decoration: none;

}

#content h2 {

padding: 0px;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
font-size: 100%;
margin-bottom: 0px;
padding-bottom: 0px;
margin-top: 25px;
/*color: #4e4f54;*/
/*color: #8197a9;*/
color: #718a99;
border: 0px solid red;
text-transform: uppercase;
/*background-color: white;*/
text-decoration: none;

}

#content h2.CDE {

text-transform: none;
font-size: 150%;

}

#content h2.FacultyStaffList {

padding: 0px;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
font-size: 140%;
margin-bottom: 0px;
padding-bottom: 0px;
margin-top: 0px;
/*color: #4e4f54;*/
/*color: #8197a9;*/
color: #718a99;
border: 0px solid red;
text-transform: uppercase;
/*background-color: white;*/

}

#content h3, #content h4, #content h5, #content h6 {

padding: 0px;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
font-size: 90%;
margin-bottom: 0px;
padding-bottom: 0px;
margin-top: 20px;
/*color: #4e4f54;*/
color: #595959;
border: 0px solid red;
text-transform: uppercase;
/*background-color: white;*/
text-decoration: none;

}

#content h3.FacultyStaffList {

padding: 0px;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
font-size: 120%;
margin-bottom: 0px;
padding-bottom: 0px;
margin-top: 20px;
/*color: #4e4f54;*/
color: #595959;
border: 0px solid red;
text-transform: uppercase;
/*background-color: white;*/

}

#content p {

font-size: 95%;
margin-top: 10px;
margin-bottom: 5px;
padding-top: 0px;
padding-bottom: 10px;
font-family: Arial, Helvetica, sans-serif;
line-height: normal;

}


#content p b.BoldGrey {

color: #718a99;

}


#content p.small, #content p.SmallText, #content b.SmallText, #content span.SmallText {

font-size: 75%;
margin-top: 5px;
margin-bottom: 5px;
padding-top: 0px;
padding-bottom: 5px;
font-family: Arial, Helvetica, sans-serif;
line-height: normal;

}

#content p.alert, #content p.HighlightedText {

background-color: yellow;
font-size: 90%;
padding: 6px;
padding-right: 4px;
margin-bottom: 15px;

}

#content ol, #content ul {

margin-top: 15px;
margin-bottom: 30px;
padding-bottom: 0px;
font-size: 90%;
font-family: Arial, Helvetica, sans-serif;
/* Added by James to address UBC CLF reset */
margin-left: 15px;
padding-left: 15px;

}

#content ol {

list-style: decimal;

}

#content ul {

list-style: disc;

}

#content ul.tight li {

margin-top: 0px;
margin-bottom: 0px;

}

#content ul.impressions {

font-size: 70%;
font-family: Arial, Helvetica, sans-serif;
margin: 0px;
padding: 0px;
padding-right: 26px;

}

#content ul.impressions li {

margin: 0px;
margin-left: 22px;
padding: 0px;
line-height: 130%;
list-style: disc;
list-style-type: disc;

}

#content .fine, #content .FineText, #content .caption {

font-size: 70%;
line-height: 150%;
/*display: block;*/
color: gray;
font-family: Arial, Helvetica, sans-serif;
padding: 0px;
margin: 0px;

}

#content .fine-researchnote {

font-size: 70%;
line-height: 130%;
/*display: block;*/
color: black;
font-family: Arial, Helvetica, sans-serif;
padding: 0px;
margin: 0px;

}

#content .caption, #content .caption-impressions {

text-align: center;

}

#content .caption-impressions {

font-size: 80%;
font-weight: bold;
color: gray;
line-height: 100%;
margin-top: 0px;
padding-top: 0px;

}

#content .caption-impressions img {

margin-bottom: 5px;


}


#content ol li, #content ul li {

margin-top: 10px;
margin-bottom: 15px;
padding-top: 0px;
padding-bottom: 0px;
line-height: normal;
/* Added by James to address UBC CLF reset
list-style: disc;
margin-left: 15px;
padding-left: 15px;
 */

}

#content li ul {

font-size: 100%;
font-family: Arial, Helvetica, sans-serif;
margin-bottom: 0px;
padding-bottom: 0px;

}

/* BLOCKQUOTE */

#content blockquote {

padding: 0px;
margin: 0px;
padding-top: 0px;
padding-bottom: 10px;
margin-left: 40px;
font-family: Arial, Helvetica, sans-serif;
font-size: 95%;
line-height: normal;

}

#content blockquote.StrategicGoal {

margin-left: 15px;
margin-right: 15px;
background-color: #F3F3F3;
padding-top: 15px;
padding-left: 15px;
padding-right: 5px;
padding-bottom: 5px;
margin-bottom: 20px;

}

#content blockquote.StrategicGoal h2 {

margin: 0px;
padding: 0px;

}

#content blockquote.StrategicGoal span.small {

font-size: 95%;

}

#content blockquote.StrategicGoal p {

margin-top: 0px;
padding-top: 0px;
font-size: 85%;

}

/* END BLOCKQUOTE */

#content img.floatleft, #content img.Picture-NoCaption-LeftAlign {

float: left;
padding: 10px;
padding-left: 0px;
border-right: 1px solid #e5e5e5;
border-bottom: 1px solid #e5e5e5;
margin: 10px;
width: auto;

}

#content img.floatright, #content img.Picture-NoCaption-RightAlign {

float: right;
padding: 15px;
padding-right: 0px;
border-left: 1px solid #e5e5e5;
border-bottom: 1px solid #e5e5e5;
margin: 10px;
width: auto;

}

#content img.floatcenter, #content img.Picture-NoCaption-CenterAlign {

clear: both;
padding: 15px;
border-top: 1px solid #e5e5e5;
border-bottom: 1px solid #e5e5e5;
width: auto;
display: block;
margin-left: auto;
margin-right: auto;


}

#content p.PictureWithCaption-RightAlign {

float: right;
margin-left: 18px;
margin-top: 10px;
margin-bottom: 10px;
margin-right: 0px;
border: 1px solid #e5e5e5;
padding: 10px;
font-size: 70%;
line-height: 100%;
text-align: center;
color: gray;

}

#content p.PictureWithCaption-LeftAlign {

float: left;
margin-right: 18px;
margin-top: 10px;
margin-bottom: 12px;
margin-left: 0px;
border: 1px solid #e5e5e5;
padding: 10px;
padding-left: 5px;
font-size: 70%;
line-height: 100%;
text-align: center;
color: gray;

}

#content p.PictureWithCaption-CenterAlign {

width: auto;
/*margin: 15px;*/
margin-top: 10px;
margin-bottom: 20px;
clear: both;
border: 1px solid #e5e5e5;
padding: 10px;
font-size: 70%;
line-height: 100%;
text-align: center;
color: gray;

}

#content p.PictureWithCaption-RightAlign img, #content p.PictureWithCaption-LeftAlign img, #content p.PictureWithCaption-CenterAlign img {

margin: 5px;
/*display: block;*/

}

#content p.PictureWithCaption-Impressions img {

margin: 5px;
/*display: block;*/

}

#navigation {
/*margin-left: -785px;*/
margin-left: -787px;
width: 160px;
border: 0px solid green;
float: left;
margin-bottom: 20px;
padding-top: 5px;
}

#events, #RightColumn {
/*width: 180px;*/
width: 168px;
border: 0px solid blue;
float: left;
margin-left: 17px;
padding-bottom: 20px;
overflow: hidden;
  
} 

#events h2, #RightColumn h2 {

margin-top: 20px;
padding: 0px;
font-weight: normal;
font-family: "arial narrow", arial, helvetica, sans-serif;
font-stretch: condensed;
font-size: 190%;
margin-bottom: 3px;
color: #718a99;
/*color: #8197a9;*/
background-color: white;

}

#events h3, #RightColumn h3 {

font-size: 75%;
font-weight: bold;
margin-top: 25px;
margin-bottom: 0px;
padding-bottom: 0px;
padding-right: 3px;
font-family: Arial, Helvetica, sans-serif;

}

#events p, #RightColumn p {

font-size: 70%;
margin-top: 10px;
margin-bottom: 20px;
padding-top: 0px;
padding-right: 3px;
font-family: Arial, Helvetica, sans-serif;

}

#events a, #events a:link, #events a:visited, #RightColumn a, #RightColumn a:link, #RightColumn a:visited {

text-decoration: none;
color: #4789b3;
font-weight: bold;

}

#events a:hover, #events a:link:hover, #events a:visited:hover, #RightColumn a:hover, #RightColumn a:link:hover, #RightColumn a:visited:hover {

text-decoration: underline;
font-weight: bold;

}


#copyright {
 clear: both;
}

/* NAVIGATION AND ANCHOR TAGS*/

#Menu-BottomBorder {

border-top: 1px dotted #91acbf;
padding-top: 15px;
margin-left: 10px;
margin-right: 10px;
padding-left: 5px;
padding-bottom: 5px;

}

#content a {

text-decoration: none;

}

#content a:link {

text-decoration: underline;
color: #4789b3;

}

#content a:hover, #content a:active {

text-decoration: none;
color: #247cb3;

}

#content a:visited {

color: gray;
text-decoration: underline;

}

/* special class for online application link on grad programs pages */
#content a.ApplyLink:visited {

color: #4789b3;
text-decoration: underline;

}
/* end of special class for online application link on grad programs pages */


#content a:visited:hover {

text-decoration: none;
color: #247cb3;

}

#Home a, #Education a, .program a, #Treatment a, #Alumni a, #CDE a, #Research a, #Donate a, #AboutUs a, #CommunityPrograms a, #HumanResources a {

font-size: 14px;
font-family: "arial narrow", arial, helvetica, sans-serif;
font-stretch: condensed;
font-weight: bold;
text-decoration: none;
color: #707070;
border-bottom: 0px dotted #91acbf;
border-top: 1px dotted #91acbf;
padding-top: 15px;
margin-left: 10px;
margin-right: 10px;
padding-left: 5px;
padding-bottom: 5px;
display: block;

}

#Home a:link, #Education a:link, .program a:link, #Treatment a:link, #Alumni a:link, #CDE a:link, #Research a:link, #Donate a:link, #AboutUs a:link, #CommunityPrograms a:link, #HumanResources a:link {

font-size: 14px;
font-family: "arial narrow", arial, helvetica, sans-serif;
font-stretch: condensed;
font-weight: bold;
text-decoration: none;
color: #707070;
border-bottom: 0px dotted #91acbf;
border-top: 1px dotted #91acbf;
padding-top: 15px;
margin-left: 10px;
margin-right: 10px;
padding-left: 5px;
padding-bottom: 5px;
display: block;

}

#Home a, #Home a:link {

border-top: 0px;

}

/*#Home a:visited, #Education a:visited, #Treatment a:visited, #Alumni a:visited, #CDE a:visited, #Research a:visited, #Donate a:visited, #AboutUs a:visited {*/

/*text-decoration: underline;*/
/*background-color: #8197a9;*/
/*color: white;*/

/*}*/


#Home a:hover, #Education a:hover, .program a:hover, #Treatment a:hover, #Alumni a:hover, #CDE a:hover, #Research a:hover, #Donate a:hover, #AboutUs a:hover, #CommunityPrograms a:hover, #HumanResources a:hover {

text-decoration: none;
/*background-color: #8197a9;*/
background-color: #f7f7f7;
/*color: white;*/

}

#Home a:active, #Education a:active, .program a:active, #Treatment a:active, #Alumni a:active, #CDE a:active, #Research a:active, #Donate a:active, #AboutUs a:active, #CommunityPrograms a:active, #HumanResources a:active {

text-decoration: none;
/*background-color: #8197a9;*/
background-color: #f7f7f7;
/*color: white;*/

}

#Home a:focus, #Education a:focus, .program a:focus, #Treatment a:focus, #Alumni a:focus, #CDE a:focus, #Research a:focus, #Donate a:focus, #AboutUs a:focus, #CommunityPrograms a:focus, #HumanResources a:focus  {

text-decoration: none;
/*background-color: #8197a9;*/
background-color: #f7f7f7;
/*color: white;*/
outline: none;

}


#submenu1 a, #submenu2 a, #submenu3 a, #submenu4 a, #submenu5 a, #submenu6 a, #submenu7 a, #submenu8 a, #submenu9 a, .submenu a {

color: #707070;
border-bottom: 1px dotted #91acbf;
padding-top: 15px;
/* margin-left was 10px after the weekend */
margin-left: 25px; 
margin-right: 10px;
padding-left: 5px;
padding-bottom: 5px;
background-color: #dbe7ec;
font-size: 11px;
font-family: "arial narrow", arial, helvetica, sans-serif;
font-stretch: condensed;
font-weight: bold;
text-decoration: none;
display: block;

}

#submenu1 a:hover, #submenu2 a:hover, #submenu3 a:hover, #submenu4 a:hover, #submenu5 a:hover, #submenu6 a:hover, #submenu7 a:hover, #submenu8 a:hover, #submenu9 a:hover, .submenu a:hover {

text-decoration: underline;
background-color: #cadbe2;
/*background-color: #d1dce0;*/

}

#submenu1, #submenu2, #submenu3, #submenu4, #submenu5, #submenu6, #submenu7, #submenu8, #submenu9, .submenu {

margin-top: 0px;
margin-bottom: 10px;
display: block;
clear: both;
/* this border serves no purpose except to address IE6 bug re: background image extending too far down */
/*border: 1px solid white;*/
/* end note about border */

}

#submenu1 div, #submenu2 div, #submenu3 div, #submenu4 div, #submenu5 div, #submenu6 div, #submenu7 div, #submenu8 div, #submenu9 div, .submenu div {

background-image:url(/menus/connector.gif);

}

a
/* for removing Firefox dotted line around links */
{
outline: none;
}

/* for initializing submenus to hidden */

#submenu1, #submenu2, #submenu3, #submenu4, #submenu5, #submenu6, #submenu7, #submenu8, #submenu9 {

display: none;


}

/* END NAVIGATION */

/* FOOTER */

#Footer {

font-size: 10px;
color: gray;
font-family: Arial, Helvetica, sans-serif;
margin: 0px;
padding: 0px;
/*width: 995px;*/
border: 0px solid red;
display: block;
z-index: 1;

}

#Feedback {

margin-left: 0px;
float: left;
width: 49%;
display: block;
border: 0px solid green;

}

#Copyright {

float: right;
text-align: right;
width: 49%;
display: block;
border: 0px solid red;

}

/* END FOOTER */


/* BANNER */

/* NOT USED

/*#Banner {

background-image:url(/images/Banner.gif);
background-repeat: no-repeat;
height: 114px;
width: 995px;
width: 980px;
display: block;
position: absolute;
top: 10px;
left: 10px;
z-index: 99;
border: 0px solid red;

}

*/

#Banner img {

border: 0px;

}

#UBCLinksContainer {

position: absolute;
left: 10px;
top: 0px;
/*width: 995px;*/
height: 28px;
border: 0px solid red;
text-align: right;
padding: 0px;
margin: 0px;
margin-top: 12px;
overflow: hidden;
z-index: 100;
/*background-image:url(/images/UBCLinks-Background.gif);*/
/*background-repeat: no-repeat;*/

}

/*.UBCLink*/
#UBCLinksContainer div {

float: right;
height: 20px;
border-right: 1px dotted #91acbf;
padding: 0px;
margin: 0px;
padding-top: 1px;
padding-right: 6px;
padding-left: 6px;
font-family: "arial narrow", arial, helvetica, sans-serif;
font-stretch: condensed;
font-weight: bold;
font-size: 11px;
color: gray;
width: auto;


}

#UBCLinksContainer > div:first-child {

height: 20px;
border-right: 0px;
padding: 0px;
margin: 0px;
padding-top: 1px;
padding-right: 6px;
padding-left: 6px;

}

#UBCLinksContainer div a {

display: block;
font-family: "arial narrow", arial, helvetica, sans-serif;
font-stretch: condensed;
font-weight: bold;
font-size: 11px;
color: gray;
text-decoration: none;

}

#UBCLinksContainer div a:hover {

text-decoration: underline;

}

#DentLinksContainer {

/* OLD CODE PRIOR TO IMPLEMENTING UBC CLF
position: absolute;
left: 615px;
top: 95px;
width: 370px;
height: 35px;
border: 0px solid red;
padding: 0px;
margin: 0px;
overflow: hidden;
text-align: right;
font-size: 12px;
color: gray;
z-index: 2;
*/


/* NEW CODE  */
position: absolute;
/*left: 700px;*/
right: 40px;
top: 29px;
width: 450px;
height: 25px;
padding: 0px;
margin: 0px;
border: 0px solid gray;
z-index: 2;
text-align: right;


}

/*#DentLinksContainer div {

font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 12px;
color: gray;
text-align: right;
width: 400px;
position:absolute;
left: 561px;
top: 58px;
border: 0px solid red;

}*/

#DentLinksContainer a {

text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 12px;
color: gray;
/*display: block;*/

}

#DentLinksContainer a:hover {

text-decoration: underline;

}

/* END BANNER */


/* FEATURED PICTURES */

#HorizontalFeaturedPic {

margin-top: 10px;
margin-bottom: 10px;
overflow: hidden;
padding: 0px;
width: 600px;
border: 0px solid red;
display: block;
height: 220px;
z-index: 99;
/*background-color: gray;*/

}

#VerticalFeaturedPic {

margin-top: 10px;
margin-right: 10px;
margin-bottom: 15px;
overflow: hidden;
padding: 0px;
width: 200px;
height: 450px;
border: 0px solid green;
display: block;
float: left;
z-index: 99;

}

#HorizontalFeaturedPic img, #VerticalFeaturedPic img, #CyclingFeaturedPics img, #ImageList img {

/*display: block;*/
border: 0px;

}

#CyclingFeaturedPics {

border: 0px solid red;

}

#ImageList {

/*display: none;*/

}

#CyclingFeaturedPics-Container {

margin-top: 10px;
margin-bottom: 10px;
padding: 0px;
height: 220px;
width: 600px;
display: block;
overflow: hidden;
/*background-color: gray;*/

}

/* END FEATURED PICTURES */



/* CLEAR */

div.clear {

clear: both;
visibility: hidden;
/*font-size: 0px;*/
/*height: 0px;*/

}

/* END CLEAR */

/* NO WRAP */

.nowrap {

white-space: nowrap; 

}

/* END NO WRAP */


#Clear-Container-TopBorder, #Clear-Container-BottomBorder {

clear: both;
border: 0px solid red;
background-color: white;
height: 2px;
background-image:url(/images/Container-Border-TopAndBottom.gif);
background-repeat: no-repeat;
font-size: 0px;

}

/*NEW - July 2010 */

#Clear-Container-BottomBorder {

padding-bottom: 5px;

}

/* END OF NEW */


/* NEWS BOXES */

#NewsBox1, #NewsBox2 {

background-image:url(/images/NewsBox-Background.gif);
background-repeat: no-repeat;
/*background-color: #ededed;*/
padding-top: 25px;
padding-left: 10px;
width: 590px;
margin-top: 0px;
padding-bottom: 15px;
display: block;
font-family: Arial, Helvetica, sans-serif;

}

#NewsBox1 {

border-top: 5px solid #7e99aa;

}

#NewsItem1 {

float: left;
width: 185px;

}

#NewsItem2 {

float: left;
width: 185px;
padding-left: 15px;

}

#NewsItem3 {

float: left;
width: 180px;
padding-left: 15px;

}

#NewsItem4 {

float: left;
width: 185px;

}

#NewsItem5 {

float: left;
width: 185px;
padding-left: 15px;

}

#NewsItem6 {

float: left;
width: 180px;
padding-left: 15px;

}

#NewsItem1 h2, #NewsItem2 h2, #NewsItem3 h2, #NewsItem4 h2, #NewsItem5 h2, #NewsItem6 h2 {

text-transform: none;
font-size: 70%;
margin-top: 0px;
margin-bottom: 5px;
padding-bottom: 0px;
color: #778b9c;
/*background-color: #ededed;*/

}

#NewsItem1 h2 a, #NewsItem2 h2 a, #NewsItem3 h2 a, #NewsItem4 h2 a, #NewsItem5 h2 a, #NewsItem6 h2 a {

text-decoration: none;
/* paler color */
/*color: #778b9c;*/
/* punchier color */
color: #4789b3;

}

#NewsItem1 h2 a:link, #NewsItem2 h2 a:link, #NewsItem3 h2 a:link, #NewsItem4 h2 a:link, #NewsItem5 h2 a:link, #NewsItem6 h2 a:link {

text-decoration: none;
/* paler color */
/*color: #778b9c;*/
/* punchier color */
color: #4789b3;

}

#NewsItem1 h2 a:visited, #NewsItem2 h2 a:visited, #NewsItem3 h2 a:visited, #NewsItem4 h2 a:visited, #NewsItem5 h2 a:visited, #NewsItem6 h2 a:visited {

text-decoration: none;
/* paler color */
/*color: #778b9c;*/
/* punchier color */
color: #4789b3;

}

#NewsItem1 h2 a:hover, #NewsItem2 h2 a:hover, #NewsItem3 h2 a:hover, #NewsItem4 h2 a:hover, #NewsItem5 h2 a:hover, #NewsItem6 h2 a:hover {

text-decoration: underline;
/* paler color */
/*color: #778b9c;*/
/* punchier color */
color: #4789b3;

}

#NewsItem1 h2 a:visited:hover, #NewsItem2 h2 a:visited:hover, #NewsItem3 h2 a:visited:hover, #NewsItem4 h2 a:visited:hover, #NewsItem5 h2 a:visited:hover, #NewsItem6 h2 a:visited:hover {

text-decoration: underline;
/* paler color */
/*color: #778b9c;*/
/* punchier color */
color: #4789b3;

}

#NewsItem1 p, #NewsItem2 p, #NewsItem3 p, #NewsItem4 p, #NewsItem5 p, #NewsItem6 p {

font-size: 70%;
margin-bottom: 0px;
padding-bottom: 0px;
margin-top: 0px;
padding-top: 0px;

}

#Clear-NewsBox1-Bottom, #Clear-NewsBox2-Bottom {

clear: both;
height: 0px;
border: 0px solid yellow;
font-size: 0px;

}

#Clear-NewsBox-Top {

clear: both;
height: 0px;
font-size: 0px;
padding: 0px;
border: 0px solid red;
margin-top: 0px;
display: block;

}

#MoreNewsLink {

padding: 0px;
padding-bottom: 10px;
border-bottom: 5px solid #7e99aa;
margin: 0px;
margin-top: 10px;
font-size: 70%;
font-weight: bold;
width: 600px;
display: block;
text-align: right;
color: #7e99aa;
font-family: Arial, Helvetica, sans-serif;

}

#MoreNewsLink a, #MoreNewsLink a:link {

text-decoration: none;
color: #778b9c;

}

#MoreNewsLink a:focus, #MoreNewsLink a:hover, #MoreNewsLink a:visited:hover, #MoreNewsLink a:link:visited:hover {

text-decoration: underline;
color: #778b9c;

}

#MoreNewsLink a:visited, #MoreNewsLink a:link:visited {

text-decoration: none;
color: #778b9c;

}

#Clear-News-AbsoluteBottom {

margin-bottom: 0px;
clear: both;
height: 15px;
border: 0px solid yellow;
font-size: 0px;

}

/* END NEWS BOXES */

/* TEASERS */

#TeasersBox {

width: 600px;
margin-top: 5px;
padding-bottom: 5px;
border-bottom: 5px solid #7e99aa;
padding-top: 5px;

}

#Clear-Teasers-Top {

clear: both;
height: 0px;
border: 0px solid yellow;
font-size: 0px;

}

#Clear-AlumniTeasers-Top {

clear: both;
height: 0px;
border-bottom: 5px solid #7e99aa;
font-size: 0px;
width: 600px;

}

#Clear-Teasers-Bottom {

clear: both;
height: 5px;
border: 0px solid yellow;
font-size: 0px;
margin-bottom: 0px;

}

#Teaser1, #Teaser2, #Teaser3 {

float:left;
margin-right: 10px;
margin-top: 0px;
width: 190px;
height: 50px;
overflow: hidden;


}

#Teaser1 img, #Teaser2 img, #Teaser3 img {

width: 190px;
height: 50px;
border: 0px;

}

/* END TEASERS */

#Clear-Bodytext-Top {

display: none;
margin-bottom: 15px;
clear: both;
height: 0px;
border: 0px solid yellow;
font-size: 0px;

}

/* ADDITIONAL LINKS BOX INSIDE BODY TEXT */

#RelatedLinksBox {

background-color: white;
width: 205px;
float: right;
margin-right: 10px;
margin-top: 0px;
margin-left: 20px;
margin-bottom: 20px;
padding: 0px;
border-bottom: 2px solid #d0d0d0;

}

#RelatedLinksBox h3 {

font-family: "arial narrow", arial, helvetica, sans-serif;
font-stretch: condensed;
text-transform: uppercase;
margin: 0px;
margin-top: 20px;
padding: 0px;
font-size: 80%;
color: #808080;

}

#RelatedLinksBox p {

text-transform: uppercase;
font-family: "arial narrow", arial, helvetica, sans-serif;
font-stretch: condensed;
font-size: 80%;
margin-top: 15px;
margin-bottom: 10px;
padding: 0px;

}

/*
#RelatedLinksBox p+p, #RelatedLinksBox p+p+p, #RelatedLinksBox p+p+p+p, #RelatedLinksBox p+p+p+p+p, #RelatedLinksBox p+p+p+p+p+p {

border-top: 1px dotted gray;
padding-top: 10px;

}
*/

p#RelatedLink1 {

border-top: 2px solid #d0d0d0;
text-transform: uppercase;
font-family: "arial narrow", arial, helvetica, sans-serif;
font-stretch: condensed;
font-size: 80%; 
margin-top: -1px;
margin-bottom: 10px;
padding: 0px;
padding-top: 10px;

}

/* END ADDITIONAL LINKS BOX */

/* TABLES */

table, tr, td {

/* added by James to deal with UCL CLF css reset */
vertical-align: top;

}

table.info {

/*border: 3px solid gray;*/
border: 5px solid #fafafa;
border-top: 15px solid #fafafa;
margin-top: 15px;
margin-bottom: 15px;
margin-left: 0px;
margin-right: 0px;
width: 98%;
background-color: #fafafa;

}

table.info td {

padding: 2px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;

}

b.blue {

color: #617280;
/*color: #8197a9;*/

}


table.table, table.tablenoborder {

font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	border: 1px solid gray;
	border-collapse: collapse;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 15px;

}

#content table.smalltext {

font-size: 75%;

}

table.tablenoborder, table.tablenoborder td {

border:0px;

}

.table th {

/*	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;   */
	background-color: #dedede;
	padding: 6px;
	margin: 0px;
	border: 1px solid #cccccc;
}

.table td {

/*	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;    */
	padding: 6px;
	margin: 2px;
	border: 1px solid #cccccc;
	/* added by James to deal with UCL CLF css reset */
	vertical-align: top;


	
}

#content table, #content table input, #content input, #content table textarea, #content textarea {

font-family: Arial, Helvetica, sans-serif;
font-size: 90%;

}

table.courses {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	border: 1px solid #f2f2f2;
	border-collapse: collapse;
	width: 95%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;

}

table.courses th {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #f2f2f2;
	padding: 6px;
	margin: 0px;
	/*border: 1px solid #cccccc;*/
	border-right: 0;
	border-left: 0;
	text-align: left;
}

table.courses td {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 4px;
	margin: 2px;
	border: 1px solid #f2f2f2;
	border-right: 0;
	border-left: 0;
	
}

table.FourColumn th, table.FourColumn td {

	width: 20%;

}

table.FourColumn th+th, table.FourColumn td+td {

	width: 50%;

}

table.FourColumn th+th+th, table.FourColumn td+td+td {

	width: 5%;

}

table.FourColumn th+th+th+th, table.FourColumn td+td+td+td {

	width: 25%;

}



table.ThreeColumn th+th, table.ThreeColumn td+td {

	width: 35%;

}

table.ThreeColumn th+th+th, table.ThreeColumn td+td+td {

	width: 35%;

}

table.TwoColumnGrad th+th, table.TwoColumnGrad td+td {

	width: 25%;

}

table.ThreeColumnGrad th+th, table.ThreeColumnGrad td+td {

	width: 8%;

}

table.ThreeColumnGrad th+th+th, table.ThreeColumnGrad td+td+td {

	width: 16%;

}


/* END TABLES */

/* TEXTAREA */

#content table textarea, #content textarea {

width: 90%;
height: 100px;
margin-bottom: 12px;

}

/* END TEXTAREA */

a img {

border: 0px;

}

/* For Hiding Fields In Forms like Alumni Address update */

.special {

display: none;

}


/* ALUMNI STYLES */

h1#AlumniHeader {

padding: 10px;
padding-left: 20px;
display: block;
margin-top: 10px;
margin-bottom: 0px;
background-color: #8197a9;
color: white;
font-size: 200%;
font-family: "arial narrow", arial, helvetica, sans-serif;
font-stretch: condensed;

}

#AlumniProfileHeader {

background-color: #BFBFBF;
border-top: 3px solid white;
border-bottom: 3px solid white;
text-transform: uppercase;
font-size: 110%;
font-weight: bold;
color: white;
padding-top: 5px;
padding-bottom: 0px;
padding-left: 15px;

}

#AlumniProfileHeader p {

font-family: Arial, Helvetica, sans-serif;
padding: 0px;
padding-top: 0px;
padding-bottom: 1px;
margin: 0px;
font-weight: bold;

}

#AlumniProfile {

margin-bottom: 10px;
display: block;
/*border: 0px solid red;*/

}

#AlumniProfilePic {

width: 90px;
margin: 0px;
padding: 0px;
float: left;

}

#AlumniProfileText {

width: 505px;
margin-left: 3px;
float: left;
background-color: #e5e5e5;
padding-left: 10px;

}

#AlumniProfileText p {

font-family: Arial, Helvetica, sans-serif;
font-size: 80%;

}

#AlumniProfileText p > b:first-child {

font-size: 110%;

}

#ProPosting-ThinkingOfOrganizing {

width: 610px;
min-height: 120px;
background-color: black;
background-image:url(../Alumni/images/ThinkingOfOrganizingAReunion.jpg);
margin-bottom: 5px;

}

#ProPostingServices {

min-height: 120px;
border: 1px solid gray;
width: 295px;
float: left;
padding: 0px;
background-color: white;

}

#ProPostingServices p {

margin: 10px;
margin-top: 20px;
margin-bottom: 5px;
font-size: 75%;
color: #292929;

}

#ProPostingServices p > b:first-child  {

text-transform: uppercase;
font-size: 140%;
font-family: "arial narrow", arial, helvetica, sans-serif;
font-stretch: condensed;
 
}

a#ReunionLink {

display: block;
float: left;
border: 0px solid yellow;
width: 305px;
height: 120px;
margin-left: 8px;
margin-top: 0px;

}

#BPWriter {

min-height: 80px;
border: 1px solid gray;
width: 307px;
float: right;
padding: 0px;
background-color: white;
margin-bottom: 10px;

}

#BPWriter p {

margin: 10px;
margin-top: 20px;
margin-bottom: 5px;
font-size: 75%;
color: #292929;

}

#BPWriter p > b:first-child  {

text-transform: uppercase;
font-size: 140%;
font-family: "arial narrow", arial, helvetica, sans-serif;
font-stretch: condensed;

}

#LifelongLearning {

min-height: 90px;
border: 1px solid gray;
width: 295px;
float: left;
padding: 0px;
background-color: white;

}

#LifelongLearning p {

margin: 10px;
margin-top: 20px;
margin-bottom: 5px;
font-size: 75%;
color: #292929;

}

#LifelongLearning p > b:first-child  {

text-transform: uppercase;
font-size: 140%;
font-family: "arial narrow", arial, helvetica, sans-serif;
font-stretch: condensed;

}

#PhotoGallery {

margin-left: 4px;
min-height: 140px;
border: 1px solid gray;
width: 307px;
float: right;
padding: 0px;
padding-top: 0px;
padding-bottom: 20px;
background-color: white;
font-size: 80%;
margin-bottom: 6px;

}

#PhotoGalleryPic {

margin-bottom: 15px;
width: 300px;
height: 114px;

}

#PhotoGallery p {

margin: 0px;
padding: 3px;
margin-left: 10px;
margin-right: 5px;
border-top: 1px dotted gray;

}

#KeepInTouch {

min-height: 210px;
border: 0px solid gray;
width: 295px;
float: left;
padding: 0px;
background-color: white;
background-image:url(../Alumni/images/KeepInTouch.jpg);
margin-top: 5px;
margin-bottom: 6px;

}

#KeepInTouch p {

margin: 10px;
margin-top: 90px;
margin-bottom: 5px;
font-size: 75%;
color: #292929;

}

#KeepInTouch p > b:first-child {

text-transform: uppercase;
font-size: 140%;
font-family: "arial narrow", arial, helvetica, sans-serif;
font-stretch: condensed;

}

/*ContactUs is used in the alumni page's layout */
#ContactUs {

clear: both;
margin-top: 0px;
margin-bottom: 10px;
font-size: 100%;
border: 1px solid gray;
width: 608px;
padding: 0px;
background-color: white;

}

#ContactUs > p:first-child {

margin: 10px;
margin-top: 20px;
margin-bottom: 5px;
font-size: 75%;
color: #292929;
 
}

#ContactUs p {

margin: 10px;
margin-bottom: 5px;
font-size: 75%;
color: #292929;
 
}

#ContactUs p > b:first-child {

text-transform: uppercase;
font-size: 150%;
font-family: "arial narrow", arial, helvetica, sans-serif;
font-stretch: condensed;

}

#Clear-AlumniSponsors-Top {

clear: both;
width: 610px;
display: block;

}

p#AlumniSponsorsHeading {

border-bottom: 1px solid gray;
text-align: center;
display: block;
color: gray;
font-size: 80%;
font-weight: bold;
padding-bottom: 0px;
margin-bottom: 5px;

}

#AlumniSponsors {

border-bottom: 1px solid gray;
text-align: center;

}

/* END ALUMNI STYLES */

/* HORIZONTAL RULE */

/* hr doesn't display consistently across different browsers */
hr {

background-color: #ebebeb;
color: #ebebeb;
border: 0;
height: 3px;
line-height: 1px;
width: 95%;
text-align: center;
padding: 0px;
margin-top: 6px;

}

div.border {

height: 2px;
line-height: 0px;
width: 95%;
margin-left: auto;
margin-right: auto;
margin-top: 10px;
margin-bottom: 10px;
background-color: #ebebeb;

}

/* END HORIZONTAL RULE */

/* SPECIAL NOTICE */

#content p.SpecialNotice {

text-align: center;
padding: 4px;
background-color: #f28b25;
color: white;
font-weight: bold;
font-size: 100%;
width: 592px;
display: block;

}

/* END SPECIAL NOTICE */

/* special classes for links with no underline */

#content .underlineoff, #content .underlineoff:link, #content .underlineoff:visited, #content .underlineoff:active, #content .underlineoff:focus {

text-decoration: none;

}

#content .underlineoff:hover {

text-decoration: underline;

}

#content h1 .underlineoff, #content h1 .underlineoff:link, #content h1 .underlineoff:visited, #content h1 .underlineoff:active, #content h1 .underlineoff:focus {

text-decoration: none;
color: black;

}

#content h1 .underlineoff:hover {

text-decoration: underline;

}

#content h2 .underlineoff, #content h2 .underlineoff:link, #content h2 .underlineoff:visited, #content h2 .underlineoff:active, #content h2 .underlineoff:focus {

text-decoration: none;
color: #718a99;

}

#content h2 .underlineoff:hover {

text-decoration: underline;

}

#content h3 .underlineoff, #content h3 .underlineoff:link, #content h3 .underlineoff:visited, #content h3 .underlineoff:active, #content h3 .underlineoff:focus {

text-decoration: none;
color: #595959;

}

#content h3 .underlineoff:hover {

text-decoration: underline;

}

/* end special class for links with no underline */


/*JWPLAYER STYLES - REMEMBER, we changed container div to JWcontainer div in script and embed code*/

div#JWcontainer { text-align: center; margin-left: auto; margin-right: auto;} /*necessary for centering on iPad*/
div#JWcontainer_wrapper { text-align: center; margin-left: auto; margin-right: auto; } /*necessary for centering on PC*/
/*div#container_displayarea { text-align: center; margin-left: auto; margin-right: auto; }*/
/*div#container_video_wrapper { text-align: center; margin-left: auto; margin-right: auto; }*/
/*div#container_video { text-align: center; margin-left: auto; margin-right: auto; }*/
/*container_jwplayer_logo { text-align: center; margin-left: auto; margin-right: auto;}*/
/*container_jwplayer_display_text { text-align: center; margin-left: auto; margin-right: auto;}*/
/*container_jwplayer_display_image { text-align: center; margin-left: auto; margin-right: auto;}*/
/*container_jwplayer_display_iconBackground { text-align: center; margin-left: auto; margin-right: auto; }*/

/*END JWPLAYER STYLES */


@media print {


#UbcContainer, #UbcHeaderWrapper, #UbcBottomInfoWrapper, #UbcUtilNavWrapper {

display: none;

}


}