.navbar{
   display:inline;
   }

/* Browser Reset

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

body,div,ul,ol,dl,dt,dd,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin: 0; padding: 0; }

fieldset,img { border: 0; }

ol,ul { list-style: none; }

caption,th { text-align: left; }

h1,h2,h3,h4,h5,h6 { font-size: 100%; }

q:before,q:after { content:''; }

abbr,acronym { border: 0; }



/* Default

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

body, td { font: 11px Arial, Verdana, Helvetica, sans-serif; color: #ccc; }

h1, h2, h3, h4, h5, h6 { color: #fff; }

h1 { font-size: 18px; margin: 0 0 20px 0; }

h2, h3 { font-size: 14px; margin: 0 0 15px 0; }

h4, h5, h6 { font-size: 12px; margin: 0 0 5px 0; }

p { margin: 0 0 15px 0; padding: 0; }

a, a:visited { color: #fff; text-decoration: underline; }

a:hover, a:active { color: #e9b61f; text-decoration: underline; }

ul, ol { list-style: disc; margin: 0 0 30px 40px; padding: 0; }

ol { list-style: decimal; margin: 0 0 30px 45px; padding: 0; }


div.showBorders h2 {
	color: #fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 120%;
	margin: 5px 0 0 10px;
}


/* Clearing

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

.clear { clear: both; }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.clearfix { display: inline-block; }

/* Hides from IE-mac \*/

* html .clearfix { height: 1%; }

.clearfix { display: block; }

/* End hide from IE-mac */



/* Layout

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

body { background: #000000 repeat-x; }

body#blank-template { background: none; }

#outer-container { width: 1005px;  margin: 0 auto; background: url(images/bkgd-page-orange.jpg) no-repeat top left;}

#container { }

#header { margin: 0 0 10px 0; }

#header h1 { margin:  0; }

#header h1 a { float: left; width: 237px; height: 97px; display: block; overflow: hidden; background: url(images/logo.gif) no-repeat; margin: 25px 0 0 15px; /*see ie6styles.css*/ text-indent: -9999px; }

#header #header-right { float:right; width: 600px; text-align: right; margin: 0; padding: 0 12px 0 0; }

#sign-up { float:right; }

#header .newsletter { width:180px; text-decoration:none; font-size:12px; font-weight:bold; background: url(images/go.gif) no-repeat bottom right; padding: 40px 30px 0 0; display:block;}

#header .reader-panel { width:147px; text-decoration:none; font-weight:bold; padding: 0 65px 30px 0; display:block;}

#wrapper { margin: 0; padding: 0; }

#leftcolumn { width: 702px; float: left;  margin: 0 3px 0 0; background:#404040;}

#rightcolumn { width: 295px; float: right;  margin: 0 3px 0 0; /*see ie6styles.css*/ }

#footer {background: #202020;margin: 0 auto; padding: 20px 15px 15px 15px; border-top: 1px solid #888888}

#footer ul { margin: 0; padding: 0; float: left; width: 469px; }

#footer li { display: inline; padding-right: 2px; }

#footer li a { text-decoration: none; color: #808080; font-size: 12px; font-weight: bold; padding-right: 5px;  }

#footer li a:hover {color:#FFFFEE;}

#footer li.copyright {color: #808080; display: block; padding: 7px 0 0 0; }


   /* Navigation

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

#main_navigation { width:555px; float:right; margin:0 ; padding: 0 0 0 0px; text-align: left; }

#main_navigation ul {  margin: 0; padding: 0; list-style-type: none; display: inline; }

#main_navigation ul li { position: relative; float: left; width: 111px; margin: 0; z-index: 1000; }

#main_navigation ul li a { display: block; text-decoration: none; padding: 5px; }

/* commented backslash mac hiding hack \*/ 

* html #main_navigation ul li a {height:1%}

/* end hack */ 

.navbar{ display:inline; }

#main_navigation a.nav_aboutus,

#main_navigation a.nav_thisissue,

#main_navigation a.nav_contactus,

#main_navigation a.nav_press,

#main_navigation a.nav_subscribe { width: 109px; height: 27px; padding: 0; border: 0; }

#main_navigation a.nav_aboutus { background: url(images/nav_aboutus.png) no-repeat; /*see ie6styles.css*/ cursor: hand; }

#main_navigation a.nav_thisissue { background: url(images/nav_thisissue.png) no-repeat; /*see ie6styles.css*/ cursor: hand;}

#main_navigation a.nav_contactus { background: url(images/nav_contactus.png) no-repeat; /*see ie6styles.css*/ cursor: hand; }

#main_navigation a.nav_press { background: url(images/nav_press.png) no-repeat; /*see ie6styles.css*/ cursor: hand; }

#main_navigation a.nav_subscribe { background: url(images/nav_subscribe.png) no-repeat; /*see ie6styles.css*/ cursor: hand;}

#main_navigation a.nav_aboutus:hover { background: url(images/nav_aboutus_active.png) no-repeat; /*see ie6styles.css*/ }

#main_navigation a.nav_thisissue:hover { background: url(images/nav_thisissue_active.png) no-repeat; /*see ie6styles.css*/ }

#main_navigation a.nav_contactus:hover { background: url(images/nav_contactus_active.png) no-repeat; /*see ie6styles.css*/ }

#main_navigation a.nav_press:hover { background: url(images/nav_press_active.png) no-repeat; /*see ie6styles.css*/ }

#main_navigation a.nav_subscribe:hover { background: url(images/nav_subscribe_active.png) no-repeat; /*see ie6styles.css*/ }

#main_navigation a.nav_aboutus span,

#main_navigation a.nav_thisissue span,

#main_navigation a.nav_press span,

#main_navigation a.nav_contactus span,

#main_navigation a.nav_subscribe span { display: none; }

/* new code bbc */


#main_navigation a.nav_aboutus1,

#main_navigation a.nav_thisissue1,

#main_navigation a.nav_contactus1,

#main_navigation a.nav_press1,

#main_navigation a.nav_subscribe1 { width: 109px; height: 27px; padding: 0; border: 0; }

#main_navigation a.nav_aboutus1 { background: url(images/nav_aboutus_active.png) no-repeat; /*see ie6styles.css*/ cursor: hand; }

#main_navigation a.nav_thisissue1 { background: url(images/nav_thisissue_active.png) no-repeat; /*see ie6styles.css*/ cursor: hand;}

#main_navigation a.nav_contactus1 { background: url(images/nav_contactus_active.png) no-repeat; /*see ie6styles.css*/ cursor: hand; }

#main_navigation a.nav_press1 { background: url(images/nav_press_active.png) no-repeat; /*see ie6styles.css*/ cursor: hand; }

#main_navigation a.nav_subscribe1 { background: url(images/nav_subscribe_active.png) no-repeat; /*see ie6styles.css*/ cursor: hand;}

#main_navigation a.nav_aboutus:hover1 { background: url(images/nav_aboutus_active.png) no-repeat; /*see ie6styles.css*/ }

#main_navigation a.nav_thisissue:hover1 { background: url(images/nav_thisissue_active.png) no-repeat; /*see ie6styles.css*/ }

#main_navigation a.nav_contactus:hover1 { background: url(images/nav_contactus_active.png) no-repeat; /*see ie6styles.css*/ }

#main_navigation a.nav_press:hover1 { background: url(images/nav_press_active.png) no-repeat; /*see ie6styles.css*/ }

#main_navigation a.nav_subscribe:hover1 { background: url(images/nav_subscribe_active.png) no-repeat; /*see ie6styles.css*/ }

#main_navigation a.nav_aboutus1 span,

#main_navigation a.nav_thisissue1 span,

#main_navigation a.nav_press1 span,

#main_navigation a.nav_contactus1 span,

#main_navigation a.nav_subscribe1 span { display: none; }










   /* Modules

---------------------------- */
.showBorders { border: 1px solid #888888; }

.contentleft {float: left;}

.contentright {float: right; margin:0 0 90px 0; width: 290px;}

#leftcolumn h1 {padding:10px;}

#leftcolumn p {width: 382px; padding: 0 10px 0 10px;}

.contentpic {width: 265px; padding: 10px;}

#rightcolumn h1 {padding: 10px 0 0 10px;}

.newsimage {padding: 0 0 0 10px;}

#rightcolumn p {width: 255px; padding: 5px 0 0 10px; color:#FFFFFF;}

#rightcolumn p a {text-decoration: none;}

.ad { width:295px; padding: 5px 0 5px 0;}


 /* Forms

---------------------------- */
#form { width:400px; float:left;}

#namelabel { float:left; width:110px; padding: 0 0 0 0; margin: 0 0 0 10px;}

#phonelabel { float:left; width:110px; padding: 0 0 0 0; margin: 15px 0 0 10px;}

#companylabel { float:left; width:110px; padding: 18px 0 0 0; margin: 0 0 0 10px;}

#firstnamelabel { float:left; width:110px; padding: 0 0 0 0; margin: 0 0 0 10px;}

#lastnamelabel { float:left; width:110px; padding: 18px 0 0 0; margin: 0 0 0 10px;}

#answerlabel { float:left; width:110px; padding: 0px 0 0 0; margin: 15px 0 0 10px;}

#countrylabel { float:left; padding: 18px 0 0 0; margin: 0 0 0 10px;}

#emaillabel { float:left; width:110px; padding: 18px 0 0 0; margin: 0 0 0 10px;}

#citylabel { float:left; width:110px; padding: 18px 0 0 0; margin: 0 0 0 10px;}

#comp_citylabel { float:left; width:110px; padding: 112px 0 0 0; margin: 0 0 0 10px;}

#messagetypelabel { float:left; width:110px; padding: 18px 0 0 0; margin: 0 0 0 10px;}

#messagelabel { float:left; width:75px; padding: 18px 0 0 0; margin: 0 0 0 10px;}

#securitylabel { float:left; width:110px; padding: 90px 0 0 0; margin: 0 0 0 10px;}

#requiredlabel { float:left; width:170px; padding: 18px 0 18px 0; margin: 0 120px 0 10px; }

.field { float:right; margin: 0 120px 10px 0;}

.selectfield { float:right; margin:0 120px 10px 10px; width: 146px;}

.securityfield { float:right; margin: 20px 75px 10px 0;}

.formparagraph { float:left; width:400px; padding: 0 0 0 0; margin: 5px 0 10px 10px;}

.checkbox { float:left; width:450px; padding: 0 0 0 0; margin: 5px 0 5px 10px;}

.phone {padding: 1px;}

#leftcolumn .contentright p {width: 270px;}