@import url('/Platforms/_Vanilla/CSS/Forms.css');
@import url('/Platforms/_Vanilla/CSS/Button.css');
@import url('Post.css');

@import url('HTMLEditor.css');
@import url('/Platforms/DyslexiaAction/css/slideshow.css');
@import url('/Platforms/DyslexiaAction/css/map.css');

/* CSS Document */

* { margin:0; padding:0; }



.clear { width:100%; clear:both; height:0; overflow:hidden;}



body {
	background-color:#fff;
	color: #555;
	font-family:Arial, Helvetica, sans-serif;
	line-height: 145%;
	}
	

a,
a:link,
a:visted,
a:active
{ 
 	outline:none; 
	text-decoration: none;
	color: #555;
}

a:visted{
	text-decoration: none;
}

a:hover{
	color: orange;
	text-decoration: none;
}

a img { border:0; outline:0; }

	
h1
{ display: block;	
margin-top: -6px;
    border-bottom: 1px dotted #ccc;
    line-height: 130%;
    font-weight: 300;
}

h1  a,
h1  a:link,
h1  a:active,
h1  a:hover,
h1  a:visted
{ 
display: block;	
margin-top: -6px;
    border-bottom: 1px dotted #ccc;
    line-height: 130%;
    font-weight: 300;
    text-decoration: none;
}

#wrapper {
	width:960px;
	height:auto;
	margin:auto;
	}
	
#header {
	width:100%;
	height:186px;
	padding:27px 0 0 0;
	float:left;
	}
#header div.logo {
	width:240px;
	height:auto;
	float:left;
	}
#header div.big_dotted_box {
	width:345px;
	height:77px;
	padding:7px 0 0 2px;
	float:left;
	display:inline;
	margin:13px 15px 0 0;
	background-image:url(../images/top_dotted_border_big_bg.jpg);
	background-repeat:no-repeat;
	}

#header div.big_dotted_box a.each_box {
	width:70px;
	height:70px;
	float:left;
	text-align:center;
	font-size:11px;
	display:inline;
	margin-left:13px;
	text-decoration:none;
	font-weight:normal;
	cursor:pointer;
	}
#header div.big_dotted_box a.each_box span.image {
	width:100%;
	height:39px;
	padding:15px 0 0 0;
	float:left;
	display:block;
	}
#header div.big_dotted_box a:hover.each_box {
	background-image:url(../images/top_icons_hover_bg.jpg);
	background-repeat:no-repeat;
	}
	
	
	
#header div.small_dotted_box {
	width:106px;
	height:77px;
	padding:7px 0 0 0;
	text-align:center;
	float:left;
	display:inline;
	margin:13px 0 0 0;
	background-image:url(/Platforms/DyslexiaAction/images/top_dotted_border_small_bg.jpg);
	background-repeat:no-repeat;
	text-align:center;
	font-size:11px;
	text-decoration:none;
	}
#header div.small_dotted_box small_dotted_box_group {
	width:80px;
	height:70px;
	float:left;
	text-align:center;
	font-size:11px;
	display:inline;
	margin-left:12px;
	text-decoration:none;
	font-weight:normal;
	}
#header div.small_dotted_box span.image {
	width:100%;
	height:39px;
	padding:15px 0 0 0;
	float:left;
	display:block;
	}

	
#header div.small_dotted_box div:hover {
	background-image:url(/Platforms/DyslexiaAction/images/top_icons_hover_bg.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	}

#header div.small_dotted_box a:link,
#header div.small_dotted_box a:active,
#header div.small_dotted_box a:visited
{
	text-decoration:none;
}
		
#header  div.small_dotted_box a:hover 
{
	text-decoration:underline;
	}
	
	
	

#header div.yellow_search_box {
	width:203px;
	height:71px;
	padding:13px 0 0 17px;
	float:right;
	display:inline;
	margin:13px 0 0 0;
	font-size: 14px;
	line-height: 22px;
	/* background-image:url(../images/yellow_box_top_bg.jpg); */
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	background-color: #FDF21E;
	background-repeat:no-repeat;
	}
#header div.yellow_search_box div.top_row {
	width:100%;
	height:auto;
	float:left;
	padding-bottom:6px;
	padding-top:3px;
	}
#header div.yellow_search_box div.top_row div.search_icon {
	width:auto;
	height:auto;
	float:left;
	padding-right:3px;
	}
#header div.yellow_search_box div.top_row select {
	width:110px;
	height:22px;
	padding:2px;
	float:left;
	font-size:12px;
	margin-top:0px;
	margin-left:20px;
	}
#header div.yellow_search_box div.search_row {
	width:181px;
	height:22px;
	float:left;
	background-color:#fff;
	border:1px solid #cccccc;
	}
	
#header div.yellow_search_box input.searchTextBox {
	width:150px;
	background-color:#fff;
	border:1px solid #cccccc;
	height:auto;
	padding:4px 4px 3px 4px;
	float:left;
	font-size:12px;
	color:#333333;
	display:inline;
	margin:1px 0 0 0;
	font-family:Arial, Helvetica, sans-serif;
	outline:none;
	}
	
	
#header div.yellow_search_box .searchSubmitButton
	{
	    float:right;
	    margin-right:20px;
	    margin-top:5px;
	}
	
#header div.yellow_search_box div.search_row input.search_box {
	width:136px;
	height:auto;
	padding:4px 4px 3px 4px;
	float:left;
	font-size:12px;
	color:#cccccc;
	display:inline;
	margin:1px 0 0 0;
	font-family:Arial, Helvetica, sans-serif;
	background:none;
	outline:none;
	border:0;
	}
#header div.yellow_search_box div.search_row input.go_btn {
	width:26px;
	height:22px;
	float:right;
	border:0;
	cursor:pointer;
	background-image:url(../images/go_btn.jpg);
	background-repeat:no-repeat;
	}
	
/* navbar */

#navbar {
	width:100%;
	height:auto;
	float:left;
	padding:29px 0 0 0;
	}
/* 
	LEVEL ONE
*/
ul.dropdown                         { position: relative; width:939px; height:30px; background-image:url(/Platforms/DyslexiaAction/images/navbar_bg.jpg); background-repeat:repeat-x; border:1px solid #a6d0e7;  z-index:100;  }
ul.dropdown li                      { font-weight: normal; float: left; zoom: 1; display: inline-block; }
ul.dropdown li.separator            { float: left; width:1px; height:30px; background-color:#a6d0e7; display:block; overflow:hidden; }
ul.dropdown a:hover		            { color: #000; }
ul.dropdown a:active                { color: #ffa500; }
ul.dropdown li a                    { display: inline-block; padding:7px 22px 0 22px; height:23px; color:#0066cc; text-decoration:none; font-size:14px; font-weight:bold; }
ul.dropdown li:last-child a         { border-right: none; } /* Doesn't work in IE */
ul.dropdown li.hover,
ul.dropdown li:hover                { background: #cce8f8; color: black; position: relative; }
ul.dropdown li.hover a              { color: black; }


/* 
	LEVEL TWO
*/
ul.dropdown ul 						{ width: 200px; visibility: hidden; position: absolute; top: 100%; left: 0; border-top: 1px solid #a6d0e7; border-left: 1px solid #a6d0e7; border-right: 1px solid #a6d0e7;}
ul.dropdown ul li 					{ font-weight: normal; background: #f6f6f6; color: #000; 
									  border-bottom: 1px solid #a6d0e7; float: none; display:block; }
									  
                                    /* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a					{ border-right: none; width: 100%; display: inline-block; font-size:12px; padding:3px 30px; height:auto; font-weight:normal; } 

/* 
	LEVEL THREE
*/
ul.dropdown ul ul 					{ left: 100%; top: 0; }
ul.dropdown li:hover > ul 			{ visibility: visible; }


/* content container */

#content_container {
	width:100%;
	height:auto;
	float:left;
	padding-bottom:100px;
	background-image:url(../images/footer_top_bg.jpg);
	background-repeat:no-repeat;
	background-position:bottom center;
	}
	
#content_container div.left_content {
	width:702px;
	height:auto;
	float:left;
	}
	
#content_container div.left_content div.rotating_banner {
	width:100%;
	height:auto;
	float:left;
	display:inline;
	margin-bottom:45px;
	background-color:#c3e4f7;
	}
	
#content_container div.left_content div.latest_updates {
	width:100%;
	height:auto;
	float:left;
	}
#content_container div.left_content div.latest_updates h1 {
	width:100%;
	height:auto;
	float:left;
	font-size:20px;
	color:#3885c9;
	font-weight:bold;
	margin-bottom:2px;
	}
	
#content_container div.left_content div.latest_updates h1 a:active,
#content_container div.left_content div.latest_updates h1 a:visited,
#content_container div.left_content div.latest_updates h1 a:link,
#content_container div.left_content div.latest_updates h1 a:hover
{
    color:#3885c9;
    text-decoration:none;
}



#content_container div.left_content div.latest_updates div.each_row {
	width:100%;
	height:auto;
	float:left;
	padding:10px 0;
	border-top:1px dotted #cce8f8;
	}
	
#content_container div.left_content div.latest_updates div.each_row div.left_col {
	width:auto;
	height:auto;
	float:left;
	}
#content_container div.left_content div.latest_updates div.each_row div.rigth_image {
	width:auto;
	height:auto;
	float:right;
	padding-left:10px;
	}	
	
#content_container div.left_content div.latest_updates div.each_row div.left_col div.category_date {
	width:auto;
	height:auto;
	float:left;
	}
#content_container div.left_content div.latest_updates div.each_row div.left_col div.category_date div.category {
	width:auto;
	height:auto;
	float:left;
	}
#content_container div.left_content div.latest_updates div.each_row div.left_col div.category_date div.category img {
	float:left;
	display:block;
	}
#content_container div.left_content div.latest_updates div.each_row div.left_col div.category_date div.category span {
	float:left;
	display:block;
	font-size:15px;
	color:#3885c9;
	font-weight:bold;
	padding:15px 0 0 5px;
	}
#content_container div.left_content div.latest_updates div.each_row div.left_col div.category_date div.date {
	width:auto;
	height:auto;
	float:left;
	font-size:11px;
	color:#3885c9;
	font-weight:bold;
	padding:18px 0 0 10px;
	}

#content_container div.left_content div.latest_updates div.each_row div.left_col p.title {
	width:auto;
	height:auto;
	float:left;
	font-size:100%;
	color:#3e89cd;
	font-weight:bold;
	line-height:100%;
	} 
	
#content_container div.left_content div.latest_updates div.each_row div.left_col p.title  a,
#content_container div.left_content div.latest_updates div.each_row div.left_col p.title  a:hover,
#content_container div.left_content div.latest_updates div.each_row div.left_col p.title  a:active,
#content_container div.left_content div.latest_updates div.each_row div.left_col p.title  a:link,
#content_container div.left_content div.latest_updates div.each_row div.left_col p.title  a:visited {
    color: #3e89cd;
    text-decoration:none;
}

#content_container div.left_content div.latest_updates div.each_row div.left_col p.title  a:hover {
    color: orange;
    text-decoration:underline;
}


#content_container div.left_content div.latest_updates div.each_row div.left_col p.intro_text {
	width:auto;
	height:auto;

	line-height:145%;
	font-size:100%;
	}
#content_container div.left_content div.latest_updates div.each_row div.left_col p.intro_text a.read_full_story {
	font-size:90%;
	color:#ff9900;
	text-decoration:none;
	padding-left:11px;
	font-weight:bold;
	}
#content_container div.left_content div.latest_updates div.each_row div.left_col p.intro_text a:hover.read_full_story {
	text-decoration:underline;
	}
	
/* homepage right sidebar */

#content_container div.right_content {
	width:220px;
	height:auto;
	float:right;
	}
	
	
#content_container div.right_content a.blue_box_guild {
	width:220px;
	height:80px;
	float:left;
	background-image:url(../images/but_guild.jpg);
	background-repeat:no-repeat;
	display:inline-block;
	margin-bottom:10px;
	font-size:100%;
	font-weight:bold;
	text-align:center;
	}

	
#content_container div.right_content a.blue_box_vacancy {
	width:220px;
	height:80px;
	float:left;
	background-image:url(../images/but_vacancies.jpg);
	background-repeat:no-repeat;
	display:inline-block;
	margin-bottom:10px;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	}

	
#content_container div.right_content a.blue_box_uos {
	width:220px;
	height:80px;
	float:left;
	background-image:url(../images/but_uos.jpg);
	background-repeat:no-repeat;
	display:inline-block;
	margin-bottom:10px;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	}

	
#content_container div.right_content a.blue_box_donate {
	width:220px;
	height:80px;
	float:left;
	background-image:url(../images/but_donate.jpg);
	background-repeat:no-repeat;
	display:inline-block;
	margin-bottom:10px;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	}

	
#content_container div.right_content a.blue_box_involved {
	width:220px;
	height:80px;
	float:left;
	background-image:url(../images/but_involved.jpg);
	background-repeat:no-repeat;
	display:inline-block;
	margin-bottom:10px;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	}

#content_container div.right_content a.blue_box_centres {
	width:220px;
	height:80px;
	float:left;
	background-image:url(../images/but_centres.jpg);
	background-repeat:no-repeat;
	display:inline-block;
	margin-bottom:10px;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	}

	

#content_container div.right_content a.blue_box_help {
	width:220px;
	height:80px;
	float:left;
	background-image:url(../images/but_help.jpg);
	background-repeat:no-repeat;
	display:inline-block;
	margin-bottom:10px;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	}
	
#content_container div.right_content a:hover.blue_box_guild,
#content_container div.right_content a:hover.blue_box_vacancy,
#content_container div.right_content a:hover.blue_box_uos,
#content_container div.right_content a:hover.blue_box_donate,
#content_container div.right_content a:hover.blue_box_involved,
#content_container div.right_content a:hover.blue_box_help,
#content_container div.right_content a:hover.blue_box_centres
{ 
	background-position: 0 -80px;
	}
	
#content_container div.right_content a.blue_box_small {
	width:220px;
	height:80px;
	float:left;
	background-image:url(../images/call_to_action_bg_small.jpg);
	background-repeat:no-repeat;
	display:inline-block;
	margin-bottom:10px;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	}
#content_container div.right_content a:hover.blue_box_small {
	background-image:url(../images/call_to_action_bg_small_hover.jpg);
	}
	
#content_container div.right_content a.blue_box_big {
	width:220px;
	height:160px;
	float:left;
	background-image:url(../images/call_to_action_bg_big.jpg);
	background-repeat:no-repeat;
	display:inline;
	margin-bottom:10px;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	}
#content_container div.right_content a:hover.blue_box_big {
	background-image:url(../images/call_to_action_bg_big_hover.jpg);
	}
	
/* Footer Container */

#footer_container {
	width:100%;
	height:auto;
	float:left;
	padding:10px 0 40px 0;
	}
#footer_container div.each_column_link {
	width:auto;
	height:auto;
	float:left;
	}
#footer_container div.each_column_link div.title {
	width:100%;
	height:39px;
	float:left;
	display:inline;
	margin-bottom:12px;
	border-bottom:2px solid #3885c9;
	}
#footer_container div.each_column_link div.title span {
	float:left;
	font-size:12px;
	font-weight:bold;
	padding:22px 0 0 0;
	}
#footer_container div.each_column_link a {
	width:100%;
	height:auto;
	float:left;
	display:block;
	font-size:11px;
	text-decoration:none;
	line-height:14px;
	}
#footer_container div.each_column_link a:hover {
	text-decoration:underline;
	}


#footer_container div.column_1  {
	width:100px;
	height:auto;
	float:left;
	display:inline;
	margin-right:23px;
	}
#footer_container div.column_2  {
	width:132px;
	height:auto;
	float:left;
	display:inline;
	margin-right:23px;
	}
#footer_container div.column_3  {
	width:100px;
	height:auto;
	float:left;
	display:inline;
	margin-right:23px;
	}
#footer_container div.column_4  {
	width:100px;
	height:auto;
	float:left;
	display:inline;
	margin-right:23px;
	}
#footer_container div.column_5  {
	width:100px;
	height:auto;
	float:left;
	display:inline;
	margin-right:23px;
	}
#footer_container div.column_6  {
	width:100px;
	height:auto;
	float:left;
	display:inline;
	}
#footer_container div.column_7  {
	width:173px;
	height:auto;
	float:right;
	}
	
#footer_container div.column_7  p {
	width:100%;
	height:auto;
	float:left;
	}
#footer_container div.column_7  p a {
	line-height:22px;
	}
#footer_container div.column_7 a.social_media_icons {
	width:auto;
	height:auto;
	float:left;
	display:inline;
	margin-right:4px;
	}



/* Footer Site Map */
ul.footerSiteMap
{
 
}

ul.footerSiteMap li
{
	float:left;
	display:block;
	font-size:12px;
	font-weight:bold;
	padding:0px;
	margin-right:15px;
	width:170px;
	line-height: 100%;
	padding-bottom:8px;
	
}

ul.footerSiteMap li a, 
ul.footerSiteMap li a:active, 
ul.footerSiteMap li a:link, 
ul.footerSiteMap li a:visited
{
    border-bottom:2px solid #3885c9;
    width:170px;
    display:block;
    margin-bottom:10px;
    color:inherit;
    text-decoration: none;
}

ul.footerSiteMap li a:hover
{
    color:Orange;
        text-decoration:underline;
}

ul.footerSiteMap li li
{
    float:none;
	display:block;
	font-size:11px;
	text-decoration:none;
	font-weight:normal;
	border:none;
	margin:0px;
	min-height:inherit;
}



ul.footerSiteMap li li a,
ul.footerSiteMap li li a:active, 
ul.footerSiteMap li li a:link, 
ul.footerSiteMap li li a:visited
{
    border:none;
    margin:0px;
    min-height:inherit;
}



#rightContainerFooter div.title {
	width:100%;
	float:left;
	display:inline;
	margin-bottom:12px;
	border-bottom:2px solid #3885c9;
	font-size:12px;
	font-weight:bold;
	padding-bottom:1px;
	}
	
#leftContainerFooter
{
    width:780px;
    float:left;
}

#rightContainerFooter
{
    width:180px;
    float:left;
    margin-bottom:20px;
}

#twitter
{
    margin-bottom:10px;
    display:block;
}

#twitter div.title span {
	float:left;
	font-size:12px;
	font-weight:bold;
	padding:22px 0 0 0;
	}
#twitter  a {
	width:100%;
	height:auto;
	float:left;
	display:block;
	font-size:11px;
	text-decoration:none;
	line-height:14px;
	}
#twitter  a:hover {
	text-decoration:underline;
	}
	
	

/* footer copyright */


#footer_copyright {
	width:100%;
	height:71px;
	clear:both;
	background-image:url(../images/footer_copyright_bg.jpg);
	background-repeat:repeat-x;
	}
#footer_copyright div.inner {
	width:941px;
	height:47px;
	padding:24px 0 0 0;
	margin:0 auto;
	background-image:url(../images/footer_copyright_bg_inner.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	}
#footer_copyright div.inner p {
	width:100%;
	height:auto;
	float:left;
	font-size:11px;
	padding-bottom:2px;
	}
	
	
	

#tweet ul  
{
    list-style:none;
    padding:0;
 font-size: 70%;   
 }
 
#tweet li 
 {
        border-bottom: 1px dotted #ccc;
        margin-bottom: 6px;
        padding-bottom:5px;
        font-size:inherit;
 }
 
 #tweet li:last-child
 {
        border-bottom: 0px;
        margin-bottom: 6px;
 }
 
 #tweet strong {
       display: block;
       font-weight: normal;
       color:#FF8612;
       font-size:10px;
}

.navigationLobby
{
    margin-top:0px;
}

.navigationContainer{ 
	background-image:url(/Platforms/DyslexiaAction/images/navbar_bg.jpg);
	background-repeat:repeat-x;
	background-position: bottom;
	border-bottom:1px solid #A6D0E7;
border-right:1px solid #A6D0E7;
border-top:1px solid #A6D0E7;
}

.centreInfo {
	padding: 10px; 
	border: 1px solid #3e89cd; 
	background-color:  #f6fafb; 
	color: #3885c9; 
	font-size: 80%;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
    box-shadow:0px 1px 3px rgba(0,0,0,0.5);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);	

}


.postTagsAndCatsPanel {
	margin-top: 16px;
	color:#555;
}

.postTagsAndCatsPanel .postCategory 
{ 
	font-size:75%;
	white-space: nowrap;
	background-color: #f7ffac;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 5px;
	padding-right: 5px;
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	-webkit-border-radius: 10px;
	box-shadow:0px 1px 3px rgba(0,0,0,0.3);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.3);

}

.postTagsAndCatsPanel a.postCategory:link,
.postTagsAndCatsPanel a.postCategory:active,
.postTagsAndCatsPanel a.postCategory:visited
{
	color:#555;
text-decoration: none;
}

.postTagsAndCatsPanel a.postCategory:hover 
{	color:#555;
	background-color: #c6caff;
}


/* Colour Picker */

#colourPickerBody
{
    margin-top:20px;
}

#colourPickerBody h2
{
margin-bottom:10px;
}

#colourPickerBody input
{
    width:75px;
}
#colourPickerBody #divPreview
{
border:solid 1px #333333; background-color:#ffffff; width:200px; height:300px; padding:10px; margin-right:20px;
}

#centreMap {
width: 200px;
height: 200px;
border: 1px solid silver;
float: right;

}

#centreAddress {
font-weight: bold;
clear: both;
}

#centreMap  .tooltip {
 font-size: 80%;
 width: 80px;
 overflow: hidden;
margin-top:34px;
margin-left:-4px;
 }

#centreMap  .tooltip .top{
 background: url(/App_Themes/Graphics/Map/bubble.png) no-repeat;
 height: 5px;
 background-position: top -20px;
 overflow: hidden;
 }

#centreMap  .tooltip .middle{
 background: url(/App_Themes/Graphics/Map/bgTooltip.png) repeat;
 background-position: -40px top;
 padding: 0px 5px;
 color: #FFF;
 }

#centreMap  .tooltip .middle img{
 margin: 5px 0px 0px 0px;
 clear: both;
 }

#centreMap  .tooltip .bottom{
 background: url(/App_Themes/Graphics/Map/bubble.png) no-repeat;
 height: 25px;
 background-position: -44px bottom;
 overflow: hidden;
 }

#centreMap  .tooltip .IE6 {
 background: url(/App_Themes/Graphics/Map/bubble.png) no-repeat;
 }

#centreMap  .tooltip .BOTTOMIE6 {
 background: url(/App_Themes/Graphics/Map/bubble.png) no-repeat left bottom;
 }

#centreMap  .tooltip .MIDDLEIE6 {
 background: #1A1A1A;
 }
 
#primaryNav {
    background:transparent url(/Platforms/DyslexiaAction/images/graypixel.png) repeat-y 15px 0;
    width:340px;
}

#primaryNav li {
    font-size:16px;
    margin:15px 0 20px;
    padding:0 0 0 10px;
     list-style-type:none; 
}

#primaryNav li a {
    background:white;
    color:#1F6DD9;
    display:block;
    padding:3px;
     list-style-type:none; 
}

#primaryNav li a:hover {
    color:#84B8FF;
}

#primaryNav li ul li {
    background:transparent url(/Platforms/DyslexiaAction/images/graypixel.png) repeat-x 0 8px;
    font-size:13px;
    margin:4px 0 4px 5px;
    padding:0 0 0 20px;
     list-style-type:none; 
}

#primaryNav li ul li a {
    padding:0 0 0 3px;
     list-style-type:none; 
}

#primaryNav li ul li ul {
    background:transparent url(/Platforms/DyslexiaAction/images/graypixel.png) repeat-y 15px 0;
    margin-bottom:10px;
     list-style-type:none; 
}

#primaryNav li ul li ul li {
    margin-left:16px;
    padding-left:10px;
     list-style-type:none; 
}

.appealDonate
{
	text-align: center;
	width: 210px;
	border: #3A84C3 1px solid;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding-top:10px;
	padding-bottom:20px;
	background: url(/platforms/_vanilla/images/appeal_bg.png) bottom #FC85FB repeat-x;	
	margin-top: 34px;

}
 
.appealDonate span,
.appealDonate label
{

}

input.donationAmount
{
    width:120px;
}

.appeal_container{
	text-align: center;
	width: 210px;
	border: #3A84C3 1px solid;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;

	padding-top:10px;
	padding-bottom:20px;
	background: url(/platforms/_vanilla/images/appeal_bg.png) bottom #FC85FB repeat-x;
	margin-top:34px;	
}

.appeal_link{
	display: block;
	width: 190px;
	margin:auto;	
	clear: both;
	
	text-decoration: none ;
}

.appeal_link a,
.appeal_link a:link,
.appeal_link a:visted,
.appeal_link a:active,
.appeal_link a:hover
{
	text-decoration: none !important;
}

.appeal_image{
	border: white 6px solid;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
    box-shadow:0px 1px 3px rgba(0,0,0,0.5);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);	
	display: block;
	margin:auto;
	width: 178px;
	clear: both;
	margin-bottom:16px;
}

.appeal_title
{
	display: block;
	margin:auto;
	width: 190px;
	color: white;
	font-size: 120%;
	font-weight: bold;
	line-height: 145%;
	clear: both;	
	margin-bottom:16px;
	text-decoration: none ;
}


.appeal_title a,
.appeal_title a:link,
.appeal_title a:visted,
.appeal_title a:active,
.appeal_title a:hover
{
	text-decoration: none !important;
}

.outer_bar {
  height:10px;
  width:154px;
  border:1px solid silver;
  position:relative;
  margin-top:10px;
  margin-bottom:10px;
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  -webkit-border-radius: 5px;
  background: url(/platforms/_vanilla/images/totalbar_bg.png) bottom repeat-x;	
}

.total_display {
visibility: hidden;
  position:absolute;
  top:12%;
  left:29%;
  height:10px;
  width:132px;
  color:#999;
}

.inner_bar {
  height:20px;
  background:red;
  	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	  	background: url(/platforms/_vanilla/images/totalbar_topbg.png) bottom repeat-x;	
}


.appealInfo{
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	background-color: white;
	margin:16px;
	padding:10px;
	font-size: 100%;
		text-align: left;
}

.appealPaymentTitle{
display: block;
font-size: 140%;
line-height: 145%;
margin-bottom: 10px;
}

.appealPaymentRaised{
display: block;
float:right;
font-size: 100%;
}

.appealPaymentTarget{
display: block;
float:right;
font-size: 100%;
}

.appealPaymentLabel{
display: block;
float:left;
color: silver;
font-size: 80%;
}

.appealPaymentPoint{
	font-size: 16px;
}

.appealPaymentNew{
}

.appealPaymentPoint input, .appealPaymentPoint label
{
    margin-top:10px;
}
 .appealPaymentPoint label
 {
    margin-left:5px;
 }
 
 .appealInfo select#repeat
 {
    width:134px;
 }