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

	filename: CUSTOM.CSS
	author: Rommil Santiago (rommil.santiago@concordia.ca) 
	date: March 21, 2007

	Description:
	These styles expand, customize, and  overwrite the styles in 
	http://web2.concordia.ca/globalmk/stylesheets.css. This file will be stored
	locally on the site's server.
	
	History:
	March 21, 2007 - File created
	
	TABLE OF CONTENTS
	
	1 - SEARCH BOX Customizable area
	2 - MAIN MENU Customizable area
	3 - SUB MENU Customizable area
	5 - PAGE LAYOUT ELEMENTS Customizable area
	6 - FOOTER
	7 - GLOBAL TOOLS
	8 - LOCAL TOOLS

   -------------------------------------------------------------------- 

	1 - SEARCH BOX Customizable area
		The ul classes and a ids must match those in the search.php
		include. The "Entire Site" tab must not be removed or hidden.
		  
		NOTE: Ensure that the chosen class and id names are unique.

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

#search_toplevel_tools{
	background:#EBE5CF;
}
	   
ul.li_thissite a#li_thissite,
ul.li_entire a#li_entire,
ul.li_staff a#li_staff,
ul.li_news a#li_news,
ul.li_events a#li_events{
	background:#EBE5CF url(http://web2.concordia.ca/globalmk/images/common/bg_search_toplevel_option.gif) top repeat-x;
	border-bottom:0;
	padding-bottom:6px;
	color:#922338;
	z-index:105;
}

ul.li_thissite a#li_thissite:hover,
ul.li_entire a#li_entire:hover,
ul.li_staff a#li_staff:hover,
ul.li_news a#li_news:hover,
ul.li_events a#li_events:hover{
	background:#EBE5CF;
}

div.search{
	background:none;
}

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

	2 - MAIN MENU Customizable area
	
		NOTE: Ensure that the chosen class and id names are unique.

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

#mainmenu{
	bottom:4px;
}


/* LOCATION A */

body.archives ul li#li_archives a,
body.whatson ul li#li_whatson a,
body.publication ul li#li_publication a,
body.contactus ul li#contactus a
{border-bottom:1px solid #b5aa8c;}


/* LOCATION B */

body.archives ul li#li_archives a,
body.whatson ul li#li_whatson a,
body.publication ul li#li_publication a,
body.contactus ul li#li_contactus a
{background:#E1D3AE url(http://web2.concordia.ca/globalmk/images/common/bg_mainmenu_ul_a_selected.gif) repeat-x top; /* Active tab gradient */color:#FFF;border-bottom:1px solid #C9B576;}

#mainmenu ul li a{
	width:7em;
	border:1px solid #b5aa8c;
	float:left;
	margin-right:2px;
	line-height:1.05em;
}

#mainmenu ul li a:hover{
	color:#922338;
	background:#f5ebca;
}

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

	3 - SUB MENU Customizable area
	
   -------------------------------------------------------------------- */

.submenu{
	background:#625F5A;
}

.submenu li{
	background:none;
	color:#FFF;
	display:inline;
	float:left;
}

.submenu li a{
	color:#FFF;
}

.submenu li.singleline a{
	color:#FFF;
}

.submenu li a:hover{
	background:#D5C391;
	color:#922338;
}

/* --------------------------------------------------------------------
 
	4 - BREAKAWAY NAVIGATION Customizable area

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

#breakawaynav{
	margin-right:-173px;
}

#breakawaynav ul.level_2,
#breakawaynav ul.level_3,
#breakawaynav ul.level_4,
#breakawaynav ul.level_5{
	background:#FFF;
	border-top-color:#FFF;
}

#breakawaynav li{
	border-top:#CBB576 1px solid;	
	border-bottom:#CBB576 1px solid;
}

#breakawaynav ul.level_2 li{
	background:#c9b576;
}

#breakawaynav ul.level_2 a{
	font-size:.8em;	
	border-left-color:#46433E;
	border-right-color:#CBB576;
}

#breakawaynav ul.level_2 a:hover{
	background:#EFE8D4;
}

#breakawaynav ul.level_3 li{
	background:#d2c28e;
}

#breakawaynav ul.level_3 a{
	border-left-color:#333;
}

#breakawaynav ul.level_4 li{
	background:#e3daba;
}

#breakawaynav ul.level_4 a{
	border-left-color:#222;
}
#breakawaynav ul.level_5 li{
	background:#f4f0e3;
}

#breakawaynav ul.level_5 a{
	border-left-color:#000;
}

/* Hover background colors */

#breakawaynav ul.level_2 a.top_item:hover{
	background-color:#EFE8D4;
}

#breakawaynav ul.level_2 a.list_header_link:hover{
	background-color:#EFE8D4;
}

#breakawaynav ul.level_4 a.list_header_link:hover{
	background-color:#EFE8D4;
}

/* OPEN breakaway menu items - opening the 4th level - LOCATION 4 */

body.li_link1 #breakawaynav li#li_link1 ul.level_4,
body.li_link2 #breakawaynav li#li_link2 ul.level_4{
	margin-bottom:0px;
}

/* Location 5 */

body.li_link1 #breakawaynav li#li_link1 ul.level_4 li,
body.li_link2 #breakawaynav li#li_link2 ul.level_4 li{
	display:block;
}

/* opening the 5th level - LOCATION 6 */

body.li_link1-2 #breakawaynav li#li_link1-2 ul.level_5{
	display:block;
}

/* LOCATION 8 - cosmetic fix */

body.li_link1 #breakawaynav li#li_link1-2{
	margin-bottom:1px;
	border-bottom:1px #CBB576 solid;
}

/* LOCATION 7 */

body.li_link1-2 #breakawaynav li#li_link1-2{
	margin-bottom:0px;
	border-bottom:0;
}

/* --------- ACTIVE MENU ITEMS  ----------- */

/* ACTIVE SUBMENU */

/* LOCATION C */

body.li_submenu_archives li#li_submenu_archives a, 
body.li_submenu_findanexpertadvancedsearch li#li_submenu_findanexpertadvancedsearch a, 
body.li_submenu_hottopics li#li_submenu_hottopics a, 
body.li_submenu_enewslettersubscription li#li_submenu_enewslettersubscription a, 
body.li_submenu_photogallery li#li_submenu_photogallery a, 
body.li_submenu_quickfacts li#li_submenu_quickfacts a,
body.li_submenu_featuredresearcher li#li_submenu_featuredresearcher a,
body.li_submenu_mediatraining li#li_submenu_mediatraining a, 
body.li_submenu_updateprofile li#li_submenu_updateprofile a, 
body.li_submenu_faq li#li_submenu_faq a, 
body.li_submenu_helpfultipsandguides li#li_submenu_helpfultipsandguides a,
body.li_submenu_ourstaff li#li_submenu_ourstaff a,
body.li_submenu_shoot li#li_submenu_shoot a
{background:#d5c391;color:#000;font-weight:bold;padding-left:1.5em;}


/* 4th level breakaway needed - affordance down arrow visible - LOCATION D */

body.li_submenu_mediatipslibrary li#li_submenu_mediatipslibrary a, 
body.li_submenu_submenu1-1 li#li_submenu_submenu1-1 a{
	background:url(../images/common/affordancearrow.gif) 8px no-repeat #d5c391;
	color:#000;
	font-weight:bold;
	padding-left:1.5em;
}

/* ACTIVE BREAKAWAY MENU - LOCATION 1 */

body#body_li_mediatipslibrary li#li_mediatipslibrary, 
body#body_li_givingabetterinterview li#li_givingabetterinterview, 
body#body_li_tellingatale li#li_tellingatale, 
body#body_li_writingforthemedia li#li_writingforthemedia, 
body#body_li_interviewformatsforradio li#li_interviewformatsforradio, 
body#body_li_interviewformatsfortv li#li_interviewformatsfortv, 
body#body_li_givinganinterviewforradio li#li_givinganinterviewforradio, 
body#body_li_in-studiotvappearances li#li_in-studiotvappearances,
body#body_li_prepsheet li#li_prepsheet
{background:#FFF;border-top:#FFF solid 1px;}

/* Breakaway headers - LOCATION 3 */


body#body_li_mediatipslibrary li#li_mediatipslibrary a.top_item
{	color:#922338;font-weight:bold;border-right:1px solid #FFF;border-bottom:#ccc 1px solid;}

/* Breakaway menu items - LOCATION 2 */
 
body#body_li_mediatipslibrary li#li_mediatipslibrary a.li_mediatipslibrary_a, 
body#body_li_givingabetterinterview li#li_givingabetterinterview a.li_givingabetterinterview_a, 
body#body_li_tellingatale li#li_tellingatale a.li_tellingatale_a, 
body#body_li_writingforthemedia li#li_writingforthemedia a.li_writingforthemedia_a, 
body#body_li_interviewformatsforradio li#li_interviewformatsforradio a.li_interviewformatsforradio_a, 
body#body_li_interviewformatsfortv li#li_interviewformatsfortv a.li_interviewformatsfortv_a, 
body#body_li_givinganinterviewforradio li#li_givinganinterviewforradio a.li_givinganinterviewforradio_a, 
body#body_li_in-studiotvappearances li#li_in-studiotvappearances a.li_in-studiotvappearances_a,
body#body_li_prepsheet li#li_prepsheet a
{color:#922338;font-weight:bold;border-left:14px solid #922338;border-right:1px solid #FFF;}

/* --------------------------------------------------------------------
 
	5 - PAGE LAYOUT ELEMENTS Customizable area
		These styles tweak the look of the top-level site to work
		with specific sites' needs.

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

body{
	background:#4c4c4c;
}

/*.contentcolumn */


/* --- Background image holder --- */

#page{
	width:976px;
	margin-left:auto;
	margin-right:auto;
	background:#666 url(../images/common/bgbody.jpg) repeat-y center;
	padding-left:5px;
	padding-right:5px;
}

/* --- Top Banner --- */

#banner{
	/*border-top:1px #CCC solid;*/
	height:12em; /* Banner height */
	background:#fff url(../images/common/bg_banner.gif) no-repeat bottom left; /* Background image of banner */
	margin:0px;
}

/* --- MAIN LOGO --- */

#concordialogo{
	border:none;
	top:30px;
	left:15px;
	z-index:256;
}

#issuetitle{
/*	font-family:Georgia, "Times New Roman", Times, serif; */
	font-size:.7em;
	text-align:right;
	width:425px;
	margin-top:-12px;
}

/* --- MAIN CONTENT --- */

#maincontent{
	margin-left:0px;
	margin-right:0px;
	padding:0px;
	background:#FFF url(../images/common/bg_maincontent_sidebar.gif) repeat-y right;
}

div.insidecontent{
	width:617px;
}

div.insidecontent h1{
	margin-bottom:0px;
	width:65%;
	z-index:200;
	color:#000;
	/*font-variant:normal;
	font-size:1.65em;
	line-height:1.1em;*/
}

div.insidecontent h2{
	width:65%;

}

div.insidecontent p.subheader{
	font-size:1em;
	color:#000;
	font-style:italic;
	margin-top:-.5em;
	width:65%;
	z-index:200;
	font-weight:bold;
}



/* div.insidecontent h1.signature{
	background:url(../images/common/bg_h1.gif) right bottom no-repeat;
} */


#global_mainbreadcrumb{
	background:#4c4c4c;
}

#global_mainbreadcrumb a{
	color:#FFF;
}

div.floatright h1{
	font-size:1.5em;
	border-bottom:1px solid #ccc;
	margin-bottom:.5em;
	padding-bottom:.4em;
}

div.floatright h2{
	font-size:1.2em;
	margin-bottom:.5em;
	padding-bottom:.4em;
}

/* --- New format for local tools (June 5, 2007) --- */

ul#localtools{
	padding-bottom:1em;
	padding-left:7px;
	border-bottom:1px solid #CCC;
	border-top:none;
	background:none;
	margin-top:-5.7em;
	width:605px;
}  

ul#localtools li{
	display:list-item;
	text-align:right;
}
ul#localtools li a{
	padding-right:0;
	border:0;
}

/* HEADER IMAGE REPLACEMENTS*/

div.insidecontent h1.imageheader{
	height:210px;
	width:476px;
	z-index:150;
	margin-bottom:1em;
}

div.insidecontent h1.imageheader span {
	position:absolute;
	z-index:175;
	height:210px;
	width:476px;
	left:0;
}

/* --- MEDIA FORM --- */

form#expertsearch{
	display:block;
	margin-bottom:.5em;
}

input#expertsearch_query{
	border:1px solid #BBB;
	background: #FFF url(http://web2.concordia.ca/globalmk/images/common/bg_search_toplevel_input.gif) top left no-repeat;
	padding:3px;
	color:#333;
	width:15em;
}
input#expertsearch_query:hover{
	border:1px solid #922338;
	background:#FFF;
}

input#expertsearch_submit{
	border:1px solid #999;
	font-weight:bold;
	padding:2px 8px 2px 8px;
}
input#expertsearch_submit:hover{
	color:#922338;
	background:#EEE;
	border:1px solid #922338;
}

table{
	margin-bottom:20px;
	width:100%;
}

table td,
table th{
	padding-right:20px;
	padding-top:5px;
	padding-bottom:5px;
	border-bottom:1px solid #DDD;
}

td.subheader,
th.subheader{
	padding-top:1em;
 	border-bottom:3px solid #BBB;
}

.relatedlinks{
	background:#F5EBCA;
	
}

label{
	display:block;
	font-weight:bold;
}

.contentform input{
	width:250px;
	margin-bottom:1em;
}

form.contentform textarea{
	width:250px;
}

form sup{
	color:#922338;
}

span.sup{
	padding-bottom:1.5em;
	padding-left:.2em;
	color:#922338;
}

ul.thumbnailed_items li.vevent{
	margin-left:14px;
}

div.sidebar{
	border-left:0;
}

div.sidebar ul li a strong em{	
	font-size:.7em;	
}

div.sidebar ul li a:visited strong em{	
	color:#666;	
}

div.sidebar ul li a:hover,
div.sidebar ul li a:hover strong em{	
	color:#922338;	
}

div.insidecontent ul.alphabar{
	padding-top:.5em;
	padding-bottom:.5em;
	margin-left:0;
	border-top:#cbb576 1px solid;
	border-bottom:#cbb576 1px solid;
}

div.insidecontent ul.alphabar li{
	display:inline;
	background-image:none;
	margin-right:.8em;
}


table tr td.relevance{
	font-size:1.05em;
	font-weight:bold;
	font-style:italic;
	background:#f9f9f9;
	padding-top:1.5em;
	border-bottom:1px solid #999;
}

h4.department{
	font-size:1.05em;
	font-weight:bold;
	font-style:italic;
}

span.fn{
	font-weight:bold;
	font-size:1.1em;
}

h3.searchheader{
	padding-bottom:0em;
	padding-top:1em;	
}

li.activealpha a{
	font-weight:bold;
	text-decoration:none;
	font-size:1.1em;
}

div.insidecontent ul.departmentlisting{
	
	float:left;
	margin-right:3em;
	width:10em;
}

div.insidecontent ul.departmentlisting li{
	
	
}
ul.departmentlisting li a{

}

table.expertlist{
	margin-top:1em;
	background:#ECECEC;
}

table.expertlist span a:hover{
	color:#922338;
}

table.expertlist td,
table.expertlist th{
	padding:.5em;
}


table.expertlist th{
	text-align:left;
	font-size:1.2em;
}

table.expertlist th{
	border-top:2px solid #CBB576;
	border-bottom:1px solid #CBB576;
}

table.expertlist h3{
	font-style:italic;
	font-size:1.1em;
}

tr.expertentry:hover {
	background:#E0D3AD;
}

div.hr{
	border-bottom:1px solid #CCC;
	margin-bottom:1em;
	border-top:0;
	margin-right:1em;
}


div#maincontent p.photocredit{
	padding-bottom:.5em;
	border-bottom:1px solid #CCC;
	padding-left:14px;
}

div#maincontent{
	padding:14px;
	background:#FFF url(../images/common/bg_maincontent_sidebar.gif) repeat-y right;
	
}

div.insidecontent{
	margin-left:0;
	width:610px;
	float:left;
	padding-right:20px;
}


div.insidecontent p{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1.05em;
	line-height:1.5em;
}

div#maincontent p.byline{
	font-size:1em;
	margin-top:.5em;
	border-bottom:3px solid #CCC;
	padding-bottom:.5em;
	margin-right:1em;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}


div.insidecontent p.photocaption{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:.9em;
	font-weight:bold;
}

body.whatson div.insidecontent h2{
	color:#000;
	font-size:1.3em;
	font-variant:normal;
	border-top:3px solid #02345a;
	border-bottom:1px solid #02345a;
	padding-bottom:.5em;
	padding-top:.5em;
	margin-top:1em;
}


a.zoom{
	display:block;
	margin-top:-25px;
	margin-left:5px;
}

a.zoom img{
	border:1px solid #000;
}


.leftborder{
	border-left:1px solid #CCC;
}

div.sidebar{
	width:290px;
	padding-left:0;
	margin-left:0;
}

div.sidebar a{
	color:#02345a;
}

div.sidebar h1{
	color:#000;
	font-size:2em;
	font-variant:normal;
	border-bottom:0;
	padding-bottom:.25em;
	background:url(../images/common/sidebarh1.jpg) no-repeat right top;
}

div.sidebar h2{
	color:#000;
	font-size:1.3em;
	font-variant:normal;
	border-top:3px solid #02345a;
	border-bottom:1px solid #02345a;
	padding-bottom:.5em;
	padding-top:.5em;
	margin-top:1em;
}




div#maincontent div.sidebar ul.listing,
div#maincontent div.sidebar ul.listing li{
	padding-left:.5em;
	margin-left:0;
	background:none;
	margin-bottom:.7em;
}

div.speciallisting{
	border-bottom:2px solid #02345A;
	padding-bottom:1em;
	margin-bottom:1em;
}


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

	6 - FOOTER

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

#footer{
	margin:0 0px 0 0px;
	background:#1D1D1D;

}

#footer_links{
	/*background:#a8a8a8 url(http://web2.concordia.ca/globalmk/images/common/bg_toolbarandquicklinks.gif) repeat-x top;*/
}

#footer_links a{
	color:#222;
}

#footer_links ul li{
	color:#EEEEEE;
	/* font-size:.7em; */
	margin-right:14px;
}

#footer_address p{
	color:#EEEEEE;
	font-size:.7em;
	line-height:1.5em;
}

#footer_address p a{
	color:#EEEEEE;
}

/* --- Back to top ---*/

#backtotop{
	

}
#backtotop p{
	color:#FFF;
	font-size:.7em;
}

#backtotop p a{
	color:#FFF;
}

/* --- Main Content Back to top --- */

p.backtotop{
	text-align:right;
}

p.backtotop a{
	padding-left:16px;
	background:url(../images/common/backtotop_arrow.gif) no-repeat left;
}

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

	7 - GLOBAL TOOLS

   -------------------------------------------------------------------- */
   
.globaltools_pagewidth{
	width:975px;
	margin-left:auto;
	margin-right:auto;
}
.accesstools{
	text-align:right;
	width:350px;
	float:right;
}

.accesstools li{
	margin-left:1em;
}

.globalbreadcrumb{
	float:left;
	z-index:256;
	width:600px;
}

.globalbreadcrumb li{
	margin-right:1em;
}

a.rssfeed{
	padding-right:15px;
	background:url(http://web2.concordia.ca/globalmk/images/common/rssicon.gif) no-repeat right;
}

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

	8 - LOCAL TOOLS

   -------------------------------------------------------------------- */
   
div.headerunderline{
	background:url(http://web2.concordia.ca/globalmk/images/common/bg_localtools.jpg) repeat-x top left;
	height:2em;
	width:auto;
	border-top:1px solid #CCC;
}