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

body	{
	margin: 0px;
	padding:0px;
	height:auto;
}

h1{
background-color:#000000;
width:99%;
color:#FFFFFF;
font-size:medium;
font-weight:bold;
font-family:Verdana, Arial, Helvetica, sans-serif;
padding:0px 0px 2px 5px;
margin: 0px;}


/***********************************************/
/* Layout Divs                                 */
/***********************************************/

div#container	{
	width: 900px;
	margin: 0px auto;
	padding: 0px 0px 30px 0px;
	height:100%;
	}

/*layout header*/

#main a.vioplayer-viewall:link, #main a.vioplayer-viewall:visited {
    color: #FFFFFF;
}


div#banner	{
	color: #ffffff;
	background-color: #000000;
	font-weight: bold;
	font-size: 0.86em;
	letter-spacing: 0.05em;
	clear: right;
	height: 100px;
	width: 100%;
	}

div#headLogo{float:left;clear:both;}

div#skip{
    float: left;
	width: 200px;
	margin:0px 0px 0px 5px;
	padding:0px;
	clear: both;
}

div#navcontainer	{
	position: relative;
	text-align:right;
	width: 390px;
	margin:7px 5px 0px 0px;
	float:right;
	clear:right;
	}
	
div#archivecontainer	{
	position: relative;
	text-align:right;
	float:right;
	clear:right;
	border: thin outset #FFFFFF;
	padding: 2px;
	}	
	
div#connectcontainer	{
	font-size:small;
	border-top: dotted 1px #333333;
	border-bottom: dotted 1px #333333;
	float:right;
	clear:right;
	padding: 2px;
	margin-top: 5px;
	}
	
img.middle {
    vertical-align:middle;
} 
		
	
div#archivecontainermiddle	{
	position: relative;
	text-align:center;
	float:none;
	clear:both;
	border: thin outset #FFFFFF;
	padding: 2px;
	}	
	
div#searchcontainer	{
	text-align:right;
	margin:10px 5px 0px 0px;
	width:340px;
	float:right;
	clear:right;
	}	

/*Layout Body*/
div#breadcrumbs {
color:#333333;
width:99%;
font-size:xx-small;
font-family:Verdana, Arial, Helvetica, sans-serif;
padding:3px 0px 7px 0px;}

	
/*div#menu	{
	float:left;
	width:250px;
	padding:0px;
	margin:5px 0px 5px 0px;
	position:relative;
	height:100%;
}*/	


div#menu	{
	float:left;
	width:200px;
	padding:0px;
	margin:0px;
	position:relative;
	top:5px;
}

	


			
.storiesFrom{
float:right;
width:27%;
border-top:dotted  1px #999999;
border-bottom:dotted  1px #999999;
font-family:Verdana, Arial, Helvetica, sans-serif;
size:small;
margin-top:5px;
padding: 2px 0 2px 0;
}	
	
			
	
/***********************************************/
/* Header                          */
/***********************************************/ 
	
div#navcontainer a{
	color:#FFFFFF;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 1em;
	text-decoration:none;
}	
	
#topNav{font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1em; width:100%; 
   color: #FFFFFF;background-color:#3c3c3c;text-align:center; margin:0;padding:10px 0px;  
   }
   
div#topNav ul li{display:inline;list-style:none;}
	
#topNav a{text-decoration:none;color:#ffffff; font-weight:bold;}

#topNav a:hover {color:#ffffff;background-color:#333333;}	

	
div#skip a{
	color:#FFFFFF;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-weight: normal;
	font-size:x-small;
	text-decoration:none;
	padding:0;
	margin:0;
	
}

div#skip a:hover{
	color:#FFFFFF;
	text-decoration:underline;
}
	
/* Leaders Page Layout */
.wrapper{
width: 100%;
height: auto;
border-top:solid #336699 1px;
padding-top: 5px;
margin: 10px 0px 0px 0px;
clear:both;
display:block;
}
	
.leaders img {
  margin: 2px;
  height: auto;
  width: 100px;
  float: right;
  clear: right;
  display:inline;
  padding: 0px 5px 5px 5px;
 
}

.portrait
{
float:right;
width:auto;
margin:0px 0px 10px 10px;
padding:5px;
text-align:center;
display:inline;
}

/* Leaders Page Layout */

div#mainlinks	{
	text-align:center;
	padding: 5px;
	color: #ffffff;
	background-color: #666666;}
	



div#menu h2{
    font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:small;
	padding:2px 0px 2px 5px;
	margin:0px;
	background-color:#666666;
	color:#FFFFFF;
	}

div#menu h2 a{
	color:#FFFFFF;
	text-decoration:none;
	}
	
div#menu h2 a:active{
	color:#FFFFFF;
	}
		
div#menu h2 a:hover{
	color:#FFFFFF;
	text-decoration:underline;
	}
	
div#menu h2 a:visited{
	color:#FFFFFF;
	}
		
div#menu ul{
	background-color:#EEEEEE;
	list-style-type:none;
	margin: 0px;
	padding: 0px 0px 0px 0px;

	font-weight: bold;
	font-size:small;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#333333;
}
	
div#menu a	{	
    padding: 0px 0px 0px 0px;
	font-weight: bold;
	font-size:small;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#333333;
	text-decoration:none;	}
		
div#menu a:active	{	
    padding: 0px 0px 0px 0px;
    font-weight: bold;
	font-size:small;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#333333;
	}
	
div#menu a:hover	{	
    padding: 0px 0px 0px 0px;
    font-weight: bold;
	font-size:small;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#333333;
	text-decoration:underline;}
	
div#menu a:visited	{	
    padding: 0px 0px 0px 0px;
    font-weight: bold;
	font-size:small;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#336699;}	
	
	
div#menu ul ul li a{
	background-color:#EEEEEE;
	list-style-type:none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-weight: bold;
	font-size:small;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#333333;
	text-decoration:none;}	
	
div#menu ul ul li a:active{
	color:#990000;}		
	
div#menu ul ul li a:hover{
	color:#990000;
	text-decoration:underline;}	

div#menu ul ul li a:visited{
	color:#336699;}	
	
	
div#thirdlevel	{
	width:200px;
	padding:0px;
	margin-bottom:10px;
	top:5px;
	height:100%;}	
	
div#thirdlevel h2{
    font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:small;
	padding:2px 0px 2px 5px;
	margin:0px;
	background-color:#336699;
	color:#FFFFFF;
}		


div#thirdlevel ul{
	background-color:#d5eaff;
	list-style-type:none;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	font-weight: bold;
	font-size:small;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#333333;
}

div#thirdlevel img{
	padding-bottom:5px;

}

	
div#thirdlevel ul ul li a{
	background-color:#d5eaff;
	list-style-type:none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-weight: bold;
	font-size:small;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#333333;
	text-decoration:none;}		
	

/*div#main	{
	float:right;
	width:630px;
	padding:5px 5px 20px 5px;
	margin: 0px 0px 0px 0px;
	border-left: #999999 solid 2px;
	border-right: #999999 solid 2px;
	height:100%;
}
*/
			
div#main	{
	float:right;
	width:680px;
	padding:5px 5px 20px 5px;
	margin: 0px 0px 0px 0px;
	border-left: #999999 solid 2px;
	border-right: #999999 solid 2px;
	height:100%;}	
	
div#main h2{
   color:#990000;
   font-size:small;
   font-weight:bold;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   padding:0px 0px 0px 0px;}
    

div#main_search	{

	padding:5px 5px 20px 5px;
	margin: 0px 0px 0px 0px;
	border-left: #999999 solid 2px;
	border-right: #999999 solid 2px;
	height:100%;}	
	
div#main_search h2{
   color:#990000;
   font-size:small;
   font-weight:bold;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   padding:0px 0px 0px 0px;}
    
div#main_search h1{
	color:#ffffff;
	background-color:#000000;
	font-size: 1em;
	padding: 2px 1px;
	width:100%;
}
    


   
div#contacts	{
	float:right;
	padding:5px 5px 10px 5px;
	margin: 0px 0px 0px 0px;
	border-left: #999999 solid 2px;
	border-right: #999999 solid 2px;
	height:100%;}	

	
div#main h1	{
	color:#ffffff;
	background-color:#000000;
	font-size: 1em;
	padding: 2px 1px;}
	
div#main h1 a:link{
	color:#ffffff;
	}
	
div#main h1 a:hover{
	color:#ffffff;
		}			
   
div#main h1 a:visited{
	color:#ffffff;
	}	 
	
/************************************
Tables
************************************/


table.data  {border-collapse: collapse;}
table.data tr.row2 td, #main table.data tr.row2 th {background-color: #EAEAEA;}
table.data tr th.head {background-color:#666 !important;}	
table.data tr th {text-align: left; border:1px solid #999 !important;}
table.data tr th, #main table.data tr td {vertical-align: top; padding: 3px; border: solid 1px #666666;}
table.data h3{font-size: 1.1em !important; color:  #000 !important; margin: 0 !important;}
table.data tr th span.descriptor{font-size: x-small; color:#000; font-weight:lighter;} 


/* Tablesorter */

/* tables */
table.tablesorter {
	background-color: #CDCDCD;
	margin:10px 0pt 15px;
	font-size: 8pt;
	width: 100%;
	text-align: left;
}
table.tablesorter thead tr th, table.tablesorter tfoot tr th {
	background-color: #ccc;
	border: 1px solid #FFF;
	font-size: 8pt;
	padding: 4px;
}
table.tablesorter thead tr .header {
	background-image: url(../../images/bg.gif);
	background-repeat: no-repeat;
	background-position: center right; padding:5px;
	cursor: pointer; font-size:1.3em; font-weight:bold;
}
table.tablesorter tbody td {
	color: #3D3D3D;
	padding: 4px;
	background-color: #FFF;
	vertical-align: top;
}
table.tablesorter tbody tr.odd td {background-color:#eee;}
table.tablesorter thead tr .headerSortUp {background-image: url(../../images/asc.gif);}
table.tablesorter thead tr .headerSortDown {background-image: url(../../images/desc.gif);}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {background-color: #666666; color:#fff;}


/***********************************************/
/* Footer                                 */
/***********************************************/	

div#footer	{
	/*background: url(../images/bkg_link_list.gif) bottom repeat-x;*/
	background-color:#3c3c3c; width: 895px !important; clear:both; margin:0 auto !important; background-image:none !important; height:25px  !important; margin-bottom:-30px  !important;}

div#footer p{margin:0 !important; padding:5px 0 !important;font-family:Verdana, Arial, Helvetica, sans-serif; text-align:center; color:#fff;}
	
div#footer a{color:#fff;font-family:Verdana, Arial, Helvetica, sans-serif;text-decoration:none;}	
	
div#footer a:hover{font-family:Verdana, Arial, Helvetica, sans-serif;color:#C55318;text-decoration:underline;}		
	
.ls	{display: none;}

/*#main table, #main form, #main2 p, #main2 table, #main2 form, H3, H4, H5, H6, H7	{
	margin: 0.5em 0.75em;
	}*/

/*#main p, H2	{
	margin: 0.5em 0.75em;
	}
*/

ul	{
	margin-top: 0;
	margin-bottom: 0.5em;
	}

li	{
	margin: 0 0 0.25em 0.75em;
	}

#main table.layout, #main2 table.layout	{
	width: 100%;
	}

#main table.layout td, #main .ctr, #main2 table.layout td, #main2 .ctr	{
	text-align: center;
	/*padding: 0 0.5em;*/
	}

#main table.layout img, #main2 table.layout img	{
	border: thin solid #297B75;
	}

#main a:link, #main2 a:link	{
	color: #336699;
	}

#main a:visited, #main2 a:visited	{
	color: #990000;
	}

#main a:hover, #main2 a:hover	{
	color: #990000;
	}

#main td, #main2 td	{vertical-align: top;}
	
#main h2, #main h3, #main2 h2, #main2 h3	{
	font-size: medium;
	}
	
#main h4, #main h5, #main h6, #main h7, #main2 h4, #main2 h5, #main2 h6, #main2 h7	{
	font-size: small;
	}

#main fieldset, #main2 fieldset	{border: 0;}

#main .red, #main2 .red	{
	color: #FF0000;
	font-weight: bold;}

#main span.nwrp, #main2 span.nwrp	{
	white-space: nowrap;}

#main table h2, #main2 table h2	{
	font-size: medium;
	padding: 0.5em 0 0;
	margin: 0.5em 0;}

#main table td.vertb, #main2 table td.vertb	{
	vertical-align: bottom;}
	

@media print	{
	#banner, #mainlinks, #menu, #footer, #topNav{display: none;}
	div#main	{
	margin: 0;
	border: none;
	border: 0;
	position: static;
	float: none;}
	H1	{background: transparent;}

}

.important {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #CC0033;
}


#contacts table {
 border:1px #333333 solid;
}

.contacts th{
 border-bottom:double #333333;
 text-align:left;
 background-color:#eeeeee;
 font-weight:bold;
}

.contacts td{
 vertical-align:text-top;
}

.grey_background {
	background-color: #eeeeee;
}
/***********************************************/
/* Shared                       */
/***********************************************/	


.left {
	float:left;
}

.right {
	float:right;
	clear:right;
}

/***********************************************/
/* Vale Divs                                 */
/***********************************************/

.Valeleft {
	float:left;
	margin-left:120px;
	padding-top:5px;
}

.Valeright {
	float:right;
	clear:right;
	margin-right:120px;
	padding-top:5px;
}