/* Confederation for Kids - 023/002*/

body {
background-color: #fff;
color: #000;
}

div.center h1 {
border: none;
padding: 18px 13px;
margin: 8px 8px 0 8px;
background-color: #009933;
color: #fff;
}


div.center h2 {
background-color: #ccff33;
color: #000;
padding: 10px 13px;
margin: 5px 8px;
}

div.center h3 {
background-color: #fff;
color: #cc0000;
}

/************* LEFT MENU **************/

div.left {
background-color: #fff;
overflow: visible;
}

ul.nav {
list-style-type: none;
background-color: #009933;
color: #fff;
padding: 0 0 20px 0;
}

ul.nav li {
background-color: #009933;
color: #fff;
padding-bottom: 0;
border-bottom: none !important;
}

ul.nav li a.menulink, ul.nav li a.menulink:link, ul.nav li a.menulink:active, ul.nav li a.menulink:visited {
text-decoration: none;
color: #fff;
background-color: #009933;
padding: 8px 5px 8px 15px;
border: none;
}

ul.nav li a.menulink:hover {
color: #000;
background-color: #ccff33;
padding: 8px 5px 8px 15px;
border: none;
}

ul.nav li span.on-state {
color: #000;
background-color: #ccff33;
width: 130px;
padding: 8px 5px 8px 15px;
}

ul.nav li a.linked_on-state:link, ul.nav li a.linked_on-state:visited {
color: #000;
background-color: #ccff33;
text-decoration: none;
padding: 8px 5px 8px 15px;
width: 130px;
}

/* Proactive disclosure */

div#procontainer ul.nav {
background-color: #fff;
color: #000;
width: auto;
margin: 0;
padding: 0;
}

div#procontainer ul.nav li {
border: none;
margin: 0px;
padding: 0px;
font-size: 100%;
}

div#procontainer ul.nav li a.menulink{
border: 1px solid #000;
background-color: #fff;
color: #000;
margin-left: 0;
padding: 5px 10px 5px 10px;
font-weight: lighter;
}

div#procontainer ul.nav li a.menulink:hover{
background-color: #000;
color: #fff;
padding: 5px 10px 5px 10px;
font-weight: lighter;
}

/* Right nav */

.right-navigation {
background-image: none;
border: none;
}

table.ed-resources{
margin: 1em auto;
padding-left: 0
}

table.ed-resources th{
text-align: left;
}

div.table{
	margin-left:15px;
	width:96%;
}
div.column1{
	width:29%;
	float:left;
}
div.column2{
	width:70%;
	float:left;
	padding-bottom:10px;
}
div.column709{
	border:1px solid black;
	width:35%;
	float:left;
	height:70px;
	padding:8px;
}
div.column7090{
	border:1px solid black;
	width:55%;
	float:left;
	height:70px;
	padding:8px;
}

table.t7060{
	border-collapse: collapse;
	border-spacing:0;
	margin:10px 20px 10px 20px;
}
table.t7060 tr th{
	padding:6px;
}
table.t7060 tr td.cell-align{
	text-align:right;
}
table.t7060 tr td.cell-height{
	height:400px;
}
table.t7060 tr td.cell-height80{
	height:80px;
	width:250px;
}
table.t7060 tr td.cell-height40{
	height:40px;
}
table.t7110{
	width:70%;
	border-collapse:collapse;
	border-spacing:0;
	margin:10px 20px 10px 80px;
}
table.t7110 tr td.cell-height{
	height:300px;
}
div.indent2{
	padding-right:10px;
}

.clear-b {padding: 100px;}

/* Gallery New */

.img-v1-left, .img-v2-left, .img-v3-left{
margin: 1em;
padding: 0;
display: inline;
}

.img-v1-right, .img-v2-right, .img-v3-right {
margin: 0.75em 1em 1em 1.5em;
padding: 0;
display: inline;
}

.img-v3-center{
width: 225px;
margin: 1em auto;
padding: 0;
display: block;
}

.img-v1-left, .img-v1-right {width: 100px;}
.img-v2-left, .img-v2-right {width: 150px;}
.img-v3-left, .img-v3-right {width: 225px;}
.img-v1-left, .img-v2-left, .img-v3-left {float: left;}
.img-v1-right, .img-v2-right, .img-v3-right {float: right;}

.img-v1-left p, .img-v2-left p, .img-v3-left p, .img-v1-right p, .img-v2-right p, .img-v3-right p, .img-v3-center p{
font-size: 0.85em;
padding: 5px 0;
margin: 0;
}

.img-v1-left img, .img-v2-left img, .img-v3-left img, .img-v1-right img, .img-v2-right img, .img-v3-right img, .img-v3-center img{
vertical-align: text-top;
}

.gallery-img-left-v1{
margin: 0 0 0 1.2em;
width: 95%;
padding: 1em 0;
display: block;
float: left;
}

.gallery-img-left-v1 img{
float: left;
padding: 0;
margin: 0;
}

.gallery-img-left-v1 p{
margin-left: 7.5em;
}

div.gallery-v2-2col {
width: 62%;
margin: 1em auto;
padding: 0;
display: block;	
}

div.gallery-v2-2col-inter {
width: 62%;
margin: 0 auto;
padding: 0;
display: block;	
}

div.gallery-v2-2col-inter .img-v2-left{
margin-top: 0 ;
}

div.gallery-v2-3col {
width: 90%;
margin: 1em auto;
padding: 0;
display: block;	
}

.margin-top0 {margin-top: 0}
.margin-top1 {margin-top: 1em}
.margin-top2 {margin-top: 2em}
.margin-bottom1 {margin-bottom: 0}
.margin-bottom1 {margin-bottom: 1em}
.margin-bottom2 {margin-bottom: 1em}

/* Gallery Section Menu */

div.gallery-menu {
text-align: center;
width: 95%;
margin: 1em auto;
padding: 0.5em 0;
display: block;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}

/* When using clear in certain instance FF displays a wide gap, so by using this
class it creates a clearing container and fixes the problem and an equivalent clear is used in 2nd style sheet for IE */
.clear-fix {
width: 98.5%;
height: 1px;
max-height: 1px;
display: table; /* creates a clear break before and after */
}