/* Peel Youth Village - CSS Document */

BODY { font-size: small; color: #000000; font-family: Arial, Helvetica, sans-serif; }
TABLE { font-size: small; color: #000000; font-family: Arial, Helvetica, sans-serif; }
P { font-size: small;}
h1 { font-weight: bold; font-size: large; margin-bottom: 0; color: #06c; }
h2 { font-weight: bold; margin-bottom: 0px; color: #06c; }
h3 { font-weight: bold; color: #06c; padding-left: 22px;}
h4 { font-weight: bold; color: #06c; text-align: center; }
h5 { font-weight: bold; color: #06c; text-align: center; }

.content {
	padding: 0 10px 0 17px;
	background: #fff;
	margin-top: 20px;
	}

.navList
	{
	list-style: url(art/bullets.gif) outside;
	}

.navListBullet
	{
	margin-bottom: 6px;
	}

/* Start Top Nav */

#navsite ul {
	padding: 3px 0; 
	margin: 3px 0 0 0; 
	border-bottom: 1px solid #69f; 
	font: bold 0.9em Verdana, sans-serif;
}

#navsite ul li {
	list-style: none; 
	margin: 0; 
	display: inline; 
}

#navsite ul li a {
	padding: 3px 1.5em; 
	margin-left: 3px; 
	border: 1px solid #69f; 
	border-bottom: none; 
	background: #cf6; 
	text-decoration: none; 
}

#navsite ul li a:link { 
	color: #09f;
} 

#navsite ul li a:visited { 
	color: #09f;
} 

#navsite ul li a:link:hover, #navsite ul li a:visited:hover {
	color: #09f;
	background: #ff0; 
	border-color: #69f; 
}


/* End Top Nav */


/* Subnav */ 

#subnav {
	background: #69f;
	padding-bottom: 4px;
	text-align: center;
	color: #fff;
	font-weight: bold;
	}
	
#subnav ul {
	padding: 4px 8px 2px 8px; margin: 0;
	font: normal normal normal 0.9em Arial, Helvetica, sans-serif;
	}
	
#subnav ul li {
	list-style: none;
	margin: 0;
	display: inline;
	}
	
#subnav ul li a {
	padding: 0 0.5em; margin: 0; text-decoration: none;
	}
	
#subnav ul li a:link, #subnav ul li a:visited {
	color: #fff;
	font-weight: bold;
	letter-spacing: 0.1em;
	}
	
#subnav ul li a:hover, #subnav ul li a:active {
	color: #cf6;
	}

#pagehome a#linkhome:link, #pagehome a#linkhome:visited, #pagehome a#linkhome:hover, #pagehome a#linkhome:active {
	background: #69f;
	color: #cf6;
	}

#pagelive a#linklive:link, #pagelive a#linklive:visited, #pagelive a#linklive:hover, #pagelive a#linklive:active {
	background: #69f;
	color: #cf6;
	}

#pagelearn a#linklearn:link, #pagelearn a#linklearn:visited, #pagelearn a#linklearn:hover, #pagelearn a#linklearn:active {
	background: #69f;
	color: #cf6;
	}

#pagework a#linkwork:link, #pagework a#linkwork:visited, #pagework a#linkwork:hover, #pagework a#linkwork:active {
	background: #69f;
	color: #cf6;
	}

#pageplay a#linkplay:link, #pageplay a#linkplay:visited, #pageplay a#linkplay:hover, #pageplay a#linkplay:active {
	background: #69f;
	color: #cf6;
	}

#pagecont a#linkcont:link, #pagecont a#linkcont:visited, #pagecont a#linkcont:hover, #pagecont a#linkcont:active {
	background: #69f;
	color: #cf6;
	}

	
/* Main Links */

#mainLinks {
	font: normal bold large Arial, Helvetica, sans-serif; color: #C00;
	text-align: center;
	}
	
#mainLinks a, #mainLinks a:visited {
	color: #fff;
	text-decoration: none;
	}
	
#mainLinks a:active, #mainLinks a:hover {
	color: #C00;
	text-decoration: none;
	}
	
	
/* */


.photo {
	border: 2px solid #09f;
	margin: 5px 10px;
	}
	
.box {
	border: 1px solid #09f;
	padding: 5px 20px;
	text-align: center;
	background-color: #ECF5FF; 
	}

/* HOME */


#holder {
	width: 580px;
	margin: 0;
	position: relative;
	}

#leftSide {
	width: 280px;
	}
	
#rightSide {
	position: absolute;
	left: 295px;
	width: 280px;
	top: 0;
	}
	
h3.liveBkg {
	background-image: url(art/pyv-bkg.jpg);
	background-repeat: no-repeat;
	height: 60px;
	margin-top: 0;
}

h3.liveBkg span {
	display: none;
}

h3.learnBkg {
	background-image: url(art/learn-bkg.jpg);
	background-repeat: no-repeat;
	height: 60px;
	margin-top: 0;
}

h3.learnBkg span {
	display: none;
}

h3.workBkg {
	background-image: url(art/work-bkg.jpg);
	background-repeat: no-repeat;
	height: 60px;
	margin-top: 0;
}

h3.workBkg span {
	display: none;
}

h3.playBkg {
	background-image: url(art/play-bkg.jpg);
	background-repeat: no-repeat;
	height: 60px;
	margin-top: 0;
}

h3.playBkg span {
	display: none;
}

#live {
	background-color: #ECF0E4;
	border: 1px solid #09f;
	margin-bottom: 10px;
	}

#learn {
	background-color: #FFF3CE;
	border: 1px solid #09f;
	margin-bottom: 10px;
	}

#work {
	background-color: #E6F2FF;
	border: 1px solid #09f;
	}

#play {
	background-color: #FEE3E2;
	border: 1px solid #09f;
	}


/* Rights Charter */

.rights {
	border: 1px solid  #06c;
	padding: 0 10px;
	}
	
.rights h6 {
	font-size: small;
	font-weight: bold; 
	color: #06c;
	}
	
	
/*
.rights h6:first-letter {
	font-size: medium;
	font-weight: bold;
	background-color: #06c;
	color: #fff;
	padding: 2px;
	}
	
*/

h6 .initcap {
	font-size: medium;
	font-weight: bold;
	background-color: #06c;
	color: #fff;
	padding: 0 2px;
	}