/***********************************************/
/* 2col_rightNav.css                             */
/* Use with template 2col_rightNav.html          */
/***********************************************/

/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 

body{
	font-family: Arial,sans-serif;
	color: #333333;
	line-height: 1.166;	
	margin: 0px;
	padding: 0px;
	background:background-color;#000000;
	

	/***background: #CECECE url('/v4/images/img1.gif');***/
}

a:link, a:vid, a:hover {
	color: #006699;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}
/* overrides decoration from previous rule for hovered links */

h1, h2, h3, h4, h5, h6 {
	font-family: Arial,sans-serif;
	margin: 0px;
	padding: 0px;
}

h1{
 font-family: Verdana,Arial,sans-serif;
 font-size: 120%;
 color: #334d55;
}

h2{
 font-size: 170%;
 color: #006699;
}

h3{
 font-size: 100%;
 color: #334d55;
}

h4{
 font-size: 100%;
 font-weight: normal;
 color: #333333;
}

h5{
 font-size: 100%;
 color: #334d55;
}

ul{
 list-style-type: square;
}

ul ul{
 list-style-type: disc;
 list-style: inside;
}

ul ul ul{
 list-style-type: none;
}

label{
	font: bold 100% Arial,sans-serif;
 color: #334d55;
}

ul.compact {
	list-style: inside;
	margin-left: 10px;
	
	
}

/***********************************************/
/* Layout Divs                                 */
/***********************************************/
#back {background-color:#66CCFF;}

/*background: url(../images/g2.jpg); background-repeat:repeat-x;*/

#btnav { background-color: #84C1DF; border: 1px #000000 solid;} 


#master { 
	margin: 0px auto;
	width: 960px;
	background-color: #000000;
	border: 1px solid #cccccc;
	/*border: 3px solid black;*/
	}
#masthead{
	margin: 0;
	padding: 10px 0px;
	border-bottom: 1px solid #cccccc;
	width: 100%;
	height: 140px;
}
#tabs{
	margin: 0;
	padding: 10px 0px;
	border-bottom: 1px solid #cccccc;
	width: 100%;
	height: 65px;
}
#logo {
	height: 140px;
	width: 960px;
	background: url('/v4/images/test3.jpg') no-repeat;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0
}
#top_infoleft {
	line-height: 27px;
	float: left;
	color: #808080;
	text-align: right;
	height: 10px;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 12px;
	margin-left: 3px;
}
#top_info {
	line-height: 27px;
	float: right;
	color: #808080;
	text-align: right;
	height: 10px;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 7px;
	margin-left: 0;
}
#tablist{ padding: 3px 0; margin: 0; float: left; }
	#tablist li{ display: inline; margin: 0; background: url('images/test.jpg') no-repeat; list-style-type:none}
	#tablist li a{
		text-decoration: none;
		margin-right: 2px;
		background: #808080 url('images/corner.gif') no-repeat top right;
		font-weight: bold;
		color: #fff; padding-left:22px; padding-right:22px; padding-top:4px; padding-bottom:4px
	}
	#tablist li a:hover{
		background: #6495AB url('images/corner.gif') no-repeat top right;
		color: #fff;
	}
	#tablist li a.current{
		background: #9FC7D8 url('images/corner.gif') no-repeat top right;
		color: #2F637A;
		padding-left:22px; padding-right:22px; padding-top:6px; padding-bottom:6px
	}
	#tablist .key { text-decoration: underline; }

#topics {
	clear: left;
	float: left;
	width: 950px;
	background: #B0D0DC url('images/topicsbg.gif') repeat-x left bottom;
	color: #fff;
	height: 25px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0;
	padding-top: 8px;
	padding-right: 5px;
	padding-bottom: 8px;
	padding-left: 5px
}
	#topics li a { background-image: url('images/bullet.gif'); background-repeat: no-repeat; background-position:  left center;  padding-left:12px; padding-right:0; padding-top:0; padding-bottom:0 }

/* Root = Horizontal, Secondary = Vertical */
ul#navmenu {
	margin: 0;
	border: 0px none;
	padding: 0;
	width: 960px; /*For KHTML*/
	height: 24px; list-style-type:none
	}

ul#navmenu li {
	margin: 0;
	border: 0px none;
	padding: 0;
	float: left; /*For Gecko*/
	display: inline;
	position: relative; z-index: 2;
	height: 24px; list-style-type:none
	}

ul#navmenu ul {
	margin: 0;
	border: 0px none;
	padding: 0;
	width: 170px;
	display: none;
	position: absolute;
	top: 24px;
	left: 0; list-style-type:none
	}

ul#navmenu ul:after /*From IE 7 lack of compliance*/{
	clear: both;
	display: block;
	font: 1px/0px serif;
	content: ".";
	height: 0;
	visibility: hidden;
	}

ul#navmenu ul li {
	width: 170px;
	float: left; /*For IE 7 lack of compliance*/
	display: block !important;
	display: inline; /*For IE*/
	}

/* Root Menu */
ul#navmenu a {
	border: 1px solid #FFF;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	padding: 0 6px;
	float: none !important; /*For Opera*/
	float: left; /*For IE*/
	display: block;
	background: #EEE;
	color: #666;
	font: bold 10px/22px Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	height: auto !important;
	height: 1%; /*For IE*/
	}

/* Root Menu Hover Persistence */
ul#navmenu a:hover,
ul#navmenu li:hover a,
ul#navmenu li.iehover a {
	background: #CCC;
	color: #FFF;
	}

/* 2nd Menu */
ul#navmenu li:hover li a,
ul#navmenu li.iehover li a {
	float: none;
	background: #EEE;
	color: #666;
	}

/* 2nd Menu Hover Persistence */
ul#navmenu li:hover li a:hover,
ul#navmenu li:hover li:hover a,
ul#navmenu li.iehover li a:hover,
ul#navmenu li.iehover li.iehover a {
	background: #CCC;
	color: #FFF;
	}

/* 3rd Menu */
ul#navmenu li:hover li:hover li a,
ul#navmenu li.iehover li.iehover li a {
	background: #EEE;
	color: #666;
	}

/* 3rd Menu Hover Persistence */
ul#navmenu li:hover li:hover li a:hover,
ul#navmenu li:hover li:hover li:hover a,
ul#navmenu li.iehover li.iehover li a:hover,
ul#navmenu li.iehover li.iehover li.iehover a {
	background: #CCC;
	color: #FFF;
	}

/* 4th Menu */
ul#navmenu li:hover li:hover li:hover li a,
ul#navmenu li.iehover li.iehover li.iehover li a {
	background: #EEE;
	color: #666;
	}

/* 4th Menu Hover */
ul#navmenu li:hover li:hover li:hover li a:hover,
ul#navmenu li.iehover li.iehover li.iehover li a:hover {
	background: #CCC;
	color: #FFF;
	}

ul#navmenu ul ul,
ul#navmenu ul ul ul {
	display: none;
	position: absolute;
	top: 0;
	left: 170px;
	}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#navmenu li:hover ul ul,
ul#navmenu li:hover ul ul ul,
ul#navmenu li.iehover ul ul,
ul#navmenu li.iehover ul ul ul {
	display: none;
	}

ul#navmenu li:hover ul,
ul#navmenu ul li:hover ul,
ul#navmenu ul ul li:hover ul,
ul#navmenu li.iehover ul,
ul#navmenu ul li.iehover ul,
ul#navmenu ul ul li.iehover ul {
	display: block;
	}

/* content */
#left {
	float: left;
	width: 750px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
}
	.subheader {
	padding: 8px;
	background: #f4f4f4 url('images/bgshade.gif') repeat-x;
	color: #808080;
	border-bottom: 1px solid #ccc;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0
	}
	.subheader2 {
	padding: 8px;
	/*background: #f4f4f4 url(images/bgshade.gif) repeat-x;*/
	color: #FFF;
	border-bottom: 1px solid #ccc;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
		
	}
	.subheader3 {
	padding: 8px;
	height: 120px;
	background:#222;
	width: 600px;
	/*background: #f4f4f4 url('images/bgshade.gif') repeat-x;*/
	color: #808080;
	border-bottom: 1px solid #ccc;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0
	}
	.left_articles {
		background: #fff url('images/bgshade.gif') repeat-x;
		color: #454545;
		margin-left:0; margin-right:0; margin-top:0px; margin-bottom:0px; padding-left:10px; padding-right:15px; padding-top:15px; padding-bottom:0px;
	}
	.left_articles2 {
		background: #fff url('images/bgshade.gif') repeat-x;
		color: #fff;
		margin-left:0; margin-right:0; margin-top:0px; margin-bottom:10px; padding-left:10px; padding-right:15px; padding-top:15px; padding-bottom:5px
	}
	.l_articles {
	border: 1px solid #ccc;
	padding: 8px;
	margin: 0 0 0px 0;
	/*background: #933;*/background: #800000;
	color: #FFF;
	font: 1.0em Tahoma, Arial, sans-serif;
	float:none;
	text-align: left;
	
	
	}
	
		.date { font-size: .9em; background: #fff url('images/news.gif') no-repeat center left; color: #808080; padding-left:12px; padding-right:0; padding-top:0; padding-bottom:0 }
		.bigimage {
			float: left;
			clear: left;
			border: 1px solid #ccc;
			background: #eee;
			color: #000;
			width: 200px;
			height: 150px;
			margin: 0 15px 10px 0;
		}
		.smallimage{
			float: left;
			clear: left;
		}
		.bigimage2 {
			float: right;
			clear: right;
			border: 1px solid #ccc;
			background: #eee;
			color: #000;
			width: 200px;
			height: 150px;
			margin: 5px 0px 10px 10px;
			}
		.bigimage3 {
			float: left;
			clear: left;
			border: 1px solid #ccc;
			background: #eee;
			color: #000;
			width: 200px;
			height: 300px;
			margin: 0 15px 10px 0;
		}
		.bigimage4 {
			float: left;
			clear: left;
			border: 1px solid #ccc;
			background: #eee;
			color: #000;
			width: 300px;
			height: 200px;
			margin: 0 15px 10px 0;
		}
	.left_box {
		/*background: #f4f4f4;*/
		background:background-color:#000000;
		color: #808080;
		border-top: 1px dotted #ccc;
		border-bottom: 1px dotted #ccc;
		padding: 15px;
		margin: 0 0 15px 0;

	
	}
	.left_box2 {
		background: #ffffff;
		color: #808080;
		border-top: 1px dotted #ccc;
		border-bottom: 1px dotted #ccc;
		padding: 15px;
		margin: 0 0 15px 0;

	
	}
	.thirds {
	float: left;
	width: 225px;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 15px;
	
	}		
	.fourths {
	float: left;
	width: 205px;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 15px;
	}			



	
#navBar{
	margin: 0 0 0 79%;
	padding: 0px;
	background-color: #eeeeee;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

#content{
  float:left;
	width: 75%;
	margin: 0;
	padding: 0 3% 0 0;
}


/***********************************************/
/*Component Divs                               */
/***********************************************/

#Name{
	margin: 0px;
	padding: 0px 0px 10px 10px;
}


/*************** #pageName styles **************/

#pageName{
	padding: 0px 0px 10px 10px;
}


/************* #globalNav styles **************/

#globalNav{
color: #cccccc;
padding: 0px 0px 0px 10px;
white-space: nowrap;
}
/* 'nowrap' prevents links from line-wrapping if there are too many to fit in one line
   this will force a horizontal scrollbar if there isn't enough room for all links
   remove rule or change value to 'normal' if you want the links to line-wrap */

#globalNav img{
 display: block;
}

#globalNav a {
	font-size: 90%;
	padding: 0px 4px 0px 0px; 
}


/************* #breadCrumb styles *************/

#breadCrumb{
	font-size: 80%;
	padding: 5px 0px 5px 10px;
}


/************** .feature styles ***************/

.feature{
	padding: 0px 0px 10px 10px;
	font-size: 80%;
}

.feature h3{
	padding: 30px 0px 5px 0px;
	text-align: center;
}

.feature img{
	float: left;
	padding: 0px 10px 0px 0px;
	margin: 0 5px 5px 0;
}
/* adjust margins to change separation between the feature image and text flowing around it */


/************** .story styles *****************/

.story{
	clear: both;
	padding: 10px 0px 0px 10px;
	font-size: 80%;
}

.story p{
  padding: 0px 0px 10px 0px;
}


/************* #Info styles ***************/

#siteInfo{
	clear: both;
	border: 1px solid #cccccc;
	font-size: 100%;
	color: #000000;
	padding: 10px 10px 10px 10px;
	margin-top: 0px;
	background-color:#9FC7D8;
}
/* negative top margin pulls siteinfo up so its top border overlaps (and thus lines up with)
   the bottom border of the navBar in cases where they "touch" */

#siteInfo img{
	padding: 4px 4px 4px 0px;
	vertical-align: middle;
}

/* main menu search */
#search {
	float: right;
	text-align: right;
	background: #fff url('images/searchbg.gif') no-repeat;
	color: #000;
	min-height: 32px; /* FF height */
	height: 25px;	/* IE height */
	width: 210px; padding-left:20px; padding-right:20px; padding-top:32px; padding-bottom:12px
	/*padding-top: 32px; padding-right: 20px; padding-bottom: 12px; padding-left: 20px*/
}
	/* search form styling */
	form, form p { margin: 0; padding: 0; line-height: 25px; }
	
		.search { width: 150px; border: 1px solid #357994; background: #fff; color: #478F36; padding: 4px; margin: 0; font-weight: bold; font-size: 1.3em;  }
		.button { padding: 4px; font: bold 1em Arial, Sans-Serif; }
		
/************* #search styles ***************/

#searchx{
	padding: 5px 0px 5px 10px;
	border-bottom: 1px solid #cccccc;
	font-size: 90%;
}

#searchx form{
 margin: 0px;
 padding: 0px;
}

#searchx label{
	display: block;
	margin: 0px;
	padding: 0px;
}


/*********** #navBar link styles ***********/

#navBar ul a:link, #navBar ul a:visited {display: block;}
#navBar ul {list-style: none; margin: 0; padding: 0;}

/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
#navBar li {border-bottom: 1px solid #EEE;}

/* fix for browsers that don't need the hack */
html>body #navBar li {border-bottom: none;}


/*********** #sectionLinks styles ***********/

#sectionLinks{
	position: relative;
	margin: 0px;
	padding: 0px;
	/*border-bottom: 1px solid #cccccc;*/
	border-bottom:#C9B884 1px solid;
	font-size: 90%;
}

#sectionLinks h3{
	padding: 10px 0px 2px 10px;
}

#sectionLinks a:link{
	padding: 2px 0px 2px 10px;
	/*border-top: 1px solid #cccccc;*/
	width: 100%;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: auto;
}

#sectionLinks a:visited{
	border-top: 1px solid #cccccc;
	padding: 2px 0px 2px 10px;
}

#sectionLinks a:hover{
	border-top: 1px solid #cccccc;
	background-color: #dddddd;
	padding: 2px 0px 2px 10px;
}


/*********** .relatedLinks styles ***********/

.relatedLinks{
	margin: 0px;
	padding: 0px 0px 10px 10px;
	font-size: 90%;
}

.relatedLinks h3{
	padding: 10px 0px 2px 0px;
}


/************** #advert styles **************/

#advert{
	padding: 10px 0px 0px 10px;

	font-size: 100%;
	border-top: 1px solid #cccccc;
}
#advert2{
	

	font-size: 100%;
	border-top: 1px solid #cccccc;
	background-color:#FFFFFF;
}

#advert img{
	display: block;
}


/************** #headlines styles **************/

#headlines{
	margin: 0px;
	padding: 10px 0px 20px 10px;
	font-size: 80%;
}

#headlines p{
	padding: 5px 0px 5px 0px;
}

/************** #table **************/
table
{
*border:2px solid grey;*
border-collapse:collapse;
}
tr
{
border:0px solid grey;
font-size:12pt;
}

/************** #testing only **************/

.box
{
border:#ffffff;
}
	
/* ----------download box----------------------- */
/*CONTAINER		  					*/
#container{ 
	margin:0;
	margin-top:0px;
	width:330px;
}

.icon-gray{
		border:solid 1px #DEDEDE; 
		background:#EFEFEF;
		color:#222222;
		padding:4px;
		text-align: center;
	}
.icon-yellow{
		border:solid 1px #DEDEDE; 
		background:#FFFFCC no-repeat;
		color:#222222;
		padding:4px;
		text-align: center;
	}
	
.tooltips-gray{
		background:#444444;
		color:#FFFFFF;
		text-align:center;
		padding-top:4px;
	}
.tooltips-gray div{
			background:url('/v4/images/img/tips_gray.png') left bottom no-repeat;
			padding-top:4px;
			height:30px;
	}
	


/**********fancy table***************/	
#jadual
{
width:90%;
border-collapse:collapse;
}
#jadual td, #jadual th 
{
border:0px solid #98bf21;
padding:3px 7px 2px 7px;
}
#jadual th 
{
text-align:center;
padding-top:5px;
padding-bottom:4px;
background-color:#666666;
color:#ffffff;
}
#jadual tr.alt td 
{
color:#000000;
background-color:#FFFFCC;
}
#jadual td.alt 
{
color:#000000;
background-color:#FFFFCC;
}

/*******fancy table2*****/
#jadual2
{
width:90%;
border-collapse:collapse;
}
#jadual2 td, #jadual th 
{
border:1px solid #CCCCCC;
padding:3px 7px 2px 7px;
}
#jadual2 th 
{
text-align:center;
padding-top:5px;
padding-bottom:4px;
background-color:#666666;
color:#ffffff;
border:1px solid #CCCCCC;
}
#jadual2 tr.alt td 
{
color:#000000;
background-color:#FFFFCC;
}
#jadual2 td.alt 
{
color:#000000;
background-color:#FFFFCC;
}

/* ----------title----------------------- */
/*CONTAINER		  					*/
#container2{ 
	margin:0;
	margin-top:0px;
	text-align:left;
}

	
.tooltips-gray{
		background:#444444;
		color:#FFFFFF;
		text-align:center;
		
	}
.tooltips-gray div{
			background:url('/v4/images/img/tips_gray.png') left bottom no-repeat;
			padding-top:4px;
			height:18px;
		}
	
	/* --------------------------------- */
/* ROUNDED ALTERNATE	  		 	*/

	/* ---------------------------------------------------------------------- */
	.round-a-gray{
		background:#444444 url('/v4/images/img/round_gray-left.png') left top no-repeat;
		color:#FFFFFF;
		text-align:center;
		
	}
		.round-a-gray div{
			background:url('/v4/images/img/round_gray-right.png') right bottom no-repeat;
			padding:4px;
		}
	/* ---------------------------------------------------------------------- */
	.round-a-ok{
		background:#008000 url(img/round_green-left.png) left top no-repeat;
		color:#FFFFFF;
		text-align:center;
	}
		.round-a-ok div{
			background:url(img/round_green-right.png) right bottom no-repeat;
			padding:4px;
		}
	/* ---------------------------------------------------------------------- */
	.round-a-error{
		background:#800000 url('/v4/images/img/round_red-left2.png') left top no-repeat;
		color:#FFFFFF;
		text-align:center;
	}
		.round-a-error div{
	 		background:url('/v4/images/img/round_red-right2.png') right bottom no-repeat;
			padding:4px;
		}
		
/**/
.right_articles {
	border: 1px solid #ccc;
	padding: 8px;
	margin: 0 0 10px 0;
	background: #eee;
	color: #454545;
	font: 0.9em Tahoma, Arial, sans-serif;
	
	text-align: center;
	}
	.r_articles {
	border: 1px solid #ccc;
	padding: 8px;
	margin: 0 0 10px 0;
	background: #933;
	color: #FFF;
	font: 1.1em Tahoma, Arial, sans-serif;
	float:none;
	text-align: inherit;
	}