body
{
	background: #b1c7cf url('/images/layout/sitebg.png') left top repeat-x;
}

body.splashbody
{
	background-color: #3f6b85;
	background-image: none;
}

.backgradient
{
	background: #3f6b85 url('/images/layout/shadowbg_940.png') left top repeat-y !important;
}

.toplinks
{
	margin-top: 7px;
	color: #cbcaaf;
	text-transform: uppercase;
	font: bold 13px/15px arial;
	height: 23px;
	padding-left: 12px;
}

.toplinks a:link, .toplinks a:visited
{
	color: #cbcaaf;
	text-decoration: none;
}

.toplinks a:hover
{
	text-decoration: underline;
	color: #fff;
}

div.emailsignup input.textinput
{
	float: left;
	clear: none;
	background-color: #617e8a;
	border: 0px;
	padding: 4px 5px;
	color: #fff;
	width: 150px;
	margin: 4px 2px 0px;
	margin-right: 2px;
}

div.emailsubmit
{
	display: block;
	float: left;
	width: 33px;
	height: 23px;
	margin-top: 4px;
	background: #1c4556 url('/images/layout/topgobutton.png') left top no-repeat;
	cursor: pointer;
}

div.splashemailsubmit
{
	display: block;
	float: left;
	width: 33px;
	height: 23px;
	margin-top: 0px;
	margin-left: 6px;
	background: url('/images/layout/splash/go_transparent.png') left top no-repeat;
	cursor: pointer;
}

#foxxbanner, .foxxbanner
{
	display: block;
	float: left;
	clear: none;
	width: 427px;
	height: 208px;
}

.menucontainer, .bannercontainer
{
	width: 920px;
	margin-left: 10px;
	float: left;
}

#onecharlotte
{
	position: relative;
	display: block;
	float: left;
	clear: none;
	left: 0px;
	top: 88px;
	display: block;
}

#mainmenu
{
	position: relative;
	display: block;
	width: 920px;
	background: #fff url('/images/layout/sprites.png') 0px -24px no-repeat;
	height: 49px;
}

.whitebg
{
	display: block;
	float: left;
	margin-left: 10px;
	width: 920px !important;
	background-color: #fff;
}

.greenbg
{
	width: 920px !important;
	background-color: #3f6b85;
}

ul.mainmenu
{
/*	position: relative; */
	list-style: none;
	list-style-type: none;
}

ul.mainmenu li
{
/*	position: relative; */
	margin: 0px;
	padding: 0px;
	float: left;
}

ul.mainmenu li a:link, ul.mainmenu li a:visited
{
/*	position: relative; */
	display: block;
	float: left;
	width: 126px;
	height: 49px;
	text-indent: -9999px;
	margin-bottom: 1px;
}

ul.mainmenu li a.contribute:link, ul.mainmenu li a.contribute:visited
{
/*	position: relative; */
	width: 290px;
}

#drop_down_menu li a.toplevel
{
/*	position: relative; */
	display: block;
	float: left;
	width: 126px;
	height: 49px;
}

#drop_down_menu li a.learn:hover
{
	background: #fff url('/images/layout/sprites.png') 0px -75px no-repeat;
}

#drop_down_menu li a.issues:hover
{
	background: #fff url('/images/layout/sprites.png') -126px -125px no-repeat;
}

#drop_down_menu li a.news:hover
{
	background: #fff url('/images/layout/sprites.png') -252px -175px no-repeat;
}

#drop_down_menu li a.action:hover
{
	background: #fff url('/images/layout/sprites.png') -378px -225px no-repeat;
}

#drop_down_menu li a.media:hover
{
	background: #fff url('/images/layout/sprites.png') -505px -275px no-repeat;
}

#drop_down_menu li a.contribute
{
	width: 288px;
}

#drop_down_menu a.contribute:hover
{
	background: #fff url('/images/layout/sprites.png') -630px -324px no-repeat;
}

.twitterbg
{
	width: 920px !important;
	height: 325px;
	background: #e0e9ea url('/images/layout/twitter_gradient.png') 0 0 repeat-x;
}

.twitterfeed
{
	width: 270px !important;
	background: #e0e9ea url('/images/layout/twitter_gradient.png') 0 0 repeat-x;
	height: 325px;
}

	.twitterfeed .twittercontent
	{
		margin: 24px 18px 0px 18px;
		font: normal 12px/16px arial, sans-serif;
	}

	.twitterfeed .twittercontent h1, a.twitterheader
	{
		font: bold 16px/20px arial;
		color: #426f83;
		text-transform: uppercase;
		text-decoration: none;
	}

	.twitterfeed .twittercontent ul.tweets
	{
		list-style: none;
		list-style-type: none;
	}

	.twitterfeed .twittercontent ul.tweets li
	{
		margin: 0px 0px 16px 0px;
		padding: 0px;
	}

	.twitterfeed .twittercontent ul.tweets li .date
	{
		color: #006699;
	}

	a.morelink:link, a.morelink:visited
	{
		font: bold 12px/16px arial, sans-serif;
		color: #ab0835;
		text-decoration: none;
	}

	a.morelink:hover
	{
		text-decoration: underline;
	}

	.allcaps
	{
		text-transform: uppercase;
	}

.tribox
{
	background-color: #fff;
	display: block;
	float: left;
}

.tribox .content
{
	margin: 32px 16px 16px 16px;
	float: left;
}

.tribox .content.connect
{
	margin: 32px 16px;
	float: left;
	width: 267px;
}

.tribox .content.endorsementsdiv
{
	margin: 32px 16px 0px 16px;
	float: left;
	border-bottom: 1px solid #ddd;
	width: 267px;
}


.tribox .content h1
{
	font: normal 16px/22px georgia, serif;
	color: #1d4657;
}

.tribox .content ul.events
{
	list-style: none;
	list-style-type: none;
}

.tribox .content ul.events li
{
	margin: 0px 0px 16px 0px;
	padding: 0px;
}

	.tribox .content ul.events li span.date
	{
		font: normal 12px/16px arial, sans-serif;
		color: #666;
	}

	.tribox .content ul.events li span.title
	{
		font: bold 14px/18px arial, sans-serif;
		color: #666;
	}

.tribox .content .sociallinks
{
	display: block;
	width: 203px;
	height: 117px;
	float: left;
	background: #fff url('/images/layout/sprites.png') -427px -374px no-repeat;
}

.tribox .content .sociallinks ul.sociallinklist
{
	list-style: none;
	list-style-type: none;
	text-indent: -9999px;
}

.tribox .content .sociallinks ul.sociallinklist li
{
	margin: 0px 0px 28px 0px;
	padding: 0px;
}

.tribox .content .sociallinks ul.sociallinklist li.last
{
	margin: 0px 0px 0px 0px;
	padding: 0px;
}

.tribox .content .sociallinks ul.sociallinklist li a
{
	display: block;
	width: 200px;
}

.tribox .content .translatesite
{
	display: block;
	width: 267px;
	float: left;
	padding-top: 12px;
	margin-top: 19px;
	border-top: 1px solid #ddd;
}

.quickpoll
{
	font: normal 14px/18px arial, sans-serif;
	color: #666;
}

.bottomcap
{
	height: 11px;
	background: #fff url('/images/layout/sprites.png') 0px -12px no-repeat;
	padding: 0px;
	margin: 0px 0px 36px 0px;
}

/* Design Elements */

input.hide
{
	display: none;
}

.maincontent
{
	display: block;
	float: left;
	margin: 24px;
	width: 880px;
}

/** The Menu **/

#drop_down_menu {
	display:block;
	position:absolute;
	clear:both;
	margin:0px;
	padding:0px;
	text-align:left;
	list-style-type:none;
	float:left;
	left:0px;
	top:0px;
	z-index: 1000;
}

#drop_down_menu li
{
	position: relative;
	width: 126px;
	height: 49px;
	float: left;
	text-indent: -9999px;
	margin: 0px;
	padding: 0px;
}

#drop_down_menu li.menu {
	margin-left: 0px;
	font-size:12px;
	font-weight:bold;
	float:left;
	color:#333;
	padding:0px;
	margin: 0px;
	cursor:pointer;
	width: 126px;
	height: 49px;
	text-indent: -9999px;
	position: relative;
}

#drop_down_menu li ul {
	position:absolute;
	margin:50px 0 0 0;
	padding:0px;
	list-style-type:none;
	text-indent: 0px;
	cursor: pointer;
	z-index: 1000;
	float:left;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}

#drop_down_menu li ul li {
	position: relative;
	display:block;
	float:none;
	clear:both;
	height: inherit;
	background-color: #1D4657;
	background-image: none;
	color: #fff;
	border-top: none;
	padding: 4px;
	cursor: pointer;
	text-indent: 0px;
}

#drop_down_menu li ul li.sub
{
	position: relative;
	height: 20px;
}

ul.links li a:link, ul.links li a:visited
{
	position: relative;
	color: #fff !important;
	background-color: #1D4657;
}

#drop_down_menu li ul li a:link, #drop_down_menu li ul li a:visited
{
	position: relative;
	font-weight:normal;
	text-decoration:none;
	display:block;
}

#drop_down_menu li ul li a:hover {
	position: relative;
	font-weight:normal;
	text-decoration:underline;
	display:block;
}


/** Site-Wide **/

a:link, a:visited
{
	color: #426f83;
	text-decoration: none;
}

a:hover
{
	text-decoration: underline;
}

ul.submenu li.sub a:link
{
	color: #fff;
}

h1, .header1
{
	display: block;
	color: #426f83;
	font: bold 20px/24px helvetica, sans-serif;
	margin-bottom: 24px;
}

h2, .header2
{
	color: #426f83;
	font: bold 18px/22px helvetica, sans-serif;
	margin-bottom: 24px;
}

h1.splash
{
	color: #426f83;
	font: bold 18px/22px helvetica, sans-serif;
	margin-bottom: 0px;
}

.header3
{
	display: block;
	font: bold 20px/24px helvetica;
	color: #426f83;
	margin-bottom: 18px;
}

h4
{
	color: #426f83;
	font: bold 16px/20px helvetica, sans-serif;
	margin-bottom: 24px;
}

.bottomthree
{
	padding-top: 0px;
}

.connectbox
{
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
}

.splashleft
{
	width: 518px !important;
}

.splashbottombox
{
	background-color: #fff;
	margin-bottom: 24px;
	padding: 18px;
	height: 140px;
	width: 884px !important;
	border: 1px solid #1d4657;
	border-top: 0px;
}

a.continuetosite:link, a.continuetosite:visited
{
	display: block;
	width: 220px;
	height: 22px;
	margin-top: 24px;
	text-align: center;
	padding-top: 4px;
	background-color: #3f6b85;
	color: #fff;
	font: bold 14px/18px arial;
}

a.continuetosite:hover
{
	color: #3f6b85;
	background-color: #b1c7cf;
	border: 1px solid #3f6b85;
	text-decoration: none;
}

.movieurl
{
	display: block;
	float: left;
	clear: none;
	border:10px solid #FFFFFF;
	height:295px;
	left:63px;
	position:relative;
	top:54px;
	width:480px;
}

div.splashsignup
{
	display: block;
	float: left;
	width: 240px;
	margin-left:100px;
	margin-top:74px;
	position: relative;
}

div.splashcontribute
{
	display: block;
	float: left;
	width: 240px;
	margin-top: 32px;
}

input.splashtextinput
{
	width: 182px;
	height: 18px;
	background-color: #eee;
	float: left;
	clear: left;
}

.splashtop
{
	display: block;
	margin-top: 36px;
	height: 148px;
	width: 920px;
}

.splashbg
{
	display: block;
	width: 920px;
	height: 479px;
	background: #b1c7cf url('/images/layout/splash/splash_bottom.jpg') left top no-repeat;
}

a.splashimglink
{
	padding: 0px;
	margin: 0px;
	line-height: 0px;
	float: left;
}

textarea.termsandconditions
{
	margin-top: 24px;
	width: 400px;
	height: 72px;
	border: 1px solid #bbb;
	font: normal 11px/15px verdana, sans-serif;
}

ul.endorsements, ul.endorsements li
{
	list-style: none;
	margin-left: 0px;
	padding-left: 0px;
	margin-bottom: 22px;
}

ul.endorsements li.fop
{
	display: block;
	float: left;
	width: 256px;
	height: 72px;
	background: #fff url('/images/design/endorsements_fop.png') left top no-repeat;
}

ul.endorsements li.fop span.desc
{
	display: block;
	float: left;
	color: #666;
	font: bold 14px/16px arial, sans-serif;
	margin: 30px 0 0 80px;
}

ul.endorsements li.sierra
{
	display: block;
	float: left;
	width: 256px;
	height: 72px;
	background: #fff url('/images/design/endorsements_sierra.png') left top no-repeat;
	text-indent: -9999px;
}

ul.endorsements li.mcbpc span.desc
{
	color: #666;
	font: bold 14px/16px arial, sans-serif;
}