body { height:100%;

	background-image:url(back.jpg);

  overflow: hidden; /* Hide scrollbars */
}

h1 {font-family: 'Open Sans', sans-serif; font-weight:300; font-size:xlarge; margin: 0;}

h2 {font-family: 'Open Sans', sans-serif; font-weight:300; font-size:large; margin: 0;}

h3 {font-family: 'Open Sans', sans-serif; font-weight:600; font-size:small; margin: 0;}



a { text-decoration:none; color:#FFFFFF }

a:visted { text-decoration:none; color:#FFFFFF }



#header {

		width:100%;

		vertical-align:middle;

		border:0px solid #bbb;

		background-color: #434343;

		color: #FFFFFF;

		height:25px;

		padding-top:2px;

		position: absolute;

    top: 0;

    bottom: 0;

	left:0;

	z-index: 0;

	text-align:center;

    

    

	}

.content, .content:before {

    width:33%;

}

.content {

    float:left;

    color: #ffffff;

	text-align:center;

	padding-top:180px;

}

.content:before {

    content: '';

    position: absolute;

    top: 0;

    bottom: 0;

    z-index: -1;

    left: 0;

	background: #0099a9;

	opacity: 0.8;

    	filter: alpha(opacity=80); /* For IE8 and earlier */

		width:33%;



}

.sidebar, .sidebar:before {

    width:34%;

}

.sidebar {

    float:left;

    color: #fff;

  	text-align:center;

	padding-top:180px;

	height:100%;

	

}

.sidebar:before {

    content: '';

    position: absolute;

    top: 0;

    bottom: 0;

    z-index: -1;

    left: 67%;

    background-color: #ff7201;

	opacity: 0.8;

    filter: alpha(opacity=80); /* For IE8 and earlier */

	width:33%;

	text-align:center;

	

}



.sidebar_two, .sidebar_two:before {

    width:33%;

	height:100%;

	

	

}

.sidebar_two {

    float:left;

    color: #ffffff;

    text-align:center;

	padding-top:180px;

	height:100%;

}

.sidebar_two:before {

    content: '';

    position: absolute;

    top: 0;

    bottom: 0;

    z-index: -1;

    left: 33%;

	background-color: #0d478e;

	opacity: 0.8;

    filter: alpha(opacity=80); /* For IE8 and earlier */

	width:34%;

	

    

}

.divlinkleft { 

  position:absolute; 

  width:33%;

  height:100%;

  top:0;

  left: 0%;



  /* edit: added z-index */

  z-index: 1;



  /* edit: fixes overlap error in IE7/8, 

     make sure you have an empty gif */

  background-image: url('empty.gif');

} 

.divlinkmiddle { 

  position:absolute; 

  width:33%;

  height:100%;

  top:0;

  left: 33%;



  /* edit: added z-index */

  z-index: 1;



  /* edit: fixes overlap error in IE7/8, 

     make sure you have an empty gif */

  background-image: url('empty.gif');

} 

.divlinkright { 

  position:absolute; 

  width:33%;

  height:100%;

  top:0;

  left: 66%;



  /* edit: added z-index */

  z-index: 1;



  /* edit: fixes overlap error in IE7/8, 

     make sure you have an empty gif */

  background-image: url('empty.gif');

}