/* -------------------------------------------------------------
	Resets default browser CSS.  
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%;font-family: inherit;vertical-align: baseline;}
a:focus, button:focus, button:active {outline: 0;}
a:focus, button:focus, button:active {outline: none;}
body {color: #000;background: #fff;}
ol, ul {list-style: none;}
caption, th, td {text-align: left;font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
table { border-collapse: collapse; border-spacing: 0; }
a img { border: 0; }

/* -------------------------------------------------------------
	Default typography.
-------------------------------------------------------------- */

body {font-size:100%;background: #160040 url(../images/backgrounds/bg_top.jpg) left top repeat-x;}

/*
font-sizes should be declared in ems - see http://www.alistapart.com/articles/howtosizetextincss
18px = 1.125em, 16px = 1em, 14px = 0.875em, 12px = 0.75em, 10px = 0.556em
*/

body { font-family: Arial, sans-serif; }
h1,h2,h3,h4,h5,h6 { font-family: Arial, sans-serif; font-weight: bold; margin: 1em 0;}
h1 { font-size: 2em; }
h2 { font-size: 1.625em; }
h3 { font-size: 1.25em; } 
h4 { font-size: 1.125em; }
h5 { font-size: 1em; }
h6 { font-size: 0.875em; }
p, ol, dl { font-size:0.75em;}
ul p {font-size:1em;}

address { font-style: normal; font-size: 0.75em; }
strong { font-weight: bold; }
em { font-style: italic; }
h2 {background:#014DBE;color:#fff;font-size:0.9375em;padding: 4px 5px;line-height:1em;text-transform:uppercase;margin:0;position:relative;}

/* -------------------------------------------------------------
	General Layout.
-------------------------------------------------------------- */

.header {overflow:hidden;height:103px;width:900px;background: url(../images/backgrounds/bg_header.jpg) left top no-repeat;position:relative;}
.header h1 {margin:0;}
.nav {position:relative;float:left;width:900px;}
.main {clear:both;float:left;background:url(../images/backgrounds/bg_main.jpg) left top no-repeat;min-height:1000px;}
.cntholder {width:900px;}

/* -------------------------------------------------------------
	Header.
-------------------------------------------------------------- */

.header h1 {position:absolute;width:260px;height:103px;text-indent:-5000px;overflow:hidden;}
.header ul {position:absolute;width:635px;left:265px;top:0;overflow:}
.header ul li {display:inline;float:left;height:25px;}
.header ul li a {font-weight:bold;display:block;font-size:0.6875em;color:#fff;text-decoration:none;text-transform:uppercase;padding: 6px 10px 8px 23px;line-height:1em;height:13px;float:left;}
.header ul li a:hover {text-decoration:underline;}
.header ul li.login a {background: url(../images/content/icon_login.jpg) left 2px no-repeat;}
.header ul li.alerts a {background: url(../images/content/icon_alerts.jpg) left 2px no-repeat;}
.header ul li.podcasts a {background: url(../images/content/icon_podcast.jpg) left 2px no-repeat;}
.header ul li.help a {background: url(../images/content/icon_help.jpg) left 2px no-repeat;}
.header ul li.rss a {background: url(../images/content/icon_rss2.jpg) left 2px no-repeat;}
.header ul li.search {right:20px;position:absolute;}
.header li form, .header li form fieldset {height:25px;}
.header li label {display:block;float:left;margin:0;font-size:0.6875em;color:#749ede;font-weight:bold;padding: 6px 0 8px 6px;line-height:1em;height:13px;}
.header li input {width:150px;display:block;float:left;font-size:0.675em;padding: 2px;font-family:arial;margin:2px 6px;}
.header li button {display:block;float:left;border: 0;padding:0;background: url(../images/content/button_go.jpg) left 2px no-repeat;height:25px;width:22px;overflow:hidden;text-indent:-5000px;}
.header .banner {position:absolute;width:468px;height:60px;overflow:hidden;left:412px;top:35px;}

/* -------------------------------------------------------------
	Nav.
-------------------------------------------------------------- */

.nav ul {float:left;background:url(../images/backgrounds/bg_nav.jpg) left top repeat;font-size:0.8125em;}
.nav ul li {float:left;display:inline;height:29px;}
.nav ul li a {display:block;float:left;border-right: 1px solid #fff;line-height:13px;color:#fff;text-decoration:none;text-transform:uppercase;font-weight:bold;padding:0 8px;margin:8px 0;}
.nav ul li a:hover, .nav ul li.video a  {text-decoration:underline;}
.nav ul li.travel a {border-right:0;}

/* -------------------------------------------------------------
	Main.
-------------------------------------------------------------- */

h2 a.rss {display:block;position:absolute;height:19px;width:19px;overflow:hidden;text-indent:-5000px;right:2px;top:3px;background: url(../images/content/rss.jpg) left top no-repeat;}
.main {width:100%;}
.maincnt {float:left; width:860px;padding:20px;}
.flashholder {padding:5px;background:#fff;width:400px;height:333px;float:left;}
.stories {width:450px; float:left;}
.stories .top {background:#fff;padding:5px 5px 5px 0;}
.top h5 {text-transform:uppercase;margin:0;background: url(../images/backgrounds/topstory.jpg) left top repeat;color:#fff;font-size:1.375em;line-height:23px;padding:6px 5px;}
.top h1 {margin:5px 0;padding: 0 5px;font-size:1.6875em;line-height:1.2em;}
.top p {padding: 0 5px;line-height:1.3em;color:#333;margin: 0 0 10px 0;font-size:0.8125em;}
.stories h2 {margin:5px 0 5px 5px;}
.stories ul {margin:5px 5px 5px 10px;color:#fff;}
.stories ul li {margin-bottom:10px;display:block;}
.stories ul h3 {line-height:1.3em;margin: 0;padding-left:15px;background: url(../images/content/icon_camera.gif) left center no-repeat;font-size:0.6875em;}
.stories ul h3 a {color:#fff;text-decoration:none;}
.stories ul p {font-size: 0.6875em;line-height:1.3em;}

div.world {clear:both;float:left; width:860px;padding: 0 20px;}
div.world ul {float:left; padding: 10px 0;}
div.world ul li {width:164px;margin-left:10px;float:left;display:inline;}
div.world ul li.fc {margin:0;}
div.world ul img {border: 2px solid #fff;}
div.world ul p {color:#fff;font-size:0.6875em;padding: 0 2px;line-height:1.3em;}

.supplementary {background: #fff;width:417px;float:left;margin: 0 0 20px 6px;padding:5px;display:inline;}
div.also {margin-left:20px;}
.supplementary li {padding-left:20px;background: url(../images/content/li_arrows.jpg) 5px center no-repeat;margin:5px 0;}
.supplementary li a {color:#000;font-size:0.6875em;text-decoration:none;}
.supplementary li a:hover {text-decoration:underline;}

.footer {clear:both;width:860px;margin:20px;border-top:1px solid #fff;}
.footer ul {width:860px;text-align:center;margin: 10px 0;}
.footer ul li {display:inline;margin:0;padding:0;}
.footer ul li a {border-right:1px solid #fff;padding: 0 8px;color:#fff;text-decoration:none;font-size:0.625em;text-transform:uppercase;}
.footer ul li.travel a {border:0;}
.footer p {text-align:center;color:#9b9ba5;font-size:0.625em;}

/* -------------------------------------------------------------
	Overlay.
-------------------------------------------------------------- */

#blank {position:fixed;width:100%;height:100%;background: url(../images/backgrounds/blanker.png) left top repeat;z-index:900;display:none;}
#overlay {position:absolute;width:800px;height:800px;margin: 0 50px;z-index:999;display:none;}