/*

TOC 

- *
- List of hidden, skipped links
- Header, Branding
- Horizontal navigation
- Stage
- Content area
- Content navigation
- Main content area
- Text/image paragraph
- Lists
- Tables
- Contact
- Extras
- News messages
- Teasers on Home page

*/

/* --- General element definitions --- */

html {
    overflow-y: scroll;
}

body {
	background-color: #EBEFF4;
	color:#495d7b;
	font-family: Lucida Grande, Lucida Sans Unicode;
	font-size: 12px;
	height: 100%;
}

a {
	outline: none;
}

#wrapper {
	margin:auto; 
	height: 100%;
	width:964px;
	padding-top:30px;
}

#site-info {
	clear: both;  
	overflow: hidden;
	height: 1%; /* IE 6 */
}

#footer-line {
float:left; 
background-image:url(/docroot/perils/img/layout/bg_footer.jpg); 
width:964px; 
height:3px; 
overflow:hidden; 
background-repeat:no-repeat;
}


/* --- Hidden & skipped links ---  */
.aural,
.skip a,
#search-box label span,
#search-box h6,
#logo strong,
#nav-global span em,
#nav li strong em,
#nav-global li.on em,
#nav-box li.on em,
#nav-global h6,
#nav-box li h3 em,
#nav h6,
#stage dl.photo dd.zoom,
#stage dl.photo dd.caption,
#extras h6,
em.more span,
#promos .more,
.pager li em,
.pager h3,
#search-results .form-wrapper label span,
.main .vcard div h3,
#extras .vcard div h3,
#glossary-index h3,
.day span,
form div label em,
#nav-content strong em,
p#copyright-magnolia span,
#event-pager h5,
div.superpromos .superpromo-section p.more a span {      
	display: block;  
    position: absolute;
    overflow: hidden;
	left: -9999px;
    width: 1px;
    height: 1px;
}
.skip a:active,
.skip a:focus {
    position: absolute;
	background: #fff;
	outline: none;
    z-index: 1000; 		
	left: 200px;	
    overflow: visible;
    width: auto;
    height: auto;
    padding: 5px 15px 10px 15px;
    font-size: 130%;
    font-weight: bold;
}


/* --- Header --- */

.logo {padding:0px 0px 0px 20px; margin:0px; float:left;}
.logo img {border:0px;}


/* --- Horizontal navigation --- */

#nav-global-container {
width:964px; 
height:43px; 
padding-top: 10px;
background-image:url(/docroot/perils/img/layout/navigation.jpg);
}

#nav-global ul {
float:left; 
list-style:none; 
height:22px; 
padding:0px; 
margin:10px 0px 0px 0px;
}

#nav-global ul li {
display:block; 
float:left;
padding-top:2px; 
height:20px;
border-right:1px solid #CFD9E6; 
padding-left:20px; 
padding-right:20px;
}

#nav-global ul li a { 
text-decoration:none; 
outline:none;
color:#495d7b;
font-family:Lucida Grande, Lucida Sans Unicode; 
font-weight:normal; 
font-size:12px; 
}

#nav-global ul li a:hover { 
color:#F87120; 
}

#nav-global ul li.active a { 
color:#F87120; 
}

#nav-global ul li.first { 
padding-left:26px; 
}

#nav-global ul li.last { 
border-right: none; 
}

#nav-meta {
float:right;
}

#nav-meta a {
margin-top: 12px;
padding-left: 15px;
padding-right: 26px;
font-family:Lucida Grande, Lucida Sans Unicode; 
font-weight:normal;  
font-size:12px; 
color:#495d7b;
text-decoration:none; 
outline:none;
float:right;
}

#nav-meta a.login {
background-image:url(/docroot/perils/img/layout/login.gif); 
background-repeat:no-repeat;
}

#nav-meta a.login:hover {
color:#F87120;
}



/* --- Stage --- */

/* Stage on home page */
body#home #stage { 
width:964px;
height: 367px;
padding:0px;
margin:0px;
overflow:hidden;  
background-image: url(/docroot/perils/img/layout/bg_content.gif);
}

body#home #stage img.photo {
padding:0px; 
margin:0px 0px 0px 2px; 
border:0px;
}

/* Stage on article page */
body #stage {
width:925px; 
padding: 0 20px; 
margin:0px; 
overflow:hidden;  
background-image: url(/docroot/perils/img/layout/bg_content.gif);
}

body #stage img#content_top {
margin-left:-20px;
margin-bottom: 33px;
}

body #stage img.photo {
margin-left:223px;
}

body #stage h1 {
font-family:Lucida Grande, Lucida Font Unicode; 
font-size:18px; 
margin-left:223px; 
padding-top:15px;
}

/* --- Content area --- */

#wrapper-2 { 
float:left;
margin:0px;
padding: 33px 20px 33px 20px;
width:925px; 
background-image: url(/docroot/perils/img/layout/bg_content.gif);
}

body#home #wrapper-2 {
width:964px; 
padding: 0px 0px 0px 0px; 
overflow:hidden;
}

#extras {
	float: left;
	display: inline; /* IE 6 */
	width: 220px;
}
#promos {
	overflow: hidden;
	float: none; /* ie 6 */
	width: 100%; /* ie 6 */
	clear: both;
	padding: 20px 0 20px 0;
} 


/* --- Content navigation --- */

#nav #nav-box { width:223px; float:left; padding-top:3px; padding-left:3px; }

#nav #nav-box ul { padding:0px; margin:0px; list-style-type:none; width:180px; }
#nav #nav-box ul li { border-bottom:1px solid #DFE3EA; display:block; margin:0px; padding:3px 0px 3px 0px; width:180px; }
#nav #nav-box ul li a { font-size:12px; color:#495d7b; line-height:25px; text-decoration:none; outline:none; }
#nav #nav-box ul li.on a, #nav #nav-box ul li a:hover { color:#F8711F; }


/* --- Main content area --- */

.main {
margin-left: 226px; /* Defined for pages with no menu */
}

body#home .main {
margin: 0;
}

.main a {
	line-height:150%;
	font-size:12px;
	color:#495d7b;
	text-decoration:underline
}

.main a:visited {
	color:#495d7b;
}

.main .text { 
float:left; 
width:460px; 
padding:5px 0 15px 0;
}

/* middle column with no extras is extending also over extras
   area to allow for wide tables and contact */
.main .text.wide { 
width: 690px;
}

.main .text h1 {
width: 460px;
color:#F8711F; 
font-family:Lucida Grande, Lucida Sans Unicode; 
font-weight:normal; 
padding:0 0 10px 0;
margin:0px; 
display:block;
font-size:16px;
}

.main .text h2 {
	width: 460px;
	font-size: 14px;
	line-height: 150%;
	color: #7E92AC;
	font-weight: bold;
	margin: 0;
	padding: 10px 0 5px 0;
}

.main .text p {
width: 460px;
font-family:Lucida Grande, Lucida Sans Unicode; 
line-height:150%; 
font-size:12px; 
color:#495d7b; 
margin:0px; 
padding:0 0 10px 0;
}


/* Text/image paragraph */
.main .text .image {
	margin-top: 10px;
	padding: 0;
}
.main .text .descfl img,
.main .text .descfr img {
	margin-bottom: 10px;
}

.main .text .descflf img {
	margin: 0;
	padding: 0;
	position: relative;
}
.main .text .descflfb img {
	margin-bottom: 10px;
	display: block;
}
.main .text .descfl,
.main .text .descfr,
.main .text .descflf,
.main .text .descflfb {
	background-color: #EFF2F5;
	padding-bottom: 10px;
	color: #7E92AC;
}
.main .text .descflf {
	padding: 0;
}
.flLeft {
	margin-right: 17px;
	float: left;
	overflow: hidden;
}
.flRight {
	margin-right: 230px;
}
.flfull {
	width: 460px;
}
.flfull p strong,
.flLeft p strong,
.flRight p strong {
	display: block;
	font-weight: bold;
}

.main .text .flfull p,
.main .text .flLeft p,
.main .text .flRight p {
	width: 176px;
	margin: 0 12px;
	padding: 0;
	color: #7E92AC;
	font-size: 12px;
	line-height: 16px;
	font-style: italic;
}
.flRight {
	margin-left: 17px;
	float: right;
	overflow: hidden;
}
.flfull {
	overflow: hidden;
	display: block;
}
.main .text .descflf p {
	float: right;
	padding: 0;
	margin: 12px;
	width: 126px;
}
.main .text .descflfb p {
	width: 226px;
}

.main .text .summary p {	
	padding: 0;
	color: #7E92AC;
	font-size: 11px;
	line-height: 12px;
	font-style: italic;
}


/* Lists */
.main .text ul {
	width: 460px;
	color:#495d7b;
	font-size: 12px;
	padding-left: 1em;
	text-indent: 0em;
	padding-top:0px;
	padding-bottom: 20px;
	margin: 0 0 0 3px;
	}
	
.main .text ul li {
	padding: 0;
	margin: 0;
	line-height: 150%;
}

.main .text ul li a {
	text-decoration: none;
	outline:none;
	color: #7E92AC;
}

.main .text ol {
	width: 460px;
	color:#495d7b;
	font-size: 12px;
	padding-left: 1em;
	text-indent: -0.3em;
	padding-top:0px;
	padding-bottom: 20px;
	margin: 0 0 0 10px;
	}
	
.main .text ol li {
	padding: 0;
	margin: 0;
	line-height: 150%;
}

.main .text ol li a {
	text-decoration: none;
	outline:none;
	color: #7E92AC;
}


/* Tables */
.main .text table {
	width: 460px;
	margin:0px;
	padding:10px 0px;
	border-collapse: separate;
	border-spacing: 0 0;
	font-size:12px;
	line-height: 120%;
	caption-side:top;
}
/* allow for wide tables */
.main .text table.wide {
	width: 100%;
}
.main .text td {
	border-left: 1px solid #BEC7D4;
	border-bottom: 1px solid #BEC7D4;
	background-color:#EFF2F5;
	padding: 8px 16px;
	text-align: left;
	vertical-align: top;
	color:#495d7b;
   }
/* First row is equal to a header for normal table */
.main .text tr:first-child td {
	border-left: 1px solid #D3D9E2;
	border-bottom: 1px solid #7E90AB;
	background-color:#7E90AB;
	color: #E5E9EE;
	font-weight: normal;
	padding: 8px 16px;
	text-align: left;
	vertical-align: top;
   }
/* First row is NOT equal to a header for noheader table */
.main .text table.noheader tr:first-child td {
	border-left: 1px solid #BEC7D4;
	border-top: 1px solid #BEC7D4;
	border-bottom: 1px solid #BEC7D4;
	background-color:#EFF2F5;
	padding: 8px 16px;
	text-align: left;
	vertical-align: top;
	color:#495d7b;
   }
.main .text td:first-child {
	border-left: none;
   }
.main .text table.noheader tr:first-child td:first-child {
	border-left: none;
   }

.main .text table td p {
margin:0px; 
padding:0px;
font-family:Lucida Grande, Lucida Sans Unicode;
font-size:12px;
}

.main .text table td ul {
margin:0px; 
padding:0px 15px;
font-family:Lucida Grande, Lucida Sans Unicode;
font-size:12px;
}

.main .text table caption {
margin:0px; 
padding:0px 15px;
font-family:Lucida Grande, Lucida Sans Unicode;
font-size:12px;
font-weight: bold;
text-align: left;
color: #7E92AC;
   }

/* Contact */
.main .text table.contact {
width:460px; 
padding: 0;
margin: 15px 0;
}

.main .text.wide table.contact {
width: 696px;
}

.main .text table.contact:first-child {
margin-top: 0;
}

.main .text table.contact td {
background-color: transparent;
border: none;
}

.main .text table.contact tr:first-child {
background-color: transparent;
border: none;
}

.main .text table.contact p {
width: auto;
margin: 0;
padding: 0;
font-family:Lucida Grande, Lucida Sans Unicode;
font-size:12px;
line-height: 140%;
}

.main .text table.contact div.adr {
margin-bottom: 20px;
}

.main .text table.contact div.personalContact {
margin-bottom: 20px;
}

/* --- Extras --- */

#extras { width:200px; float:right; padding-right:3px;}
#extras .box a { text-decoration:none; outline:none; color:#e5e9ee; font-size:11px; line-height:130%; }
#extras .box { background-color:#7e90ab; padding:20px; border-bottom:1px solid #ffffff; font-family:Lucida Grande, Lucida Sans Unicode;}
#extras .box h2 { font-family:Lucida Grande, Lucida Sans Unicode; color:#efefee; font-size:12px; font-weight:normal; padding:0px 0px 2px 0px; margin:0px; line-height:150%;}
#extras .box p {font-family:Lucida Grande, Lucida Sans Unicode; color:#e5e9ee; font-size:11px; font-weight:normal; padding:0px; margin:0px; line-height:130%;}


/* Links & download links */
#extras .box .links ul { font-family:Lucida Grande, Lucida Sans Unicode; color:#e5e9ee; font-size:11px; padding:0px 0px 0px 0px; margin:0px; line-height:150%;}
#extras .box .links ul li.download { font-size:11px; list-style-image: url(/docroot/perils/img/layout/ico_download.gif); }
#extras .box .links ul li.external { font-size:11px; list-style: disc; }
#extras .box .links ul li { font-family:Lucida Grande, Lucida Sans Unicode; color:#e5e9ee; font-size:11px; font-weight:normal; line-height:11px; margin-left:12px; margin-top:3px; list-style-image: url(/docroot/perils/img/layout/ico_li.gif); }


/* Media */
#extras .box .media ul { font-family:Lucida Grande, Lucida Sans Unicode; color:#e5e9ee; font-size:11px; padding:0px 0px 0px 0px; margin:0px; line-height:150%;}
#extras .box .media ul li { font-family:Lucida Grande, Lucida Sans Unicode; color:#e5e9ee; font-size:11px; font-weight:normal; line-height:11px; text-align:center; margin-top:3px; list-style: none; }
#extras .box .media img.mediaThumbnail { margin-top:8px; width:160px; height:120px; }


/* --- News messages --- */

.main div.news {
	width: 460px;
	margin-right: 10px;
	font-size: 12px;
	line-height: 150%;
	color: #495d7b;
	padding: 20px 0;
	border-bottom: 3px solid #DFE3EA;
}

.main div.news.first {
	padding-top: 0px;
}

.main div.news.last {
	border-bottom: none;
}

.main .news h2 {
	color: #576578;
	margin:  0;
	padding: 5px 0;
	font-size: 14px;
	font-weight: bold;
}

.main .news p {
	margin: 0 0 10px 0;
	padding-top: 0;
	padding-bottom: 0;
	font-size: 12px;
	color: #495d7b;
}

.main .news .links ul {
	margin: 0 0 0 3px;
	padding: 10px 0 10px 14px;
}
.main .news .links ul li {
	margin: 0;
	padding: 0;
	list-style: none;
}
.main .news .links ul li a {
	background: transparent url(/docroot/perils/img/layout/newslinkpf.gif) no-repeat left 0.45em;
	padding: 0 0 0 12px;
	text-decoration: none;
	outline:none;
	color: #495d7b;
}


/* --- Teasers on home page --- */

body#home #wrapper-3 {width:962px; background-image:url(/docroot/perils/img/layout/bg_content.gif); float:left; padding-left:2px;}
body#home #wrapper-3 div.teaser-group ul {list-style:none; padding:0px; margin:0px;}
body#home #wrapper-3 div.teaser-group ul li {height: 100px;}
body#home #wrapper-3 div.teaser-group ul li a {text-decoration:none; outline:none; display:block; height:250px; color:#495d7b}

body#home #wrapper-3 li.teaser.first {width:200px; border-right:1px solid #d4deea; }
body#home #wrapper-3 li.teaser.last {width:199px;  border-right:none; }
body#home #wrapper-3 li.teaser {width:199px; border-right:1px solid #d4deea; }

body#home #wrapper-3 li.teaser.info {padding: 20px 20px 25px 20px; float:left; background-color:transparent; }
body#home #wrapper-3 li.teaser.info h1 {font-family:Lucida Grande, Lucida Sans Unicode; font-weight:normal; font-size:16px; color:#F87120; line-height:16px;padding:0px; margin:0px;}
body#home #wrapper-3 li.teaser.info p {font-family:Lucida Grande, Lucida Sans Unicode; font-weight:normal; font-size:12px; line-height:15px; color:#495d7b; padding:15px 0px 0px 0px; margin:0px;}

body#home #wrapper-3 li.teaser.info:hover { background-color:#f4f7fa; }
body#home #wrapper-3 li.teaser.info:hover h1 {font-family:Lucida Grande, Lucida Sans Unicode; font-weight:normal; font-size:16px; color:#f87121; line-height:16px;padding:0px; margin:0px;}
body#home #wrapper-3 li.teaser.info:hover p {font-family:Lucida Grande, Lucida Sans Unicode; font-weight:normal; font-size:12px; line-height:15px; color:#495d7b;padding:15px 0px 0px 0px; margin:0px;}

body#home #wrapper-3 li.teaser.news {width:199px; padding: 20px 20px 25px 20px; float:left; background-color:#7E92AD;}
body#home #wrapper-3 li.teaser.news h1 {font-family:Lucida Grande, Lucida Sans Unicode; font-weight:normal; font-size:16px; color:#FFFFFF; line-height:16px;padding:0px; margin:0px;}
body#home #wrapper-3 li.teaser.news p {font-family:Lucida Grande, Lucida Sans Unicode; font-weight:normal; font-size:12px; line-height:15px; color:#ffffff;padding:15px 0px 0px 0px; margin:0px;}

body#home #wrapper-3 li.teaser.news:hover { background-color:#586881;}
body#home #wrapper-3 li.teaser.news h1 {font-family:Lucida Grande, Lucida Sans Unicode; font-weight:normal; font-size:16px; color:#FFFFFF; line-height:16px;padding:0px; margin:0px; }
body#home #wrapper-3 li.teaser.news p {font-family:Lucida Grande, Lucida Sans Unicode; font-weight:normal; font-size:12px; line-height:15px; color:#ccd4df;padding:15px 0px 0px 0px; margin:0px;}

/* --- Footer --- */
.footer_left { float:left; padding-top:5px; font-family:Lucida Grande, Lucida Sans Unicode; line-height:150%; font-size:11px; color:#495d7b; margin:2px;}
.footer_left a { color: #495d7b;
text-decoration:none;
}
.footer_left a:hover { color: #f87120;
text-decoration:none;
}


.footer_right { float:right; padding-top:5px; }
.footer_right a { font-family:Lucida Grande, Lucida Sans Unicode; line-height:150%; font-size:12px; color:#495d7b; margin:0px; padding:0px; text-decoration:none; outline:none; }
.footer_right a:hover { font-family:Lucida Grande, Lucida Sans Unicode; line-height:150%; font-size:12px; color:#F87120; margin:0px; padding:0px;}