/* --------------------------------------------
UA-2005: Universal/Accessible
Name:     UA
Designer: Holly Valero
URL:      www.hollyworks.com
Date:     Aug 2005

Color Scheme:  

Background body #EDEFF0
Deep Red: #A70101
Dark Teal: #065080
Highlight Teal: #168FB5
----------------------------------------------- */



/* -- 508 HIDE -- */
#skip {position: absolute; left: -9999px; font-size: small;}
#skip a:hover {color: #ffffff;}
.hide, .banners {display: none;}
.clear {clear:both;}
.shim {height:1px; width:200px;}
img.fr {float:right; padding:0;}
img.fl {float:left; padding:0;}
.c {text-align:center;}
.l {text-align:left;}
.r {text-align:right;}
.pad {padding: 2px 2px 2px 2px;}
.left {float:left;}
.right {float:right;}
.center {margin-left: auto; margin-right: auto;}
.caption {font-size: 10px; font-family: 'Lucida Grande',  Arial, Verdana, Sans-Serif; color: #333333; text-align:left;}


/* --  CLASSIC TAGS A-Z  -- */

abbr, acronym {font-style: normal; border-bottom: dotted 1px #d6d6d6; cursor: help;}
img {border: 0; padding: 0;}
table, tr, td { font: 1em/1.5em 'Lucida Grande', Verdana, Arial, Sans-Serif;}


body  { 
background:#EDEFF0; 
font-size: 11px; 
font-family: 'Lucida Grande',  Arial, Verdana, Sans-Serif;
color: #333;
text-align:left;
padding:0;
margin:0;
}


#small_links {text-decoration: none; font-size: 11px; font-weight:bold; }
#small_links a:link, #small_links a:visited {color: #00f;}
#small_links a:hover {color: #d00;}


links  { 
font-size: 11px; 
font-family: 'Lucida Grande',  Arial, Verdana, Sans-Serif;
color: #333;
text-align:left;
padding:0;
margin:0;
}



form {
margin: 0px;
padding: 0px;
font-size: 10px;  
font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
color:#444;
}




/* -- PAGE STRUCTURE  -- */
#container {width: 900px; padding:0; margin:0 auto; background: #ffffff url(http://www.charity.com/elements/images/walld.gif) repeat-y;}  
#containerprint {width: 560px; text-align:left; padding:20px; background: #ffffff;}  

#leaderboardcontainer {width:900px; height:90px; margin:0 auto; padding:0; background:#241c17;}
#leaderboardad {width:728px; height:90px; margin-left:86px; padding:0; background:#1a1a1a;}



#topper  {width: 900px; height:90px; margin:0 auto; background: url(http://www.charity.com/elements/images/topper.gif) no-repeat;}  


#pt ul	{
	width: 200px;
	height: 93px;
	margin: 0;
	padding: 0;
	position: absolute;
}

#pt ul li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
}

#pt ul li, #pt a {
	height: 93px;
	display: block;
}

#pt ul li a {
	text-indent: -9999px; 
	text-decoration: none;
}

#pt1 {left: 30px; width: 200px;}
#pt2 {left: 550px; width: 300px;}




  





/* -- Primary Navigation:  -- */

#navwrap { 
	width: 900px;
	height: 30px;
	margin: 0;
	border: 0;
	padding: 0;
	background: url(http://www.charity.com/elements/images/pnav.gif) no-repeat;
}


 
/* -- Primary Navigation:  -- */

#nav { 
	width: 740px;
	height: 30px;
	margin: 0;
	border:0;
	padding: 0;
	background: #EDEFF0;
	float:left;
}


#nav ul	{
	width: 740px;
	height: 30px;
	background: url(http://www.charity.com/elements/images/pnav.gif) no-repeat;
	margin: 0;
	padding: 0;
	position: relative;
}

#nav ul li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
}

#nav ul li, #nav a {
	height: 30px;
	display: block;
}

#nav ul li a {
	text-indent: -9999px; 
	text-decoration: none;
}


#nav1 {left: 0px; width: 40px;}
#nav2 {left: 40px; width: 89px;}
#nav3 {left: 129px; width: 128px;}
#nav4 {left: 257px; width: 48px;}
#nav5 {left: 305px; width: 120px;}
#nav6 {left: 425px; width: 68px;}
#nav7 {left: 492px; width: 62px;}
#nav8 {left: 553px; width: 64px;}
#nav9 {left: 617px; width: 56px;}


#nav1 a:hover {background: transparent url(http://www.charity.com/elements/images/pnav.gif) -0px -30px no-repeat;}
#nav2 a:hover {background: transparent url(http://www.charity.com/elements/images/pnav.gif) -40px -30px no-repeat;}
#nav3 a:hover {background: transparent url(http://www.charity.com/elements/images/pnav.gif) -129px -30px no-repeat;}
#nav4 a:hover {background: transparent url(http://www.charity.com/elements/images/pnav.gif) -257px -30px no-repeat;}
#nav5 a:hover {background: transparent url(http://www.charity.com/elements/images/pnav.gif) -305px -30px no-repeat;}
#nav6 a:hover {background: transparent url(http://www.charity.com/elements/images/pnav.gif) -425px -30px no-repeat;}
#nav7 a:hover {background: transparent url(http://www.charity.com/elements/images/pnav.gif) -492px -30px no-repeat;}
#nav8 a:hover {background: transparent url(http://www.charity.com/elements/images/pnav.gif) -553px -30px no-repeat;}
#nav9 a:hover {background: transparent url(http://www.charity.com/elements/images/pnav.gif) -617px -30px no-repeat;}




/* -- SEARCH:  -- */


#search {position:relative; width:155px; height:30px; float:left; margin:0; padding:0; border:0;}

#search label {display:none;}


#search .sb { 
	width: 98px;
	height:17px;
	color: #443;
	margin-top:4px;
	font-size:9px;
	padding:0;}

#search .btn {
	margin:0px;
	width: 20px;
	background: #transparent url(http://www.charity.com/elements/images/ibutton.gif) no-repeat;
	outline: none;
	border:0;
	}

 




/* -- LEFT NAV:  -- */


#lnavg	{
	width: 146px;
	border: 0;
	padding: 0;
	margin: 0;
	background: transparent;
	float:left;
	position: relative;
}

#lnavg ul	{
	width: 142px;
	padding: 0;
	margin:0;  
}


#lnavg ul li {
	font:10px/15px "Bitstream Vera Sans", Arial, Verdana, sans-serif;
	display: block;
	color:#ffffff;
	margin-left: 5px;
	padding-top: 2px;
	padding-bottom:2px;
	border-top: #307ea9 1px solid;
	border-bottom: #1b4861 1px solid;
}


#lnavg ul li a {
	text-decoration: none;
	color:#ffffff;
}
 
 



#page {width:470px; text-align:left; margin:0 auto; background: transparent; float:left;}  

.story h1 { 
font: 1.4em/1.5em 'Lucida Grande', Verdana, Arial, Sans-Serif;
text-align:left;
color: #A70101;
font-weight:bold;
}

.story h2 { 
font: 1.2em/1.5em 'Lucida Grande', Verdana, Arial, Sans-Serif;
text-align:left;
color: #A70101;
font-weight:bold;
}

.storynopad h3 a:link { 
font: 14px 'Lucida Grande', Verdana, Arial, Sans-Serif;
text-align:left;
color: #A70101;
font-weight:bold;
text-decoration:none;
}

.storynopad h3 a:visited { 
font: 14px 'Lucida Grande', Verdana, Arial, Sans-Serif;
text-align:left;
color: #A70101;
font-weight:bold;
text-decoration:none;
}


.storynopad h3 a:linked { 
font: 14px 'Lucida Grande', Verdana, Arial, Sans-Serif;
text-align:left;
color: #A70101;
font-weight:bold;
text-decoration:none;
}

.storynopad h3 a:visited { 
font: 14px 'Lucida Grande', Verdana, Arial, Sans-Serif;
text-align:left;
color: #A70101;
font-weight:bold;
text-decoration:none;
}



.storyp { 
border: 0; 
padding:5px;
margin:1px;
width:98%;
font: 1em/1.5em 'Lucida Grande', Verdana, Arial, Sans-Serif;
background: #ffffff;
}

.storyp h1 { 
font: 1.4em/1.5em 'Lucida Grande', Verdana, Arial, Sans-Serif;
text-align:left;
color: #111;
font-weight:bold;
}



.story { 
border: solid 1px #EDEFF0; 
padding:0 12px 6px 12px;
margin:3px 3px 3px 3px;
width:95%;
font: 1em/1.5em 'Lucida Grande', Verdana, Arial, Sans-Serif;
}


.storynopad { 
border: solid 1px #EDEFF0; 
padding:0 6px 0px 6px;
margin:1px 1px 1px 1px;
width:100%;
font: 1em/1.5em 'Lucida Grande', Verdana, Arial, Sans-Serif;
}


.date { 
border:0; 
padding:0 12px 6px 12px;
margin:3px 3px 3px 3px;
width:95%;
font: 11px Arial, Verdana, Arial, Sans-Serif;
color: #d00;
font-weight:bold;
}

.story ul, .storynopad ul { 
font: 11px Arial, Verdana, Arial, Sans-Serif;
margin:0;
padding:0;
}

.story ul li, .storynopad ul li { 
list-style-image: url(http://www.charity.com/elements/images/nobull.gif); 
margin-left:14px;
}


.story ul a, .storynopad ul a {
color: #00f;
background-color: transparent;
font-weight:bold;
}

.story ul a:hover, .storynopad ul a:hover {
color: #d00;
background-color: transparent;
text-decoration: none;
font-weight:bold;
}

.story ul a:visited, .storynopad ul a:visited {
color: #00d;
background-color: transparent;
text-decoration: none;
font-weight:bold;
}





#ads {width:252px; text-align:left; margin:5px; background: transparent; float:right;}  

.250 {width:250px;}  


/* -- Email or print:  -- */

#eorp { 
	width: 400px;
	height: 44px;
	border: 0;
	padding: 0;
	background: #fff;
}


#eorp ul	{
	width: 400px;
	height: 44px;
	background: url(http://www.charity.com/elements/images/eorp.gif) no-repeat;
	margin: 0;
	padding: 0;
	position: relative;
}

#eorp ul li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
}

#eorp  ul li, #eorp a {
	height: 44px;
	display: block;
}

#eorp ul li a {
	text-indent: -9999px; 
	text-decoration: none;
}


#eorp1 {left: 16px; width: 52px;}
#eorp2 {left: 72px; width: 50px;}
#eorp3 {left: 130px; width:50px;}
 

#eorp1 a:hover {background: url(http://www.charity.com/elements/images/eorp.gif) -16px -44px no-repeat;}
#eorp2 a:hover {background: url(http://www.charity.com/elements/images/eorp.gif) -72px -44px no-repeat;}
#eorp3 a:hover {background: url(http://www.charity.com/elements/images/eorp.gif) -130px -44px no-repeat;}






#eorpi { 
	width: 400px;
	height: 44px;
	border: 0;
	padding: 0;
	background: #fff;
}


#eorpi ul	{
	width: 400px;
	height: 44px;
	background: url(http://www.charity.com/elements/images/eorp2.gif) no-repeat;
	margin: 0;
	padding: 0;
	position: relative;
}

#eorpi ul li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
}

#eorpi  ul li, #eorpi a {
	height: 44px;
	display: block;
}

#eorpi ul li a {
	text-indent: -9999px; 
	text-decoration: none;
}


#eorp4 {left: 16px; width: 52px;}
#eorp4 a:hover {background: url(http://www.charity.com/elements/images/eorp2.gif) -16px -44px no-repeat;}





 
#copyright  {width: 900px; height:60px; margin:0 auto; background: #EDEFF0;}  
#copyright p {color: #555; text-align:center; font: 10px/11px Arial, Helvetica, 'Bitstream Vera Sans', sans-serif; margin: 0; padding: 6px; font-weight:normal; }
#copyright a:link, #copyright a:visited {color: #555; text-decoration: none;}
#copyright a:hover {color: #A70101; text-decoration: none;}



#navcontainer { margin-left: 2px; width:146px; float:left; }

#navcontainer ul
{
margin: 0;
padding: 0;
list-style-type: none;
font-family: 'Lucida Sans',arial, 'Tahoma', sans-serif;
}

#navcontainer li { margin: 0; }

#navcontainer a
{
display: block;
padding-top: 4px;
padding-bottom:3px;
padding-left: 2px;
width: 140px;
height: 16px;
color: #fff;
background-color: transparent;
text-decoration: none;
border-top: 0px solid #ECEFF0;
border-left: 0px solid #fff;
border-bottom: 1px solid #1C4675;
border-right: 0px solid #113A67;
font-weight: normal;
font-size: 11px;
}

#navcontainer a:hover
{
color: #fff;
background-color: #07427E;
text-decoration: none;
border-top: 0px solid #113A67;
border-left: 0px dotted #113A67;
border-bottom: 1px solid #487CB0;
border-right: 0px solid #fff;
}