/*************************************************
Cadillac Fairview		 
February 2009				
***************************************************
	GENERIC
	*/
HTML {
	font: 62.5%/120%  Arial, Helvetica, Verdana, sans-serif;   
	background:#FFF;
	color: #000;
	}
	
BODY {
	margin: 0px;
	padding: 0px;
	text-align: center;
	}
	
A{
	color:#00AEEF;
	text-decoration:none;
	}
	
A:hover {	text-decoration:underline;	}
A IMG {border:0;}
.left {float:left;}
.right {float:right !important;}
DIV.clear {clear:both; height:1px; line-height:0;}
.bold { font-weight:bold; }
.italic{ font-style:italic; }
.underline { border-bottom:1px solid; }
.highlight { background:#ffc; }
 .module.nomargin { margin:0 !important;}	
H1,H2,H3,H4,H5,H6,UL,LI, BLOCKQUOTE,IMG {
	margin:0;
	padding:0;
	list-style:none;
	}	
/***************************************************
	WRAPPER
	 */
#wrapper {
	width:900px;
	margin: 0 auto;
	text-align:left;
	}
/***************************************************
	HEADER
	*/
#header {
	margin:15px 0 10px 0;
	}
	
#header .logo {
	float:left;
	margin:0 0 0 10px;
	}
	/***************************************************
	HEADER » UTILITY MENU
	*/
#header #utility-menu{
	width:185px;
	float:right;
	margin:5px 2px 0 0;
	}
	
#header #utility-menu UL {
	float:right;
	}
	
#header #utility-menu LI {
	display:inline;
	padding:0 5px;
	border-right:solid 1px #ccc;
	}
#header #utility-menu LI.last{
	padding:0 0 0 5px;
}
#header #utility-menu LI.noborder{
	border:none;
	}
	
#header #utility-menu A {
	color:#939598;
	}
	
#header #utility-menu FORM {
	margin:0 0 4px 4px;
	width:100%;
	text-align:right;
	}	
	
#header #utility-menu INPUT{
	border: 1px solid #939598;
	color: #999;
	font-size: 100%;
	margin:2px 0;
	width:100px;
	}
	
#header #utility-menu INPUT.submit {
	width:40px;
	}	
	
/***************************************************
	MAIN MENU
	*/
	
#topmenu {
	list-style:none;
	position:relative;
	float:left;
	margin:52px 0 0 0;
	display:block;
	padding:0;
	height:1%;
	font-weight: bold;
	}
#topmenu LI  {
	float:left;
	display:block;
	position:relative;
	margin:1px;
}
	
#topmenu LI A {
	display: block;
	text-decoration:none;
	font-size:110%;
	color:#000;	
	margin:0 0 0 15px;
	text-transform:uppercase;
	position:absolute;
	bottom:0;
	padding:0 0 8px 0;
	left:0;
}
	/* forced to do it this way to stack text (and ruin accessibility at the same time */
#topmenu #nav-overview {width:76px;}
#topmenu #nav-portfolio{width:90px;}
#topmenu #nav-social-responsibility{width:105px;}
#topmenu #nav-leasing{width:66px;}
#topmenu #nav-news{width:50px;}
#topmenu #nav-careers{width:66px;}
#topmenu #navf-overview {width:50px;}
#topmenu #navf-portfolio{width:114px;}
#topmenu #navf-social-responsibility{width:98px;}
#topmenu #navf-leasing{width:60px;}
#topmenu #navf-news{width:70px;}
#topmenu #navf-careers{width:66px;}
/*make the selected section stay highlighted */
#topmenu LI:hover A,
#topmenu LI.over A {
	background:url(/Notesdata/HR/CF_LP4W_LND_WebStation.nsf/blueline.gif) left bottom repeat-x;	
	}
	
#topmenu LI:hover LI A,
#topmenu LI.over LI A  {
	background:none;
	}	
	
#topmenu LI:hover LI:hover A,
#topmenu LI.over LI.over A {
	background:url(/Notesdata/HR/CF_LP4W_LND_WebStation.nsf/blueline.gif) left bottom repeat-x;	
	}	
	
#header #topmenu A.language {
	font-size:110%;
	text-transform:uppercase;
	color:#787878;
	}		
	
#topmenu UL {	
	display: none;
	font: 87% verdana, arial,helvetica;
	padding:10px 0;
	background:url(/Notesdata/HR/CF_LP4W_LND_WebStation.nsf/semi-transparent-85.png);
	position:absolute;
	left:0;
	top:0;
	width:180px;
	margin:0;
	}
#topmenu UL LI{
	padding:0;
	width:100%;
	display:block;
	clear:both;
	}
	
#topmenu UL LI,
#topmenu UL LI A {
	text-align:left;
	position: relative;
	margin:0;
	line-height:12px;
	height:auto;
	}
	
#topmenu UL LI A:hover {
	display:block;
	text-decoration:none;
	}
	
#topmenu UL LI A {
	display: block;
	text-transform:none;
	margin:0;
	font-weight:bold; 
/*	font-weight: normal; */
	margin:5px 15px;
	text-decoration: none;
	font-size:132%;
}
#topmenu UL LI IMG.blueline {
	width:80px;
	height:7px;
	margin: 8px 15px;
	}
#topmenu LI:hover UL,
#topmenu LI.over UL {
	display: block;
	}
/***************************************************
	CONTENT
 	*/
.section-header {
	width:605px;
	height:134px;
	float:left;
	overflow:hidden;
	}
 .lrg {
	width:605px;
	height:290px;
	}
	
/*section header images */
#overview .section-header {background:#FFF url(/Notesdata/HR/CF_LP4W_LND_WebStation.nsf/header-overview.jpg);}
#portfolio .section-header {background:#FFF url(/Notesdata/HR/CF_LP4W_LND_WebStation.nsf/header-portfolio.gif);}
#content .section-header h1 {
	font-size:360%;
	padding:110px 0 0 0;
	margin:0;
	line-height:80%;
	font-weight:normal;
	}
	
#content .section-header.lrg H1 {
	padding:260px 0 0 0;
	}
	
#content H1 {
	font-size:175%;
	line-height:135%;
	margin:0 0 10px 0;
	}
	
#content H2{
	margin:10px 0;
	color:#00AEEF;
	font-size:150%;
	line-height:120%;
	padding:0;
	}
	
#content H3 {
	font-size:130%;
	margin:10px 0;
	}
	
#content P {
	margin:20px 0;
	}
	
#content UL {
	padding:0 0 18px 40px;
	}	
	
#content LI {
	background:url(/Notesdata/HR/CF_LP4W_LND_WebStation.nsf/bullet.gif) 0 6px no-repeat;
	padding:0 0 0 20px;
	list-style:none;
	margin:15px 0;
	}
	
.column {
/* this is no longer used, but if content is to be columns, this should be used */
	float:left;
	margin:0 20px  0 0;
	width:275px;
	}
	
 .home-column {
	float:left;
	width:430px;
	margin:0 10px 0 0;
	padding:0;
	}
#content #textarea {
	border:solid 1px #CCC;
	width:603px; /* -2 to acommodate border */
	height:308px; /* -2 to acommodate border */
	padding:20px 30px;
	font-size:130%;
	line-height:160%;
	overflow:scroll;
	overflow-x:hidden; /*prevent the horizontal scrollbar on 90% of browsers (sorry opera - you might get a scrollbar) */
	}
#portfolio #content #textarea{height:153px;}
.thirteenpoint{
	font-size:116%;
	}
/***************************************************
	MODULES
	 */
#content .module {
	float:left;
	color:#FFF;
	padding:30px;	
	margin:0 10px 10px 0;
	}
	
#content .module.right {
	margin:0 0 10px 0;
	}
	
#content.module H3,
#content .module P {
	line-height:150%;
	}
#content .blue {	background:#00ADEF;}
#content .black {background:#000;}
#content .grey{background:#505254;}
#content .beige {background:#EAEDCF;}
 
#content .sizea {height:350px;width:225px; } /*homepage image */
#content .sizeb {height:135px; width:165px;} 
#content .sizec {height:225px;width:165px;} 
#content .sized {width:370px;height:290px;} /*homepage - blue*/
#content .sizee {width:370px;height:135px; } /*homepage beige */
#content .sizef {height:290px;width:165px;} 
#content .module.image{padding:0;}
#content .module.image IMG {margin:0px;}
 /****************
	MODULE - BLUE
	 */
#content .blue P,
#content .blue H3 {
/*	color:#636467; */
	color:#000;	
	margin:0;
	padding:0;
	font-size:130%;
	line-height:160%;
	}
#content .blue H4 {
	color: #505254;
	margin:0;
	padding:0;
	font-size:150%;
	line-height:160%;
}
#content .blue A {
	color:#000;
	}
	
 /****************
	MODULE - BEIGE
	 */
 #homepage #content .beige {
	 margin: 10px 0 0 0;
	 }
 #content .beige #sponsors {
	float:left;
	margin:0 0 0 25px;
	padding:0;
	}
	
 #content .beige #sponsors LI {
	margin:5px 0;
	line-height:12px;
	padding:0;
	background: none; 
	}
#content .beige #sponsors LI IMG {
	margin:0 5px 0 0;
	}
	
 #content .beige H3 {
	color:#00AEEF;
	margin:0;
	}
	
/*homepage newsfeed */
#content .beige .newsfeed {
	width:170px;
	float:left;
	}	
	
#homepage .beige P,
#homepage .black P,
#homepage .grey P {
	font-size:110%;
	}
	
 #content .beige P {
	line-height:140%;
	margin:5px 0 10px 0;
	color:#636467;
	}
	
 /****************
	MODULE - BLACK
	 */
 #content .black H3,
 #content .grey H3{	
	margin:0;
	}
 
 #content .black P,
 #content .grey P {
	line-height:120%;
	margin:4px 0 10px 0;	
	}
/***************************************************
	FOOTER
	 */
#footer {
	clear:both;
	}
	
#footer P {
	text-align:right;
	margin:10px 0;
	color:#939598;
	padding:0;
	}
/* LIST */
#content ul.list {
	margin: 9px 0 18px 0;
	padding: 0 0 0 10px;
	border-left: 1px solid #00aeef;
}
#content ul.list li {
	font-size: 100%;
	margin: 0 0 1em 0;
	padding: 0;
	background: none;
}
#content ul.list li ul li a:link,
#content ul.list li ul li a:visited {
	color: #00aeef;
	margin: 0;
	padding: 0;
	background: none;
}
#content ul.list li a:hover {
	color: black;
}
#content ul.list h4,
#content ul.list h5 {
	margin: 0;
}
#content h4 {
	font-size: 14px; line-height: 1.2em;
	margin: 0;
}	
#content h5 {
	font-size: 9px; line-height: 1.4em;
	font-weight: normal;
	margin: 0 0 1em 0;
	text-transform: uppercase;
	letter-spacing: 2;
	color: #999999;
}
/* DROP DOWN LISTS (EXECUTIVES LIST) */
#content ul.ddlist li {
	font-size: 135%;
	margin: 0 0 5px 0;
	padding: 0;
	background:none;
}
#content ul.ddlist li a:link,
#content ul.ddlist li a:visited {
	padding: 0 0 0 25px;
	background: url(/Notesdata/HR/CF_LP4W_LND_WebStation.nsf/bullet-closed.gif) 0 2px no-repeat;
	color: black;
	text-decoration: none;
}
#content ul li.open a:link,
#content ul li.open a:visited {
	background: url(/Notesdata/HR/CF_LP4W_LND_WebStation.nsf/bullet-open.gif) 0 2px no-repeat;
}
#content ul li ul {
	display: none;
}
#content ul li.open ul {
	display: block;
}
#content ul.ddlist li a:hover {
	color: #00aeef;
}
#content ul.ddlist ul {
	margin: 9px 0 18px 25px;
	padding: 0 0 0 10px;
	border-left: 1px solid #00aeef;
}
#content ul.ddlist li ul li {
	font-size: 100%;
	margin: 0 0 0.5em 0;
	padding: 0;
}
#content ul.ddlist li ul li a:link,
#content ul.ddlist li ul li a:visited {
	color: #00aeef;
	margin: 0;
	padding: 0;
	background: none;
}
#content ul.ddlist li ul li a:hover {
	color: black;
}
#content ul.ddlist p {
	margin: 0 0 0.5em 0;
	font-size: 70%;
}
	
#content form {
	border: 1px solid #c1c1c1;
	padding: 15px;
	margin: 0;
}
#content form label {
	font-size: 9px;
	font-weight: normal;
	margin: 0;
	text-transform: uppercase;
	letter-spacing: 2;
	color: #999999;
	display: block;	
	float:left;
	width:140px;
	clear:both;
}	
#content input.button {
	margin:0 0 0 120px;
	clear:both;
	width: 150px;
	}
	
#content input.hidden {
	display:none;
}
#content form input,
#content form textarea {
	padding: 2px 5px;
}
#content form input,
#content form select,
#content form textarea {
	margin: 0 0 5px 0;
	border: 1px solid #c1c1c1;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	float:left;
}
#content form input { width: 200px; }
#content form select { width: 200px; }
#content form textarea { width: 400px; height: 40px;}
