/* 
    Document   : donation_page
    Created on : 26-Mar-2010, 12:01:51
    Author     : jpdrawneek
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

root { 
    display: block;
}

#layer-donate #banner {
    margin-top: 15px;
	background-image: url('http://c96265.r65.cf3.rackcdn.com/donate_banner-top.jpg');
	height: 242px;
	width: 760px;
	position: relative;
}

#layer-donate #page_links {
    padding-top: 2px;
    padding-bottom: 15px;
}

#layer-donate #page_links ul {
        padding-left: 0px;
	  margin-left: 0px;
	  list-style-type: none;
}
#layer-donate #page_links ul li {
    float: left;
    padding-left: 15px;
    margin-left: 0;
    background: url('http://c96265.r65.cf3.rackcdn.com/donate_menu_icon.png') left no-repeat;
}

#layer-donate #page_links a {
    color: #ee1a30;
    padding-right: 20px;
    font-weight: bold;
}

#layer-donate  #content_2col .left_column {
    width: 449px;
    min-width: 449px;
    min-height: 50px;
    /*background-color: #ee1a30;*/
}

#layer-donate #content_2col .right_column {
    width: 296px;
    min-width: 296px;
    min-height: 50px;
    /*background-color: #008040;*/
}

#layer-donate  .citation {
    background-color: #336799;
    padding: 20px;
    overflow: hidden;
    height: 225px;
    width: 256px;
}

#layer-donate .citation p {
	color:white;
	font-weight:bold;
	margin-top:0;
    font-family: Arial, Sans-serif !important;
}
#layer-donate .citation .quote {
	 
    font:18px Arial,Sans-serif !important;
    font-weight:bold !important;
}

#layer-donate #citationWrapper {
    width: 1000px;
}

#layer-donate #citation .citation_text {
    float: left;
    width: 256px;
    margin-right: 30px;
}

#layer-donate h2.title {
    background:  #7d7d7d url('http://c96265.r65.cf3.rackcdn.com/donate_Donation_title_gradient.png') top left !important;
    margin-bottom: 10px;
}
#layer-donate #Donation_options {
    background-color: #ffeeee;
    padding-top: 20px;
    padding-right: 20px;
    padding-left: 20px;
    padding-bottom: 0px;
    margin-top: 15px;
}

#layer-donate .box p {
    padding-left: 0px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 13px
}

#layer-donate .box ul {
    margin: 0;
    padding-left: 35px;
    list-style-type: disc;
}

#layer-donate .box ul li a,
#layer-donate .donation_link {
    font-weight: bold;
    margin-bottom: 10px;
    color: #ee1a30;
    font-size: 100%;
}

#donation_now {
    list-style: none;
    padding-left: 0px;
    padding-bottom: 0px;
}
#layer-donate  .donation_content {
    padding-left: 30px;
    padding-bottom: 20px;
}
#layer-donate  #Web {
    background:url('http://c96265.r65.cf3.rackcdn.com/donate_web.png') left top no-repeat;
}
#layer-donate #Tel {
    background:url('http://c96265.r65.cf3.rackcdn.com/donate_Tel.png') left top no-repeat;
}
#layer-donate #Post {
    background:url('http://c96265.r65.cf3.rackcdn.com/donate_post.png') left top no-repeat;
}

#layer-donate li h4 {
    margin: 0;
    margin-bottom: 3px;
}

#layer-donate .box h3 {
    padding: 0px;
    margin-top: 20px;
    line-height: normal;
    font-size: 13px;
}
#layer-donate #label {
    width: 273px;
	height: 44px;
    background-image: url('http://c96265.r65.cf3.rackcdn.com/donate_donation_label1.png');
    bottom: 49px;
    position: absolute;

}

#layer-donate #label2 {
    width: 393px;
	height: 49px;
    background-image: url('http://c96265.r65.cf3.rackcdn.com/donate_Donation_label2.png');
    bottom: 0;
    position: absolute;
}
#layer-donate #label h1 {
    padding: 0 0 0 15px;
    color: white;
    font-size: 24px;
    margin: 10px 0 0 0;
    position: relative;
}


#layer-donate #label2 p {
	margin: 6px 0 0 0;
    padding-left: 15px;
    color: white;
}
#layer-donate #Donate_button {
    position: absolute;
    float: left;
    margin-left: 600px;
    top: 20px;
    color: white;
    font-weight: bold;
    min-width: 131px;
    width: 131px;
    min-height: 34px;
    height: 34px;
    background-image: url('http://c96265.r65.cf3.rackcdn.com/donate_Donate_now.png');
}
#layer-donate #Donate_float {
    margin-top: 15px;
    background-image: url('http://c96265.r65.cf3.rackcdn.com/donate_Donate_gradientL.jpg');
    background-color: #ee1a30;
    min-height: 113px;
    padding: 20px;
    color: white;
}

#layer-donate #Donate_float h2 {
    margin-top: 0px;  
}
#layer-donate #Donate_button2 {
    float: right;
    color: white;
    font-weight: bold;
    min-width: 129px;
    width: 129px;
    min-height: 32px;
    height: 32px;
    background-image: url('http://c96265.r65.cf3.rackcdn.com/donate_Donate_now2b.png');
}
#layer-donate #CAF {
    margin-top: 7px;
}

#layer-donate #ImageContent {
    /*width: 1000px;*/
}

#layer-donate .ImageContent img {
    width: 296px;
    height: 296px;
}
#layer-donate .link_arrow {
    background: url('http://c96265.r65.cf3.rackcdn.com/donate_donation_arrow.png') left no-repeat;
    padding-left: 16px;
    min-height: 8px;
    min-width: 8px;
}

#layer-donate .email {
    color: #ee1a30;
}

#layer-donate .clear {
	clear: both;
}

#layer-donate #SlideShow {
    position:relative;
    overflow:hidden;
    width: 296px;
    height: 546px;
    background: #336799;    
}

#layer-donate #SlideWrapper .block {
    width: 295px;
}

#layer-donate .article_index_list{
	display:none !important
}

.donate_1col{
	margin-top:0 !important
}

/**** overwrite css from jqueryui ***/

.ui-tabs-nav{
	display:none;
}

.ui-tabs{
	padding:0 !important;
	margin:0 !important;
	border:0 !important;
	-moz-border-radius: 0px !important;
	-webkit-border-radius: 0px !important;
	border-radius: 0px !important;
	background-color: #336799; 
}
.ui-tabs .ui-tabs-panel {
	padding:0 !important;
	margin:0 !important;
}