/* WNPOC website - Main CSS file */
	
	/** HTML Tags **/
	body{
	 	background-image:url(../images/bg_title.jpg);
	 	background-repeat:repeat-x;
		background-position: 0px -0px 0px 0px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:9px;
		color:#494949;
	}
	
	a{
		color:#0088cc;
		text-decoration:none;
	
	
	}
	
	a:hover{
		color:#0088cc;
		text-decoration:underline;
	
	}
	
	.readMore a{
		color:#578cbe;
		text-decoration:none;
		font-size:11px;
	
	
	}
	
	.readMore a:hover{
		color:#578cbe;
		text-decoration:underline;
		font-size:11px;
	}
	
	.normalImgFrame{
		border:#CCCCCC 1px solid;
	
	}
	
	.small-timeDate{
		color:#999999;
		font-size:10pt;
		margin-bottom: 25px;
	}
	
	.readMore {
		font-size:8pt;
		color:#CC0000;
	}
	.readMore a{
	
		color:#CC0000;
	}
	
	.readMore a:hove{
	
		color:#CC0000;
	}
	/** EOF HTML Tags **/
	

	/** Top Header **/
	#topHeader{
		position:absolute;
		top:0px;
		margin:0 auto;
		width: 100%;
		height: 106px;
		

	}
	
	#topHeader .wnpocLogo{
		position:relative;
		width:292px;
		height: 106px;
		float:left;
		background-image:url(../images/wnpoc_logo.jpg);
		background-repeat:no-repeat;
		display:inline;
	}
	
	#topHeader .rightBox{
		position:relative;
		top:80px;
		right:0;
		float:right;
		display:inline;
		
	}
	/** EOF Top Header **/
	
	
	/** Meddile Header **/
	#meddileHeader
	{
	position:relative;
	width: 100%;
	top: 0px;
	height: 355px;
	margin-bottom: 0px;
	background-image:url(../images/headerBG.jpg);
	background-repeat:no-repeat;
	z-index: 1;
		
	}
	
	
	#meddileHeader .loginBox
	{
		position:relative;
		width: 232px;
		height:111px;
		float: right;
		right: 15px;
		top : 16px;
		padding: 5px 5px 5px 5px;
		border: #000000 solid 0px;
	
	}
	
	#meddileHeader .loginBox th
	{
		text-align:left;
		font-weight:normal;
		font-size:12px;
	}
	
	#meddileHeader .loginInputText ,.searchBoxInputText{ 
	 	font-size:9pt;
		border: 0px;
		width: 100%;
		height: 23 px;
		padding: 5px 5px 5px 5px;
	} 

	
	#meddileHeader .searchButton
	{
		/*filter:progid:DXImageTransform.Microsoft.Gradient (GradientType=0,StartColorStr='#ffffffff',EndColorStr='#ffeeddaa');*/
		background-image: url(../images/searchButton-icon.png);
		background-repeat:repeat-x;
		border: 0;
		background-color: transparent;
		background-repeat: no-repeat;
		Width: 26px;
		height: 26px;
		cursor:pointer;
		  
	
	}
	
	#meddileHeader .loginButton
	{
		/*filter:progid:DXImageTransform.Microsoft.Gradient (GradientType=0,StartColorStr='#ffffffff',EndColorStr='#ffeeddaa');*/
		background-image: url(../images/loginButton-icon.png);
		background-repeat:repeat-x;
		background-position: 0 0 0 0;
		border: 0;
		background-color: transparent;
		background-repeat: no-repeat;
		margin-top: 3px;
		Width: 62px;
		height: 26px;
		cursor:pointer;
		  
	
	}
	
	#meddileHeader .searchBox
	{
		position:absolute;
		width: 232px;
		height:45px;
		float: right;
		right:15px;
		top : 101px;
		padding: 5px 5px 5px 5px;
		
	}
	
	#meddileHeader .swfHeaderBox
	{
		position:absolute;
		width:949 px;
		height:167 px;
		float:left;
		left: 14 px;
		top: 135px;
		z-index:1;

	
	}
	/** EOF Meddile Header **/
	
	
	/**  Left Columns **/
	#pageLeftCol
	{	
		width: 300px;
		height: 100%;
		position:static;
		
		float:left;
		/*border: 1px #000000 solid;*/	
	}
	
	/** read box **/
	#readBox
	{		
		width: 100%;
		position:static;
		float:left;
		
	}
	 
	#readBox .header
	{
		position:static;
		height: 33 px;
		width: 92.5%;
		float:left;
		padding: 5px 0px 0px 19px;
		color:#FFFFFF;
		background-color:#c60009;
		font-size:15pt;
		font-family:"Arial", Helvetica;
		text-transform:capitalize;
		vertical-align:middle;
		
	}
	
	#readBox .leftRadius{
		position:static;
		width: 11px;
		height: 33px;
		float:left;

	 	background-image:url(../images/readBox_left.png);
	 	background-repeat:no-repeat;
	}
	
	#readBox .rightRadius{
		position:static;
		right:0 px;
		width: 11px;
		height: 33px;
		float:left;
	 	background-image:url(../images/readBox_right.png);
	 	background-repeat:no-repeat;
	}
	
	#readBox  .content
	{
		position:static;
		top:33px;
		left:0px;
		width: 100%;
		padding: 5px  30px 20px 30px;
		color:#666666;
		font-size: 10pt;
		
	}
	
	#readBox  .content ul{
		
		/*
		list-style-position: outside;
		list-style-image:url(../images/pointer_01.png);*/
		list-style:none;
		
		margin: 20px 0px 20px 0px;

	
	}
	
	#readBox  .content li{
		border-bottom:1px #CCCCCC  dashed;
		padding: 5px 0px 5px 0px;
	
	}
	
	#readBox  .content li a{
		color:#c60009;
		text-decoration:none;
	
	}
	#readBox  .content li a:hover{
		color:#c60009;
		text-decoration:underline;
	
	}
	/** EOF read box **/
	
	/** Yellow Box **/
	#yellowBox
	{		

		width: 100%;
		position:static;
		float:left;
		margin: 5px 0px 5px 0px;
	}
	 
	#yellowBox .header
	{
		position:static;
		height: 33 px;
		width: 92.5%;
		float:left;
		padding: 5px 0px 0px 19px;
		color:#FFFFFF;
		background-color:#fc9d00;
		font-size:15pt;
		font-family:"Arial", Helvetica;
		text-transform:capitalize;
		vertical-align:middle;
		
	}
	
	#yellowBox .leftRadius{
		position:static;
		width: 11px;
		height: 33px;
		float: left;

	 	background-image:url(../images/yellowBox_left.png);
	 	background-repeat:no-repeat;
	}
	
	#yellowBox .rightRadius{
		position:static;
		right:0 px;
		width: 11px;
		height: 33px;
		float:left;
	 	background-image:url(../images/yellowBox_right.png);
	 	background-repeat:no-repeat;
	}
	
	#yellowBox  .content
	{
		position:static;
		top:33px;
		left:0px;
		width: 100%;
		padding: 5px  30px 20px 30px;
		color:#666666;
		font-size: 10pt;
		
	}
	
	#yellowBox  .content ul{
		
		/*
		list-style-position: outside;*/
		list-style:none;
		font-size: 10pt;
		margin: 20px 0px 20px 0px;

	
	}
	
	#yellowBox  .content li{
		border-bottom:1px #CCCCCC  dashed;
		padding: 10px 0px 5px 0px;
		margin: 10px 0px 5px -10px;
		font-size: 10pt;
	}
	
	#yellowBox  .content li a{
	
		color:#494949;
		text-decoration:none;

	
	}
	
	#yellowBox  .content li a:hover{
		color:#666666;
		text-decoration:underline;

	}
	
	#yellowBox .content img{
		margin-right: 8px;
		
		margin-bottom: 10px;
		border:#CCCCCC solid 1px;
	}
	
	/** EOF Yellow Box **/
	
	/** grean box **/
	#greanBox
	{		
		width: 100%;
		position:static;
		float:left;
		
	}
	 
	#greanBox .header
	{
		position:static;
		height: 33 px;
		width: 92.5%;
		float:left;
		padding: 5px 0px 0px 19px;
		color:#FFFFFF;
		background-color:#4b9a24;
		font-size:15pt;
		font-family:"Arial", Helvetica;
		text-transform:capitalize;
		vertical-align:middle;
		
	}
	
	#greanBox .leftRadius{
		position:static;
		width: 11px;
		height: 33px;
		float:left;

	 	background-image:url(../images/greanBox_left.png);
	 	background-repeat:no-repeat;
	}
	
	#greanBox .rightRadius{
		position:static;
		right:0 px;
		width: 11px;
		height: 33px;
		float:left;
	 	background-image:url(../images/greanBox_right.png);
	 	background-repeat:no-repeat;
	}
	
	#greanBox  .content
	{
		position:static;
		top:33px;
		left:0px;
		width: 100%;
		padding: 5px  30px 20px 30px;
		color:#666666;
		font-size: 10pt;
		
	}
	
	#greanBox  .content ul{
		
		
		/*list-style-position: outside;
		list-style-image:url(../images/pointer_01.png);
		
		*/
		list-style:none;
		
		margin: 20px 0px 20px 0px;

	
	}
	
	#greanBox  .content li{
		/*border-bottom:1px #CCCCCC  dashed;*/
		padding: 5px 0px 5px 0px;

		text-transform:uppercase;
	
	}
	
	#greanBox  .content li a{
		color:#4b9a24;
		text-decoration:none;
	
	}
	#greanBox  .content li a:hover{
		color:#4b9a24;
		text-decoration:underline;
	
	}
	/** EOF grean box **/
	
	/**  EOF Left Columns **/
	
	
	/** Page Body Area **/
	#pageBody{
		position:static;
		height:100%;
		top: 400px;
		background-image:url(../images/bodyBG.jpg);
		border:0px #333333 solid
	
	 	background-repeat:repeat-y;
		
		padding-top: 30px;
		
		

	}
	
	/** EOF Page Body Area **/
	
	
	/** Page Columns **/
	
	#pageCol
	{
		position:static;
		height: 100%;
		width: 640;
		margin-left: 20px;
		margin-left: 20px;
		margin-top: 0px;
		padding-top:0px;
		top: -10px;
		float:left;
		border: 0px #3300CC solid;
		padding: 10px 10px 10px 10xp;
	}
	/** EOF Page Columns **/
	
	/** Page Footer **/
	#pageFooter
	{
		position:static;
		height: 124px;
		background-image:url(../images/footerBG.jpg);
		background-position: 11px;
		background-repeat:no-repeat;
		padding:0px;
		margin:0px;
		
		
		width:100%;
		border:#333333 0px solid;
	}
	
	#pageFooter .copyright{
		margin-left: 30px;
		margin-top: 4px;
		font-size:12px;
	
	}
	/** EOF Page Footer **/
	
	
	/** Table Design **/
	#messageBox {
		border:1px solid #FFCC99;
		padding: 1.5em;
		
		padding-bottom: 0px;
		background-color:#FFFFCC;
	}
	
	#messageBox p{
		color:#444444;
	
	}
	
	#messageBox .note{
		border-color:#FF9933;
		background-color:#FFFFCC;
		
	
	}
	
	#messageBox h3{
		padding:0px;
		margin:0xp;
		
	}
	
	#n{
		position:absolute;
		left:auto;
		right:left;

		float:right;
		top:391px;
	  	background-image:url(../../bg_03.jpg);
		border:0px #333333 solid;
	 	background-repeat:repeat-x;
		margin-left:14px;
		z-index:22;
		
		
	}