/* import stylesheets \*/
@import url("lightbox.css");
/* end import/hide */


/* colours 
89e4ff	explore
c6b0ff	go deeper
ffdc72	connect
ff9191	take action
c87931	resource packs
4bee52	just for fun
*/


/* ---- Structure styles ----- */


html, body {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	background-color: #fff;
	color: #000;
}

body {
	font-size: 0.75em;
}

#wrapper {
	text-align: left;
}

#header {
	width: 890px;
	padding: 0px 8px 0px 8px;
	margin: 0px auto 69px auto;
	text-align: left;
	height: 69px;
	position: relative;
}

#content {
	margin: 20px auto 0px auto;
	padding: 0px;
	width: 890px;
	text-align: left;
	background-color: #FFF;
	position: relative;
}

#col_left_home {
	width: 562px;
	float: left;
	margin: 0px 22px 0px 0px;
}

#col_left {
	position: relative;
	width: 552px;
	float: left;
	margin: 0px 22px 0px 10px;
	min-height: 450px;
}

#col_right {
	width: 306px;
	float: right;
}


/* ---- Common styles ----- */


a {
	color: #22aed6;
	text-decoration: none;
}

.clear {
	clear: both;
	height: 0px;
	line-height: 0px;
	overflow: hidden;
	font-size: 0em;
}

.warning {
	color: #cc6600;
} 

.error {
	color: #CC0000;
}

.success, #content .success{
	color: #03b203;
	font-weight: bold;
}

.message {
	background-color: #e9e9e9;
	border: 2px dashed #666666;
	padding: 10px;
	margin: 0 0 1.4em 0;
}

a#addthis_button_standard {
	position: absolute;
	right: 2px;
	top: 11px;
}

a#addthis_button_resource {
	text-align: right;
	margin-top: 10px;
}

a#addthis_button_politicalanimal {
	position: absolute;
	right: 12px;
	top: 11px;
}


/* ---- Form styles ----- */

form {

}

form fieldset {
	border: 1px solid #898989;
	padding: 6px 6px 12px 6px;
	font-weight: bold;
}

form fieldset div {
	clear: left;
	padding: 2px 0 10px 0;
}

form fieldset label {
	display: block;
	padding: 4px 15px 0 0;
	width: 170px;
	float: left;
}

form fieldset div input, form fieldset div textarea, form fieldset div select {
	margin: 0 0 0 0;
}

form fieldset label.form_field_subfield {
	width: 140px;
	padding: 4px 15px 0 30px;
	font-weight: normal;
}

form fieldset label small {
	color: #999;
}

form textarea {
	width: 250px;
	height: 100px;
}

form fieldset span.error {
	display: block;
	margin-left: 170px;
	padding: 1px 0 0 15px;
}

form fieldset div div#contact_form_recaptcha_box {
	clear: none;
	float: left;
	width: 320px;
}

/* ---- Header styles ----- */

#logo {
	height: 65px;
}

.search_bar {
	float: right;
	background-image: url(../images/search_back.gif);
	background-repeat: no-repeat;
	background-position: center top;
	width: 285px;
	height: 32px;
	margin: 15px 0px 0px 0px;
	position: relative;
}

.search_bar input.field {
	position: absolute;
	top: 6px;
	left: 6px;
	height: 18px;
	width: 250px;
	border: 0px solid #fff;
	margin: 0px 0px 0px 8px;
	color: #666;
	background-color: #fff;
	font-family: Arial, Helvetica, Verdana, sans-serif;
}

.search_bar .search_button {
	display: none;
}



/* ---- Navigation styles ----- */

#navigation {
	clear: both;
	height: 23px;
	background-image: url(../images/navigation_bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width: 890px;
}

#navigation ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	line-height: 1.1em;
}

#navigation li {
	float: left;
	padding: 0px;
	position: relative;
	z-index: 25;
}

#navigation ul li ul li {
	background-color: #fff;
}

#navigation li ul, #navigation ul:hover li ul {
	display: none;
}

#navigation ul li:hover ul, #navigation li.on ul {
	display: block;
	position: absolute;
	top: 19px;
	left: auto;
	padding: 10px 9px 3px 9px;
	z-index: 20;
	width: 600px;
}

#navigation li:hover ul li, #navigation li.on ul li {
	float: left;
	padding: 0px;
	font-weight: bold;
	font-size: 0.9em;
}

#navigation a, #navigation ul:hover li a {
	display: block;
	height: 23px;
	padding: 5px 9px 1px 9px;
	text-transform: uppercase;
	color: #000;
	font-weight: bold;
	background-image: none;
}

#navigation ul li:hover a, #navigation li.on a {
	background-image: url(../images/nav_item_bg_middle.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	color: #fff;
}

#navigation ul:hover li a .nav_left {
	background-image: none;
}

#navigation ul:hover li a .nav_right {
	background-image: none;
}

#navigation ul li:hover a .nav_left, #navigation li.on a .nav_left  {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 2px;
	height: 23px;
	background-image: url(../images/nav_item_bg_left.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
}

#navigation ul li:hover a .nav_right, #navigation li.on a .nav_right {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 2px;
	height: 23px;
	background-image: url(../images/nav_item_bg_right.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
}




#navigation li:hover ul li a, #navigation li.on ul li a {
	display: block;
	height: 19px;
	padding: 6px 9px 4px 9px;
	text-transform: none;
	color: #000;
	font-weight: bold;
	background: none;
}

#navigation li:hover ul li span, #navigation li.on ul li span {
	display: block;
	height: 19px;
	padding: 6px 9px 4px 0px;
	text-transform: none;
	color: #000;
	font-weight: bold;
	background: none;	
}

#navigation li.on ul li.on a, #navigation li.on ul li a:hover, #navigation li:hover ul li a:hover {
	background: none;
	color: #000;
	text-decoration: underline;
}


#navigation ul li ul li#nav_myreport a{
	color: #22aed6;
}


/* ---- Live status styles ----- */

#live_status { 
	width: 200px;
	height: 40px;
	padding: 4px;
	background-color: #dfdfdf;
	position: absolute;
	right: 15px;
	top: 75px;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
	border: 1px solid #999;
	font-size: 1.4em;
	z-index: 500;
}

#live_status a{
	font-size: 1.1em;
}

#live_status a#live_status_gooffline{
	color: #993300;
}

#live_status a#live_status_golive{
	color: #009900;
}

/* -------- */



/* ---- Content styles ----- */


#content h1, #content h2 {
	width: 562px;
	height: 37px;
	background-image: url(../images/heading_light.gif);
	background-repeat: no-repeat;
	margin: 0 0 0 -10px;
	padding: 10px 10px 0px 10px;
	font-size: 16px;
	font-weight: bold;
	color: #000;
}

#content blockquote {
	font-size: 15px;
	font-style: italic;
	color: #000;
	font-weight: normal;
	width: 530px;
	background-color: #ffffe1;
	padding: 20px;
	text-align: center;
	line-height: 18px;
	margin: 0px 0px 30px -10px;
}

#content p {
	margin: 0px 0px 15px 0px;
	line-height: 18px;
}

#content h3 {
	margin: 5px 0 0 0px;
	padding: 0;
	font-size: 1.2em;
	line-height: 18px;
}

#content ul {
	list-style-type: none;
	margin: 0 0 20px 17px;
	padding: 0;
}

#content ul li {
	list-style-image: url(../images/bullet_onwhite.gif);
	width: 255px;
	margin: 0px 0px 8px 0px;
}


/* -- Who said that? box --------- */

#who_container {
	width: 306px;
	position: relative;
	margin: 5px 0px 0px 0px;
	background-image: url(../images/speechbox_bg.gif);
}

#who_top {
	background-image: url(../images/speechbox_top.gif);
	background-repeat: no-repeat;
	background-position: top center;
	padding: 8px 10px 0px 10px;
	text-align: center;
	margin: 0px;
}

#content #who_top p {
	line-height: 18px;
	padding: 8px 0px 5px 0px;
	color: #000;
	margin: 0px;
}

#who_base {
	background-image: url(../images/speechbox_bottom.gif);
	background-repeat: no-repeat;
	background-position: bottom center;
	height: 32px;
	position: relative;
}

#who_base span {
	position: absolute;
	right: 0px;
	bottom: -3px;
	color: #0099ff;
	text-transform: uppercase;
	font-weight: bold;
}
#who_base span a {
    font-size: 11px !important;
    outline: none;
}

#quote {
	height: 0px;
	overflow: hidden;
	text-align: right;
	font-size: 0.9em;
	margin: 10px 0px 0px 0px;
}


/* ---- Misc styles ----- */


#content h1.quote {
	color: #22aed6;
	font-size: 1.4em;
	font-weight: normal;
	margin: 0px 0px 5px 38px;
	background-image: url(../images/quote.gif);
	background-repeat: no-repeat;
	padding: 23px 0px 10px 40px;
	width: 400px;
}
 

 
/* ---- Homepage styles ----- */

#flash_cards_outer {
	padding: 7px 0px 0px 12px;
}

#content h2.dark {
	width: 572px;
	height: 27px;
	background-image: url(../images/maincol_headingbg.gif);
	background-repeat: no-repeat;
	padding: 10px 0px 0px 10px;
	font-size: 15px;
	font-weight: bold;
	color: #fff;
	text-transform: uppercase;
	margin: 17px 0px 3px 0px
}

#content h2.dark a.btn {
	position: relative;
	top: 2px;
}


#content h2.dark_withlink {
	width: 572px;
	height: 37px;
	background-image: url(../images/maincol_headingbg.gif);
	background-repeat: no-repeat;
	font-size: 15px;
	font-weight: bold;
	color: #fff;
	text-transform: uppercase;
	margin: 17px 0px 3px 0px;
	padding: 0;
}

#content h2.dark_withlink a .btn {
	position: relative;
	top: 2px;
}
#content h2.dark_withlink a {
	display: block;
	color: #fff;
	padding: 10px 0px 0px 10px;
	height: 27px;
}

#content h2 span {
	display: block;
	font-size: 10px;
	color: #d2d5d5;
	text-transform: none;
}

#content h2.dark_right a.btn {
	position: relative;
	top: 2px;
}

.susa_video {
	margin-bottom: 16px;
}

/* Right Column box --- */

#content #col_right h2, #content #myresources_col_right #myresources h2 {
	width: 306px;
	height: 42px;
	background-image: url(../images/rightcol_headingbg.gif);
	background-repeat: no-repeat;
	padding: 10px 0px 0px 10px;
	font-size: 15px;
	font-weight: bold;
	color: #fff;
	text-transform: uppercase;
	margin: 0px 0px 3px 0px
}

#content #col_right h2.withlink, #content #myresources_col_right #myresources h2.withlink{
	width: 306px;
	height: 52px;
	background-image: url(../images/rightcol_headingbg.gif);
	background-repeat: no-repeat;
	padding: 0;
	font-size: 15px;
	font-weight: bold;
	color: #fff;
	text-transform: uppercase;
	margin: 0px 0px 3px 0px;
}


#content #col_right h2.withlink a, #content #myresources_col_right #myresources h2.withlink a{
	height: 42px;
	padding: 10px 0px 0px 10px;
	color: #fff;
	display: block;
}

#content #col_right h2.withlink a .btn, #content #myresources_col_right #myresources h2.withlink a .btn {
	position: relative;
	top: 2px;
}

#col_right .standard_box {
	background-color: #c7f1f5;
	padding: 17px 0px 0px 0px;
	position: relative;
	margin-bottom: 12px;
}

#col_right .standard_box ul {
	padding: 0 17px 0 17px;
}

#col_right .standard_box li{
	list-style-image: url(../images/bullet_onblue.gif);
}

#col_right .standard_box li a {
	color: #989898;
	display: block;
}

#col_right .standard_box li a:hover {
	color: #000;
}

a.get_resources {
	background-image: url(../images/get_susa_recources.gif);
	background-repeat: no-repeat;
	display: block;
	width: 306px;
}

#myresources {
	margin-top: 40px;
}






#content #myresources .standard_box {
	background-color: #c7f1f5;
	padding: 17px 17px 5px 17px;
	position: relative;
	margin-bottom: 10px;
}

#content #myresources .standard_box ul {
	margin-bottom: 12px;
}

#content #myresources .standard_box ul li {
	list-style-image: url(../images/bullet_onblue.gif);	
	padding: 0;
	margin: 0 0 5px 0;
	font-size: 0.9em;
}

#content #myresources .standard_box ul li a {
	display: block;
	font-size: 1.1em;
	color: #666666;
	padding: 0 0 3px 22px;
	background-repeat: no-repeat;
	background-position: 0px 2px;
}
#content #myresources .standard_box ul li a:hover {
	color: #000;
}


/* News --- */

.news {
	background-color: #ededed;
	padding: 17px;
	width: 538px;
	margin: 0px 0px 17px 0px;
	min-height: 170px;
}

#content .news ul {
	padding-left: 0px;
	margin-left: 0px;
	position: relative;
}

.news li a img {
	border: 0;
}

#content .news li {
	list-style-image:none;
	width: 534px !important; 
	color: #666666;
}

.news li a {
	color: #555;
	display: block;
	font-weight: bold;
}

.news li a img{
	margin-left: 10px;
}

.news li a:hover {
	color: #000;
}

.news li em {
	display: block;
	margin: 0 0 2px 0;
}



#news h3 a img {
	padding: 0 0 20px 20px;
}


.paging {
	font-weight: bold;
	color: #999;
	clear: both;
}

/* Questions --- */

#cards {
	width: 572px;
	background-color: #fffcc5;
	height: 480px;
	position: relative;
}

#question_home {
	background-image: url(../images/question_bg.gif);
	background-repeat: no-repeat;
	width: 565px;
	height: 89px;
	position: absolute;
	bottom: 3px;
	left: 4px;
	padding: 0px;
	margin: 0px;
}

#content #question_home p {
	margin: 0px;
	background-image: none;
	font-size:  1.2em;
	font-weight: bold;
	color: #000;
	padding: 12px 0px 0px 20px;
	width: 525px;
}

#content .responses {
	font-size: 0.9em;
	font-weight: normal;
	color: #acacac;
	padding: 16px 0px 0px 20px;
}
#content .responses span {
	float: left;
}

#content .responses ul {
	padding: 0px;
	margin: 0px;
	list-style: none;
	float: right;
	width: 450px;
}

#content .responses ul li {
	float: left;
	padding: 0px 15px 0px 22px;
	color: #000;
	width: auto;
	position: relative;
	list-style-image: none;
}

#content .responses ul li input{
	padding-top: 2px;
	position: absolute;
	left: 0px;
	top: -2px;
}

.what_kind {
	margin: 0px;
	width: 525px;
	position: absolute;
	bottom: 90px;
	left: 16px;
}

.what_kind p {
	color: #83835d;
	margin: 0px 10px 0px 2px;
	padding: 0px;
}


#content .responses ul li.strongly_disagree {
	color: #cc0200;
}
#content .responses ul li.somewhat_disagree {
	color: #e87b06;
}
#content .responses ul li.partly_agree {
	color: #009bd7;
}
#content .responses ul li.fully_agree {
	color: #01c211;
}


/* ---- Political Animal --- */

#polanimal_col_left {
	position: relative;
	width: 554px;
	float: left;
	padding: 0px;
	min-height: 350px;
}

#polanimal_col_right {
	width: 306px;
	float: right;
	padding: 0px;
	margin: 0 0 0 10px;
}

#polanimal_col_left h1 {
	background-image: url(../images/polanimal_headingbg_yellow.gif);
	width: 544px;
	margin: 0px;	
}
#polanimal_col_left h2 {
	background-image: url(../images/polanimal_headingbg_grey.gif);
	width: 544px;
	margin: 0px;	
}
#polanimal_col_left h2.downarrow {
	background-image: url(../images/polanimal_headingbg_greyarrow.gif);
	width: 544px;
	margin: 0px;	
}

#polanimal_col_left h2.downarrow_expandable {
	background-image: url(../images/polanimal_headingbg_greytop.gif);
	background-color: #e9e9e9;
	width: 554px;
	margin: 0px;
	padding: 0px;
	height: auto;
}
#polanimal_col_left h2.downarrow_expandable strong {
	display: block;
	padding: 10px 10px 12px 10px;
	background-position: bottom;
	background-repeat: no-repeat;
	background-image: url(../images/polanimal_headingbg_greybtmarrow.gif);
}
#polanimal_col_left h2.alternative {
	background-image: url(../images/polanimal_headingbg_blue.gif);
	width: 544px;
	margin: 0px;	
}

#polanimal_col_left p {
	width: 534px;
	padding: 0 10px 0 10px;
}

#questions {
	margin: 10px 0 15px 0;
}

#questions .question {
	background-image: url(../images/polanimal_questionbox_bgrunner.gif);
	background-repeat: repeat-y;
	width: 554px;
	bottom: 3px;
	left: 4px;
	padding: 0px;
	margin: 0 0 15px 0;
}

#questions .question p {
	margin: 0px;
	background-image: none;
	font-size:  1em;
	font-weight: bold;
	color: #000;
	padding: 10px 10px 5px 10px;
	width: 534px;
	background-image: url(../images/polanimal_questionbox_top.gif);
	background-repeat: no-repeat;
}

#questions .question .responses {
	background-image: url(../images/polanimal_questionbox_bottom.gif);
	background-repeat: no-repeat;
	font-size: 0.9em;
	font-weight: normal;
	color: #acacac;
	padding: 12px 10px 0px 10px;
	width: 534px;
	height: 29px;
	margin: 0px;
}

#continue_button {
	text-align: right;
	position: relative;
	height: 55px;
	padding-top: 10px;
}
#continue_button a {
	position: absolute;
	right: 0px;
	display: block;
	width: 259px;
	height: 55px;
	background-image: url(../images/button_seeyourresults.gif);
}
#continue_button a span {
	visibility: hidden;
}


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

#emailreport_form {
	margin-bottom: 12px;
}

#emailreport_form p {
	padding: 20px 6px 0 6px;
	font-weight: bold;
	margin-bottom: 5px;
}

#emailreport_button {
	position: relative;
}
#emailreport_button input {
	position: absolute;
	left: 15px;
	top: 13px;
	width: 163px;
}


/* ---- Political animal - Cabinet ----- */

#cabinet h2 {
	width: 0px;
	margin: 0 0 10px 0;
	padding: 0 0 0 306px;
	overflow:hidden;
}

#cabinet #cab_title_stage1 {
	background-image: url('../images/cabinet_0.gif');
}
#cabinet #cab_title_stage2 {
	background-image: url('../images/cabinet_33.gif');
}
#cabinet #cab_title_stage3 {
	background-image: url('../images/cabinet_66.gif');
}
#cabinet #cab_title_stage4 {
	background-image: url('../images/cabinet_100.gif');
}



/* ---- Resources styles ----- */

#resources {
	width: 568px;
	margin-left: -10px;
}

#resources .resource_box_left {
	width: 274px;
	margin: 0 0 0 3px;
	float: left;
	clear: left;
}

#resources .resource_box_right {
	width: 274px;
	margin: 0 0 0 17px;
	float: left;
}

#content #resources div h2 {
	width: 274px;
	height: 30px;
	background-image: none;
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
	font-size: 1.1em;
	font-weight: bold;
	color: #000;
	position: relative;
}

#content #resources div h2.blue {
	background-image: url('../images/resources_head_bg_blue.gif');
}
#content #resources div h2.purple {
	background-image: url('../images/resources_head_bg_purple.gif');
}

#content #resources div h2.yellow {
	background-image: url('../images/resources_head_bg_yellow.gif');
}
#content #resources div h2.red {
	background-image: url('../images/resources_head_bg_red.gif');
}

#content #resources div h2.brown {
	background-image: url('../images/resources_head_bg_brown.gif');
}
#content #resources div h2.green {
	background-image: url('../images/resources_head_bg_green.gif');
}

#content #resources div h2 a {
	color: #000;
	display: block;
	padding: 7px 0px 1px 10px;
	height: 22px;
}

#resources ol {
	color: #acacac;
	padding: 0;
	margin: 12px 0 35px 32px;
}

#resources ol li {
	margin: 0 0 6px 0;
}

#resources div ol li {
	padding: 0;
	margin: 0 0 5px 0;
	font-size: 0.9em;
}

#resources div ol {
	width: 230px;
}

#resources .searchhighlight {
	font-weight: bold;
}

#resources .searchsummary {
	margin-bottom:15px;
}

#resources ol li a {
	display: block;
	font-size: 1.1em;
	color: #666666;
	padding: 0 0 3px 22px;
	background-repeat: no-repeat;
	background-position: 0px 2px;
}
#resources ol li a:hover {
	color: #acacac;
}

#myresources_col_right {
	width: 306px;
	float: right;
	padding: 0px;
	margin: 10px 0 0 0;
}

.res_audio { background-image: url(../images/icon_audio.gif); }
.res_book { background-image: url(../images/icon_book.gif); }

.res_charity { background-image: url(../images/icon_charity.gif); }
.res_download { background-image: url(../images/icon_download.gif); }

.res_dvd { background-image: url(../images/icon_dvd.gif); }
.res_shop { background-image: url(../images/icon_shop.gif); }

.res_video { background-image: url(../images/icon_video.gif); }
.res_website { background-image: url(../images/icon_website.gif); }

.res_prezi { background-image: url(../images/icon_prezi.gif); }

#resources ol li a.res_prezi { background-position: 0px 0px; }


#content #col_left h2.heading_blue {
	background-image: url('../images/head_bg_blue.gif');
}
#content #col_left h2.heading_purple {
	background-image: url('../images/head_bg_purple.gif');
}

#content #col_left h2.heading_yellow {
	background-image: url('../images/head_bg_yellow.gif');
}
#content #col_left h2.heading_red {
	background-image: url('../images/head_bg_red.gif');
}

#content #col_left h2.heading_brown {
	background-image: url('../images/head_bg_brown.gif');
}
#content #col_left h2.heading_green {
	background-image: url('../images/head_bg_green.gif');
}


/* ---- Resources item page styles ----- */

#content #resource_item h2{
	background-image: none;
	margin: 0 0 3px -10px;
	padding: 10px 0px 0px 10px;
	height: auto;
	font-size: 1.4em;
	width: 286px;
}
#content #resource_item h3#format{
	font-size: 1em;
	color: #7b7b7b;
	font-weight: normal;
	width: 286px;
	position: relative
}
#content #resource_item h3#format span{
	padding: 0 0 3px 21px;
	background-repeat: no-repeat;
	background-position: 0px 1px;	
}
#content #resource_item h3#format span.res_prezi {
	background-position: 0px 0px;
}

#content #resource_item h3{
	margin: 0 0 10px 0;
}

#resource_item {
	padding-left: 273px;
}

#resource_item #thumbnail {
	position: absolute;
	top: 10px;
	left: 0px;
}

#resource_item #thumbnail .thumbnail_link, #resource_item #thumbnail .lightview{
	display: block;
	text-align: center;
}

#resource_item #thumbnail a {
	display: block;
}

#resource_item #thumbnail a div {
	width: 259px;
	height: 55px;
	overflow: none;
	margin: 0 0 0 -1px;
	position: relative;
	z-index: 20;
	cursor: hand; 
}

#resource_item #thumbnail a div span {
	visibility: hidden;
}

#resource_item #thumbnail a div#getitnow_button {
	background-image: url(../images/getitnow.png);
}

#resource_item #thumbnail a div#gotherenow_button {
	background-image: url(../images/gotherenow.png);
}

#resource_item #thumbnail a div#playitnow_button {
	background-image: url(../images/playitnow.png);
}

#resource_item #thumbnail div#downloaditnow_button {
	background-image: url(../images/downloaditnow.png);
	width: 259px;
	height: 55px;
	overflow: none;
	margin: 0px 0 0 -1px;
	position: relative;
	z-index: 20;
}

#resource_item #thumbnail div#downloaditnow_button a {
	display: block;
	height: 55px;
}

#resource_item #thumbnail div#downloaditnow_button a span {
	visibility: hidden;
}

#resource_item #thumbnail div#downloaditnow_button span.file_extension {
	display: block;
	position: absolute;
	right: 36px;
	bottom: 22px;
	color: #898989;
}

#resource_item #thumbnail div#downloaditnow_button span.file_extension a {
	display: inline;
	color: #898989;
	border-bottom: 1px dotted #898989;
	padding: 0 2px 0 2px;
	cursor: help;
}


#resource_item #thumbnail p {
	padding: 0;
	margin: 10px 0 0 0;
}

#hidden_video {
	position: absolute;
	left: -9999px;
}



.credits_detail {
	color: #7b7b7b;
}


/* --------- */


/* -- Right column - footer styles ---------------- */

#rightColFooterLinks {
	margin-top: 40px;
}

#join_mailing_list, #facebook_fan_page, #donate_now, #follow_twitter {
	width: 144px;
}

#join_mailing_list a, #facebook_fan_page a , #donate_now a, #follow_twitter a {
	color: #999;
	font-weight: bold;
}


/* --------- */




/* -- Footer styles ---------------- */

#footer {
	clear: both;
	width: 890px;
	margin: 0px auto 30px auto;
	padding: 40px 0px 80px 0px;
	background-image: url(../images/footer.gif);
	background-repeat: repeat-x;
	color: #a6a6a6;
	position:relative;
	font-size: 0.9em;
}

#footer a {
	color: #000;
}

#footer a:hover {
	color: #a6a6a6;
}

#footer #footer_links a {
	margin: 0 12px 0 12px;
}

#mobile_link {
	font-weight: bold;
	margin: 6px 0 0 0;
}

#footer p {
	margin: 8px 0 0 0;
	padding: 0;
	color: #777;
}

#footer p a {
	margin: 6px 0 0 0;
	color: #777;
}

#footer p a:hover {
	color: #000;
}

#footer #credits_link {
	margin: 0;
	padding: 0;
}

#footer #credits_link a {
	color: #a6a6a6;
}
#footer #credits_link a:hover {
	color: #000;
}

#footer #bslogo {
	width: 105px;
	left: 778px;
	top:25px;
	display: block;
	position: absolute;
}