/*********************************************************************************/
/* The following base styles define the default behaviour of all Faculty of      */
/* Medicine pages.  If changes are made to these styles, they will affect the    */
/* whole site.  Changes should be made cautiously.  Additionally, changes should */
/* also be applied to the HTMLeditor.css file so that the styles that appear on  */
/* the site are consistent with the ones that appear in the editor window.       */
/*                                                                               */
/* Site URL: http://www.med.ubc.ca/                                              */
/* Filename: ubcmain.css                                                         */
/*                                                                               */
/* Creator: Jerome Valdez                                                        */
/* Last Updated by: David Cowley                                                 */
/* Creation Date: July 15th, 2005                                                */
/* Last Updated: August 19th, 2005                                               */
/*                                                                               */
/* People authorized to make changes: Irene Mark and David Cowley                */
/*                                                                               */
/* Dependencies: this file is not directly dependent on any other file           */
/* Associations: ubcnav.css [which controls the accordion menu styles            */
/*               HTMLeditor.css [which controls the styles in the HTML editor]   */
/*                                                                               */
/* Revision History:                                                             */
/*                                                                               */
/*	1.0	Style sheet as delivered by Jerome                               */
/* 	2.0	Style sheet after required customizations to support site design */
/*              and design changes.  Added documentation block, and reorganized  */
/*              the file for ease of use.  DC, 19 Aug 2005                       */
/*	3.0	Changes to reflect those in fom_common.css  19 Jan 2006, DC	 */
/*                                                                               */
/*                                                                               */
/*                                                                               */
/*********************************************************************************/

/* if this style is updated it needs to be updated in HTMLeditor.css as well */
body {
	text-align: left; /*centers the main content divs of the page*/
	font-family: Verdana, Arial, sans-serif;
	font-size: 10pt;
	color: #444444;
}


/* if this style is updated it needs to be updated in HTMLeditor.css as well */
a {
	text-decoration: none;
	color: #0066cc;
}

/* if this style is updated it needs to be updated in HTMLeditor.css as well */
h1 {
	color: #000000;
	font-size: 11pt;
}

/* if this style is updated it needs to be updated in HTMLeditor.css as well */
h2 {
	color: #000000;
	font-size: 10pt;
}

/* if this style is updated it needs to be updated in HTMLeditor.css as well */
h3 {
	color: #000000;
	font-size: 10pt;
	font-weight: normal;
}

/* if this style is updated it needs to be updated in HTMLeditor.css as well */
img {
	border: none;
	margin: 0;
	padding: 0;
}

/* if this style is updated it needs to be updated in HTMLeditor.css as well */
th {
	color: #ffffff;
	background-color: #800000;
	font-weight: bold;
	font-size: 10pt;
	text-align: center;
}

/* if this style is updated it needs to be updated in HTMLeditor.css as well */
.tableSubheading, .reversed, td.reversed {
	color: #000000;
	/*background-color: #444444;*/
	background-color: #cccccc;
}

/* if this style is updated it needs to be updated in HTMLeditor.css as well */
td.subTotal, tr.subTotal {
	border-bottom-color: #333333;
	border-top-color: #333333;
	border-top-width: 2px;
}

/* if this style is updated it needs to be updated in HTMLeditor.css as well */
td.total, tr.total {
	border-bottom-color: #000000;
	border-top-color: #000000;
	border-bottom-style: single;
	border-top-style: double;
	border-top-width: 3px;
	border-bottom-width: 2px;
}


/*********************************************************************************/
/* The wrapper ID is the highest level DIV tag in the design.  If we were to     */
/* want to change the design from being centered we would change the body tag    */
/* above, but if we were to want to change the width of the content area, the    */
/* change would need to take place here.                                         */
/*                                                                               */
/* Behaviour: the wrapper ID is centered on the page by it's parent tag "body"   */
/*                                                                               */
/*********************************************************************************/
#wrapper {
	width: 100%; /*width of the main content area*/
	background-color: #fff;
	text-align: left; /*required alignment to override the center alignment at the body level*/
	margin: 0 auto; /*shorthand for top and bottom margins and left right margins*/
}

/*********************************************************************************/
/* The banner ID contains the header content of the layout: top level and        */
/* second level navigation, UBC bar, Faculty of Medicine heading and frog,       */
/* general images.  Everything above the content area.                           */
/*                                                                               */
/*********************************************************************************/
#banner {
}
#banner #imageBanner, #banner #subsiteBanner {
	display: none;
	border-bottom: solid 6px #cc9900;
}
#banner #noImageBanner {
	margin: 0;
	padding: 0;
	clear: left; /*this clears the float:left used to make the top nav menu list horizontal*/
	border-bottom: solid 6px #cc9900;
}
#banner #imageBanner img, #banner #subsiteBanner img  {
	display: none;
}
#banner #imageBanner img.firstImage, #banner #subsiteBanner img.firstImage {
	display: none;
}

#banner #imageBanner table.subsiteTitle ,#banner #subsiteBanner table.subsiteTitle {
	float: right;
	/*border: solid 1px #800000;*/
	width: 373px;
	padding: 0;
	margin: 0;
}
#banner #imageBanner table.subsiteTitle .titleCell, #banner #subsiteBanner table.subsiteTitle .titleCell {
	/*border: solid 1px #003399;*/
	margin: 0;
	padding: 0;
	height: 68px;
	text-align: center;
	vertical-align: middle;
}
#banner #imageBanner table.subsiteTitle .titleCell h1, #banner #subsiteBanner table.subsiteTitle .titleCell h1{
	margin: 0;
	padding: 0;
	color: #003399;
	text-transform: uppercase;
}
#banner #subsiteBanner table.subsiteTitle .blueCell {
	display: none;
}
#banner .ubcBar {
	margin: 0 0 2px 0;
}
#banner #frogLogo {
	float: left;
	/*border-top: solid 1px #fff;*/
}
#banner .bannerTitle {
	color: #003399;
	font-size: 15px;
	text-transform: uppercase;
	margin: 14px 0 13px 112px;/*shorthand for top-right-bottom-left*/
	letter-spacing: 4.5px;
}

/*********************************************************************************/
/* The topNav ID defines the behaviour of the top level navigation items:        */
/* About Us, Education, Research, Communities.                                   */
/*                                                                               */
/*********************************************************************************/
#topNav {	
	margin: 0 0 0 0px;
	border-top: solid 1px #003399;
	/*border: solid 3px #00ff00;*/ /* debugging */
}
#topNav li {
	float: left; /*this makes the menu list into a horizontal bar*/
	text-align: center;
	list-style: none; /*this removes the usual list bullets*/
	text-transform: uppercase;
	letter-spacing: 5px;
	color: #ffffff;
	font-size: 11px;
	font-weight: bold;
	width: 165px;
	padding: 0 10px 0 10px;
/*	margin: 0 10px 0 10px;*/
	line-height: 24px;
	background-color: #003399;
	/*border: solid 10px #00ff00;*/ /* debugging */
	border: solid 1px #003399;
}
/*the following css rule makes the first item in the menu list slightly narrower and 
removes the white space that the others have on the left.*/
#topNav li.firstTopNavItem {
	width: 120px;
	border-left: none;
}
#topNav li.lastTopNavItem {
	width: 120px;
	border-right: solid 1px #003399;
}
#topNav li.firstTopNavItemCurrentTop {
	width: 120px;
	border-left: none;
	color: #003399;
	background-color: #ffffff;
}
#topNav li.lastTopNavItemCurrentTop {
	width: 120px;
	border-right: solid 1px #003399;
	color: #003399;
	background-color: #ffffff;
}
#topNav .currentTop {
	color: #003399;
	background-color: #ffffff;
}
#topNav a, a.topNavLink {
	color: #ffffff;
}
#topNav a.currentTop {
	color: #003399;
}


/*********************************************************************************/
/* The homeTopNav ID defines the behaviour of the top level navigation items     */
/* (About Us, Education, Research, Communities) on the Faculty of Medicine home  */
/* page.                                                                         */
/*                                                                               */
/*********************************************************************************/
#homeTopNav {	
	margin: 0 0 0 0px;
	border-top: solid 1px #003399;
}
#homeTopNav li {
	float: left; /*this makes the menu list into a horizontal bar*/
	list-style: none;
	text-transform: uppercase;
	text-align: center;
	letter-spacing: 5px;
	color: #ffffff;
	font-size: 11px;
	font-weight: bold;
	width: 165px;
	padding: 0 10px 0 10px;
	line-height: 24px;
	background-color: #003399;
	border-left: solid 3px #ffffff;
}
#homeTopNav li.firstTopNavItem {
	width: 122px;
	border-left: none;
}
a.topNavLink {
	color: #ffffff;
}
#secondaryTopNavContainer {
	/*padding-right: 130px;*/
	width: 100%;
	border-bottom: solid 1px #cccccc;
	clear: all;
}
#secondaryTopNav {
	text-align: right;
	padding: 3px 3px 3px 0;
	margin: 0;
}
#secondaryTopNav li {
	display: inline;
}
#secondaryTopNav a.currentTop {
	color: #800000;
}
#secondaryTopNav a.textColour {
	color: #444444;
}

#leftCol {
	display: none;
	float: left;
	/*width: 226px;*/
	width: 226px;
	margin: 0;
	/*padding: 5px 0 0 10px;*/
	padding: 5px 0 0 5px;
	border-right: solid 1px #cccccc;
}
#leftCol h1 {
	display: none;
	font-size: 10pt;
	font-weight: bold;
	color: #003399;
	letter-spacing: 5px;
	text-transform: uppercase;
	margin: 0;
	/*padding: 15px 0 0 0;*/
	padding: 8px 0 0 0;
}
#leftCol p {
	display: none;
	line-height: 12pt;
}
#leftCol .newsTitle {
	display: none;
	color: #800000;
}
#homeMainContent {
	/*margin: 0 0 0 236px;*/ /*shorthand for top right bottom left values*/
	margin: 0 0 0 231px;
	padding: 15px 20px 0 20px;
	line-height: 18pt;
	border-left: solid 1px #cccccc;
}
#homeMainContent p {
	font-family: 'Times New Roman', 'Times', 'Serif'; /*Used quotes here because of multiple words in Times New Roman*/
	font-size: 12pt;
	margin: 0;
	padding: 0;
}
#mainContent {
	margin: 0 0px 0 -1px; /*shorthand for top right bottom left values*/
	/*margin: 0 0 0 236px;*/ /*shorthand for top right bottom left values*/
	/*padding: 10px 0 0 20px;*/
	padding: 10px 0 0 0px;
	/*border-left: solid 1px #cccccc;*/
	position: relative;
}
/* if this style is updated it needs to be updated in HTMLeditor.css as well */
#mainContent p {
	/*margin: 0 30px 10px 0;*/
	margin: 0 20px 10px 0;
	padding: 0 0 0 0px;
	line-height: 12pt;
}
/* if this style is updated it needs to be updated in HTMLeditor.css as well */
#mainContent h1.firstPageHeading {
	margin: 0 0 15px 0;
	padding: 0;
	color: #800000;
	font-size: 11pt;
}
/* if this style is updated it needs to be updated in HTMLeditor.css as well */
#mainContent h1 {
	color: #800000;
	font-size: 11pt;
	margin: 0 0 0 0;
	padding: 0;
}
/* if this style is updated it needs to be updated in HTMLeditor.css as well */
#mainContent h2 {
	color: #000000;
	font-size: 10pt;
	font-weight: bold;
	margin: 0 0 0 0;
}
/* if this style is updated it needs to be updated in HTMLeditor.css as well */
#mainContent h3 {
	color: #000000;
	font-size: 10pt;
	font-style: normal;
	margin: 0;
}
#mainContent h4 {
	color: #000000;
	font-size: 10pt;
	font-style: italic;
	margin: 0;
}
#mainContent ul {
	list-style-image: url(../images/blueListArrow.png);
}
/*#mainContent h1 {
	color: #000000;
	font-size: 11px;
	margin: 0 0 0 0;
	padding: 0;
}
#mainContent h2 {
	color: #000000;
	font-size: 11px;
	font-weight: normal;
	margin: 0 0 0 0;
}
#mainContent h3 {
	color: #000000;
	font-size: 11px;
	font-style: italic;
	margin: 0;
}*/
#mainContent #linksNewsArea {
	/*position: absolute;*/
	/*top: 20px;*/
	/*left: 370px;*/
	float: right;
}
/* if this style is updated it needs to be updated in HTMLeditor.css as well */
#mainContent .linksNewsBox {
	border: solid 1px #cccccc;
	width: 183px;
	padding: 0;
	margin: 0 0 10px 0;
	float: right;
}
/* if this style is updated it needs to be updated in HTMLeditor.css as well */
#mainContent .linksNewsBox h1 {
	border-bottom: solid 1px #cccccc;
	padding: 3px 0 3px 15px;
	margin: 0;
	letter-spacing: 4px;
	font-size: 10pt;
	color: #000000;
	text-transform: uppercase;
}

#mainContent .linksNewsBox h2 {
	padding: 3px 0 2px 10px;
}
/* if this style is updated it needs to be updated in HTMLeditor.css as well */
#mainContent .linksNewsBox ul {
	list-style: none;
	margin: 0 0 0 17px;
	padding: 10px 10px 10px 15px;
	list-style-image: url(../images/blueListArrow.png);
}
/* if this style is updated it needs to be updated in HTMLeditor.css as well */
#mainContent .linksNewsBox p {
	margin: 0 5px 0 15px;
}
.homeKeyword {
	color: #800000;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-weight: bold;
	letter-spacing: 5px;
	padding-right: 2px;
}
.homeMap {
	text-align: center;
	border: 1px solid #696969;
}
#footer {
	clear: both; /* so that the footer always appears below the menu, content or news & events/quick links whichever is longer*/
	/*margin: 0 0 0 0px;*/ /*sets the left margin to align with the mainContent div*/
	padding: 0 0 0 10px;
	text-align: center;
}
#footer p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	padding: 0px;
	margin: 0px;
}
#footer p a {
	color: #444444;
}
#footer p.copyright {
	padding: 0px;
	margin: 0px;
}
#footer a.copyright {
	text-decoration: none;
	color: #0066cc;
}
#footer p.lastPublished {
	text-align: right;
}
#footer p.siteAdmin {
	display: none;
	font-size: 8pt;
	font-style: italic;
	padding-top: 0px;
	margin-top: -6px;
}