@import "aiuk_panel.css";

body {
	padding:15px 0 0 0;
	margin:0 20px 0 20px;
	font-family:Arial, Verdana, Helvetica, Sans-Serif;
}
.date-posted {font-size:90%;color:#666;}
form {margin:0;}
img {margin:0;display:block;}
a acronym, a abbr, a img {border:0}
input.mybutton {border:1px solid #000;background:#D6D6D6;}
form br {letter-spacing: 0;}
.clr {clear:both;}
.hdn, #skipnavlink {display:none !important;}
.s1, .sitelinks {font-size:70%}
#masternav {font-size:85%}
.s2 {font-size:75%;line-height:140%}
.s1 h2 {font-size:125%}
.s2 h2 {font-size:115%;}
.s1 h3 {font-size:100%}
.s2 h3 {font-size:125%;color:#666}
h1 {font-size:110%}

body {
	text-align: center;
}

.clear:after {
	content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clear {
	_height: 1%;
	zoom: 1;
}

#page {
	margin: 0 auto;
	width: 940px;
	text-align: left;
}

#footer, #header {
	text-align: left;
}

/* HEADER */
#logo {float:left}
#logo img {margin-left:10px}

.sitelinks {
	clear:right;
	float:right;
}
#sitelinks  {padding-bottom:10px}
#sitelinks2 {padding-top:4px}

.sitelinks ul {
	margin:0;padding:3px 0 3px 0;
	list-style:none;
	float:left;
}
.sitelinks ul li {
	margin:0;padding:0;
	display:inline;
}
.sitelinks ul li a {
	padding:0 7px 0 7px;
	border-right:1px solid #D6D6D6;
	float:left;
}
.sitelinks li.last a {border:0}
#sitelinks-misc li.last a, #sitelinks2 li.last a {padding-right:0}
#sitelinks-promo {border-right:1px solid #B8B8B8}
#sitelinks-misc  {border-left:1px  solid #D6D6D6}

#quicksearch {
	clear:right;
	float:right;
}
#quicksearch form {display:inline}
#quicksearch form div {display:inline}

#masternav {
	float:left;
	border-top:9px solid #fff;
	width:100%;
	overflow:auto;
	background:url(../images/masternav_bg.gif) repeat-x 0 0 #D6D6D6;
	margin-bottom:10px;
}
#masternav ul {
	margin:0;padding:0;
	list-style:none;
	margin-top:1px;
}
#masternav ul li {
	margin:0;padding:0;
	display:inline;
}
#masternav ul li a {
	float:left;
	white-space:nowrap;
	padding:4px 9px 3px 9px;
	border-top:5px solid #D6D6D6;
	border-bottom:1px solid #D6D6D6;
	margin-left:4px;
	margin-right:4px;
	text-decoration:none;
	font-weight:bold;
	text-transform:uppercase;
	color:#000;
}
#masternav ul li#mastsernav-home a.current,
#masternav ul li#mastsernav-home a:hover,
#masternav ul li#mastsernav-77   a.current,
#masternav ul li#mastsernav-77   a:hover,
#masternav ul li#mastsernav-104  a.current,
#masternav ul li#mastsernav-104  a:hover {
	border-top:5px solid #000;
	background:#000;
	color:#fff;
}

#masternav ul li#mastsernav-10010 a {border-top:5px solid #f09}
#masternav ul li#mastsernav-10010 a.current,
#masternav ul li#mastsernav-10010 a:hover {background:#f09}

#masternav ul li#mastsernav-10009 a {border-top:5px solid #6c3}
#masternav ul li#mastsernav-10009 a.current,
#masternav ul li#mastsernav-10009 a:hover {background:#6c3}

#masternav ul li#mastsernav-10011 a {border-top:5px solid #ff3}
#masternav ul li#mastsernav-10011 a.current,
#masternav ul li#mastsernav-10011 a:hover {background:#ff3}

#masternav ul li#mastsernav-11468 a {border-top:5px solid #999}
#masternav ul li#mastsernav-11468 a.current,
#masternav ul li#mastsernav-11468 a:hover {background:#999}


#sideleft, #sideright, #content {
	border-top:10px solid #fff;
	margin-bottom:20px;
}

#content a,
#crumbtrail a,
#myspace-on-links a,
#related-links a {
	color:#33c;
}
#content a:hover,
#crumbtrail a:hover,
#myspace-on-links a:hover,
#related-links a:hover {
	color:#c33;
}

 
#content h1 {margin-top:1px}
#content ul {list-style:square;padding-left:0;margin-left:2em}
#content h2, .sideright-box-map h3 {
	text-transform:uppercase;
	border-bottom:2px solid #D6D6D6;
	padding-bottom:3px;
	padding-top:10px;
}

#content h2 a {text-decoration:none}
a img {border-color: #000}

.sideright-box {
	background:#D6D6D6 url(/images/banner_corner.gif) no-repeat bottom right;
	margin:0px;
	margin-bottom:1px;
	padding: 5px 0;
}

#myspace-on {
	background: none;
}

#myspace-on h3 {
	background: #D6D6D6;
	background: #FFFFCC;
}

.sideright-box-in {padding:0px 10px 5px 10px;margin-bottom:20px;}

.sideright-box-map h3 {font-size:85%;padding-top:0px;margin:0px;}

.sideright-box h3 {
	margin:0;padding:3px 10px 3px 10px;
	text-transform:uppercase;
	font-size:85%;
}

.sideright-box label {
	display:block;
	margin-bottom:5px;
}

/* My Amnesty login panel */

.myamnesty_login {
	background-color: #eee;
	padding: 7px 10px 10px 10px;
	font-size: 12px;
}

.myamnesty_login h3 {
	font-size: 14px;
	font-weight: normal;
	padding-left: 0;
	padding-right: 0;
}

.myamnesty_login h3 strong {
	font-weight: bold;
	margin-left: -0.3em;
}

.myamnesty_login .buttons {
	overflow: hidden;
	zoom: 1;
}

.myamnesty_login .buttons a {
	float: left;
	background: #FF0099;
	padding: 5px 8px;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	font-size: 12px;
	margin-right: 8px;
}

.myamnesty_login .buttons a:hover {
	text-decoration: none;
}


#myspace-off-links {
	overflow:auto;
	width:185px;
}

#myspace-off-links ul {
	margin:0;padding:5px 0px 0px 0px;
	list-style:none;
	width:185px;
}


#myspace-off-links-joinus {float:right;}
#myspace-off-links-login  {float:left;}
#myspace-off-links ul li a,
#myspace-off-links ul li button {
	width:50px;
	border:1px solid #000;
	color:#000;
	display:block;
	width:50px;
	text-decoration:none;
	text-align:center;
	padding: 1px;
	font-family:Arial, Helvetica, sans-serif;
}

#myspace-off-links input.hidden { display: none; }

#myspace-off-links ul li button.submit { 
	font-size: 11px;
	padding: 0;
	cursor: pointer;
	background: transparent;
}

/*#myspace-off-links ul li a:hover {background:#B8B8B8}*/

#myspace-on.sideright-box {padding:0;}

#myspace-on span.abbr {
	float:right;
	color:#999;
	border:0;
}
#myspace-on-options table {
	margin:0px;
	margin-top:1px;
	margin-bottom:20px;
}
#myspace-on-options table tr td {
	padding:3px 26px 3px 33px;
	
}

.myspace-profile {
	background:#FFFFCC url(../images/icon_mya_profile.gif) no-repeat 18px 50%;
	border-right:solid #FFF 1px;
	border-bottom:solid 1px #FFF; 
}

.myspace-logoff {
	background:#FFFFCC url(../images/icon_mya_logoff.gif) no-repeat 10px 50%;
	border-right:solid #d6d6d6 1px;
	border-bottom:solid 1px #FFF; 
}

.myspace-submitanevent, .myspace-myresources, .myspace-myshoppingcart, .myspace-myorders {border-bottom:solid #FFF 1px;border-top:solid 1px #d6d6d6;} 

.myspace-submitanevent {background:#FFFFCC url(../images/icon_mya_submitanevent.gif) no-repeat 16px 50%;}
.myspace-myresources {border:solid 1px #FFFFCC;background:url(../images/icon_resources2.gif) no-repeat 17px 50%;}
.myspace-myshoppingcart {background:#FFFFCC url(../images/icon_mya_shoppingcart.gif) no-repeat 14px 50%;}
.myspace-myorders {background:#FFFFCC url(../images/icon_mya_myorders.gif) no-repeat 15px 50%;}


#myspace-on-options table tr td a {
	text-decoration:none;
	color:#000;
}

#myspace-on-links ul {
	margin:0;padding:0;
	list-style:none;
}
#myspace-on-links ul li {
	margin:0;padding:0;
	padding-left:17px;
	padding-bottom:7px;
}
#myspace-on-links ul li#myspace-on-links-events {
	background:url(../images/icon_calendar.gif) no-repeat 0 5px;
}
#myspace-on-links ul li#myspace-on-links-materials {
	background:url(../images/icon_resources.gif) no-repeat 0 5px;
}

.sideright-box#myspace-on {border:1px solid #FFFFCC}
.sideright-box#myspace-on .sideright-box-in {
	padding-top:8px;
}

#quickfind select			{vertical-align:middle;width:130px}
#quickfind input.mybutton	{vertical-align:middle}


.sideright-box h4 {
	margin:0;padding:5px 10px 5px 45px;
	text-transform:uppercase;
	font-size:70%;
}
#shopcartgrey a {
	display:block;
	color:#000;
	text-decoration:none;
	background:#D6D6D6 url(../images/icon_greyshopping.gif) no-repeat 0 0px;
}
#shopcartgrey a:hover {
	background:#DADADA url(../images/icon_greyshopping.gif) no-repeat 0 0px;
	color:#fff;
}
#shopcartgreen a {
	display:block;
	color:#000;
	text-decoration:none;
	background:#66CC33 url(../images/icon_greenshopping.gif) no-repeat 0 0px;
}
#shopcartgreen a:hover {
	background:#66CC55 url(../images/icon_greenshopping.gif) no-repeat 0 0px;
	color:#fff;
}


.sideright-banner {padding:0;margin:0;margin-bottom:20px;}

#crumbtrail p {
	margin:0;
	padding:0px;
	margin-top:10px;
	padding-left:10px;
	color:#666;
}

#footer {border-top:4px solid #D6D6D6;float:left;width:100%;}
#footer p {
	margin:0;
	padding:8px;
	padding-left: 0;
	float:left;
}

#footer-links-tools {float:right;width:400px;}

#footer-links {float:right;}

#footer-links ul {
	margin:0;padding:8px 0 8px 0;
	list-style:none;
	float:right;
}

#footer-links ul li {
	margin:0;padding:0;
	display:inline;
}
#footer-links ul li a {
	float:left;
	padding:0 4px 0 8px;
	border-right:1px solid #D6D6D6;
}
#footer-links ul li.last a {
	border-right:0;
	padding-right:0;
}
#access-tools {
	float:right;
}
#access-tools ul {
	margin:0;padding:0;
	padding-left:8px;
	list-style:none;
}
#access-tools ul li {
	margin:0;padding:0;
	margin-left:8px;
	float:left;
	padding-bottom:20px;
}

.sitelinks ul li a,
#footer a,
#myspace-on-options table tr td a {
	color:#000;
}
#sitelinks ul li a:hover,
#footer ul li a:hover,
#myspace-on-options table tr td a:hover {
	color:#000;
}

/* TOOLS ##################################################### */
#page-tools {text-align:center;}
#page-tools ul {
	margin:0;padding:0;
	padding-top:20px !important;
	padding-bottom:20px !important;
	text-align:center;
}
#page-tools ul li {
	margin:0;
	padding:0 !important;
	list-style:none;display:inline;
	float:left;
	margin-right:10px;
	background:none !important;
	text-align:center;
}
#page-tools a {text-transform:lowercase;white-space:nowrap;float:left;}

#tools-print    a {background:url(/images/ico_print.gif) 	no-repeat 0 50%;padding-left:18px;}
#tools-send     a {background:url(/images/ico_send.gif) 	no-repeat 0 50%;padding-left:15px;}
#tools-feedback a {background:url(/images/ico_feedback.gif)	no-repeat 0 50%;padding-left:20px;}
#tools-bookmark a {background:url(/images/ico_bookmark.gif)	no-repeat 0 50%;padding-left:21px;}
#tools-delicious a {
	background: url(/images/delicious_small.gif) no-repeat 0 50%;
	padding-left: 16px;
	text-transform: lowercase;
}

#tools-delicious {
	padding-bottom: 2em;
}


#sideleft {
	margin:0px;
	padding:0px;
	width:200px;
	float:left;
}
#sideright {
	margin:0px;
	padding:0px;
	width:205px;
	float:right;
}
#content {
	margin-left:220px;
	margin-right:225px;
}

* html #content {
    overflow-x: auto; overflow-y: hidden; 
    width: expression(document.body.offsetWidth - 410px;);
}

/* Hide from IE5-mac. Only IE-win sees this \*/
#masternav {line-height:85%}
/* End hide from IE5/mac */

/* ACTIONS ##################################################### */

#action-header {
	width:100%;
	/*
	background:url(/images/con-headerC.gif) no-repeat 100% 100%;
	background-color:#eee;
	*/
	overflow:auto;
	margin-bottom:20px;
}
#action-header-image {
	float:left;
	margin-right:10px;
}
#action-header-image img {
	border: solid 1px #000;
}

#action-header-image p {
	margin:0;
	padding:5px 0 5px 10px;
}

#action-header h1, #action-header div.s2 {
	margin:10px;
}
#action-header h1 {
	margin:0;
	margin-bottom:0;
}
#action-header h2 {
	margin-top:0;
}
#action-header h2 span {
	font-weight:normal;
	font-size:75%;
}


/* THESE CLASSES ARE TEMP USED ON THE LIST /RESULTS PAGES (ACTIONS, BOOKS ##################################################### */

#listpage h2, #listpage p {margin:0}
#listpage p {}
#listpage p em {display:block}
#list-story {
	width:100%;
	overflow:auto;
	margin-bottom:20px;
}
#list-story img {float:left;margin-right:10px;margin-bottom:10px;border: solid 1px #000;}
#list-story h2 {margin-bottom:10px;}

#list-resource {
	width:100%;
	overflow:auto;
	margin-bottom:20px;
}
#list-resource img {float:right;margin-left:10px;margin-bottom:10px;border: solid 1px #000;}
#list-resource h2 {margin-bottom:10px;}


.list-story {
	width:100%;
	overflow:auto;
	margin-bottom:20px;
}
.list-story img {float:left;margin-right:10px;margin-bottom:10px;border: solid 1px #000;}
.list-story h2 {margin-bottom:10px;}

.list-resource {
	width:100%;
	overflow:auto;
	margin-bottom:20px;
}
.list-resource img {float:right;margin-left:10px;margin-bottom:10px;border: solid 1px #000;}
.list-resource h2 {margin-bottom:10px;}


.horiz-search {display:block;}
.horiz-search label {
	display:block;
	font-weight:bold;
	margin-bottom:2px;
}
.horiz-search input, .horiz-search select {
	font-size:0.7em;
	vertical-align:top;
}



/* FOR actions - i think... */
table.greyborders { }
.greyborders th, .greyborders td {
	padding:5px;
	white-space:nowrap;
	border:1px solid #D6D6D6;
	vertical-align:top;
}
.greyborders tr {vertical-align:top}
.greyborders th {background:#F3F3F3}
.greyborders th a {color:#333}
.greyborders th.subheader {background:#ccc}
.greyboarders a {color:#FF0000}


.greyborders-noborder td {
	padding:0px;
	white-space:nowrap;
	border:0px solid #D6D6D6;
}

/* FOR actions - i think... */



/* FOR JOBS.ASP / JOBS_VOLUNTEER.ASP */
table.jobsgreyborders {}
.jobsgreyborders th, .jobsgreyborders td {
	padding:5px;
	border:1px solid #D6D6D6;
}
.jobsgreyborders tr {vertical-align:top}
.jobsgreyborders th {background:#D6D6D6}
.jobsgreyborders th a {color:#333}
.jobsgreyborders th.subheader {background:#ccc}
.jobsgreyborders a {color:#FF0000}
/* FOR JOBS.ASP / JOBS_VOLUNTEER.ASP */



/* FOR EVENTS.ASP/ EVENTS_DETAILS.ASP */
.calendar { font-family:Arial, Helvetica, sans-serif;font-size:70%;width:100%;margin-top:1px}
.calendar .calendar-months th {background:#ffff33;font-size:110%;}
.calendar .calendar-weekdays th {background:#ffff99;border-top:solid 1px #CCC;}
.calendar a {text-decoration:none;color:#333}
.calendar th, .calendar td {
	font-weight:normal;
	text-align:center;
	padding:3px;
}
.calendar td, .calendar-weekdays th {
	border-left:1px solid;
	border-top:1px solid;
}
th.firstcell, td.firstcell {border:0}
.calendar td, .calendar-weekdays th {border-color:#ccc}
.calendar td         {background:#fff}
.calendar td.empty   {background:#eee}
.calendar td.today   {background:#000}
.calendar td.today a {color:#fff}
.calendar td.current {background:#aaa}
.calendar td.current a {color:#fff}
/* --- work with Fiorefox but not IE (again...)
.calendar tr > td:first-child {border-left:0}
.calendar tr:last-child td {border-bottom:0}
.calendar td, .calendar-weekdays th {border-color:#ccc}
*/
/* FOR EVENTS.ASP/ EVENTS_DETAILS.ASP */

/*MY Amnesty PANEL*/

#myspace-on .sideright-box-in {padding:0px;margin:0;}

#myspace-on .sideright-box-in ul {
	margin-bottom:5px;
	margin-top:2px;
	padding-top:0px;
}s

#myspace-on .sideright-box-in ul a {
	text-decoration:none;
}

#myspace-on .sideright-box-in ul a:hover {
	text-decoration:underline;
}

#myspace-on .sideright-box-in ul a date {
	color:#CCC;
}

#myspace-on .myspace-actions h3,
#myspace-on .myspace-events h3,
#myspace-on .myspace-news h3 {
	text-transform:capitalize;
	font-size:70%;
	padding-left:25px;
}

.myspace-actions h3 a, .myspace-events h3 a, .myspace-news h3 a{
	width:50px;
	font-weight:normal;
	text-transform:lowercase;
	text-decoration:none;
	color:#000;
	border-left:solid 1px;
	padding-left:10px;
	margin-left:75px;
}

.myspace-news h3 a {border-color:#d0c500;margin-left:64px;}    /*86*/
.myspace-actions h3 a {border-color:#66cc33;margin-left:53px;} /*75*/
.myspace-events h3 a {border-color:#ff0099;margin-left:58px;}  /*80*/


#myspace-on .myspace-actions h3 {
	background:#e0f5d6 url(../images/icon_mya_actions.gif) 6px 3px no-repeat;
	border-bottom:solid 1px #66cc33;
}

#myspace-on .myspace-news h3 {
	background:#ffffcc url(../images/icon_mya_news.gif) 6px 3px no-repeat;
	border-bottom:solid 1px #d0c500;
}

#myspace-on .myspace-events h3 {
	background:#ffd9f0 url(../images/icon_mya_events.gif) 6px 3px no-repeat;
	border-bottom:solid 1px #ff0099;
}

.myspace-news ul li, .myspace-events ul li, .myspace-actions ul li  {
	border-bottom:solid 1px #d6d6d6;
	padding-bottom:3px;
	padding-top:3px;
	list-style-type:none;
}

.myspace-news ul, .myspace-actions ul, .myspace-events ul {
	padding-left:10px;
	padding-right:10px;
	margin:0px;
}

.myspace-actions ul li, .myspace-events ul li  {
	padding-left:10px;
}

.myspace-actions ul li {
	background:url(../images/arrow_small_green.gif) no-repeat left center;
}
.myspace-events ul li {
	background:url(../images/arrow_small_pink.gif) no-repeat left center;
}

.left {	text-align: left; }
.right { text-align: right; }


/*	My amnesty panel - SIGN UP NEWSLETTER button */
#newsletter-button {
	display:none;
}

/*	Registration table*/
.registration-table {
	background:#e0f5d6;
	border:solid 1px #d6d6d6;
	margin-bottom:2px;
	margin-bottom:2px;
	clear:both;
}
.table-head {
	margin-top:10px;
	border:solid 1px #d6d6d6;
	border-bottom:0;
	text-align:center;
	background:url(../images/reg_td_bg.gif) repeat-x 0 0 #e0f5d6;
	position:relative;
	float:left;
	margin-right:15px;
	top:1px;
}

.table-head.off {
	background:#FFF;
	border:none;
	border-bottom:solid 1px #d6d6d6;
}

#content a .off.table-head  {
	color:#000;
	text-decoration:none;
}

a:hover .off.table-head, a:hover .pink.off.table-head, a:hover .yellow.off.table-head  {
	background:url(../images/reg_td_bg.gif) repeat-x 0 0 #e0f5d6;
	border:solid 1px #d6d6d6;
	border-bottom:0;
	cursor:pointer;
}

a:hover .pink.off.table-head {background:url(../images/reg_td_bg_p.gif) repeat-x 0 0 #ffd9f0;}
a:hover .yellow.off.table-head {background:url(../images/reg_td_bg_y.gif) repeat-x 0 0 #ffff99;}

*html a:hover .off.table-head {
	background:#FFF;
	border:none;
	border-bottom:solid 1px #d6d6d6;
}

.table-head h3 {
	margin:0;
	padding:0;
	padding:10px;
	text-transform:uppercase;
	font-size:110%;
}

.loading {
	padding-left: 20px;
	background: url(../images/ajax_loading.gif) no-repeat 0 50%;
	color: #999;
}