/*  CSS file for www.thesouthlondonadoptionconsortium.org.uk */

html, body { 
  height: 100%;
  background-color : #fffff0;
  font: 86% "VAG Rounded", Comic sans serif, Arial, Helvetica, Verdana, sans-serif;
  font-weight: bold;
}

.wrapper {
  min-height: 100%;
  height: auto;
  height: 100%;
  margin: 0 auto -4em;
}

.footer, .push {
  height: 4em;
  font-size: 0.7em;
}


#Heading {
  position: relative;
  height: 168px;
  margin-bottom: 1em;
}

/* Sets where the header images will go */
#Heading img.left {
  position: absolute;
  z-index: 1;

  bottom: 0;
  left: 0;
}

#Heading img.right {
  position: absolute;
  z-index: 0;

  bottom: 0;
  right: 0;
}

#Heading #Message {
  position: absolute;
  z-index: 3;
  top: 0px;
  left: 100px;
  padding: 2px;
  text-align: center;
  color: #3D07E3;
  font-size: 1.2em;
}

h1 {
  font-size: 4em;
}

h2 {
  font-size: 1.6em;
}

h3 {
  font-size: 1.2em;
}

h4 {
  font-size: 1.1em;
}

h5, h6 {
  font-size: 1.1em;
}

p {
  margin-top: 0.1em;
  margin-bottom: 0.1em;
}

a {
  text-decoration: none;
  font-weight: bold;
}

a:link {
  color: #2f2f2f;
}

a:visited {
  color: #2f2f2f;
}

a:hover {
  color: #2f2f2f;
}

/*  color: #6A9630;   color: RGB(191, 215, 59);
*/
.paraGreen {
  color: RGB(141, 165, 34);
}
    
/*   color: #75478D; */
.paraBlue {
  color: RGB(102, 45, 145);
}
    
.paraPink {
  color: #F02B3F;
}
    
/* column container */
.colmask {
    position:relative;	/* This fixes the IE7 overflow hidden bug */
	clear:both;
	float:left;
	width:100%;			/* width of whole page */
	overflow:hidden;		/* This chops off any overhanging divs */
}

/* common column settings */
.colright,
.colmid,
.colleft {
	float:left;
	width:100%;
	position:relative;
}
.col1,
.col2,
.col3 {
	float:left;
	position:relative;
	padding:0 0 1em 0;
	overflow:hidden;
}

/* 2 Column (double page) settings */
.doublepage {
	background:#fffff0;		/* right column background colour */
}
.doublepage .colleft {
	right:50%;			/* right column width */
	background:#fffff0;		/* left column background colour */
}
.doublepage .col1 {
	width:46%;			/* left column content width (column width minus left and right padding) */
	left:52%;			/* right column width plus left column left padding */
}
.doublepage .col2 {
	width:46%;			/* right column content width (column width minus left and right padding) */
	left:56%;			/* (right column width) plus (left column left and right padding) plus (right column left padding) */
}

/* 3 Column settings */
.threecol {
/*		background:#eee;		*//* right column background colour */
}
.threecol .colmid {
	right:33%;			/* width of the right column */
}
.threecol .colleft {
	right:33%;			/* width of the middle column */
}
.threecol .col1 {
	width:29%;			/* width of center column content (column width minus padding on either side) */
	left:68%;			/* 100% plus left padding of center column */
}
.threecol .col2 {
	width:29%;			/* Width of left column content (column width minus padding on either side) */
	left:72%;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
}
.threecol .col3 {
	width:29%;		/* Width of right column content (column width minus padding on either side) */
	left:76%;			/* Please make note of the brackets here:
								100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
}

/* box styles
.box { display:block; position: relative; width: 333px; height: 110px; margin: 0 0 10px 0; }
.box2 { display:block; position: relative; width: 333px; height: 80px; margin: 20px 0 10px 0; text-align: center;}
 */.box { display:block; position: relative; width: 100%; margin: 0 0 10px 0; }
.box2 { display:block; position: relative; width: 100%; margin: 20px 0 10px 0; text-align: center;}
.box:hover { background-position: 0 -100px; }
.box2:hover { background-position: 0 -100px; }
.orange { background: #ff6c01 url('images/gradient-orange.png') top repeat-x; }
.yellow { background: #FFFD05 url('images/gradient-yellow.png') top repeat-x; }
.green { background: #98d11d url('images/gradient-green.png') top repeat-x; }
.blue { background: #24b2e7 url('images/gradient-blue.png') top repeat-x; }
.red { background: #E26746 url('images/gradient-red2.png') top repeat-x; }
.silver { background: #3f3f3f url('images/gradient-silver.png') top repeat-x; }
.inner { padding: 5px; }
			
/* corners */
.corner { position: absolute; width: 10px; height: 10px; background: url('images/corners2.png') no-repeat; font-size: 0%; }
.TL { top: 0; left: 0; background-position: 0 0; }
.TR { top: 0; right: 0; background-position: -10px 0; }
.BL { bottom: 0; left: 0; background-position: 0 -10px; }
.BR { bottom: 0; right: 0; background-position: -10px -10px; }