/* CSS Document */
/* Marjun / JNB Web Promotion */
/* email: marjun@jnbwebpromotion.com */

ul,ol,li,pre,form,body,html,p,blockquote,fieldset,input{ margin:0; padding:0; }

h1 { padding:5px 0 5px 0; font:20pt/20pt Arial, Helvetica, sans-serif; color:#020202; }

h2 { padding:5px 0 5px 0; font:12pt Arial, Helvetica, sans-serif; color:#000; font-weight:bold; }

h3,h4,h5,h6  { padding:5px 0 5px 0; font:12pt Arial, Helvetica, sans-serif; color:#000; font-weight:bold;}

a img{ border:0; }

.clearfloat { clear:both;   height:0;    font-size: 1px;    line-height: 0px; }

body { background: #fff url(../images/bg.jpg) top center no-repeat; width:100%; font:10pt/12pt Arial, Helvetica, sans-serif ; color:#000; margin:0;}

#container {float:center; width: 954px; height:100%; margin: 0 auto; padding: 0 15px 0 15px; }

#header { float:left; width:958px; height:226px; margin:0; padding:82px 0 0 0;}


.MyNegIslLogo_holder{ float:left; background:transparent; width:958px; height:122px; margin:0; padding-top:46px; }

.header-nav { float:left; background:#f4f4f5; width:958px; height:17px; color:#022667; text-indent:5pt; padding:0;}
.header-nav a { color:#022667; text-decoration:none;}
.header-nav a:visited { color:#022667; text-decoration:none;}
.header-nav a:hover { color:#fff; text-decoration:none;}

ul.header-nav
{
	margin:0px;
	padding-top:12px;
	padding-bottom:5px;
	list-style:none;
	z-index:3;
	background:#f4f4f5;
	
        
}


ul.header-nav li
{
	float:left;
	font: 8pt/8pt Arial, Helvetica, sans-serif;
	text-transform:uppercase;	
	color:#022667;
	padding:0 20px 0 0;
	margin:0;
	border-right:1px #022667 solid;
	position:relative;
	z-index:2;
	color:#022667; font-weight:bold;
	
}
ul.header-nav li a, ul.menu li a:visited
{		
	color:#022667; font-weight:bold; 
}
ul.header-nav li a:hover
{		
	color:#0188f7;	
	background: #f2f2f2;
     
	
}

ul.header-nav li ul 
{ 	
	position: absolute; 
	left:10px; 
	top: 13px;
	padding:5px 0px 5px 0px;
	margin:0;
	display:none; 
	width:180px;
	background:#f4f4f5;
	list-style:none;
	
}



ul.header-nav li ul li
{
	float:none;
	padding:5px 0 5px 5px;
	display:block;
	margin:0;
	position:relative;
	border-left:2px solid #fff;	
	border-right:2px solid #fff;
	border-bottom:1px solid #fff;
	
}

ul.header-nav li ul li ul
{
	position: absolute; 
	left:175px; 
	top:0px;
	display:none; 
	padding:0;
	list-style:none;
}

ul.header-nav li:hover ul, ul.header-nav li.over ul { display: block; } 
ul.header-nav li:hover ul li ul, ul.header-nav li.over ul li ul { display: none; } 
ul.header-nav li ul li:hover ul, ul.header-nav li ul li.over ul { display: block; }

#navpadlef { padding-left:15px; }
#contactusnav { border-right:0; padding-left:15px;}

#content { float:left; background:#fff; width:958px; height:100%; margin:0; padding:15px 0 0 0; }

#sidebar { float:left; background:#fff; width:209px; height:100%; margin:0; padding:0; }
.sidebartop { float:left; background:#fff; width:208px; height:100%; color:#000; padding:0 0 10px 0; }
.sidebarbottom { float:left; background:#fff; width:208px; height:100%; color:#000; padding:10px 0 0 0; }

.sidebar-nav { float:left; background:#fff; width:208px; height:25px; color:#fff; text-indent:5pt; padding:5px 0 5px 0; }
.sidebar-nav a { color:#fff; text-decoration:none; font-weight:bold;}
.sidebar-nav a:visited { color:#fff; text-decoration:none; font-weight:bold;}
.sidebar-nav a:hover { color:#fff; text-decoration:none; font-weight:bold;}

ul.sidebar-nav
{
	margin:0px;
	padding-top:10px;
	padding-bottom:5px;
	list-style:none;
	background:#fff url(../images/rytmenubg.gif) no-repeat;
	 
	
        
}

ul.sidebar-nav li
{
	float:left;
	font: 10pt Arial, Helvetica, sans-serif; color:#fff;
	text-transform:uppercase;	
	padding:0 20px 0 0;
	margin:0;
	position:relative;
	font-weight:bold; 
		
}
ul.sidebar-nav li a, ul.menu li a:visited
{		
    font: 10pt Arial, Helvetica, sans-serif;
	color:#fff; text-decoration:none; font-weight:bold; 
}
ul.sidebar-nav li a:hover
{		
	color:#FF6600;	
}

ul.sidebar-nav li ul 
{ 	
	position: relative; 
	left:0px; 
	top: 0px;
	padding:5px 0px 5px 0px;
	margin:0;
	display:none; 
	width:208px;
	background:#04409d;
	list-style:none;
	z-index:3;
}



ul.sidebar-nav li ul li
{
	float:none;
	padding:5px 0 5px 0px;
	display:block;
	margin:0;
	position:relative;
	border-bottom:1px solid #fff;
	
	
}

ul.sidebar-nav li ul li ul
{
	position: absolute; 
	left:175px; 
	top:0px;
	display:none; 
	padding:0;
	list-style:none;
}

ul.sidebar-nav li:hover ul, ul.header-nav li.over ul { display: block; } 
ul.sidebar-nav li:hover ul li ul, ul.header-nav li.over ul li ul { display: none; } 
ul.sidebar-nav li ul li:hover ul, ul.header-nav li ul li.over ul { display: block; }


.sidebarcontent { float:left; background: #fff; width:180px; height:100%; color:#000; padding:10px 0 10px 20px;  }
.sidebarcontent h1 { font:8pt Arial, Helvetica, sans-serif; color:#020202; font-weight:bold; }
.sidebarcontent p { font:8pt/12pt Arial, Helvetica, sans-serif; color:#020202; padding:5px 0 5px 0; }
.sidebarcontent a { text-decoration:none; color:#020202;  }
.sidebarcontent a:visited { text-decoration:none; color:#020202;  }
.sidebarcontent a:hover { text-decoration:none; color:#FF6600; font-weight:bold; }

.sidebarcontent img { float:center; width:161px; height:88px;}

.sidebarcontentborder { border-bottom:1px #CCCCCC solid; width:208px; height:5px; padding:10px 0;}

#content-nav-wrapper { float:left; width:677px; height:100%px; margin:0; padding:0 0 20px 36px;  }
#content-nav-wrapper h1 { font:20pt/20pt Arial, Helvetica, sans-serif; color:#020202; font-weight:bold; }

#content-nav-wrapper p { font:10pt/15pt Arial, Helvetica, sans-serif; color:#020202; padding:10px 0 10px 0 }
#content-nav-wrapper ul { font:10pt/15pt Arial, Helvetica, sans-serif; color:#020202; padding-left: 30px; }

#content-bottom {float:left; width:677px; height:100%px; margin:0; padding:0 0 50px 36px;}
.content-bottom-wrapper {float:left; width:677px; height:100%px; margin:0; padding:0; border-top: 1px #999999 dashed;}
.content-bottom-wrapper p { font:10pt/15pt Arial, Helvetica, sans-serif; color:#000000; padding:10px 0 10px 0 }
.content-bottom-wrapper ul { font:10pt/15pt Arial, Helvetica, sans-serif; color:#000000; padding-left: 30px; }
.content-bottom-wrapper li { font:10pt/15pt Arial, Helvetica, sans-serif; color:#000000;  }
.content-bottom-wrapper img { float:right;}

.content-bottom-wrapper1 {float:left; width:677px; height:100%px; margin:0; padding:0; border-bottom: 1px #999999 solid;}
.content-bottom-wrapper1 h1 { font:14pt/15pt Arial, Helvetica, sans-serif; color:#020202; font-weight:bold;}
.content-bottom-wrapper1 h2 { font:12pt/15pt Arial, Helvetica, sans-serif; color: #FF6600; font-weight:bold; text-transform:uppercase;}
.content-bottom-wrapper1 p { font:10pt/15pt Arial, Helvetica, sans-serif; color:#000000; padding:10px 0 10px 0 }
.content-bottom-wrapper1 ul { font:10pt/15pt Arial, Helvetica, sans-serif; color:#000000; padding-left: 30px; }
.content-bottom-wrapper1 li { font:10pt/15pt Arial, Helvetica, sans-serif; color:#000000;  }
.content-bottom-wrapper1 img { float:right;}
.content-bottom-wrapper1 a { text-decoration:none; color:#020202;}
.content-bottom-wrapper1 a:visited { text-decoration:none; color:#020202;}
.content-bottom-wrapper1 a:hover { text-decoration:none; color:#0183f1;}


.content-bottom-wrapper2 {float:left; width:677px; height:100%px; margin:0; padding:0; }
.content-bottom-wrapper2 h1 { font:14pt/15pt Arial, Helvetica, sans-serif; color:#020202; font-weight:bold;}
.content-bottom-wrapper2 h2 { font:12pt/15pt Arial, Helvetica, sans-serif; color: #FF6600; font-weight:bold; text-transform:uppercase;}
.content-bottom-wrapper2 p { font:10pt/15pt Arial, Helvetica, sans-serif; color:#000000; padding:10px 0 10px 0 }
.content-bottom-wrapper2 ul { font:10pt/15pt Arial, Helvetica, sans-serif; color:#000000; padding-left: 30px; }
.content-bottom-wrapper2 li { font:10pt/15pt Arial, Helvetica, sans-serif; color:#000000;  }
.content-bottom-wrapper2 img { float:right;}
.content-bottom-wrapper2 a { text-decoration:none; color:#020202;}
.content-bottom-wrapper2 a:visited { text-decoration:none; color:#020202;}
.content-bottom-wrapper2 a:hover { text-decoration:none; color:#0183f1;}

.picture-frame { float:left; padding:21px 22px 24px 20px; width:279px; height:193px; -webkit-box-shadow: inset 0 1px 8px #000;}

.contenttoplogo { float:left; background:url(../images/contenttoplogo.jpg) no-repeat; width:200px; height:27px; padding:0; margin:0;}

.contentfooterlogo { float: right; background:url(../images/contentfooterlogo.jpg) no-repeat; width:500px; height:89px; padding:0; margin:0;}


#footer {float:left; background: #fff; width:948px; height:50px; margin:0; padding:10px 0 0px 10px;  }

#footer p { font:8pt/15pt Arial, Helvetica, sans-serif; color:#434343; }
#footer a { text-decoration:none; color:#434343;}
#footer a:visited { text-decoration:none; color:#434343;}
#footer a:hover { text-decoration: underline; color:#434343;}



