/* Cascading Style Sheet for CCO Public site - 13/03/2008 */

html			{margin:0;padding:0;}

body {
     margin: 0; /* to avoid margins */
     text-align: center; /* to correct the centering IE bug*/
	 background-color: #ffffff;
	 color: #3f3f3f;
	 font-family: frutiger, arial, helvetica, freesans,  sans-serif;
	 font-size:0.75em;
     }
     
#global {
     margin-left: auto;
     margin-right: auto;
     padding-left:0px;
     padding-right:0px;
     width: 800px;
     text-align: left; /* to realign your text */
	 background: #ffffff url(../ccoimages/background.jpg) no-repeat top left;
	 
			margin-top:-10px;

border:1px solid #e8e8e8;
     }
     
#topheader {
		background-color:transparent;
		color:#ffffff;
		width: 800px;
		height: 88px;
		margin-bottom:0px;
		}    

/* Content Section */	 

		
#vis_access	{
                 width:600px;
                 height:30px;
                 background: transparent;
                 	text-align:left;
       	       		margin-bottom:0px;
       	       		float:left;
       	           }
                 
p.visaccess	{
        color:#999999;
		background-color:transparent;

			padding-top:0px;

			
 padding-left:8px;
			font-size:1.0em;
		} 
		
 p.headbanner	{
        color:#999999;
		background-color:transparent;
letter-spacing:1px;

			padding-top:4px;

			
 padding-left:20px;
			font-size:16px;
			font-weight:bold;
		}              
		              
/* Search Box */

#ctl00_topmenubar_SearchPanel  {
border-left:2px solid #c9cacc;
margin-top:0px;
padding-top:5px;
margin-bottom:0px;

			margin-left:195px;
			width:589px;

color:#ffffff;
background-color:transparent;
font-size:1.1em;
font-weight:bold;
}

#topbar {
        background: transparent url(../ccoimages/searchbar.jpg) no-repeat top right;
        width:582px;
        height:25px;
        
        margin-top:4px;
        margin-left:7px; 
        
        
        } 

#topnav {
        width:350px;
        height:25px;
        
               padding-top:4px;    
        
         }  

.contact  {
             
               margin-left:25px;
        
           }
            
.site   {
         
                 margin-left:27px;
        
               }
        
.donate {
         
                margin-left:27px;
        
        }	             
     
#search
{
position:relative;
height:20px;

			top:-27px;
			width:265px;
                 left:325px;

            
			
}

#ctl00_topmenubar_search_TextBox     {
                
                
               width:135px;
               height: 14px;
        
                font-size: 1.0em;
                border:1px solid #999999;
                background-color:#ffffff;        
                    }
                              
            
#ctl00_topmenubar_searchButton {

			margin-left:-8px;       

                    
                     font-family: frutiger, arial, helvetica, freesans,  sans-serif;
                      color:#ffffff;
   background-color:transparent;
   border:0px solid transparent;
   font-size:1.0em;
   font-weight:bold;
     }       

/* Left hand menubar   */

#ctl00_navcontainer, #ctl00_indexnavcontainer
{

			margin-top:1px;
			margin-left:-45px;
			width:194px;

float:left;
 background-color:transparent;
 padding-bottom:3px;
  }
  
#ctl00_lhmenu   {

			width:194px;
     
                background-color:transparent;
                margin-left:0px;
                }
                
  #ctl00_lhmenu ul  {margin:0px;}
  
  #ctl00_lhmenu li
{

			margin-left: 0px;
			margin-top:3px;
			width:185px;

margin-right:1px;
padding: 5px;
list-style-type: none;
font-family: frutiger, arial, helvetica, freesans,  sans-serif;
font-size:1.1em;
background-color:ffffff;
}

  #ctl00_lhmenu li.submenu
{

			margin-left: 0px;
			margin-top:3px;
			width:185px;

margin-right:1px;
padding: 0px;
list-style-type: none;
font-family: frutiger, arial, helvetica, freesans,  sans-serif;
font-size:1.1em;
background-color:ffffff;
}


/****************************************** Home page content **************************************/

#ctl00_content_placeholder_indexcontent_indexcontent { 
 text-align:left;

			margin-top:-13px;
			margin-left:195px;
			padding-right:10px;
			margin-right:15px;
			padding-left:7px;


margin-bottom:0px;
padding-top:10px;

padding-bottom:0px;
/*border-left:2px solid #c9cacc;*/
}

#indexstory {
            margin-top:10px;
            margin-bottom:0px;
             
                
                width:585px;
                height:249px;
               background-color: transparent;  /* url(../ccoimages/indexstory.jpg) no-repeat top left */
        
             
               }
               
/* ###################### Removed 25/7/08 ########################
               
#indexstoryimage    {
                    float:left;
                    width:228px;
                    margin-top:6px;

margin-left:5px;
                 
                    text-align:left;
                    }
                    
#indexstorytext {
   
                padding-top:15px;
        
                padding-right:20px;
                margin-left:238px;
                }
                
################################################################### */

#indexnewscont  {
                width:585px;
                }

#indexnewstop   {
                width:585px;
                height:12px;
                background: transparent url(../ccoimages/indexnewstop.jpg) no-repeat top left;
                
             margin-bottom:0px;
             
                }
                
#indexnewsbtm   {
                width:585px;
                height:15px;
                background: transparent url(../ccoimages/indexnewsbtm.jpg) no-repeat top left;
                
             margin-top:-12px;
             
                }                
                
#ctl00_content_placeholder_indexcontent_indexnews  {
             
             padding-left:15px;
              padding-top:7px;
              
                
             width:585px;
             
                margin-top:0px;
                background: transparent url(../ccoimages/indexnewsmid.jpg) repeat-y top left;
                
        
                 }              
                  
  #ctl00_content_placeholder_indexnews  {
             margin-left:210px;
              padding-left:15px;
              padding-top:18px;
              margin-top:-25px;
                
             width:585px;
             
                
                background: #d9e1e4 url(../ccoimages/indexnewsmid.jpg) repeat-y top left;
        
                } 
                
#ctl00_content_placeholder_indexcontent_indexnews p, #ctl00_content_placeholder_indexnews p {
                 
                width:300px;
        
                  margin-top:2px;
                  line-height:1.4em;
                  }
                  
#indexnewspics  {
 
                float:right;
                width:255px;
                text-align:right;
                padding-right:10px;
        
             margin-right:16px;
              
                  }

#indexsupport {
                
                width:584px;
             
             
                 padding-left:15px;
                  padding-top:2px;
                  margin-top:10px;
                   padding-bottom:20px;                  
                background-color: transparent;
               
                    }
 
#indexsupport p    {
                    margin-top:2px;
                     line-height:1.4em;
                     }
                     
#indexsupportright  {
                    float:right;
                    width:380px;
                    margin-top:10px;
                    
                margin-right:0px;
             
                 text-align:center; 
                  vertical-align:middle;
                    }
                    
#indexsupportright p.support_topline    {margin-bottom:30px;}                                  
                     
#logobar    {
            
                width:584px;
             
             padding-top:5px;
             padding-bottom:5px;
            text-align:center;
           clear:both;
            }
            
#logobar_left    {
                   width:360px;
                                    
                    }
                    
#logobar_right    {
                     float:right;
                  width:170px; 
                  margin-top:20px;
                    }                
            

                                               
/****************************************** Main Page content ****************************/          
		
#ctl00_content_placeholder_content, #content, #pagecontent, #static_content, #ctl00_content_placeholder_vacancies, #ctl00_content_placeholder_meetingcontent, #ctl00_content_placeholder_contactform

 {
 text-align:left;
 margin-left:195px;
 padding-right:20px;
 padding-left:20px;

			margin-top:-13px;		
			margin-right:15px;

margin-bottom:0px;
padding-top:10px;
padding-bottom:20px;
border-left:2px solid #c9cacc;
}

#ctl00_content_placeholder_vacancies

 {
 text-align:left;
 margin-left:195px;
 padding-right:0px;
 padding-left:20px;
margin-bottom:0px;
padding-top:10px;
padding-bottom:20px;

}



h1
{
display: none;
}

h2
{
	font-family: frutiger, arial, helvetica, freesans,  sans-serif;
	font-size: 1.6em;
	color: #03a8a2;
	font-weight:normal;
	margin-top:13px;
	margin-right:30px;
}

.blue
{
	color: #293a96;
}

.red
{
	color: #03a8a2;
}

.green
{
    color: #a00056;
}

.olive
{
	color: #62bb47;
}

.grey
{
	color: #859caa;
}

.redindex
{
	margin-top:0px;
	margin-bottom:0px;
	color: #a00056;
}

h3
{
font-family: frutiger, arial, helvetica, freesans,  sans-serif;
	font-size: 1.3em;
	color: #293a96;
}

h4
{
font-family: frutiger, arial, helvetica, freesans,  sans-serif;
	font-size: 1.1em;
	color: #293a96;
}

p, li, th, td  {
     font-size:1.0em;
     }
     
     
td.vacs  {vertical-align:top; border-bottom:1px solid #cccccc;}

img {border:0;}

caption {
   font-family: frutiger, arial, helvetica, freesans,  sans-serif;
	font-size: 1.2em;
	color: #293a96;
	text-align:left;
	font-weight:bold;
	padding-bottom:10px;
	}

/* Meetings table specific formatting */
	
#ctl00_content_placeholder_meetingcontent table {width:500px;}

#ctl00_content_placeholder_meetingcontent td  {padding:5px; font-size:1.1em;}

#ctl00_content_placeholder_meetingcontent table caption {display:none;}

tr.title_nodisplay  {display:none;}




/*********************************  Site Navigation Links ********************************/

/* Please note that red and green colours were swapped over on 11/09/2009 so green is actually red and vice versa */

/* Main menubar navigation Links */

#ctl00_lhmenu li a.level1
{

			font-size:1.4em;

margin-left:0px;
padding-left:22px;

display:block;

color:#a00056; /* #00a9a2; */
background: transparent url(../ccoimages/navarrowred.gif) no-repeat top left;
text-decoration: none;

}

#ctl00_lhmenu li a.level1:hover
{
color:#a00056;
background-color: transparent;
text-decoration: none;

}

#ctl00_lhmenu li a.level1red
{

			font-size:1.4em;

margin-left:0px;
padding-left:22px;

display:block;

color:#00a9a2;
background: transparent url(../ccoimages/navarrowgreen.gif) no-repeat top left;
text-decoration: none;

}

#ctl00_lhmenu li a.level1red:hover
{
color: #00a9a2;
background-color: transparent;
text-decoration: none;

}

#ctl00_lhmenu li a.level1olive
{

			font-size:1.4em;

margin-left:0px;
padding-left:22px;

display:block;

color:#62bb47;
background: transparent url(../ccoimages/navarrowolive.gif) no-repeat top left;
text-decoration: none;

}

#ctl00_lhmenu li a.level1olive:hover
{
color: #62bb47;
background-color: transparent;
text-decoration: none;
}

#ctl00_lhmenu li a.level1grey
{

			font-size:1.4em;

margin-left:0px;
padding-left:22px;

display:block;

color:#859caa;
background: transparent url(../ccoimages/navarrowgrey.gif) no-repeat top left;
text-decoration: none;
}

#ctl00_lhmenu li a.level1grey:hover
{
color: #859caa;
background-color: transparent;
text-decoration: none;
}

#ctl00_lhmenu li a.level1green
{

			font-size:1.4em;

margin-left:0px;
padding-left:22px;

display:block;

color:#a00056;
background: transparent url(../ccoimages/navarrowred.gif) no-repeat top left;
text-decoration: none;

}

#ctl00_lhmenu li a.level1green:hover
{
color: #a00056;
background-color: transparent;
text-decoration: none;
}

/************************ Submenu ********************************/

#ctl00_lhmenu li a.level2
{

			font-size:1.0em;

margin-left:0px;
padding-left:28px;

display:block;

color:#7f8082;
font-weight:bold;
background-color:transparent;
text-decoration: none;

}

#ctl00_lhmenu li a.level2:hover
{
color:#00a9a2;
background-color: transparent;
text-decoration: none;
}

#ctl00_lhmenu li a.level2red
{

			font-size:1.0em;

margin-left:0px;
padding-left:28px;

display:block;

color:#7f8082;
font-weight:bold;
background-color:transparent;
text-decoration: none;

}

#ctl00_lhmenu li a.level2red:hover
{
color:#00a9a2;
background-color: transparent;
text-decoration: none;
}

#ctl00_lhmenu li a.level2olive
{

			font-size:1.0em;

margin-left:0px;
padding-left:28px;

display:block;

color:#7f8082;
font-weight:bold;
background-color:transparent;
text-decoration: none;
}

#ctl00_lhmenu li a.level2olive:hover
{
color: #62bb47;
background-color: transparent;
text-decoration: none;
}

#ctl00_lhmenu li a.level2grey
{

			font-size:1.0em;

margin-left:0px;
padding-left:28px;

display:block;

color:#7f8082;
font-weight:bold;
background-color:transparent;
text-decoration: none;
}

#ctl00_lhmenu li a.level2grey:hover
{
color: #859caa;
background-color: transparent;
text-decoration: none;
}

#ctl00_lhmenu li a.level2green
{

			font-size:1.0em;

margin-left:0px;
padding-left:28px;

display:block;

color:#7f8082;
font-weight:bold;
background-color:transparent;
text-decoration: none;
}

#ctl00_lhmenu li a.level2green:hover
{
color:#a00056;
background-color: transparent;
text-decoration: none;
}


/* Level 3 and lower */

#ctl00_lhmenu li a.level3
{

			font-size:0.95em;

margin-left:0px;
padding-left:38px;

display:block;

color:#702bff;
font-weight:bold;
background-color:transparent;
text-decoration: none;
}

#ctl00_lhmenu li a.level3:hover
{
color: #330099;
background-color: transparent;
text-decoration: none;
}

#ctl00_lhmenu li a.level4
{

			font-size:0.9em;

margin-left:45px;
padding-left:20px;

display:block;

color:#a00056;
font-weight:bold;
background-color:transparent;
text-decoration: none;
}

#ctl00_lhmenu li a.level4:hover
{
color: #000000;
background-color: transparent;
text-decoration: none;
}

#ctl00_lhmenu li a.level4red
{

			font-size:0.9em;

margin-left:45px;
padding-left:20px;

display:block;

color:#00a9a2;
font-weight:bold;
background: transparent url(../ccoimages/level4navarrowgreen.gif) no-repeat top left;
text-decoration: none;
}

#ctl00_lhmenu li a.level4red:hover
{
color: #000000;
background: transparent url(../ccoimages/level4navarrowblk.gif) no-repeat top left;
text-decoration: none;
}

#ctl00_lhmenu li a.level4olive
{

			font-size:0.9em;


margin-left:45px;
padding-left:20px;

display:block;

color: #62bb47;
font-weight:bold;
background: transparent url(../ccoimages/level4navarrowolive.gif) no-repeat top left;
text-decoration: none;
}

#ctl00_lhmenu li a.level4olive:hover
{
color: #000000;
background: transparent url(../ccoimages/level4navarrowblk.gif) no-repeat top left;
text-decoration: none;
}  

#ctl00_lhmenu li a.level4grey
{

			font-size:0.9em;

margin-left:45px;
padding-left:20px;

display:block;

color: #859caa;
font-weight:bold;
background: transparent url(../ccoimages/level4navarrowgrey.gif) no-repeat top left;
text-decoration: none;
}

#ctl00_lhmenu li a.level4grey:hover
{
color: #000000;
background: transparent url(../ccoimages/level4navarrowblk.gif) no-repeat top left;
text-decoration: none;
}

#ctl00_lhmenu li a.level4green
{

			font-size:0.9em;

margin-left:45px;
padding-left:20px;

display:block;

color:#a00056;
font-weight:bold;
background: transparent url(../ccoimages/level4navarrowred.gif) no-repeat top left;
text-decoration: none;
}

#ctl00_lhmenu li a.level4green:hover
{
color: #000000;
background: transparent url(../ccoimages/level4navarrowblk.gif) no-repeat top left;
text-decoration: none;
}

#ctl00_lhmenu li a.level5
{
margin-left:55px;
padding-left:18px;

display:block;

color: #000000;
font-weight:bold;
background: transparent url(../ccoimages/level5navarrow.gif) no-repeat top left;
text-decoration: none;
font-size:0.9em;

}

#ctl00_lhmenu li a.level5:hover
{
color: #a00056;
background: transparent url(../ccoimages/level5navarrowred.gif) no-repeat top left;
text-decoration: none;

}

#ctl00_lhmenu li a.level6
{
margin:0;
padding-left:80px;

display:block;

color: #fd0885;
font-weight:normal;
background-color:transparent;
text-decoration: none;
font-size:0.9em;
}

#ctl00_lhmenu li a.level6:hover
{
color: #000000;
background-color: transparent;
text-decoration: none;

}


/* General Links */

a
{
font-family: frutiger, arial, helvetica, freesans,  sans-serif;
}

a:link
{
color: #8ba3af;
text-decoration: underline;
}

a:visited
{
color: #8ba3af;
text-decoration: underline;
}

a:active
{
color: #8ba3af;
text-decoration: underline;
}

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

a.footerlinks
{
font-size:0.9em;
font-family: frutiger, arial, helvetica, freesans,  sans-serif;
}

a.footerlinks:link 
{
color: #ffffff;
text-decoration: none;
}

a.footerlinks:visited
{
color: #ffffff;
text-decoration: none;
}

a.footerlinks:active
{
color: #ffffff;
text-decoration: none;
}

a.footerlinks:hover 
{
color: #ffffff;
text-decoration: underline;
}

a.topmenuitem {
	
font-size: 1.0em;

}
a.topmenuitem:link {
	color: #ffffff;
	text-decoration: none;
}
a.topmenuitem:visited {
	color: #ffffff;
	text-decoration: none;
}
a.topmenuitem:active {
	color: #ffffff;
	text-decoration: none;
	}
a.topmenuitem:hover {
	color: #ffffff;
	text-decoration: underline;
}

a.indexnews {
	font-weight:bold;
}

a.indexnews:link {
	color: #817e80;
	text-decoration: underline;
}
a.indexnews:visited {
	color: #817e80;
	text-decoration: underline;
}
a.indexnews:active {
	color: #817e80;
	text-decoration: underline;
	}
a.indexnews:hover {
	color: #494949;
	text-decoration: none;
}


a.highlightnews {
	font-weight:bold;
}

a.highlightnews:link {
	color:#702bff;
	text-decoration: underline;
}
a.highlightnews:visited {
	color:#702bff;
	text-decoration: underline;
}
a.highlightnews:active {
	color:#702bff;
	text-decoration: underline;
	}
a.highlightnews:hover {
	color: #cc3366;
	text-decoration: none;
}

/* Document logos */

a.pdf_link  {
            background: url(/ccoimages/doc_logos/pdflogo.gif) no-repeat top left;
            padding-left: 20px; 
	        padding-top: 2px;
	        line-height: 20px; 
            }
            
a.word_link  {
            background: url(/ccoimages/doc_logos/wordlogo.gif) no-repeat top left;
            padding-left: 20px; 
	        padding-top: 2px; 
	        line-height: 20px; 
            } 
            
a.rtf_link  {
            background: url(/ccoimages/doc_logos/wordlogo.gif) no-repeat top left;
            padding-left: 20px; 
	        padding-top: 2px;
	        line-height: 20px; 
            } 
            
a.xls_link  {
            background: url(/ccoimages/doc_logos/xlslogo.gif) no-repeat top left;
            padding-left: 20px; 
	        padding-top: 2px;
	        line-height: 20px;  
            } 
            
a.ppt_link  {
            background: url(/ccoimages/doc_logos/pptlogo.gif) no-repeat top left;
            padding-left: 20px; 
	        padding-top: 2px;
	        line-height: 20px;  
            } 

a.publisher_link  {
            background: url(/ccoimages/doc_logos/pdflogo.gif) no-repeat top left;
            padding-left: 20px; 
	        padding-top: 2px;
	        line-height: 20px;  
            }  

/*************************************** Page Footer ************************************/

#footer
{
margin-top:0px;
width: 800px;
height:19px;
padding-top:5px;
background-color: #859caa;
color:#ffffff;
text-align:center;
clear:both;
 
                font-size:1.0em;
        

} 


/* Contact Forms */

#ctl00_content_placeholder_email    {text-align:center;}


/************************************************************************
* 
* Calendar specific formatting 
*
************************************************************************/

/* Surrounds the calendar */
.eventmonth
{
    border: 1px solid #cccccc;
    width: 550px;
    background-color: #FFFFFF;
    margin-bottom: 10px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 10px;
    text-align: center;
    float:left;
}

/* used as the cssclass of the actual calendar */
.eventmonthtable
{
    width: 550px;
    margin-right: auto;
    margin-left: auto;
    position: relative;
    margin-bottom: 15px;
    border: 1px solid #666666;
    border-collapse:collapse;
}


.dayNumber
{
    float: right;
    border-bottom: 1px solid #cccccc;
    border-left: 1px solid #cccccc;
    clear: none;
    padding: 2px;
}


.calcurrentmonth
{
    /* no styles needed at this time */
}
.calothermonth
{
    background-color: #9ddf79;
}
.calcurrentday
{
    background-color: #FFFFC1;
}
.calweekend
{
    background-color: #FEEB95;
  /*  width: 15%; */
}

.calcurrentmonth , .calcurrentmonth , .calothermonth , .calcurrentday , .calweekend
{
    text-align: left;
    border: 2px solid #cccccc;
    height: 60px;
    vertical-align: top;
    /* needed for positioning the dayNumber part */
    position:relative;
     border-collapse:separate;
     border-spacing: 5px;
     
}

/* ALS Set Table formatting */

#alsgroup   {
            width:600px;
            border-collapse:collapse;
            }
            
#alsgroup td, th {
               border:1px solid #cccccc;
               padding:5px;
               text-align:left;
               vertical-align:top;
            }        
            
/* Transport direct */

#ctl00_content_placeholder_transportdirectcco  {width:463px;margin-left:250px;}