/* CSS Document */

/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/insa/license.txt
version: 2.2.2
*/    
/* for all templates and grids */
/*body*/


body{
background-image:url(../images/gry_bckgrnd.gif); line-height:1.2em;
}
a:link, a:visited{ color:#03387b; text-decoration:underline;}
a:hover, a:active { color:#666666; text-decoration:underline;}

.subNavBox {background-color: #E2E2E2; float: right; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; border: 1px solid #03387b; margin:0 0 0 5px; width:150px; padding:8px;}

.subNavBox ul { margin:0; padding:0 10px 10px 20px;}
.subNavBox li { margin:0; padding:0;}

/* <div style="background: #cccccc none repeat scroll 0% 50%; float: right; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial">*/

p {margin: 10;}
#doc {background-image:none; background-color:#FFFFFF; width: 825px; font-family: Verdana, Arial, Helvetica, sans-serif; margin:auto;}

/*update*/
#update {text-align: right; width:825px; background-image:url(../images/gry_bckgrnd.gif); font-size: 10px;}
/**/

/*///////////////////////////////////////////////////////////////////////////////////////
header start
////////////////////////////////////////////////////////////////////////////////////////*/

#logovideo {display:inline; margin:0 17px 0 13px;}

#hd {text-align: left; width: 828px; overflow: hidden;}

* html #hd 
{ width:825px;} 

#logo {display:inline; margin:0 0px 0 13px;}
#banner {display:inline; background-image:url(../images/gry_bckgrnd.gif); 
margin-left:-3px; text-align:left;}
* html #banner 
{    left:6px;position: relative;} 

/*///////////////////////////////////////////////////////////////////////////////////////
header end
////////////////////////////////////////////////////////////////////////////////////////*/

#bd {/*HACK*/margin: -2px 0 0 0;/*HACK*/ width: 825px; _overflow:hidden;}

/*////////////////////////////////////////////////////////////////////////////////////
bars start
////////////////////////////////////////////////////////////////////////////////////////*/

/*///////////////////////////////////////////////////////////////////////
	search bar start
	/////////////////////////////////////////////////////////////////////////*/
	#bars-search {background-color: #990000; font-weight:bold; color: #FFFFFF; 
	padding: 4px 0 4px 0; height: 20px; font-size: 10pt; font-family: Verdana, Arial, Helvetica, sans-serif;}
	#bars-search div.float-left{float:left; display: inline; } 
	#search {WIDTH: 250px; position:relative; }
	.bars-float-right {float: right; width: 30%;}
	#bars-search .bars-float-right {float: right; width: 37%;  display: inline; padding: 0px;}
	.bars-float-right-print { float: right; width:220px; position: relative; top: 0px;}
	#bars-search .bars-float-right-print a{text-decoration: none; font-weight: normal; color: white; }
	#bars-search .bars-float-right a{text-decoration: none; font-weight: bold; color: white; }
	#bars-search input {position: relative; top: 0; height:12px; margin: 0 2px; font-size: 11px;}
	form {margin:0;}
	#ajaxSearch_submit {
	display: inline;
	height: 22px;
	line-height: 22px;
	background-color: #990000;
	background-image: url(../images/white_arrow.gif);
	background-repeat: no-repeat;
	background-position: left;
	text-align: right;
	width: 45px;
	font-size: 8px;
	border: none;
	padding: 0px;
	margin: 0px;
	color: #990000;
	cursor: pointer;
}
	/*///////////////////////////////////////////////////////////////////////
	search bar end
	/////////////////////////////////////////////////////////////////////////*/

	/*///////////////////////////////////////////////////////////////////////
	menu bar start
	/////////////////////////////////////////////////////////////////////////*/
/*	#bars-menu {margin:2px 0; height:25px;  width:98%; font-weight: bold; display: inline;}
	#bars-menu ul
	{margin: 6px 0; font-weight: bold; text-align:center;} 
	#bars-menu li
	{margin: 0; display: inline; font-weight: bold;} 
	#bars-menu li a{
	padding: 6px 4px 2px 6px; text-decoration: none; text-transform: uppercase;
	font-weight: bold; font-family: Arial, Helvetica, sans-serif; font-size: 10pt; color: #666666; 
	} 
	#bars-menu a{font-weight: bold;}*/
	/*///////////////////////////////////////////////////////////////////////
	menu bar end
	/////////////////////////////////////////////////////////////////////////*/
	
	/*///////////////////////////////////////////////////////////////////////////////
	Breadcrumbs
	//////////////////////////////////////////////////////////////////////////////*/
	
  /*      <div id="crumbs">
&nbsp; <span class="B_crumbBox"><span class="B_firstCrumb"><a class="B_homeCrumb" href="index.php?id=1" title="Home">Home</a></span> | <span class="B_lastCrumb"><span class="B_currentCrumb">Research & Advocacy</span></span></span>
</div>*/


	#crumbs {padding: 0;font-size:11px;font-family:Arial, Helvetica, sans-serif; text-align:left; word-spacing:normal;padding:0 0 0 0; font-family:Verdana, Arial, Helvetica, sans-serif;}
	
	#crumbs * {margin: 0px 0px; }
	
/*//////////////////////////////////////////////////////////////////////////////////////
Bread Crumbs Snipet

    // Included classes
    // .B_crumbBox        Span that surrounds all crumb output
    // .B_hideCrumb       Span surrounding the "..." if there are more crumbs than will be shown
    // .B_currentCrumb    Span or A tag surrounding the current crumb
    // .B_firstCrumb      Span that always surrounds the first crumb, whether it is "home" or not
    // .B_lastCrumb       Span surrounding last crumb, whether it is the current page or not
    // .B_crumb           Class given to each A tag surrounding the intermediate crumbs (not home, or hide)
    // .B_homeCrumb       Class given to the home crumb
	
////////////////////////////////////////////////////////////////////////////////////////*/


.B_currentCrumb {color:#990000; font-weight:bold;}

	
	/*///////////////////////////////////////////////////////////////////////////////
	Breadcrumbs
	//////////////////////////////////////////////////////////////////////////////*/	

/*//////////////////////////////////////////////////////////////////////////////////////////
bars end
////////////////////////////////////////////////////////////////////////////////////////*/

/*//////////////////////////////////////////////////////////////////////////////////////////
insa main start
////////////////////////////////////////////////////////////////////////////////////////*/
#insa-main {padding-bottom:10px;}

#insa-content
{float:left; margin:10px 10px 20px 10px; width: 550px; font-size:12px; padding: 0 0 10px 0; display: inline;/* IE: preserve layout at narrow widths */}



/*//////////////////////////////////////////////////////////////////////////////////////////
video Pages
////////////////////////////////////////////////////////////////////////////////////////*/
#video-content{ color:#333333; font-family:Verdana, Arial, Helvetica, sans-serif; border:1px solid #0E0097; float:left; margin:10px 10px 20px 10px; width: 474px; font-size:11px; padding:0; display: inline;/* IE: preserve layout at narrow widths */}

	#video-content_txt {margin:0 0 0px 20px;}
		#video-content_txt H1{ color:#990000; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12pt; padding:0 20px 0 0 ; }
		.video-content_col { float:left; width: 197px; margin:0 20px 20px 0;}



.vidpg_right {float:left; width: 320px; margin:10px 0 0px 0; display:inline; background-color: #FFFFFF; } 
	
	#vidpg_right-box {background-color: #C02F1C; margin:5px 0 0 0; padding:7px; color:#FFFFFF; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;  }
	#vidpg_right-box img {margin: 0 0 0 20px;}
		#redbox_content { margin: 0 0 0 20px;}
		#vidpg_right-box a{color:#FFFFFF; text-decoration:underline; font-weight:bold;}
	
/*//////////////////////////////////////////////////////////////////////////////////////////
END video Pages
////////////////////////////////////////////////////////////////////////////////////////*/





	/*//////////////////////////////////////////////////////////////////////////////////////
	insa-a start
	////////////////////////////////////////////////////////////////////////////////////////*/
	
	#insa-a {border: solid #03387B 1px; margin: 0 0 5px 2px; width: 314px; padding: 2px; *width: 312px; height: 100%; float: left; display:inline;}
	#img-join {background-image: url(../images/JoinNow_graphic.gif); height:166px; width:120px; background-repeat: no-repeat; }
	#txt-join {position:relative;   top: 55px; width: 120px; color:white;  text-align: center}
	#txt-join a {color: white; text-decoration:none; font-weight: bold;}
	
	#insa-a div.box-image-left {margin:10px 0 10px 8px; float: left; width: 120px; display: inline; clear: left;}
	#insa-a div.box-image-right {margin:10px 8px 10px 0; float: right; width: 120px; display: inline; clear: right;}
	#insa-a div.box-text-left  {width:155px; margin:10px 0 10px 10px; float: left; display: inline; clear: left;}
	#insa-a div.box-text-right {width:155px; margin:10px 10px 10px 0; float: right; display: inline; clear: right;}
	#insa-a div.box-text-left h1 {text-indent: -2.0em; margin: 0 0 0 2.0em; font-family:Arial, Helvetica, sans-serif; font-size: 12px; text-transform: capitalize; font-weight: bold; color: #990000;}
	#insa-a div.box-text-right h1 {text-indent: -2.0em; margin: 0 0 0 2.0em; font-family:Arial, Helvetica, sans-serif; font-size: 12px; text-transform: capitalize; font-weight: bold; color: #990000;}
	#insa-a div img {border: solid #999999 1px;}
	div.box-image-right:after {content: "."; height: 0px;  visibility: hidden; display: block; clear: both;}

	#insa-content h2 {font-family:Arial, Helvetica, sans-serif; font-size: 14px; text-transform: capitalize; font-weight: bold; color: #990000; display:block; border-bottom:2px #990000 solid; text-transform: uppercase;}

	
	/*//////////////////////////////////////////////////////////////////////////////////////
	insa-a end 
	////////////////////////////////////////////////////////////////////////////////////////*/

	/*//////////////////////////////////////////////////////////////////////////////////////
	insa-b start 
	////////////////////////////////////////////////////////////////////////////////////////*/
	
	#insa-b {width:228px; float: left; margin: 0 6px;display:inline;}
	
	/*//////////////////////////////////////////////////////////////////////////////////////
	insa-b end 
	////////////////////////////////////////////////////////////////////////////////////////*/


	/*//////////////////////////////////////////////////////////////////////////////////////
	insa-c start 
	////////////////////////////////////////////////////////////////////////////////////////*/
	
	.insa-c {float:left; font-size: 10px; width: 238px; margin:0 0 10px 0; display:inline; line-height:1.1em;} 
	#insa-c-box {background-color: #C3D4EC; width: 238px; padding: 2px 4px 4px 5px; }
	#insa-c-box-at {background-color: #CCCCCC; width: 238px; padding: 2px 4px 4px 5px; }
	#insa-c-box .box-right {width:54%; _overflow: hidden; /*_height: 100px;*/}
	#insa-c-box .box-right {position: relative;  float: left;   _top:0px; _left:0px;}
	#insa-c-box h1 {color:#527AAC; font-family: Arial, Helvetica, sans-serif; font-size: 15px;}
	#insa-c-box h2 {font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; font-weight: bold; font-size: 12px; margin: 0px; padding:0;}
	#insa-c-box a{text-decoration:none; padding:0; margin:0;}
	#insa-c * {font-family: Verdana, Arial, Helvetica, sans-serif;}
	h1 img {vertical-align: middle;}
#insa-c-box p {padding:0; margin:0;}
#insa-c-box .box-item { margin:0; padding:2px 0 2px 0;}

	/*//////////////////////////////////////////////////////////////////////////////////////
	insa-c end 
	////////////////////////////////////////////////////////////////////////////////////////*/
	
/*//////////////////////////////////////////////////////////////////////////////////////////
insa main start
////////////////////////////////////////////////////////////////////////////////////////*/


/*//////////////////////////////////////////////////////////////////////////////////////
footer start
////////////////////////////////////////////////////////////////////////////////////////*/

#ft {clear:both;  text-align: center; background-image:url(../images/gry_bckgrnd.gif); font-size: 10px;}
#ft div.hr {
  *height: 4px; height: 8px; background: #990000 url(../hr1.gif) no-repeat scroll center; position: relative; top: 8px;
}
#ft div.hr hr {
  display: none;
}
#ft_text {clear: both; margin: 10px 0px 0px 0px;}
#ft_text a { padding:0; margin:0;}

/*//////////////////////////////////////////////////////////////////////////////////////
footer start
////////////////////////////////////////////////////////////////////////////////////////*/


/*//////////////////////////////////////////////////////////////////////////////////////
box-item start
////////////////////////////////////////////////////////////////////////////////////////*/

.box-text {margin:1.5em .5em 0 0; clear: both; width: 50%; float: left; text-align: left;}
.box-item {margin:1.5em .5em 0 0; clear: both;}
.box-image {margin:1.5em 0 0 0; }

.box-left {width: 50%; float: left; text-align: left;}
.box-right {width: 50%; float: left; text-align: left;}
.box-center {width: 100%;  text-align: center;}
.box-item h1 {text-indent: -2.0em; margin: 0 0 0 2.0em; font-family:Arial, Helvetica, sans-serif; font-size: 12px; text-transform: capitalize; font-weight: bold; color: #990000; text-align:left;}
.box-item h2 {text-indent: -2.0em; margin: 0 0 0 2.0em; font-family:Arial, Helvetica, sans-serif; font-size: 12px; text-transform: capitalize; font-weight: bold; color: #000000; text-align:left;}

/*//////////////////////////////////////////////////////////////////////////////////////
box-item end
////////////////////////////////////////////////////////////////////////////////////////*/

.inline {display:inline;}
.float-left {float: left; margin: 0 10px 0 0;}
.shortbreak {line-height: 1px;}_
.linebreak {line-height: 5px; clear: both;}
.nobold {font-weight: normal;}
.hr-dot {border-bottom-style:dotted; border-bottom-width: thin; *border-bottom-width: 1px; clear:both; margin: 0; line-height: 1px;}
.hr-dot-top {border-bottom-style:dotted; border-bottom-width: thin; *border-bottom-width: 1px; clear:both; margin: 3px 0; line-height: 1px;}

#reflect_example { width: 200px; 
} 
#reflect_example h3 { display: none; 
} 
#reflect_example ul { list-style: none; 
} 
.reflect_archive_list ul { list-style: none; margin-left: 0px; padding-left: 0; 
} 
.reflect_archive_list ul ul{ margin-left: 0px; 
} 
.reflect_archive_list ul ul li { margin-top: -5px; margin-bottom: 0.8em; 
} 
.reflect_archive_list li a { display:block; padding:5px 5px 5px 10px; margin:0 0 1px 0; background-color:#f6f6f6; border-right:10px solid #fff; color:#666; text-decoration:none; border-left:2px solid #ddd; 
} 
.reflect_archive_list li a:hover { background-color:#eee; color:#333; border-right:10px solid #eee; 
}

.ditto_paging {
    border-top: 1px solid #ccc;
    padding: 10px;
    font-size: 86%;
    color: black;
}
#ditto_pages .ditto_currentpage {
    border: 1px solid black;
    padding: 1px 5px 2px;
    margin-right: 1px;
    background-color: #008CBA;
    color: #fff;
}
#ditto_pages .ditto_off {
    border: 1px solid #ccc;
    padding: 1px 5px 2px;
    margin-right: 1px;
    color: #ccc;
}
#ditto_pages a, #ditto_pages a:link, #ditto_pages a:visited {
    border: 1px solid #008CBA;
    padding: 1px 5px 2px;
    margin-right: 1px;
    text-decoration: none;
    color: black;
}
#ditto_pages a:hover {
    background-color: #fff;
    color: #000;
}