*{
margin : 0; 
padding : 0; 
     }

html, body { 
cursor : default; 
width : 100%; 
}

#container{
	position :relative;
	margin-right:auto;
	margin-left :auto;
	width : 900px;
	top: 0px;
	background-color: #FFFFFF;
	left: 0px;
          }
#main {
	background-color: #FFFFFF;
	width: 100%;
      }
      
 /****Heading Style****/
 /***************************************************************************************************************/     
      
#header {
	width: 900px;
	height: 150px;
	background-image: url(pics/climate-head-finaledit.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	}
body {
	background-color: #CCCCCC;
	padding: 0px 0px 20px;
	margin-bottom: 10px;
}

#search {
	width: 200px;
	position: absolute;
	top: 129px;
	right:-45px;
}


/**** Navigation Style*****/
/*******************************************************************************************************************************************/
/*******************************************************************************************************************************************/
#nav {
	background-image: url(pics/nav.gif);
	position: relative;
	top: 120px;
	height: 350px;
	width: 100%;
	background-repeat: no-repeat;
	background-position: 0px 0px;
}



    

                   

 #left  a.menuTitle:link {color: #FFFFFF ;text-decoration: none; outline: none}
 #left  a.menuTitle:visited {color:#FFFFFF ;text-decoration: none; outline: none}
 #left  a.menuTitle:hover {color: #FFFF99;text-decoration: none; outline: none}
 #left  a.menuTitle:active {color: #FFFF99;text-decoration: none; outline: none}

div.menu ul { list-style: square inside;}


.menu       { 
               POSITION: absolute; font-size: 12px; font-family: Arial; text-transform: capitalize; width: 150px; 
               BORDER-LEFT: 1px solid #003399; BORDER-RIGHT: 3px solid #666666; 
               BORDER-TOP: 1px solid #003399; BORDER-BOTTOM: 3px solid #666666; 
               PADDING:3px; BACKGROUND-COLOR: #304697; VISIBILITY:hidden; z-index: 10; color:#666666 
            }
               

#menu1       {
	position:absolute;
	left: 170px;
	top: 70px;
	width: 170px;
}
#menu2       { position: absolute; left: 170px; top: 127px}
  
a:link.menuLink{text-decoration: none; font-style: bold; color: #FFFFFF; outline: none; padding-top:1px; padding-bottom:1px; line-height:150%; margin-top:3px; margin-bottom:3px}
a:visited.menuLink{text-decoration: none; font-style: bold; color:#FFFFFF}
a:hover.menuLink{ text-decoration: none; font-style: bold; color: #FFCC00 }
a:active.menuLink{ text-decoration: none; font-style: bold; color: #FFFF00 }
 /******************************************************************************************************************************************************/
 /******************************************************************************************************************************************************/
 
 /**** The Body Details Style *****/
 /******************************************************************************************************************************************/
 
 #details     {
	color: #666666;
	text-transform: capitalize;
	width: 100%;
	margin-top: 10px;
	background-color: #FFFFFF;
	height: 100%;
	font-size: 0.8em;
	font-family: Arial, Helvetica, sans-serif;
}
               
 .header1 {
	color: #FFFFFF;
	text-transform: 
               capitalize;
	font-weight: bold;
	text-align: left;
	background-color: #073990;
	border-top-width: thin;
	border-right-width: medium;
	border-bottom-width: medium;
	border-left-width: thin;
	border-top-style: groove;
	border-right-style: solid;
	border-top-color: #003333;
	border-right-color: #666666;
	border-bottom-color: #666666;
	border-left-color: #003333;
	border-bottom-style: solid;
	border-left-style: groove;
	padding: 1px 1px 1px 3px;
}

#left        {
	width: 20%;
	padding: 0px;
	margin-top: 12px;
	position: relative;
	left: 0px;
	top: -40px;
	background-image: url(pics/left.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	z-index: 1;
	height: 1235px;
}
#middle        {
	width: 60%;
	margin-top: 10px;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: none;
	color: #666666;
	background-color: #FFFFFF;
	display: inline;
	position: absolute;
	left: 200px;
	top: 130px;
	padding: 7px;
}
#middle a:link{color:#333333;text-decoration: none;}
#middle  a:visited{color: #CC6633;text-decoration: none;}
#middle  a:hover{text-decoration: underline}
#middle a:active{color:#333333;text-decoration: none}


#right        {
	width: 20%;
	padding: 0px;
	margin-top: 10px;
	position: absolute;
	top: 150px;
	height: 100%;
	left: 720px;
}
#righthead {
	font-weight: bold;
	color: #FFFFFF;
	background-image: url(pics/head-right.gif);
	background-repeat: no-repeat;
	height: 50px;
	width: 100%;
	vertical-align: bottom;
	padding-top: 0px;
	padding-bottom: 0px;
	background-position: center bottom;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
}
#rightfooter {
	height: 50px;
	width: 100%;
	background-image: url(pics/rightfooter.gif);
	background-position: 0px 0px;
}
#right  a:link{color:#333333;text-decoration: none;}
#right  a:visited{color: #CC6633;text-decoration: none;}
#right  a:hover{text-decoration: underline;}
#right  a:active{color:#333333;text-decoration: none;}
.contents {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #666666;
	text-decoration: none;
	margin: 0px;
	width: 100%;
	text-align: left;
	background-color: #CCCCFF;
}
.linkcontainer {
	padding: 3px;
	border-bottom-width: 1px;
	border-bottom-style: inset;
	border-bottom-color: #99CC99;
	list-style-position: inside;
	list-style-type: circle;
	text-transform: capitalize;
	margin: 0px;
}
.linkcontainer2 {
	border-bottom-width: 1px;
	border-bottom-style: inset;
	border-bottom-color: #99CC99;
	list-style-type: circle;
	text-transform: capitalize;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-right: 7px;
	list-style-position: outside;
	text-align: left;
}



.header2 {
	color: #FFFFFF;
	background-color: #CC3333;
	border: thin outset #CC6633;
	padding-left: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	
}

.contents2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #666666;
	margin: 0px;
	width: 100%;
	background-color: #FFCC99;
	text-align: left;
}



.intlink {
	background-image: url(pics/d-bullet.gif);
	background-position: 2px 2px;
	padding-left: 9px;
	border-bottom-width: 1px;
	border-bottom-style: groove;
	border-bottom-color: #CCCCCC;
	background-repeat: no-repeat;
	text-align: left;
	padding-top: 4px;
	padding-right: 0px;
	padding-bottom: 4px;
	margin: 0px;
	text-transform: capitalize;
}

#arrow3 {
	border:1px outset #808080;
	margin-left: 45px;
	margin-top: 0px;
}
#arrow4 { border:1px outset #808080;
	      margin-left: 40px;
	      margin-top: 0px;
	    }

/************************************The footer styles*********************************************/
/**************************************************************************************************/
#footer{
	width:900px;
	height:70px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #FFFFFF;
	background-image: url(pics/footer.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	font-style: normal;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	position: absolute;
	left: 0px;
	top: 1360px;
}
.footeritem {
	margin-top: 50px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	border-right-width: thin;
	border-right-style: solid;
	border-right-color: #FFFFFF;
	padding: 0px 7px 5px 5px;
}
#footer #climatechangenetwork {
    margin-top: 50px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
    padding: 0px 7px 5px 5px;
}
		
#footer   a:link {color: #FFFFFF ;text-decoration: none; outline: none;}
#footer   a:visited {color:#FFFFFF ;text-decoration: none; outline: none;}
#footer   a:hover {color: #FFFF99;text-decoration: none; outline: none;}
#footer   a:active {color: #FFFF99;text-decoration: none; outline: none;}	

#footer div {
	position: absolute;
	left: 180px;
	top: 17px;
}
		
.minus {
	margin-left: 20px;
	margin-top: 2px;
}
.plus {
	margin-left: 5px;
	margin-top: 2px;
}
.bars {
	background-image: url(pics/headbars.jpg);
	background-repeat: no-repeat;
	height: 40px;
	width: 650px;
	margin: 15px 15px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	color: #FFFFFF;
	padding: 2px 0px 0px 5px;
	text-transform: none;
}
.infoframe {
	color: #333333;
	padding: 0px 0px 5px;
	width: 650px;
	margin-right: 15px;
	margin-bottom: 10px;
	margin-left: 15px;
	margin-top: 0px;
	vertical-align: middle;
	display: block;
	text-align: justify;
	list-style-position: inside;
	list-style-type: disc;
}

.infoframe div {
	text-align: justify;
	padding: 10px;
}
.infoframe li{
	list-style-position: inside;

}

.header3 {
	font-weight: bold;
	color: #FFFFFF;
	background-color: #CC3333;
	border: thin outset #CC6633;
	text-align: left;
	padding: 2px 0px 0px 3px;
	margin: 15px 15px 0px;
	width: 650px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.contents3 {
	color: #666666;
	padding: 3px 5px 0px 15px;
	width: 650px;
	margin-right: 15px;
	margin-bottom: 15px;
	margin-left: 0px;
	margin-top: 0px;
	background-color: #FFFFFF;
	text-transform: none;
	
}
#temprature {
	margin: 2px 2px 2px 120px;
}
#un {
	float: right;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 1px;
	margin-left: 10px;
}
#greenpic {
	float: right;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 5px;
}
.pic {
	float: right;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 5px;
}
#global1 {
	float: left;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 0px;
}
.navcell {
	padding-top: 33px;
	padding-bottom: 10px;
	padding-left: 14px;
	width: 150px;
	height: 20px;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	text-transform: none;
}
#tempratureincrease {
	margin-left: 40px;
}

.infolist{
	background-image: url(pics/star.gif);
	background-position: 2px 0px;
	background-repeat: no-repeat;
	padding-right: 0px;
	margin: 0px;
	text-transform: none;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 23px;
	height: 32px;


}
#footer div {
	padding-left: 20px;
}
#UKtemp {
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 70px;
}
#co2cycle {
	margin-left: 180px;
}
.arrowContainer {
	height/**/: 50px;
	width/**/: 100%;
	padding-top/**/: 5px;
	padding-right/**/: 5px;
	padding-bottom/**/: 5px;
	padding-left/**/: 100px;
	text-align: right;
	margin-bottom: 20px;
}
 .arrowContainer  a:link {color:#FFFFFF ;text-decoration: none;  background-color:#FFFFFF}
 .arrowContainer  a:visited {color:#FFFFFF ;text-decoration: none;  background-color:#FFFFFF}
 .arrowContainer  a:hover {color: #FFFFFF;text-decoration: none;  background-color:#FFFFFF}
 .arrowContainer  a:active {color: #FFFFFF;text-decoration: none;  background-color:#FFFFFF}

.arrowobject {
	margin-left: 50px;
	border: none;	
}
.sliding {
	width: 650px;
}