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

1) HTML tags, reset

---------------------------------------------------------------------------------------------------------- */
* {margin:0; padding:0;}
body, div, span, p, a, img, ul, ol, li, caption, table, thead, tbody, tfoot, tr, th, td, form, fieldset, legend, label, dl, dt, dd, blockquote, applet, object, h1, h2, h3, h4, h5 {border:0;}
body {padding:5px 0; font:0.8em/1.5 "arial", serif; text-align:center;}

a {text-decoration:none;}

h1, h2, h3, h4, h5, h6 {margin:2px 0 2px 0;}
h1 {font-size:260%; font-weight:normal; letter-spacing:-1px;}
h2 {font-size:160%; font-weight:normal;}
h3 {
margin: 0;
padding: 0;

width: 585px;
color: #666; padding-top:15px;}
h4, h5 {font-size:100%;}

p, table, ul, ol, dl, fieldset {margin:15px 0; color:#333;}

table {border-collapse:collapse; border-spacing:0; font-size:100%;}
th {text-align:center; font-weight:bold;}
th, td {padding:3px 7px;}

ul, ol {margin-left:30px;}
ul ul, ol ol {margin:0; margin-left:20px;}
ol {list-style-type:decimal;}
li {display:list-item;}

fieldset {position:relative; padding:10px;}
legend {position:absolute; top:-1em; margin:0; padding:5px 10px; font-size:100%; font-weight:bold;}

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

2) Universal styles (display, float, margin, text-align...)

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

.f-left {float:left !important;} img.f-left {float:left; margin-right:15px;}

.f-right {float:right !important;} img.f-right {float:right; margin-left:15px;}

.noscreen {display:none;}

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

3) LAYOUT

---------------------------------------------------------------------------------------------------------- */
#main {width:910px; margin:0 auto; text-align:left;}

	#header {position:relative; background:url(images/ntwf-logo.png) 0 0 no-repeat;padding-bottom:12px;
	height:305px;	
}

        #logo {margin:0; font-weight:normal;}
        #slogan {margin:0;}

        #search {position:absolute!important; position:relative; float:right; top:20px; right:50px; padding:7px; }
        #search #search-input {width:175px; padding:3px;}
        #search #search-submit {padding:2px; font:normal 100%/1.2 "arial",sans-serif; margin-right:20px;}

	#content {position:relative; padding:10px 0 30px 0; overflow:hidden;}
	#footer {clear:both; font-size:85%; background:url(design/footerbg.png) 0 0 no-repeat; padding-bottom:12px;
}
/* ----------------------------------------------------------------------------------------------------------

4) Page: Home

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

#aside {float:right; width:280px; background-color:#fff;}
#aside .halfleft {
	width: 138px;
	padding: 10px 0 0 0;
	margin-left: 0;
	margin-bottom: 20px;
	}
#aside .halfright {
	float: right;
	clear: none;
	margin-left: 20px;
	width: 138px;
	padding: 10px 0 0 0;
	margin-bottom: 20px;
	}

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

5) Page: Article

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

#page {float:left; width:610px!important; width:593px; border:0px #000 solid; margin-left:15px;}
    #page-title {padding:15px 15px 2px 15px;}
    #page-title h2 {margin:0; margin-bottom:0px;}
    #page-title p.date {margin:0; font-size:85%;}
    #page-content {display:block; padding:1px 15px 15px 15px; background:#fff; font-size:100%;}
#page-title {background:#fff;}
#page-title h2 {color:#FFF;}
#page-title h2 a { color:#333;}
#page-title h2 a:hover {}
#page-title p.date {color:#000;}
#page-title p.date a {border-bottom:0px solid #5F5F5F; color:#000;}
#page-title p.date a:hover {border-bottom:0px solid #FFF; color:#FFF;}
#page-content a { color:#333;}
#page-content a:hover {border-bottom:0px solid #E38500; color:#E38500;}
/* ----------------------------------------------------------------------------------------------------------

Z) Others

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

ul.ul-list {margin:15px 0; padding:0; list-style:none;}

ul.ul-list li {margin:0; margin-bottom:6px; padding:0; padding-left:20px; background:url("images/ico-list.gif") 0 4px no-repeat;}



#aside ul {margin:15px 0; padding:0; list-style:none;}









.hx-style01 {/*clear:both; */ background:url("images/dot.gif") 0 50% repeat-x; font-size:85%;}

.hx-style01 span {margin-left:15px; padding:0 5px; font-weight:bold; text-transform:uppercase;}



a.ico-more {padding:5px 7px; border:0 !important;}



.alignright {float:right;}

.alignleft {float:left;}


  #nav2 {position:absolute; top:0px; right:5px; margin:0;}
        #nav2 span {margin:0 8px;}
        #nav2 #nav-active {font-weight:bold; text-decoration:none;}
		
  #tray {position:relative; width:960px; height:45px; background:url("design/tray.gif") 0 0 no-repeat; overflow:hidden; font:bold 95%/1 "trebuchet ms", "tahoma",sans-serif; font-size:14px;}
    #tray ul {margin:0 20px; list-style:none;}
    #tray li {display:inline;}
    #tray li a {display:block; float:left; padding:17px 20px 17px 18px; background:url("design/tray-separator.gif") 100% 0 no-repeat; text-decoration:none;}
    #tray li a:hover {background:url("design/tray-hover.gif"); color:#fff;}
    #tray li#tray-active a {background:url("design/tray-active.gif");}
	
	
	
	img.f-right
{
border: 1px solid #cccccc;
padding: 10px;
opacity: .9;
float:right;margin-left:10px;
}
img.getcard
{

margin-left:30px;
}

h1, h2, h3, h4, h5, h6, p, address, blockquote, table, dl, fieldset {margin:15px 0;}

h1.strap	{position:absolute;
left:-10000px;
top:auto;
width:1px;
height:1px;
overflow:hidden;}
h2.titleh2	{position:absolute; top:245px; left:30px;  font-family:Arial, Helvetica, sans-serif;letter-spacing:-1px; color:#666; font-size:24px;  text-transform:capitalize; border-bottom:1px #666 solid; width:585px}
h3.promo 	{color:#E38500; padding-left:26px; background:url(design/wisesmall.png) no-repeat 0 50%; background-color:#efefef; font-style:oblique; font-size:16px;}
h4.promo 	{margin-top:20px; padding:5px 5px 5px 28px; background:url(design/wisesmall2.png) no-repeat 0 50%; color:#efefef; background-color:#E38500;  font-style:oblique; border:1px solid #efefef; }
h4.rightpromo {color:#E38500; background-color:transparent;}
h5.promo 	{padding:5px 5px 5px 22px; background:url(design/star2.png) no-repeat 0 50%; color:#999; font-size:14px; margin:15px 0px 0px 2px;}
h4.sidebar {color:#E38500; margin-left:18px; font-size:11px; text-transform:uppercase; margin-top:20px;}
	
.catstags{color:#999; margin:0; padding:4px;}
        
.catstags a:link{color:red; margin:0; padding:0; font-size:11px; text-transform:capitalize; font-weight:bold}

.intro {font-weight:bold;}

#homedivs {	
/* width:290px!important;
width:285px; */
float:left;
padding:0px;

margin:0;
}


/* ######### Top Menu ######### */
#chromemenu	{
position:absolute;
top:182px!important;
top:185px;
margin-left:1px;


}

.chromestyle{
width: 615px!important;
width: 616px;
font-weight: bold;
margin-left:5px;
}

.chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.chromestyle ul{
width: 615px;
/*background: url(design/menubg.gif) center center repeat-x; THEME CHANGE HERE*/
background: url(design/menubg2.gif) center center no-repeat; /*THEME CHANGE HERE*/
padding: 4px;
margin: 0;
text-align: left;

}

.chromestyle ul li{
display: inline;
}

.chromestyle ul li a{
color: #666;
padding-left: 2px!important;
padding-left: 10px;
margin: 0;
margin-left:24px!important;
margin-left:12px;
text-decoration: none;
width:90px!important;
width:80px;
text-transform:capitalize;
letter-spacing:-1px;
font-size:16px!important;
font-size:13px;
}

.chromestyle ul li a:hover{

color:#999;

}

.chromestyle ul li a[rel]:after{ /*HTML to indicate drop down link*/
/*content: " v";*/
content: " " url(design/arrow.png); /*uncomment this line to use an image instead*/
}


/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
position:absolute;
top: 0;
border: 1px solid #BBB; /*THEME CHANGE HERE*/
border-bottom-width: 0;
font:normal 12px;
line-height:18px;
z-index:100;
background-color: #efefef;
width: 135px;
visibility: hidden;
filter: progid:DXImageTransform.Microsoft.Shadow(color=#CACACA,direction=135,strength=4); /*Add Shadow in IE. Remove if desired*/
-moz-opacity:0.77; /* for mozilla */
	opacity: 0.77; /* for safari */
	khtml-opacity: 0.77 
        /* for konquerer and older safari */
}


.dropmenudiv a{
width: auto;
display: block;
text-indent: 3px;
border-bottom: 1px solid #BBB; /*THEME CHANGE HERE*/
padding: 2px;
text-decoration: none;
font-weight: bold;
color: black;
}

* html .dropmenudiv a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
background-color: #F0F0F0;
color:#F95A24;
	
}

/* ######### End Top Menu ######### */

.arrowlistmenu{
width: 70%; /*width of menu*/
margin-left:15px;
}

.arrowlistmenu .headerbar{
font: bold 14px Arial;
color: white;
background: black url(design/titlebar.png) repeat-x center left;
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 4px 0 4px 10px; /*header text is indented 10px*/
}

.arrowlistmenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
text-transform:capitalize;
}

.arrowlistmenu ul li a{
color: #333;
background: url(design/arrowbullet.png) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #dadada;
font-size: 105%;
}

.arrowlistmenu ul li a:visited{
color: #333;
background: url(design/arrowbullet.png) no-repeat center left; /*custom bullet list image*/
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #FE9226;
background-color: #F3F3F3;
}

/* bookmark box for media centre articles */
ul#bookmark	{
	margin:0px 0px 0px 10px;
	padding:10px;
	width:230px;
	
	font-size:12px;
	}

ul#bookmark	li{
	list-style-type:none;
	display:inline;
	
	}
ul#bookmark img{
	border:0px;
	margin-top:4px;
	}
ul#bookmark a{
	border:0px;
	padding:5px;
	}
li.bmarktext	{
	font-size:0.8em;
	display:block;
	font-weight:bold;
	text-transform:capitalize;
	}
/* end bookmark box for media centre articles */
/* styling for main content lists */

ul.contentlist {
list-style-type: none;
padding: 0;
margin: 0; padding-left: 1.6em;
}

ul.contentlist  li{
list-style-type: none;
background-image: url(design/listicon.png); /*custom bullet list image*/
background-repeat: no-repeat;
background-position: 0 .4em;
padding-left: 1.6em;
}

ol {
padding: 0;
margin: 0; padding-left: 0.6em;
list-style-type:none;
margin-bottom:5px;
margin-top:10px;
}

ol  li{
font-weight:bold;
padding-bottom:0.3em;
color:#666;
}