@charset "utf-8";

/*======== Common CSS ======== */

html { overflow: -moz-scrollbars-vertical; }

body{ font-family:Arial, Helvetica, sans-serif; font-size:12px; margin:0px; padding:0px; color:#fff; 
		background:url(images/main-bg.jpg) repeat-x #003465; line-height:18px;}
	
dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,p,span,strong,form,fieldset,table,th,tr,td,input,label,select,div{margin:0px; padding:0px;}

li{list-style:none;}

a { color:#009;}
a:hover{ text-decoration:none;}

fieldset{border:none;}

img{border:none; font-weight:normal;}

.fl{float:left;}
.f2 { float:left; width:800px; }
.fr{float:right;}

.cl{clear:both; margin:0; padding:0}

.alignR{text-align:right;}

#wrapper{margin:0px auto 0px auto; width:970px;}

/*======== Header Area ======== */
.header-container { width:970px;}

/*Logo Area*/
.logo-container { width:970px; height:116px; background:url(images/top-bg.jpg) no-repeat;}
.logo-container .logo-col-1 { width:303px; height:116px;}
.logo-container .logo-col-1 h1 { font-size:9px; text-indent:-999999px;} 
.logo-container .logo-col-1 h1 a { display:block; width:303px; height:116px; background:url(images/logo-img.jpg) no-repeat; }
.logo-container .logo-col-2 { width:319px; height:116px;}
.logo-container .logo-col-2 .donate-btn { margin:31px 10px 0 0; padding:0;}
.logo-container .logo-col-2 .donate-btn a { display:block; height:54px;}
<!-- .logo-container .logo-col-2 .donate-btn a { display:block; background:url(images/orange-left.jpg) left no-repeat; height:54px;}  -->
.logo-container .logo-col-2 .donate-btn a span img { margin:10px 0 0 20px;} 
.logo-container .logo-col-2 .donate-btn a span { display:block; height:54px;}

<!-- .logo-container .logo-col-2 .donate-btn a span { display:block; background:url(images/orange-right.jpg) right no-repeat; height:54px;}  -->

/*Top Menu*/
.top-menu { width:970px; height:42px; background:url(images/menu-bg.jpg) repeat-x;}

.top-menu .menu-col-1 { width:660px; padding:0 0 0 20px;} 
.top-menu .menu-col-1 ul { list-style:none;}
.top-menu .menu-col-1 ul li { font-size:16px; color:#FFFFFF; font-weight:bold; float:left; text-decoration:none; }
.top-menu .menu-col-1 ul li a { display:block; background:url(images/divider.jpg) right no-repeat; line-height:42px; color:#FFFFFF; padding:0 15px 0 15px; text-decoration:none;}

.top-menu .menu-col-1 ul li a:hover { background:url(images/over_state.gif) repeat-x; color:#FFFFFF; text-decoration:none;}
/* .top-menu .menu-col-1 ul li a:hover { background:url(images/menu-bg_over.jpg) repeat-x; color:#000000;} */
.top-menu .menu-col-1 ul li.current_page_item{ background:url(images/menu-bg_over.jpg) repeat-x; color:#000000; }
.top-menu .menu-col-1 ul li.current_page_item a { color:#000000; text-decoration:none; }
.top-menu .menu-col-1 ul li.current_page_item a:hover { background:url(images/menu-bg_over.jpg) repeat-x; color:#000000; text-decoration:none; }

.top-menu .menu-col-2 { width:250px; fr}

.top-menu .menu-col-2 .gray-btn-ico { margin:7px 5px 0 0; padding:0;}
.top-menu .menu-col-2 .gray-btn-ico a { display:block; height:28px;}
.top-menu .menu-col-2 .gray-btn-ico a span img { margin:3px 0 0 10px;}
.top-menu .menu-col-2 .gray-btn-ico a span { display:block; height:28px; padding:0 10px 0 0;} 
.butico	{ width:28px; }
.butbut	{ width:127px; }
/*
.top-menu .menu-col-2 .gray-btn { margin:7px 5px 0 0; padding:0;}
.top-menu .menu-col-2 .gray-btn a { display:block; background:url(images/gray-btn_left.jpg) left no-repeat; height:28px;}
.top-menu .menu-col-2 .gray-btn a span img { margin:3px 0 0 10px;}
.top-menu .menu-col-2 .gray-btn a span { display:block; background:url(images/gray-btn_right.jpg) right no-repeat; height:28px; padding:0 10px 0 0;} 
*/
.top-menu .menu-col-2 .gray-divider { width:1px; background:#838383; height:42px; font-size:0; margin:0 10px 0 6px;}



/*======== Content Area ======== */
.content-container { width:970px; background:#FFFFFF; color:#000000; min-height: 500px; } 
.content-container .content-wrapper { width:950px; margin:0 auto 0 auto; padding:25px ;}

/*Main Banner*/
.main-banner { width:920px; height:238px; margin:0 0 10px 0;}

/*Text Area*/

.detail-container-1 .detail-col-1 { width:545px;}
.detail-container-1 .detail-col-1-inner { width:920px;}
.detail-container-1 .detail-col-1 p, .detail-container-1 .detail-col-1-inner p { font-size:14px; color:#000000; margin:0 0 0 0; line-height:25px; padding-bottom: 19px;}
.detail-container-1 .detail-col-1 h1, .detail-container-1 .detail-col-1-inner h1 { font-size:24px; color: #cc3300; margin:0 0 20px 0; line-height:25px; font-weight:bold;}
.detail-container-1 .detail-col-1 h2, .detail-container-1 .detail-col-1-inner h2{ font-size:18px; color: #8fc4e3; margin:0 0 2px 0; line-height:25px;font-weight:bold;}
.detail-container-1 .detail-col-1 .detail-btn, .detail-container-1 .detail-col-1-inner .detail-btn { width:545px;}
.detail-container-1 .detail-col-2 { width:330px;}
.detail-col-2{ margin-right: 30px; }

.inner { width:920px;}
.detail-container-1 ul{ padding-left: 20px; }
.detail-container-1 ul li { list-style:disc; }

.faq li { font-size:14px; margin-bottom: 5px; }

/*Buttons*/

.orange-btn { margin:0px 10px 0 0; padding:0;}
.orange-btn a { display:block; background:url(images/orange-left2.jpg) left no-repeat; height:46px;}
.orange-btn a span { display:block; background:url(images/orange-right2.jpg) right no-repeat; height:46px;}
.orange-btn a span img { margin:10px 10px 0 10px;}

.gray-btn2 { margin:15px 10px 0 0; padding:0;}
.gray-btn2 a { display:block; background:url(images/gray-btn_left2.jpg) left no-repeat; height:33px;}
.gray-btn2 a span { display:block; background:url(images/gray-btn_right2.jpg) right no-repeat; height:33px; padding:0 10px 0 0;} 
.gray-btn2 a span img { margin:3px 0 0 10px;}

/*Right Area*/

.right-col-1 { width:330px; margin:0 0 10px 0 }
.right-col-1 .right-title { width:330px; height:40px; background:url(images/title-bg.jpg) repeat-x;}
.right-col-1 .right-details {width:330px; background:url(images/detail-bg.jpg) top #e7e7e7 repeat-x;}

.right-col-1 .right-details .right-details-inner { width:306px; margin:0 auto 0 auto; padding:12px 0 12px 0;}
.right-col-1 .right-details .right-details-inner h2 { font-size:14px; color:#000000;}
.right-col-1 .right-details .right-details-inner p { font-size:12px; color:#000000;}
.right-col-1 .right-details .right-details-inner p span { color:#006699;}
.right-col-1 .right-details .right-details-inner p span.age { padding:0 0 0 10px;}

.right-col-1 .right-details .right-details-inner2 { width:306px; margin:0 auto 0 auto; padding:12px 0 12px 0;}
.right-col-1 .right-details .right-details-inner2 p {font-size:12px; color:#000000; padding:0 0 10px 0 }
.right-col-1 .right-details .right-details-inner2 h2{font-size:16px; color: #663300; padding:0 0 10px 0 }

.right-details-inner2 li { padding-bottom: 10px; }

.stats, .stats tr, .stats td { font-size:11px; color:#000000; }
.stathead { font-size:11px; background-color:#a9a9a9; }

/*======== Footer Area ======== */

.footer-container { width:970px; height:84px; background:url(images/footer-bg.jpg) repeat-x; margin:1px 0 0 0;}

.footer-container .footer-col-1 { width:307px; padding:0 0 0 15px }
.footer-container .footer-col-1 p { padding:20px 0 0 10px; font-size:14px; color:#FFFFFF; }
.footer-container .footer-col-1 p a {font-size:14px; color:#FFFFFF; text-decoration:underline;}
.footer-container .footer-col-1 p a:hover {font-size:14px; color:#FFFFFF; text-decoration:none;}

.footer-container .footer-col-2 img { padding-top:10px; }
.footer-container .footer-col-2 p { padding:25px 0 0 10px; font-size:14px; color:#FFFFFF; }
.footer-container .footer-col-2 p a {font-size:14px; color:#FFFFFF; text-decoration:underline;}
.footer-container .footer-col-2 p a:hover {font-size:14px; color:#FFFFFF; text-decoration:none;}

.footer-copy {width:970px; font-size:11px; color:#99cccc; padding:0 0 15px 0; background-color:#003465; }


/* on 1 april 2010 */

.aligncenter,
dl.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignleft {    float: left; }
.alignright {  float: right; }

.wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.wp-caption img { margin: 0; padding: 0; border: 0 none; }
.wp-caption-dd { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; }

.twitbox { width:890px; border:5px solid #CCC; padding:10px; float:left; }
div .twitbox1 { width:435px; }
div .twitbox2 { width:435px; padding-left:20px; }