/* Positioning */

.floatleft
{
	display: block;
	float: left;
	clear: none;
}

/* Layout */

body
{
	margin: 0px;
	padding: 0px;
	display: block;
	background-color: #4b4b4b;
	font: normal 12px/15px helvetica, sans-serif;
	color: #000;
}

a:link
{
	color: #214382;
	text-decoration: none;
}

a:visited
{
	color: #8F93AD;
	text-decoration: none;
}

a:hover
{
	color: #5674BA;
	text-decoration: underline;
}

#outer
{
	display: block;
	width: 770px;
	margin: 0px auto 0px auto;
	background-color: #fff;
}

#inner
{
	position: relative;
	display: block;
	width: 770px;
	float: left;
	margin: 0px auto 0px auto;
	background-color: #fff;
}

#nav
{
	position: relative;
	width: 770px;
	height: 30px;
	float: left;
	background: url('/images/layout/nav_sprites.png') left top no-repeat;
}

.site_titlebar
{
	display: block;
	width: 770px;
	height: 65px;
	float: left;
	position: relative;
        background-color: #5674ba;
}

.site_title
{
	display: block;
	float: left;
	width: 590px;
	height: 65px;
}

.dynspace
{
	display: block;
	float: right;
	background: #5674ba url('/images/layout/bca_promo.png') left top no-repeat;
	width: 174px;
	height: 65px;
}

#GScounter
{
	position: relative;
	float: right;
	background: #5674ba url('/images/template/counter_bg.gif') top left no-repeat;
	width: 170px;
	height: 65px;
	cursor: pointer;
	display: block;
	font: bold 11px/14px arlal, sans-serif;
	color: #cf2025;
}

#thisyear, #yourvisit
{
	display: block;
	float: left;
	font: bold 11px/14px arlal, sans-serif;
	color: #cf2025;
	position: absolute;
}

#thisyear
{
	top: 19px;
	left: 116px;
}

#yourvisit
{
	top: 33px;
	left: 138px;
}

#nav
{
	background: #fff url('/images/layout/nav_sprites.png') 0px 0px no-repeat;
}

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

ul.mainnav li
{
	float: left;
}

ul.mainnav a
{
	text-indent: -9999px;
	text-decoration: none;
	display: block;
	font-size: 0px;
	line-height: 0px;
	border: 0px;
}

ul.mainnav li a.home
{
	display: block;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 72px;
	height: 30px;
}

ul.mainnav li a.action
{
	position: absolute;
	left: 73px;
	top: 0px;
	width: 128px;
	height: 30px;
}

ul.mainnav li a.blog
{
	position: absolute;
	left: 200px;
	top: 0px;
	width: 69px;
	height: 30px;
}

ul.mainnav li a.about
{
	position: absolute;
	left: 269px;
	top: 0px;
	width: 102px;
	height: 30px;
}

ul.mainnav li a.facts
{
	position: absolute;
	left: 371px;
	top: 0px;
	width: 84px;
	height: 30px;
}

ul.mainnav li a.legalaction
{
	position: absolute;
	left: 455px;
	top: 0px;
	width: 138px;
	height: 30px;
}

ul.mainnav li a.media
{
	position: absolute;
	left: 593px;
	top: 0px;
	width: 87px;
	height: 30px;
}

ul.mainnav li a.donate
{
	position: absolute;
	left: 680px;
	top: 0px;
	width: 93px;
	height: 30px;
}

/** Ticker **/

.site_ticker
{
	display: block;
	float: left;
	width: 500px;
	height: 17px;
	background: #fff url('/images/template/search_backslash.gif') top right no-repeat;
	padding: 10px 0px 10px 8px;
	clear: none;
}

a.ticker:link,
a.ticker:visited
{
	color: #000;
	font: bold 12px/15px arial, sans-serif;
	text-align: left;
	text-decoration: none;
}

a.ticker:hover
{
	color: #000;
	text-decoration: underline;
}


ul#ticker
{
	display: block;
	height: 18px;
	margin: 0 0 0 10px;
	padding: 0px 0 2px 8px;
	overflow: hidden;       /* used in css check */
}

ul#ticker li
{
	display: block;         /* used in css check */
	list-style-type: none;  /* used in css check */
	padding: 0;
}

img.ticker_feed
{
	display: block;
	margin-right: 6px;
}

/** End Ticker **/

#searchbox
{
	display: block;
	float: left;
	width: 262px;
	height: 37px;
	background-color: #c9c9c9;
}

input.q
{
	position: relative;
	top: 8px;
	left: 10px;
	display: block;
	float: left;
	background-color: #fff;
	height: 18px;
	width: 164px;
	background: #fff url('/images/template/search_glass.gif') left top no-repeat;
	border: 0px;
	padding: 3px 0px 0px 18px;
}

#searchsubmit
{
	position: relative;
	top: 8px;
	display: block;
	float: left;
	background-color: #eee;
	margin-left: 10px;
	width: 54px;
	height: 21px;
	cursor: pointer;
}

/** End Searchbox **/

/** Billboard **/

#billboard
{
	display: block;
	float: left;
	width: 770px;
	height: 245px;
}

/** End Billboard **/

/** jCarousel **/

.carousel
{
	display: block;
	float: left;
	width: 770px;
	height: 175px;
	margin-top: 14px;
	overflow: hidden;
}

ul#mycarousel
{
	list-style: none;
	list-style-type: none;
	margin: 0;
}

ul#mycarousel li
{
	float: left;
	margin-right: 5px;
}

.jcarousel-container {
    background: #fff;
}

.jcarousel-container-horizontal {
    width: 768px;
    padding: 0px;
}

.jcarousel-container-vertical {
    width: 75px;
    height: 245px;
    padding: 40px 20px;
}

.jcarousel-clip-horizontal {
    width:  678px;
    height: 175px;
	margin-left: 46px;
}

.jcarousel-clip-vertical {
    width:  75px;
    height: 245px;
}

.jcarousel-item {
    width: 165px;
    height: 175px;
}

.jcarousel-item-horizontal {
    margin-right: 5px;
}

.jcarousel-item-vertical {
    margin-bottom: 10px;
}

.jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-next-horizontal {
    position: absolute;
    top: 0px;
    right: 17px;
    width: 11px;
    height: 129px;
    cursor: pointer;
    background: transparent url('http://www.bradycampaign.org/images/template/carousel_next.gif') no-repeat 0 0;
}

.jcarousel-next-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-next-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-next-disabled-horizontal,
.jcarousel-next-disabled-horizontal:hover,
.jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

.jcarousel-prev-horizontal {
    position: absolute;
    top: 0px;
    left: 18px;
    width: 11px;
    height: 129px;
    cursor: pointer;
    background: transparent url('http://www.bradycampaign.org/images/template/carousel_previous.gif') no-repeat 0 0;
}

.jcarousel-prev-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-prev-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-prev-disabled-horizontal,
.jcarousel-prev-disabled-horizontal:hover,
.jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

/** End jCarousel **/

/** Breadcrumb **/

#breadbox
{
	display: block;
	width: 745px;
	padding: 0px 0px 0px 25px;
	float: left;
	background-color: #fff;
	margin-top: 12px;
}

#breadbox .crumbs
{
	display: block;
	float: left;
	clear: none;
	padding-top: 1px;
}

#breadbox .rightlinks
{
	display: block;
	float: right;
	text-align: right;
	clear: none;
	margin-right: 24px;
}

#breadbox .rightlinks a:link, #breadbox .rightlinks a:visited, #breadbox .crumbs a:link, #breadbox .crumbs a:visited
{
	font: bold 14px/16px arial;
	color: #cf2027;
	text-decoration: none;
}

#breadbox .rightlinks a:hover, #breadbox .crumbs a:hover
{
	text-decoration: underline;
}

/** End Breadcrumb **/

/** Begin External Spotlight **/

.ext_spotlight
{
	display: block;
	width: 770px;
	height: inherit;
	float: left;
	background-color: #fff;
	margin-bottom: 12px;
}

	.ext_spotlight .item
	{
		display: block;
		float: left;
		width: 700px;
		margin: 20px 0px 0px 25px;
		padding: 8px 0px 0px 20px;
		border: 0px;
	}

/** End External Spotlight **/

/** Begin Spotlight **/

#spotlight
{
	display: block;
	width: 770px;
	height: inherit;
	float: left;
	background-color: #fff;
	margin-bottom: 12px;
}

	#spotlight .title
	{
		display: block;
		float: left;
		width: 701px;
		height: 30px;
		margin: 10px 0px 0px 25px;
		padding: 8px 0px 0px 21px;
		background: #214382 url('/images/template/topcorner.gif') left top no-repeat;
		font: bold 18px/24px palatino, georgia, serif;
		color: #a0b0c9;
		text-transform: uppercase;
		letter-spacing: 1px;
	}

		#spotlight .title .first
		{
			color: #fff;
			float: left;
			margin-right: 12px;
		}

	#spotlight .item
	{
		display: block;
		float: left;
		width: 700px;
		margin: 0px 0px 0px 25px;
		padding: 8px 0px 0px 20px;
		border-style: solid;
		border-width: 0px 1px 1px 1px;
		border-color: #c9c9c9;
	}

		#spotlight .item .homeSubSpot
		{
			display: block;
			float: left;
			width: 680px;
		}

		#spotlight .item .homeSubSpot img.toggleWidget
		{
			padding-right: 12px;
			padding-bottom: 40px;
			display: block;
			float: left;
			cursor: pointer;
		}

		#spotlight .item .homeSubSpot .homeSubSpotTitle
		{
			font: bold 22px/24px arial;
			color: #214382;
			cursor: pointer;
		}

		#spotlight .item .homeSubSpot .redcross_teaser
		{
			font: normal 13px/15px arial;
			color: #000;
		}

/** End Spotlight **/

/** Snippets **/

#snippets
{
	display: block;
	width: 745px;
	height: inherit;
	float: left;
	background-color: #fff;
	margin: 12px 0px 24px 25px;
}

	#snippets .snippet
	{
		display: block;
		width: 354px;
		height: inherit;
		float: left;
		background-color: #fff;
	}

		#snippets .snippet.left
		{
			margin-right: 12px;
		}

		#snippets .snippet .title
		{
			display: block;
			float: left;
			width: 333px;
			height: 26px;
			margin: 10px 0px 0px 0px;
			padding: 12px 0px 0px 21px;
			background: #214382 url('/images/template/topcorner.gif') left top no-repeat;
			font: bold 14px/16px palatino, georgia, serif;
			color: #fff;
			text-transform: uppercase;
			letter-spacing: 1px;
		}

			#snippets .snippet .snippet_item
			{
				display: block;
				float: left;
				width: 308px;
				margin: 0px;
				padding: 8px 25px 20px 20px;
				border-style: solid;
				border-width: 0px 1px 1px 1px;
				border-color: #c9c9c9;
			}

			#snippets .snippet .snippet_item_donate
			{
				display: block;
				float: left;
				width: 308px;
				height: 109px;
				margin: 0px;
				padding: 8px 25px 20px 20px;
				border-style: solid;
				border-width: 0px 1px 1px 1px;
				border-color: #c9c9c9;
			}

				#snippets .snippet .snippet_item a:link, #snippets .snippet .snippet_item a:visited,
				#snippets .snippet .snippet_item_donate a:link, #snippets .snippet .snippet_item_donate a:visited
				{
					font: bold 16px/20px arial, sans-serif;
					color: #20285c;
					text-decoration: none;
				}

				#snippets .snippet .snippet_item a:hover,
				#snippets .snippet .snippet_item_donate a:hover
				{
					text-decoration: underline;
				}

			#snippets .snippet .readmore
			{
				display: block;
				float: left;
				width: 353px;
				margin: 0px;
				padding: 0px;
				background-color: #a0b0c9;
				border-style: solid;
				border-width: 0px 1px 1px 1px;
				border-color: #c9c9c9;
			}

/** End Snippets */

#footer
{
	display: block;
	float: left;
	width: 770px;
	background-color: #214382;
	padding: 18px 0px 18px 0px;
}

	#footerstrip
	{
		display: block;
		float: left;
		width: 770px;
		height: 73px;
		background: #214382 url('/images/shared/footersprites.png') left top no-repeat;
	}

	#footerstrip ul#footerlinklist
	{
		list-style: none;
		list-style-type: none;
		margin: 0px;
		padding: 0px;
	}

	#footerstrip ul#footerlinklist li
	{
		margin: 0px;
		padding: 0px;
		text-indent: -999px;
	}

	#footerstrip ul#footerlinklist li a
	{
		display: block;
		clear: none;
		float: left;
		height: 73px;
	}

	#footerstrip ul#footerlinklist li a.bca
	{
		width: 145px;
	}

	#footerstrip ul#footerlinklist li a.bce
	{
		width: 130px;
	}

	#footerstrip ul#footerlinklist li a.lap
	{
		width: 89px;
	}

	#footerstrip ul#footerlinklist li a.mmm
	{
		width: 76px;
	}

	#footerstrip ul#footerlinklist li a.facebook
	{
		width: 138px;
	}

	.copyright
	{
		display: block;
		float: left;
		margin: 12px 0px 0px 30px;
		color: #fff;
		font: bold 11px/16px arial;
	}

	.footerlinks
	{
		display: block;
		float: right;
		margin: 12px 30px 0px 0px;
		font: bold 11px/16px arial;
		color: #a0b0c9;
		font-weight: bold;
	}

	.footerlinks a:link
	{
		color: #a0b0c9;
		text-decoration: none;
	}

	.footerlinks a:hover
	{
		text-decoration: underline;
	}
	
	.footerlinks a:visited
	{
		color: #a0b0c9;
	}

	img.sharethis
	{
		border: 0px;
		margin-left: 8px;
	}

	/** Pagination **/

	.paginationControl
	{
		display: block;
		text-align: center;
		margin: 12px auto;
	}

	.paginationControl .disabled
	{
		color: #999;
	}

	/** Media **/

	table.medialist, table.medialist tr, table.medialist tr td
	{
		padding: 10px;
	}

	table.medialist tr th
	{
		border-bottom: 1px solid #000;
		margin: 0px 10px;
	}

	img.sort
	{
		cursor: hand;
		cursor: pointer;
	}

	fieldset
	{
		display: block;
		float: left;
		clear: both;
		margin: 0px 24px 24px 0px;
	}

	.innerbox
	{
		display: block;
		float: left;
		width: auto;
		margin: 0 12px 0 0px;
	}

	.metadata
	{
		display: block;
		float: left;
		width: 644px;
		border: 1px dotted #ddd;
		padding: 12px;
		font: normal 12px/16px arial;
		color: #000;
	}

	.leftcell
	{
		display: block;
		width: 120px;
		float: left;
		clear: left;
		font-weight: bold;
		color: #000;
	}

	.rightcell
	{
		display: block;
		width: auto;
		float: left;
		clear: right;
		font-weight: normal;
		color: #333;
	}

	.textpreview
	{
		display: block;
		float: left;
		width: 644px;
		padding: 24px 0px 12px 0px;
	}

	h1
	{
		font: bold 20px/24px arial, sans-serif;
		color: #000;
		margin: 0px;
		padding: 0px;
	}

	h2
	{
		font: bold 18px/22px arial, sans-serif;
		color: #999;
		margin: 0px;
		padding: 0px;
	}

/* TOOL TIPS */

.tool-tip {
	color: #fff;
	width: 300px;
	z-index: 13000;
	font: normal 11px/14px arial, san-serif;
}

.tool-title {
	font-weight: bold;
	margin: 0;
	color: #9FD4FF;
	padding: 8px 8px 4px;
	background: url('/images/common/bubble.png') left top;
	font: bold 12px/15px arial, san-serif;
}

.tool-text {
	padding: 4px 8px 8px;
	background: url('/images/common/bubble.png') right bottom;
	font: normal 11px/14px arial, san-serif;
}


/* STANDARD */

button:hover, .buttons a:hover{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
}
.buttons a:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}

/* POSITIVE */

button.positive, .buttons a.positive{
    color:#529214;
}
.buttons a.positive:hover, button.positive:hover{
    background-color:#E6EFC2;
    border:1px solid #C6D880;
    color:#529214;
}
.buttons a.positive:active{
    background-color:#529214;
    border:1px solid #529214;
    color:#fff;
}

/* NEGATIVE */

.buttons a.negative, button.negative{
    color:#d12f19;
}
.buttons a.negative:hover, button.negative:hover{
    background:#fbe3e4;
    border:1px solid #fbc2c4;
    color:#d12f19;
}
.buttons a.negative:active{
    background-color:#d12f19;
    border:1px solid #d12f19;
    color:#fff;
}

#xToolBar
{
	display: block;
	width: 620px;
	height: 130px;
}

.checked
{
	background-color:#222;
	background-image:url('/images/common/chk_on.png')
}

.unchecked{
	background-color:#1c1c1c;
	background-image:url('/images/common/chk_off.png')
}

.selected{
	background-color:#222;
	background-image:url('/images/common/rdo_on.png')
}

.unselected{
	background-color:#1c1c1c;
	background-image:url('/images/common/rdo_off.png');
}

.positionArrow
{
	margin-right: 10px;
}

img.toggleWidget
{
	cursor: pointer;
}

#videoSnippetNavPrev, #videoSnippetNavNext, img.carouselNav
{
	cursor: pointer;
}

#videoSnippetOuter
{
	display: block;
	width: 324px;
	height: 97px;
	margin: 0px auto 14px auto;
}

#videoSnippet-wrapper
{
	display: block;
	width: 270px;
	clear: none;
	float: left;
	margin: 0px 12px 0px 12px;
	overflow: hidden;
	position: relative;
}

#videoSnippet-inner
{
	width: 2880px;
	height: 97px;
	display: block;
	white-space: no-wrap;
	position: relative;
}

img.videoSnippetItem
{
	margin-right: 5px;
}

.learnmoreitem
{
	display: block;
	background: url('/images/shared/icons/link.png') no-repeat top left;
	padding-left: 24px;
	margin-bottom: 14px;
	float: left;
	clear: both;
}

.learnmoreitem a.learnmorelink:link, .learnmoreitem a.learnmorelink:visited
{
	color: #D01F27;
	text-decoration: none;
	font: bold 14px/18px helvetica;
}

.learnmoreitem a.learnmorelink:hover
{
	color: #001f60;
	text-decoration: underline;
	font: bold 14px/18px helvetica;
}

#sbox-window .sbox-content-swf
{
	overflow: hidden;
}

a.snippet_title:link, a.snippet_list_link:link, a.snippet_title:visited, a.snippet_list_link:visited
{
	color: #20285c;
	font: bold 15px/18px arial, sans-serif;
	text-decoration: none;
}

div.snippet_teaser
{
	font: normal 11px/14px arial, sans-serif;
	color: #000;
}

div.snippet_readmorelink
{
	float: right;
}

.snippet_loweritems_list
{
	display: block;
	float: left;
	margin-top: 12px;
}

.snippet_loweritems_list_item
{
	background: transparent url('/images/shared/circlearrow_redblack.gif') no-repeat scroll left 20px;
	border-top: 1px solid #ddd;
	padding: 18px 0px 18px 24px;
	margin: 0px;
}

/** Pagination **/

.paginationControl
{
	display: block;
	text-align: center;
	margin: 12px auto;
}

.paginationControl .disabled
{
	color: #999;
}

/** LAP Cases, Fadeout for Subtle Heirarchies **/
li.pastcase, ul.pastcase {color: #333333;}
a.pastcase {color: #666666;}
a.current {color: #330000;}
.litissue {color: #990000;}

ul.nobullets
{
	list-style: none;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

ul.nobullets li
{
	margin: 0;
	padding: 0;
}


.bluebox, .altbox {
	font-family:arial, helvetica, verdana;
	text-align: center;
	font-weight : bold ;
	PADDING: 15px;
	MARGIN-LEFT: 40px;
	MARGIN-RIGHT: 40px;
	background-color: #ffffcc;
}

.darkredbox, .calloutbox {
	font-family:arial, helvetica, verdana;
	text-align: center;
	font-weight : bold ;
	PADDING: 15px;
	MARGIN-LEFT: 40px;
	COLOR: #dd3333;
	MARGIN-RIGHT: 40px;
	background-color: #ffdddd;
}

A.darkredbox:link, A.calloutbox:link { color: #dd3333; text-decoration: none;  }
A.darkredbox:visited, A.calloutbox:visited {color: #dd3333; text-decoration: none;  }
A.darkredbox:active, A.calloutbox:active {color: #666666; text-decoration: underline; }
A.darkredbox:hover, A.calloutbox:hover {color: #ffffff; text-decoration: underline; }

A.bluebox:link, A.altbox:link { color: #dd3333; text-decoration: none;  }
A.bluebox:visited, A.altbox:visited {color: #dd3333; text-decoration: none;  }
A.bluebox:active, A.altbox:active {color: #666666; text-decoration: underline; }
A.bluebox:hover, A.altbox:hover {color: #ffffff; text-decoration: underline; }


div.flag{
	height: 30px;
	margin-top: 15px;
	line-height: 30px;
}
a.flag{
	height: 30px;
	line-height: 30px;
	font: bold 12px/14px palatino, georgia, serif;
	color: #ffffff;
	text-transform: uppercase;
	text-transform: uppercase;
	letter-spacing: 1px;
	background-repeat: no-repeat;
	background-attachment: inherit;
	background-position: bottom right;
	background-image: url('http://www.bradycampaign.org/images/template/email-flag.gif');
	background-color: #dd3333;
	padding: 8px 40px 8px 8px;
	text-decoration: none;
}
A.flag:link { color: #ffffff; }
A.flag:visited {color: #ffffff; }
A.flag:active {color: #dd3333; text-decoration: underline; }
A.flag:hover {color: #ffffff; text-decoration: underline; }

