table h1 {font-size:120%;font-family:Arial, Helvetica, sans-serif; color:white;}
table h2 {font-size:110%;font-family:Arial, Helvetica, sans-serif;font-weight:bold; color:black;}
table h3 {font-size:100%;font-family:Arial, Helvetica, sans-serif;font-weight:bold; color:black;}
table p {font-size:100%;font-family:Arial, Helvetica, sans-serif; color:black;}
table p.bold {font-size:100%;font-family:Arial, Helvetica, sans-serif; color:black; font-weight:bold;}
table li {list-style-type: round; font-size:100%;font-family:Arial, Helvetica, sans-serif;color:black; padding:3px;}
caption {font-size:100%;font-family:Arial, Helvetica, sans-serif;font-weight:bold;color:black;  text-align: left;}
table {font-size:100%;font-family:Arial, Helvetica, sans-serif;color:black;}
br {clear: left;}





html table#home{
	margin-top:0px;
	margin-left:0px;
	width:550px;
	font-weight: normal;
	background-color: #FFF;
	
}

#home th {border: 0px solid #FFCCFF;  text-align: left;  padding: 0px 0px 0px 0px; vertical-align: top; height:100px; background-image:url(../images/home/whatsnew.gif); background-position:top left; background-repeat:no-repeat;}

#home td { 
vertical-align: top;
height:auto;
padding: 2px 2px 2px 2px;
}
 
#home.br { padding-bottom: 2px;}



#home ul { margin-top: 0px; margin-bottom: 3px; margin-left: 0; }
#home li { margin-left: 10px; list-style:square; }
#home a:link {color: #309; font-weight: bold; text-decoration: none;}
#home a:hover {color: #309; font-weight: bold; text-decoration: underline;}
#home a:visited {color: #309; font-weight: bold; text-decoration: none;}

#home h1 {
	font-family:Arial, Arial, Helvetica, sans-serif;
	font-size:30px;
	font-weight:bold;
	color: #FF00FF ;
	text-align:left;}

#home h2 {
font: bold 0.9em Arial, Helvetica, sans-serif; 
text-align: center; 
color:#000; 
}

#home h3 {
font: normal 0.9em Arial, Helvetica, sans-serif; 
text-align: center;   
color:#000; margin-top:12px; margin-bottom:0.5px;
  
 
}
#home p {
font: normal 0.9em Arial, Helvetica, sans-serif;  
text-align: left; 
color:#000;
line-height:1em; 
}





html table#jobs{
	border: 1px #fff;
	margin-top:0px;
	margin-left:0px;
	width:100%;
	background-color: #FFC;
}
#jobs th {border: 1px solid #FFF;  text-align: left;  padding: 1px 1px 1px 1px; height:30px; background-color: #FFCC99; font-weight: bold;}

#jobs td {
text-align: left;
vertical-align: top;
padding: 1px 1px 1px 1px; 
border:#fff solid 1px;
}

#jobs ul { margin-top: 0px; margin-bottom: 3px; margin-left: 0; padding-left: 0em; list-style:disc; }
#jobs li { margin-bottom: 0px; list-style:disc;  }
#jobs a { color: #309; font-weight: normal; text-decoration: none; }

html body#start{margin-top:0px;margin-bottom:0px;margin-left:0;margin-right:0;}
#start a:link{color:#3300cc;}
#start a:visited{color:#3300cc;}
#start a:hover{color:#3300ccc;}

a:link {font-size:100%;font-family:Arial, Helvetica, sans-serif; text-decoration: none;color:3300cc}
a:visited {font-size:100%;font-family:Arial, Helvetica, sans-serif; text-decoration: none;color:3300cc}
a:active {font-size:100%;font-family:Arial, Helvetica, sans-serif; text-decoration: none;}
a:hover {font-size:100%;font-family:Arial, Helvetica, sans-serif; text-decoration: underline;}

/* TABLE */		
table#youthcentre {
	width: 100%;
	padding: 4px;
	border-width: 1px;
	border-style: solid;
	border-color: #666666;
	text-align: left;
	border-collapse:collapse;
	}
#youthcentre th { 
	height: 10px;
	border-width: 1px;
	border-style: solid;
	border-color:#666666  ;
	text-align: left;
	padding:2px; 
	vertical-align: top;
}	
	
#youthcentre td {

	border-width: 1px;
	border-style: solid;
	border-color:#666666  ;
	padding: 4px;
	vertical-align: top;
	}



/* TABLE */		
table#opps {
	width: 100%;
	padding: ;
	border-width: 2px;
	border-style:;
	border-color: ;
	margin-left: auto;
    margin-right: auto; 
	border-collapse:collapse;
	
}
#opps caption {font-size:100%;font-family:Arial, Helvetica, sans-serif; color:black; font-weight:100px;
padding-bottom: 10px;}
	
#opps  th {
font-size:18px;

	height: 20px;
	width:50%;
	background-color: #00CCFF;
	border-width: 2px;
	border-style:dotted ;
	border-color: #99FFFF  ;  
	text-align: left;
	padding: 4px; 
	vertical-align: top;
}	


#opps td {
	width:50%;
	height:275px;
	width:275px;
	background-image: url(../images/opps/oppsbubble.jpg);
	background-repeat:no-repeat;
	vertical-align: top; 
	
	padding-top:5px; 
	padding-left:20px;
	padding-right:10px;
	border-width: 2px;
	border-style:dotted ;
	border-color: #99FFFF  ;  
	
}

/* NEW OPPORTUNITIES TABLE 09 */	

table#opps09 {
	width: 100%;
	padding: ;
	border-width: ;
	border-style:;
	border-color: ;
	margin-left: auto;
    margin-right: auto; 
	border-collapse:collapse;
	
}
#opps09 caption {font-size:100%;font-family:Arial, Helvetica, sans-serif; color:black; font-weight:100px;
padding-bottom: 10px;}
	
#opps09  th {
font-size:18px;

	height: 20px;
	width:50%;
	background-color: ;
	border-width: 2px;
	border-style:dotted ;
	border-color: #0000  ;  
	text-align: left;
	padding: 0px; 
	vertical-align: top;
}	

 table#opps09 td {
	width:50%;
	height:210px;
	background-image: url(../images/opps/oppsbox09.jpg);
	background-repeat:no-repeat;
	vertical-align: top; 
	
	padding-top:20px; 
	padding-left:12px;
	padding-right:19px;
	border-width: 0px;
	border-style:dotted ;
	border-color: #0000  ;  
	
}

table#opps09 td.background {
	width:545px;
	height:150px;
	background-image: url(../images/opps/allops09.jpg);
	background-repeat:no-repeat;
	vertical-align: top; 
	padding-top:20px; 
	
} 
table#opps09 ul { padding-right:18px;
	
} 
 table#opps09 ul.horiz { padding:0; margin:0; height:40px; } 
 table#opps09 li.horiz {display:inline; padding-left:20px; }
	
 table#opps09 ul.horiz2 { padding:0; margin:0; height:40px; } 
 table#opps09 li.horiz2 {display:inline; padding-left:30px; }
 
 table#opps09 h2 {padding-left:12px;}
  

	
table#main {
	width: 90%;
	padding: 4px;
	border-width: 1px;
	border-style: solid;
	border-color: #666666   ;
	margin-left: auto;
    margin-right: auto; 
	border-collapse:collapse;
	
}
#main caption {  font-size:100%;font-family:Arial, Helvetica, sans-serif; color:black; font-weight: 100;
padding-bottom: 10px;}
	
#main  th {
	height: 10px;
	background-color:;
	border-width: 1px;
	border-style: solid;
	border-color:#666666  ;
	text-align: left;
	padding: 4px; 
	vertical-align: top;
}	
	
.blue {background: #3399FF;}
.pink {background: #FF3399; }
.lblue {background: #66FFFF;}
.dblue {background: #6699FF;}
.cream {background: #FFFFCC;}
.offwhite {background:#FFFAF0;}
.peach {background: #FFCC99;}
.mauve {background: #CC99FF;}
.mauve2 {background: #CC66FF;}
.red {background: #FF6666; }
.brightred {background: #FF0000; } 
.midgreen {background: #66FF99;}
.orange {background: #FF9933;}
.orangebright {background: #FF9900;}
.green {background:  #33CC00;}
.palegreen {background: #CCFF99;}
.purple {background:  #9999CC;}
.purpledeep  {background: #660099;}
.dgreen {background:   #006600;}
.yellow {background:  #FFFF66;}
.yellowbright {background: #FFFF00;}
.yellowimg { background: #CCFFFF;}

#main td {

	border-width: 1px;
	border-style: solid;
	border-color:#666666  ;
	padding: 4px;
	vertical-align: top;
	}
	
	
	/* Get Involved Pages */
	
	
	#layoutginv ul {margin-top: 3px; margin-bottom: 3px; input type="text";}

#layoutginv li {  width: 80%; height:50px; margin-left: 20px; list-style: none; padding: 0.25em 1em; border: 1px solid; border-color: #FFF #AAA #AAA #FFF;}

#layoutginv li a { text-decoration :  none; color: white;  font-weight:bold; text-align: left;  line-height:1em;}
#layoutginv li a:link { color: white; font-weight:bold;}
#layoutginv li a:visited { color: white; font-weight:bold;} 
#layoutginv p2 {font-size:100%;font-family:Arial, Helvetica, sans-serif; color:#CC3399; font-weight:bold;}

#layoutginv2 ul {margin-top: 3px; margin-bottom: 3px;}

#layoutginv2 li {width: 80%; height:50px; margin-left: 20px; list-style: none; padding: 0.25em 1em; border: 1px solid; border-color: #FFF #AAA #AAA #FFF;}


#layoutginv2 li a { text-decoration :  none; color: #666666; text-align: left;  font-weight:bold; text-align: left;  line-height:1em;}
#layoutginv2 li a:link { color: #666666; font-weight:bold;}
#layoutginv2 li a:visited { color: #666666; font-weight:bold;} 



/* table  for all getinvolved pages */
html table#layoutyinv{width:100%; margin:0px 0px 0px 0px;}
#layoutyinv th { text-align: left; border: 1px solid #CCCCCC; padding: 5px;  }
#layoutyinv td { text-align: left; vertical-align:middle; padding: 5px; border: 1px solid #CCCCCC;; font-size:100%; font-family:Arial; font-color:000033;}

html table#layoutyinvTP{width:147px; margin:0px 0px 0px 0px; align:right}
#layoutyinvTP th { text-align: center; border: 1px solid #CCCCCC; padding: 5px;  }
#layoutyinvTP td { text-align: center; vertical-align:middle; padding: 5px; border: 1px solid #CCCCCC;; font-size:100%; font-family:Arial; font-color:000033;}


/* table coloured font*/
#table p {font-size:100%;font-family:Arial, Helvetica, sans-serif; color: #333333  ; font-weight:bold;}