﻿*
{
margin: 0;
padding: 0; 
}

body {
     margin: 0px; /* to avoid margins */
     text-align: center; /* to correct the centering IE bug*/
     background-color:#ffffff;
	
     }
	 
#global {
     margin-left: auto;
     margin-right: auto;
     width: 752px;
     text-align: left; /* to realign your text */
     background-color:#ffffff;
     font-family: Arial, Helvetica, sans-serif;
    }
     
/***************************/
/* Website Content */
/***************************/
#header_top 
{
   
            background: url(/images/cco_ycc_banner.jpg) no-repeat top left;
            width:752px;
            height:171px;
            margin:0px;
}
		

#terms {
    float:right;
    padding-right:10px;

}

#terms a {
       
        padding-left:15px;
        padding-right:15px;
}

#main_container {
      margin:0px;
      padding:10px;
      background-color: #ffffff;
      width:732px;
      
}
	
#ctl00_content_placeholder_content {
            background-color:#ffffff;
            width: 370px;
			padding-left:10px;
			padding-top:17px;
			padding-right: 10px;
			float: left;
			margin-left:10px;
			margin-top: 0px;
}	

#rightpanel {
            width:150px;
			float: right;
}       

#footer	{
		clear: both;
		font-family:  Arial, Helvetica, sans-serif;
	    width: 752px;
	    background-color: #00a9a1;
	    /*background-color: #790050;*/
	    color:  #ffffff;
	    height:100px;
	    padding-top:15px;
	    margin:auto;
        }
        
#footer a{
  		font-family: Arial, Helvetica, sans-serif;
	  	text-decoration:none;
        color:#ffffff;
        text-decoration:underline;
        font-size:1.0em;
}

#footer a:hover{
  		font-family: Arial, Helvetica, sans-serif;
	  	text-decoration:none;
        color:#ffffff;
        text-decoration:none;
}

#copyright	{
        text-align: right;
        margin-top: 5px;
        float: right;
        }
        
#searchbox {
        float:right;
        padding-top: 4.0em;
        width: 220px;
        clear:both;
        padding-right:10px;
}


#ctl00_TextBox1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	height: 20px;
	width:140px;
	 border-top:1px solid #afafaf;
    border-left:1px solid #afafaf;
    border-bottom:1px solid #333333;	
    border-right:1px solid #333333;		  
}

/*
.searchbutton {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 12px;
	color: #000000;
	text-decoration: none;
    margin-top: 1px;
    height: 21px;	
}
*/

#ctl00_searchButton {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	color: #ffffff;
	text-decoration: none;
    margin-top: 1px;
    height: 21px;
    background-color:#63c33d;
    border-top:1px solid #01a29c;
    border-left:1px solid #01a29c;
    border-bottom:2px solid #02685b;	
    border-right:2px solid #02685b;	
}

#donatenow {
    margin-left: 598px;
    clear:both;
    width: 120px;
    height: 20px;
    vertical-align: bottom;
    margin-bottom: 0px;
    padding-top: 52px;
}
#donatenow a {
    text-transform:uppercase;
    color:#ffffff;
	font-weight: bold;
    text-decoration: none;
}


/***************************/
/* Breadcrumb */
/***************************/

#ctl00_breadcrumb
{
            margin-top:-10px;
            height: 20px;
            margin-left: 160px;
}

#ctl00_breadcrumb ul
{
            width: 540px;
            height: auto;
            float: left;       
}

#ctl00_breadcrumb li
{
            float: left;
            list-style-type: none;
            margin-bottom: 4px;
}



/***************************/
/*fonts*/
/***************************/

h1		{
		display: none;
		}

h2
		{
    	font-family: Arial, Helvetica, sans-serif;
		font-size: 17px;
	    color: #0095A5;
		}

h3
		{
    	font-family: Arial, Helvetica, sans-serif;
		font-size: 14px;
	    color: #0095A5;
	    margin-bottom: 5px;
	}
	
.pinkweek   {color:#ff65cc;}

#ctl00_content_placeholder_content p, #ctl00_content_placeholder_content li, #ctl00_content_placeholder_content table		{
		font-family: Arial, Helvetica, sans-serif;
		margin-bottom: 10px;
		margin-top: 10px;
		
		}
#content li, #ctl00_content_placeholder_content li, #static_content li		{
		font-family: Arial, Helvetica, sans-serif;
		color: #000000;
		font-size:13px;
		}
#ctl00_content_placeholder_content ul {
        list-style-type:disc;
        margin-left:20px;
        }

a		{
        font-family: Arial, Helvetica, sans-serif;
	    text-decoration: underline;
	    margin-bottom: 5px;
	    color: #0095A5;
		}
		
a:hover {
       font-family: Arial, Helvetica, sans-serif;
	    text-decoration: none;
		}
		
a.highlight		{
        
        font-family: Arial, Helvetica, sans-serif;
	    text-decoration: underline;
	    margin-bottom: 2px;
	    color: #0095A5;
	    font-weight:bold;
	   
		}
		
a.highlight:hover {
       font-family: Arial, Helvetica, sans-serif;
	    text-decoration: none;
		}	
		
#ctl00_indexnews a	{
        font-family: Arial, Helvetica, sans-serif;
	    text-decoration: none;
	    margin-bottom: 2px;
	    color: #666666;
		}
		
#ctl00_indexnews a:hover {
       font-family: Arial, Helvetica, sans-serif;
	    text-decoration: underline;
		}
				
#content img, #ctl00_content_placeholder_content img, #static_content img     
		{
        border:0px;
        padding-left:5px;
        padding-right:5px;
        }
        
img {
		border: 0px;
		
}

.center{
        text-align:center;
        }
        
.bold   {
	    font-weight: bold;
        }
        
 /***************************/       
 /* Menu Styling */
 /***************************/
 


 /***************************/       
 /* News Styling */
 /***************************/
  #news_container
  {
background: url(/images/news_mid.jpg) repeat top left;
  
  background-color: #000000;
            width:142px;
            margin:0px;
            float: right;
            color: #ffff00;
            padding-left: 10px;
 }
 
  #news_container a
 {

  
  
            color: #000000;
 }
 

  #news_container li
 {
 list-style-type: none;
 width: 125px;
 border-bottom: 1px dashed #666666;
 padding: 5px 0px 5px 0px;
 float: left;
 }
 
 
 
 #news_header
 {
  background: url(/images/news_top.jpg) repeat top left;
            width:140px;
            height:14px;
            margin:0px;
            color: #ffffff;
            font-family: verdana;
            font-size: 12px;
            padding: 5px;
            font-weight: bold;
            margin-left: -10px;
 }
 
 
 #news_footer
 {
  background: url(/images/news_bottom.jpg) no-repeat top left;
            width:150px;
            height:13px;
            margin:0px;
            margin-left: -10px;
 }
 
 
 
 a.green
 {
 color: #00a9a1;
 text-indent: 10px;
 font-weight: bold;
 }
 
 
 /***************************/       
 /* Homepage Styling */
 /***************************/

#homepageimages {
    text-align: center;
    height: 140px;
 }
 
#homepageimages ul
{
            height: auto;
            list-style-type: none;
            height:137px;
            padding: 0px;
            margin: 0px;
            float: left;
            height: 140px;
            
          
}

#homepageimages li
{
      
        height:137px;
        width:111px;
        list-style-type: none;
        margin-left:4px;
        margin-right:4px;
        float:left;
}

#homepageimages li.image1
{

       /* background: url(/userfiles/image/event1.jpg) no-repeat top left;*/
        background: url(/userfiles/image/weekly_lottery.gif) no-repeat top left;
        height:139px;
        width:113px;
        float:left;
}

#homepageimages li.image2
{
        background: url(/userfiles/image/volunteer1.jpg) no-repeat top left;
        height:139px;
        width:113px;
}


#homepageimages li.image3
{
       /* background: url(/userfiles/image/news1.jpg) no-repeat top left;*/
       background: url(/userfiles/image/olympic_small.jpg) no-repeat top left;
        height:139px;
        width:113px;
}




/* Images for How to Donate Pages */

#homepageimages li.image4
{
        background: url(/userfiles/image/rainy_day.jpg) no-repeat top left;
        height:139px;
        width:113px;
        margin-left:30px;
}

#homepageimages li.image5
{
        background: url(/userfiles/image/mother_daughter.jpg) no-repeat top left;
        height:139px;
        width:113px;
        margin-left:50px;
}

/* Ends */

#homepageimages li a  
{
   color:#ffffff;
   text-decoration:none;
}

#homepageimages li a.link1
{
margin-top:112px;
margin-left:35px;
float:left;
}

#homepageimages li a.link2
{
margin-top:112px;
margin-left:33px;
float:left;
}

#homepageimages li a.link3
{
margin-top:112px;
margin-left:24px;
float:left;
color:transparent;
}

/* Styling for How to donate links */

#homepageimages li a.link4
{
margin-top:105px;
margin-left:28px;
float:left;
font-size:0.75em;
}

#homepageimages li a.link5
{
margin-top:105px;
margin-left:25px;
float:left;
font-size:0.75em;
}

/* Ends */

#navcontainer2 { margin-left: 0px;
                 width: 151px;
                    float:left; }

#navcontainer2 ul
{
margin: 0;
padding: 0;
list-style-type: none;
font-family:  arial, Helvetica, sans-serif;
}

#navcontainer2 ul li a
{
text-decoration:none;
    background:  url(/images/menu_green_bot.jpg) left bottom no-repeat; 
    background-color: #00a9a1;
    width: 141px;
    margin-left: 0px;
    padding-bottom: 4px;
    display: block;
    color: #ffffff;
      padding: 0px 5px 5px 5px; 
      margin-top: -16px;
   }


.a_1 , .a_0
{
        background:  url(/images/menu_green_top.jpg) left top no-repeat; 
        margin-top: 0px;
        height: 4px;
        height: 20px;
}



#navlist a:hover
{

}

#navcontainer2 ul ul li a    
{
text-decoration:none;
background:  url(/images/menu_green_light_bot.jpg) left bottom no-repeat; 
width: 141px;
    margin-left: 0px;
    padding-bottom: 4px;
    display: block;
    color: #ffffff;
    padding: 0px 5px 5px 5px; 
        margin-top: -16px;
    

}
 
 
.a_2
{
background:  url(/images/menu_green_light_top.jpg) left top no-repeat; 

        margin-top: 0px;
        height: 20px;

}



#navlist2  a:hover
{

}

#navcontainer2 ul ul ul li a
{ 
   text-decoration:none;     
        background:  url(/images/menu_green_lighter_bot.jpg) left bottom no-repeat; 
   width: 141px;
    margin-left: 0px;
    padding-bottom: 4px;
    display: block;
    color: #ffffff;
    padding: 0px 5px 5px 5px; 
        margin-top: -16px;
    
}

.a_3
{
        background:  url(/images/menu_green_lighter_top.jpg) left top no-repeat; 
        margin-top: 0px;
        height: 20px;
}

#indexmwh
{
    margin-top:20px;
    
            } 

#indexmwh iframe
{
    margin-top:20px;
            } 

#indexmwh legend {font-size:16px;color: #000000;margin-left:5px;}


fieldset.volpagecontent {margin-bottom:15px;}

fieldset.volpagecontent h3, p   {
            padding-top:15px;
            padding-left:10px;
            padding-right:15px;
            }
            
fieldset.volpagecontent legend   {
            font-size:1.1em;
            color: #790050;
            }            
            
fieldset.volpagecontent img   {
            padding-top:8px;
            padding-right:28px;
            margin-left:10px;
            }

fieldset.celebpagecontent {margin-bottom:15px;}

fieldset.celebpagecontent p   {
            padding-top:20px;
            padding-left:20px;
            padding-right:15px;
            font-size:22px;
            }
            
fieldset.celebpagecontent img   {
            padding-top:8px;
            margin-right:18px;
            padding-left:10px;
            }
            
fieldset.celebpagecontent   a   {text-decoration:none;}
