* { margin: 0; padding: 0; }
img { border: 0; }

body { 
	color: #000; 
	font-size: 77%;
	line-height: 1.5em;
	font-family: Arial, Helvetica, sans-serif;
	background: #fff url(/img/body_background.jpg) fixed left top;
	}

/******* DIVISIONS: HEADER, CONTENT-WRAPS, COLUMNS, FOOTER *******/

#header { 
	width: 100%;
	height: 96px;
	/* height: 240px; */
	background: #fff url(/img/forecaheader_air.jpg) no-repeat right bottom;
	}

#header div { 
	width: 740px; 
	padding-top: 51px;
	/* padding-top: 192px; */
	margin-left: 6px;
	}

#header div h1 a { 
	display: block;
	height: 33px;
	text-indent: -999em;
	text-decoration: none; 
	background-image: url(/img/foreca_logo.png); 
	background-repeat: no-repeat; background-position: left top; 
	}

#pagewrapper { 
	margin: 0 auto 0 auto;
	width: 930px;
 	}

#content_area {
	float: left; 
	width: 100%; 
	padding: 46px 0 46px 0;
	background-image: url(/img/contentarea_back_3cols.gif);
	background-repeat: repeat; background-attachment: scroll; background-position: left top;
	}

#content_area_2cols {
	float: left; 
	width: 100%;
	padding: 46px 0 46px 0;
	background-image: url(/img/contentarea_back_2cols.gif); 
	background-repeat: repeat; background-attachment: scroll; background-position: left top;
	}

#footer { 
	font-size: 0.9em; 
	line-height: 1.6em;
	color: #555; 
	text-align: center;
	width: 100%; 
	float: left; 
	padding: 6px 0 38px; 
	border-top: 2px solid black; 
}

#footer a { 
	margin: 0 6px 0;
}

/* CONTENT AREA COLUMNS */

.left_col, .right_col { 
	font-size: 0.9em;
	line-height: 1.3em; 
	}

.left_col p, .right_col p { 
	margin-bottom: 8px; 
	}

.left_col { 
	width: 148px; 
	float: left; 
	}

.right_col { 
	width: 178px; 
	float: right; 
	margin: 0; 
	padding-right: 6px; 
	padding-left: 6px; 
	}

.content { 
	width: 536px; 
	float: left; 
	margin-left: 13px; 
	padding: 0 15px; 
	background-color: #fff;
	}

#content_area_2cols .content { width: 76%; }

.content p { 
	margin-top: 0; 
	margin-bottom: 11px; 
	}

.content br { 
	line-height: 90%
	}

.contentEndlineLinks {
	clear: both;
	width: 100%;
	padding-top: 2px;
	border-top: 2px solid #f7f5f5;
	}

/*************** LAYOUT STYLES ***************/

.red { color: #E3303D; }
.cyan { color: #01B2EB; }

.clear_alignments { clear: both; }

img.img_align-to-right, .img_align-to-right  { 
	float: right; 
	margin-bottom: 16px; 
	margin-left: 32px; 
	}

div.div_parallel-images { 
	clear: both; 
	width: 100%; 
	margin: 6px 0; 
}

div.div_parallel-images img { 
	 margin: 6px 11px 5px 0;
	 }

img.img_align-to-left { 
	float: left; 
	margin-bottom: 16px; 
	margin-right: 22px; 
	}

div.div_centralized-items { 
	text-align: center; 
	clear: both; 
	width: 100%; 
	margin-bottom: 2px; 
	padding: 20px 0 0;
	border-top: 2px solid #f7f5f5; 
	}

div.div_centralized-items img { 
	margin: 0 20px; 
	padding: 6px 13px;
	}

div.div_light-grey-box { 
	padding: 11px 19px 5px; 
	margin: 0 0 16px; 
	background-color: #f2f8ff; 
}

.txt_pullquote { 
	display: block;
	width: 149px; 
	margin: 0 0 16px 22px; 
	text-align: right; 
	float: right; 
	color: #1a88c6; 
	font-size: 155%; 
	line-height: 130%; 
	}

/* FONTS, HEADERS */

h1, h2, .txt_pullquote { font-family: "Century Gothic", "Lucida Grande", Geneva, Arial, sans-serif; }
h3, h4, h5, h6 { font-family: Arial, Helvetica, sans-serif; }
h1 { color: #1a88c6; }

h1 { 
	font-size: 185%; 
	font-weight: normal; 
	}

.content h1 { 
	margin-top: 0; 
	margin-bottom: 31px; 
	}

h2 { 
	font-size: 135%;
	line-height: 135%;
	font-weight: bold; 
	margin-top: 21px; 
	margin-bottom: 14px; 
	}

h3 { 
	font-size: 115%; 
	font-weight: bold; 
	margin-top: 26px; 
	margin-bottom: 11px; 
}

.content h2:first-child, .content h3:first-child { margin-top: 0; }

h2.header2_top-line, .header2_top-line { 
	clear: both;
	padding: 20px 0 0; 
	border-top: 2px solid #f7f5f5; 
	}

.content div.div_light-grey-box h2 {
	padding-top: 4px;
	}

h4 { 
	font-size: 115%; 
	font-weight: bold; 
	margin-bottom: 5px; 
}

h5 { 
	font-size: 100%; 
	font-weight: bold; 
	margin-bottom: 0; 
}

h6 {
	color: white; 
	font-size: 90%; 
	font-weight: bold; 
	background-color: #1a88c6; 
	text-transform: uppercase; 
	padding-left: 20px; 
	margin-top: 22px; 
	margin-bottom: 0; 
	clear: both;
	}

/* IMAGES and FRAMED AREAS */

.framed { 
	padding: 11px 19px 5px; 
	margin: 0 0 11px; 
	border: solid 1px #c9c7c8; 
	}

.framed p { 
	margin-bottom: 7px; 
	}


/* SIDE-COLUMN LINKBOXES */

div.linkBox { 
	margin-bottom: 2px; 
	padding: 6px 8px 4px 6px; 
	background-color: #f7f5f5; 
	}

div.linkBox h2, div.linkBox h3 { 
	font-size: 1.2em; 
	font-weight: bold; 
	margin-top: 3px; 
	margin-bottom: 6px; 
	}
 
div.linkBox h4, div.linkBox h5, div.linkBox h6 { 
	font-size: 1em; 
	font-weight: bold; 
	line-height: 1.3em; 
	margin: 0 0 3px; 
	}
 
div.linkBox img { 
	float: right; 
	margin-bottom: 6px; 
	border-style: none; 
	border: 0;
	}

div.linkBox a:link, div.linkBox a:visited { 
	color: #1a88c6; 
	background-image: url(/img/icon_link_blue.gif); background-repeat: no-repeat;
	background-position: left 3px; padding-left: 13px;
	}

/* LISTS */

ul { list-style: none; }

ol { 
	list-style-type: decimal;
	list-style-position: inside; 
	}

.content ul { 
	padding: 0 7px 11px; 
	}

.content ol { 
	padding: 0 7px 6px; 
	}

.content li { 
	padding: 0 0 0 23px; 
	}

.content ul ul, .content ul ol, .content ol ol, .content ol ul { 
	padding-left: 0; 
	padding-bottom: 6px; 
	}

.content ul li { 
	background-image: url(/img/icon_list_bullet.gif); 
	background-repeat: no-repeat; 
	background-position: 11px 5px; 
	}
	
.content ul ul li { 
	background-image: url(/img/icon_list_disc.gif); 
	background-repeat: no-repeat; 
	background-position: 11px 5px; 
	}

.content ol li { background-image: none; }


/* LINKS */

a:link, a:visited { color: #1a88c6; text-decoration: none; }
a:hover { color: black; text-decoration: underline; }
a:active { color: #e3303d; }

/* FORMS */

form .submit { 
	text-align: right; 
	margin-top: 6px; 
	}

form .submit input { 
	width: 120px; 
	background-color: #1a88c6; 
	color: #fff; 
	text-decoration: none; 
	text-align: center; 
	border-width: 1px; 
	border-style: outset; 
	border-color: #fff #c9c7c8 #9c9a9a #fff; }

form .submit input:hover { 
	text-decoration: none; 
	background-color: #01b2eb; 
}

form .submit input:active { 
	text-decoration: none; 
	background-color: #e3303d; 
	border-style: inset; 
}
/*********************************************
MAIN NAVIGATION - HORIZONTAL MENU - TOP PAGE
**********************************************/

.menu_horiz {
	line-height: 1;
	z-index: 10;
}
.clearb { clear: both; }

#menuwrapper, #menuwrapper_fore { font-size: 0.9em; width: 100%; } 

/* FORECASTS */
#menuwrapper_fore { /* background-color: #4ca2d3; */ background-color: #01b2eb; font-weight: bold; }

/* CORPORATE */
#menuwrapper { background-color: #333; }

.primary-nav { 
   float: left;
   width: 100%;
}

.primary-nav, .primary-nav ul { 
   list-style: none; 
   margin: 0px; 
   padding: 0px; 
}

.primary-nav ul { 
   position: absolute; 
   top: auto; 
   display: none; 
   z-index: 10;
}

.primary-nav ul ul { 
   margin-top: 0;
   margin-left: 0;
   left: 100%; 
   top: 0px; 
}
	
.primary-nav li { 
   float: left; 
}

.primary-nav li.rightnav, .primary-nav li.rightnavh { 
   float: right; 
}

.primary-nav li li { 
   width: 14.4em;
   margin-left: -1px;
   margin-top: 0px;
   float: none; 
   position: relative; 
}

.primary-nav li.rightnav li, .primary-nav li.rightnavh li { 
	width: 8.5em;
}

.primary-nav a, .primary-nav a:link, .primary-nav a:visited { 
   display: block; 
   margin: 0px; 
   padding: 6px 15px 6px;
   text-decoration: none; 
   color: #fff;
}

.primary-nav a.menuparent { 
   text-transform: uppercase;
}

.primary-nav li li a.menuparent { 
   text-transform: capitalize;
}

.primary-nav li li a { 
   border: #fff; 
   border-style: solid; 
   border-width: 1px 1px 0px 1px; 
}	

.primary-nav li li { 
   background-color: #1a88c6; 
}

.primary-nav li.menuactive { 
   background-color: #1a88c6; 
}

.primary-nav li:hover, 
.primary-nav li.menuh, 
.primary-nav li.menuparenth, 
.primary-nav li.menuactiveh { 
   	background-color: #000; 
}

.primary-nav li a:hover { 
  	color: #1a88c6; 
	background-color: #d3e6f2; 
}

.primary-nav li a.lang:hover { 
  	color: #fff; 
	background-color: #000; 
}

.primary-nav li a:active { 
   	color: #e3303d; 
}

.primary-nav li a.lang:active { 
  	color: #fff; 
}

.primary-nav li:hover ul, 
.primary-nav ul li:hover ul, 
.primary-nav ul ul li:hover ul, 
.primary-nav li.menuparenth ul, 
.primary-nav ul li.menuparenth ul, 
.primary-nav ul ul li.menuparenth ul,
.primary-nav li.rightnavh ul { 
   display: block; 
}

/* IE Hacks */
.primary-nav li li { 
   float: left; 
   clear: both; 
}
.primary-nav li li a { 
   height: 1%; 
}

/*********************************************

SUB NAVIGATION - VERTICAL MENU - SIDE COLUMN

**********************************************/

#menu_vert { line-height: 1; margin-bottom: 21px; }

#menu_vert li { list-style: none; display: block; margin-top: 2px; }

* html #menu_vert li a { height: 1%; } 

div#menu_vert li a.rootparent { background-image: url(/img/icon_link_blue_down.gif);  background-repeat: no-repeat; background-position: 6px center; }

div#menu_vert li.currentpage, div#menu_vert a {
   text-decoration: none;
   display: block; /* IE has problems with this */
   padding: 6px 0 6px 19px;
   color: #000;
   background-image: url(/img/icon_link_blue.gif); background-repeat: no-repeat; 
   background-position: 6px center; 
   background-color: #f7f5f5;
   min-height: 1em; /* Fixes IE7 whitespace bug */ 
}

div#menu_vert li.currentpage, div#menu_vert a:hover { color: #fff; background-color: #1a88c6; }

div#menu_vert a:active { color: #e3303d; background-color: #d3e6f2; }