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

Title : NAK Version 2
Author : Manu Goenka
URL : www.css2.0mania.com

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


/* ClearFix */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
.clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/* Global Form Styles */
form{
margin: 0;
padding: 0;
}
input, textarea{
	background: #fff;
	border: 1px solid #83cde1;
	border-top: 3px solid #83cde1;
}
input:hover, textarea:hover {
	background: #F0FDE2;
	border-top: 3px solid #b1e77a
}
input:focus, textarea:focus {
	background: #FCFFEC;
	border-top: 3px solid #b1e77a
}
.submit { border: 0; width: auto; }
.submit:hover, .submit:active { border:0; }
.radio { background: none; border: 0; }

/*  --- Global Form Styles  -- End HERE */


/* ----- Icons, etc ----- */
.date {
	background:url(cimg/date.gif) left no-repeat;
	padding-left:18px;
	padding-right: 3px;
	float:right;
}
.time {
	background:url(cimg/clock.gif) left no-repeat;
	padding-left:16px;
	float:right;
	margin-right:10px;
}
.permalink {
	background:url(cimg/permalink.gif) left no-repeat;
	padding-left:18px;
}
.permalink_recent {
	background:url(cimg/permalink.gif) right no-repeat;
	padding-right:18px;
}
.comments {
	background:url(cimg/comment.gif) left no-repeat;
	padding-left:16px;
	float:left;
}
.comments a { color: #fff; }


body {
	margin:0;
	padding:0;
   background:#ABC0DE;
	color: #222;
	font: .8em/1.5em Arial, Helvetica, sans-serif;
}
abbr, acronym { /* acronym and abbr aren't styled in IE per default */
	border-bottom: 1px dotted #58B2CB;
	cursor: help;
}
code {
	color: #7FC4D8;
	font-family: "Lucida Sans Unicode", verdana, helvetica, sans-serif;
}
a {
	color: #0033CC;
	font-weight:bold;
	text-decoration: underline;
}
a:active { outline: none; text-decoration: underline;}
a:hover {
	color:#000;
	text-decoration: none;
	outline: none;
}
a img { border: 0; }
img{
margin: 0;
padding: 0;
border: 0;

}
h2 {
	color: #763A2F;
	font-size: 1.3em;
	font-style: italic;
	margin:0;
	font-weight:bold;
	line-height: 100%;
}
p { margin:0 0 8px 0 }

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


/********************************************************* --- Main Body Container  *******************************************************/
#nakcover{
position: relative;
width: 850px;
margin:auto;
position:relative;
background:#ABC0DE;

}
#nakainer
{
	width: 808px;
	padding:0;
	display:block;
	margin:10px auto 10px auto;
	
	
	padding: 0px;
}
#homebgimage{
background: url(/css/bg_home.jpg) no-repeat;
height:608px;
}

#logo{
padding: 25px;
height:107px;
width:383px;
}

#otherimage{
	position:absolute;
	top:213px;
	background: url(otherbg.png) no-repeat;
	height: 450px;
	width:100%;
	left: 1px;

}

#footer{
width:380px;
height:50px;
font-size:10.5px;
font-weight:bold;
background: url(canada.jpg) no-repeat right top;
word-spacing:0px;
line-height:10px;
}

#latestnews{
float:left;
font-weight:bold;

width:180px;
padding:0;

}

#stories{
float:right;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
width:180px;
padding:0;}
#mainmenu{position:absolute; top:13px; right:20px; height:100px;
}

#nav {
font-size:0.90em;
margin: 0 0 0 0;
padding: 0;
height: 34px;
float:right;

}
/* remove all the bullets, borders and padding from the default list styling */
#nav ul {
padding:0;
margin:0;
list-style-type:none;
}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
#nav li {
float:left;
width:107px;
position:relative;
padding: 0;
margin: 0;
font-size:12px;
}
/* style the links for the top level */
#nav a, #nav a:visited {
display:block;
text-decoration:none; 
width:107px; 
text-align:center;
line-height:30px;
cursor:pointer;
color:#000000;
}


#nav span {
background: url(but_over.png) no-repeat right top;
display: block;
height:30px;
}



/* a hack so that IE5.5 faulty box model is corrected */
* html #nav a, * html #nav a:visited {
width:107px;
w\idth:107px;
}
/* style the top level hover */
#nav a:hover{
color:#fff; 
BACKGROUND-POSITION: 0% -150px
}
#nav a:hover span{
BACKGROUND-POSITION: 100% -150px; COLOR: #fff;
background: url(but_over.png) no-repeat right top;
}


#nav :hover > a{
color:#fff;
background:#949e7c;
}


#caption {
   display:none;
}

.AWMSTCBG0 {
   display:none;
}



/******************************************** INSIDE PAGE ************************************/



#header{
   display:none;
}
#inmenu{
   display:none;
}

#inpage{
background: #669ACC;
padding: 0 5px;}

#pagecont{
background:#fff;
min-height:500px;
height: auto !important;
height: 500px;
padding: 10px;
}
#infooter{
   display:none;
}

/*************************** Fixed Styles ********************************************/


.box{
border: #727063 1px solid;
padding: 2px;
}
.left{
float:left}
.right{
float:right}
.clear{
clear:both;
}

/********************** TEXT POSITION ************************************/
.txtmid{
text-align:center;
}
.txtright{
text-align:right;
}
.txtleft{
text-align:left;
}
.txtjust{
text-align: justify;
}

/********************** TEXT CASES ************************************/
.txtup{
text-transform:uppercase;
}



/********************** FONT SIZES ************************************/

.fs10{
font-size:10px;
}
.fs12{
	font-size:12px;
	font-weight: bold;
}
.fs14{
font-size:14px;
}
.fs16{
	font-size:12px;
	color: #ff3334;
	font-weight: bold;
	text-decoration:none;
}
.fs18{
	font-size:14px;
	font-weight: bold;
	color: #FF3334;
}

/********************** FONT COLORS ************************************/
.fcb, .fcb a{
color: #FFF;
}
.fcw, .fcw a{
color: #FFF;
}
.fc1, .fc1 a{
color: #7F3E2E;
}

/********************** FONT WIGHT ************************************/

.fwb{
font-weight:bold;
}
.fwn{
font-weight:normal;
}


/********************** BACKGROUNDS WIGHT ************************************/
.bgw{
background:#FFF;
}
.bgb{
background:#000;
}
.bgr{
background:#EB3D00;
}
.bg1{
background:#979481;
}
.bg2{
background:#FFFA9C;
}
/********************** MENU WORK ************************************/

/* MENU 2 */

.menu2 {
float:left; width:100%; font-family:Arial, Helvetica, sans-serif; font-size:12px; border-top:1px solid #c00;
background:#FF3334; 
margin:0 0 0 0; font-weight:bold;
}
.menu2 ul {
padding:0;margin:0;list-style-type:none;
}
.menu2 ul li {
float:left; position:relative;
}
.menu2 ul li.group {display:block; text-indent:10px; background:#666; color:#ff0; width:152px; padding:4px 0;}

.menu2 ul li a, .menu2 ul li a:visited {
float:left; display:block; text-decoration:none; color:#FFF; padding:0px 14.5px; line-height:25px; height:30px; font-size:12px;
}

.menu2 ul li:hover {width:auto;}

.menu2 ul li a:hover {background:#FFF url(images/sub2a.gif); color:#c00;}

.menu2 ul li:hover a {background:#FFF url(images/sub2a.gif); color:#c00;}

.menu2 ul li ul {
display: none;
}
.menu2 table {
margin:0; border-collapse:collapse; font-size:11px; position:absolute; top:0; left:0;
}

/* specific to non IE browsers */
.menu2 ul li:hover ul {
display:block; position:absolute;top:29px; background:#FF3334; margin-top:1px; left:0; width:182px; /* made menu bigger */
}

.menu2 ul li:hover ul.scroller {
height:138px; width:172px; overflow:auto;}

.menu2 ul li:hover ul.endstop {
left:-90px;
}
.menu2 ul li:hover ul li ul {
display: none;
}
.menu2 ul li:hover ul li a {
display:block; background:#FF3334; color:#fff;height:auto;line-height:15px;padding:4px 16px; width:170px;  /* made menu bigger */
}
.menu2 ul li:hover ul li a.drop {
background:#669ACC;
}
.menu2 ul li:hover ul li a:hover {
color:#ff0; background: #669ACC;
}
.menu2 ul li:hover ul li a:hover.drop {
background: #669ACC; color:#ff0;
}
.menu2 ul li:hover ul li:hover ul {
display:block; position:absolute; left:183px; top:-1px; color:#000; left:202px; height:auto; width:202px; overflow:auto; background:#669ACC;  /* made menu bigger */
/* Original
 * display:block; position:absolute; left:153px; top:-70px; color:#000; left:152px; height:auto; width:172px; overflow:auto; background:#669ACC;  
 */
}
.menu2 ul li:hover ul li:hover ul li a {background:#669ACC;}
.menu2 ul li:hover ul li:hover ul li.group {width:152px; padding:5px 0;}


.menu2 ul li:hover ul li:hover ul.left {
left:-172px;
}
.menu2 ul li:hover ul li:hover ul li a:hover {background:#666; color:#0ff;}



/* specific to IE5.5 and IE6 browsers */
.menu2 ul li a:hover ul {
display:block;position:absolute;top:30px; t\op:29px; background:#FF3334;left:0; marg\in-top:1px;
}
.menu2 ul li a:hover ul.scroller {
height:138px; overflow:auto;}

.menu2 ul li a:hover ul.endstop {
left: -90px;
}
.menu2 ul li a:hover ul li a {
display:block; color:#fff; height:1px; line-height:15px; padding:4px 16px; width:152px; w\idth:120px;
}
.menu2 ul li a:hover ul li a.drop {
background:#669ACC; padding-bottom:5px;
}
.menu2 ul li a:hover ul li a ul {
visibility:hidden; position:absolute; height:0; width:0;
}
.menu2 ul li a:hover ul li a:hover {
color:#ff0; background: #669ACC;
}
.menu2 ul li a:hover ul li a:hover.drop {
 background: #669ACC; color:#ff0;
}
.menu2 ul li a:hover ul li a:hover ul {
visibility:visible; position:absolute; top:-69px; t\op:-70px; color:#000; left:152px; height:138px; width:170px; overflow:auto; background:#669ACC;
}
.menu2 ul li a:hover ul li a:hover ul.left {
left:-170px;
}
.menu2 ul li a:hover ul li a:hover ul li a:hover {background:#666; color:#0ff;}