html{
height: 100%;
}

body{
/*background-image: url("images/black_grey_50_1000.gif");*/
margin: 0 auto;
padding: 0;
text-align: center;
height: auto;
position: relative;
}


/* DIVISIONS */

div#whole{
margin: 0 auto;
background-color: white ;
width: 780px;
position: relative;
height: 1000px;
min-height: 100%;
border-left: solid 1px rgb(9,38,102);
border-right: solid 1px rgb(9,38,102);
border-bottom: solid 1px rgb(9,38,102);
}

div#titlebar-left {
position: absolute;
margin: 0;
top: 2px;
left: 5px;
width: 390px;
height: 40px;
text-align: left;
}

div#titlebar-right{
position: absolute;
margin-left: auto;
margin-right: auto;
right: 7px;
width: 390px;
top: 9px;
height: 40px;
text-align: right;
}

div#gradient-rule1{
position: absolute;
margin-left: auto;
margin-right: auto;
left: 0;
right: 5px;
width: 780px;
top: 33px;
height: 5px;
}


/* Menu division */

div#menu-bar{
position: absolute;
top: 53px;
left: 7px;
right: 7px;
background-color:  rgb(227,227,227);   /*  rgb(190,180,255); rgb(180,180,255);  rgb(180,160,255); rgb(255,242,191); rgb(217,217,217);*/ 
padding: 0;
margin: 0;
width: 764px;
height: 22px;
border: solid 1px black;
}
	
	div#menu-bar ul{
	font-family: verdana, arial, helvetica, sans-serif;
	line-height: 22px;
	margin: 0;
	padding: 0;
	}

	div#menu-bar li{
	list-style-type: none;
	display: inline;
	font-weight: bold;
	}

	div#menu-bar li a{
	text-decoration: none;
	padding: 0 30px 0 30px;
	font-size: 10pt;
	color: rgb(9,38,102);
	font-weight: normal;
	font-family: verdana, arial, helvetica, sans-serif;
	}

	div#menu-bar li a:hover{
	color: white;
	background-color: rgb(9,38,102);
	padding-top: 4px;
	padding-bottom: 3px;
	}

	
/* Sidebar division */
	
div.sidebar{
position: absolute;
top: 86px;
left: 7px;
bottom: 5px;
background-color: white;
/*  background-color: rgb(212, 206, 198); */
border: solid 1px rgb(180,180,255);
width: 195px;
height: 905px;
}

div.sidebarsize{
position: absolute; 
top: 0;
left: 0;
width: 195px;
height: 905px; 
}

div#icon{
position: absolute;
top: 720px;
left: 7px;
width: 195px;
height: auto;
}

		
div#select-bar{
position: absolute;
top: 90px;
left: 250px;
width: 475px;
height: 15px; 
}

div#info_window{
margin-left: auto;
margin-right: auto;
background-color: white;
width: 500px;
height: 100%;
position: relative;
border-left: 1px solid rgb(9,38,102);
border-right: 1px solid rgb(9,38,102);
border-bottom: 1px solid rgb(9,38,102);
background-color: white;
padding: 5px;
}


/* Boxes on index page */

div.boxhead
{
position: absolute;
height: 30px;
width: 225px;
background-color:  rgb(9,38,102); 
}

div.boxbody
{
position: absolute;
height: 200px;
width: 225px;
background-color:  rgb(204,204,204);
}

div.boxloc1top{
left: 250px;
top: 150px;
}

div.boxloc1bot{
left: 250px;
top: 180px;
}

div.boxloc2top{
left: 500px;
top: 150px;
}

div.boxloc2bot{
left: 500px;
top: 180px;
}

div.boxloc3top{
left: 250px;
top: 391px;
}

div.boxloc3bot{
left: 250px;
top: 421px;
}	

div.boxloc4top{
left: 500px;
top: 391px;
}

div.boxloc4bot{
left: 500px;
top: 421px;
}		

div.fullboxsize
{
width: 225px; 
height: 200px;
}

div.boxloc5top{
position: absolute;
left: 250px;
top: 632px;
width: 475px;
}	

div.boxloc5bot{
position: absolute;
left: 250px;
top: 662px;
width: 475px;
background-color:  white;/* rgb(225,255,210); */
height: 225px;   /* Will routinely need to modify this (NEWS)*/
}

div.boxbodyint
{
position: absolute;
height: 199px;
width: 223px;
}

div.boxlocbotint{
left: 0;
top: 0;
border: solid 1px  rgb(9,38,102);
}

div.boxbody5int
{
position: absolute;
width: 473px;
height: 224px;  /* Will routinely need to modify this (NEWS) - should be 1 less than that above*/
}

div.comment-space{
position: absolute;
left: 211px;
top: 643px;
width: 560px;
height: 348px;
margin: 0;
padding: 0;
background-color: white;
border: solid 1px rgb(180,180,255);
}

	
/* Rounded corners */
			
.tl2 
{
background: url(images/tl_0_0_0_75.gif) 0 0 no-repeat;
}

.tr2
{
background: url(images/tr_0_0_0_75.gif) 100% 0 no-repeat;
}

	
div.picture-space{
position: absolute;
left: 211px;
top: 131px;
width: 559px;
height: 500px; 
margin: 0;
padding: 0;
background-color: rgb(204,204,204);
}

div.picture-spaceint{
position: absolute;
left: 0;
top: 0;
width: 560px;
height: 500px; 
margin: 0;
padding: 0;
border: solid 1px rgb(0,0,0); /* rgb(9,38,102);*/
background-color:  rgb(204,204,204);
}

div.coverimage-space1{
position: absolute;
left: 215px;
top: 175px;
width: 553px;
height: 399px;
margin: 0;
padding: 0;
border: solid 1px rgb(0,0,255); /* rgb(9,38,102);*/
background-color: rgb(250,250,250); /* rgb(204,204,204);*/
}

div.coverimage-space2{
position: absolute;
left: 0px;
top: 4px;
width: 553px;
height: 392px;
margin: 0;
padding: 0;
border-style: none; /* rgb(9,38,102);*/
background-color: rgb(250,250,250); /* rgb(204,204,204);*/
}

div.graphtitlespace{
position: absolute;
left: 211px;
top: 86px;
width: 562px;
height: 45px; 
margin: 0;
padding: 0;
background-color: rgb(0,0,0); /**  rgb(9,38,102); **/
}

div.fullgraphtitlespace{
position: absolute;
top: 0;
left: 0;
width: 562px;
height: 45px;
}
	
div#text-space{
position: absolute;
left: 207px;
top: 86px;
width: 565px;
margin: 0;
padding: 0;
background-color: white; 
height: 906px;
}	

div#text-spacescrolled{
position: absolute;
left: 207px;
top: 87px;
width: 565px;
margin: 0;
padding: 0;
background-color: white; 
overflow: auto;
height: 906px;
}	
			
div#footer{
position: absolute;
top: 972px;
left: 8px;
height: 10px;
width: 190px;
text-align: center;
background-color: white; /*rgb(212, 206, 198); rgb(202, 194, 184);*/
}

div#nz_1{
position: absolute;
top: 140px;
left: 120px;
width: 220px;
bottom: 5px;
height: 700px;
background-color: white;
}

div#nz_2{
position: absolute;
top: 100px;
left: 407px;
width: 195px;
bottom: 5px;
height: 700px;
background-color: white;
}

div#list
{
position: relative;
top: 5px;
width: 555px;
left: 2px;
bottom: 5px;
overflow: auto;
border: solid 1px rgb(180,180,255);
height: 760px;
padding-top: 5px;
}

/* HEADINGS */

h1{
font-family: verdana, Arial, Helvetica, sans-serif;
font-size: 10pt;
display: inline;
text-align: right;
padding: 0;
margin: 0;
font-weight: bold;
line-height: 36px;
vertical-align: middle;
color: black;
}

h2{
font-family: arial, helvetica, sans-serif;
color:  black; 
font-size: 12pt;
text-align: left;
padding: 0 2px 0 2px;
margin: 10px 5px 0 5px;
font-weight: bold;
}

h3{
font-family:  arial, helvetica, sans-serif;
color: white;
font-size: 12pt;
text-align: center;
margin: 0 0 4px 0;
padding: 5px 0 3px 0;
font-weight: bold;
}

h3.spaced{
letter-spacing: 2px;
}

h3#graphtitle1{
padding: 4px 0 0 0;
margin: 0;
}

h3#graphtitle2{
padding: 0px 0 2px 0;
margin: 0;
}

h3.left1{
padding: 4px;
margin: 0 0 5px 0;
text-align: left;
background-color: rgb(9,38,102);
}

h3.left2{
padding: 4px;
margin-top: 20px;
text-align: left;
background-color: rgb(9,38,102);
}

h3#comparisons{
margin: 0 5px 10px 0;
text-align: left;
padding: 4px 0 4px 0;
background-color: rgb(9,38,102);
}

h3#special{
font-size: 12pt;
}

h4{
font-family: verdana, arial, helvetica, sans-serif;
color: black;
font-size: 10pt;
text-align: center;
padding: 0;
margin: 0 0 5px 0;
font-weight: 400;
}


h4.info{
color: black;
font-weight: bold;
text-align: left;
font-family: arial, helvetica, sans-serif;
margin: 5px;
margin-top: 15px;
}

option{
font-family: verdana, arial, helvetica, sans-serif;
}

input{
width: 75%; 
font-weight: bold; 
font-family: verdana, arial, helvetica, sans-serif;
}

input.autowidth{
width: auto;
}

input.whitebground{
background-color: white;
}

input.radiobutton{
width: auto;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 10pt;
/*background-color: rgb(212, 206, 198);*/
background-color: white;
}

.submit
{
background-color: rgb(212, 206, 198);
font-weight: bold;
}

select{
width: 180px;
font-family: arial, helvetica, sans-serif;
font-size: 10pt;
}



/* TEXT */

p{
font-family: verdana, arial, helvetica, sans-serif;
color: black;
font-size: 10pt;
text-align: left;
font-weight: normal;
margin: 0 5px 5px 5px;
padding: 2px;
}

p.left{
text-align: left;
}

p.returntotop{
text-align: right;
font-size: 8pt;
}

p.icd{
text-align: left;
font-size: 8pt;
color: red;
font-weight: normal;
margin-left: 25px;
margin-right: 25px;
margin-top: 10px;
font-family: arial, sans-serif;
}

p.pnews{
margin: 10px 15px 5px 15px;
padding: 0;
font-weight: normal;
}

p.box{
text-align: center;
font-weight: 400;
padding-top: 6px;
margin: 0 0 6px 0;
position: relative;
top: 1px;
}

p.footer{
font-family: arial, helvetica, sans-serif;
color: rgb(9,38,102);
font-size: 8pt;
text-align: center;
font-weight: normal;
margin: 0;
padding: 0;
line-height: 15px;
}

p.notes{
font-size: 8pt;
color: black;
}

p.comments1{
margin: 2px 3px 0 3px;
background-color: white;
padding: 5px 6px 0 6px;
/*border: solid 1px rgb(80,0,80);*/
}

p.radiobutton{
font-family: arial, helvetica, sans-serif;
font-size: 10pt;
text-align: left;
}

a{
text-decoration: none;
}

a:link{
color: rgb(0,0,255);
}

a:visited{
color: rgb(0,0,255);    /*  rgb(102,0,102);  */
}

a:hover{
background-color: rgb(9,38,102);
color: white;
}

	div.boxbody a{
	text-decoration: none;
	color: black;
	}
	
	div.boxbody a:visited{
	text-decoration: none;
	color: black;
	}

	div.boxbody a:hover{
	color: white;
	background-color: rgb(9,38,102);
	}

	a:link img, a:visited img{
		border:1px solid rgb(9,38,102);

	}
	a:focus img, a:hover img, a:active img{
		border:1px solid rgb(9,38,102);
	}

	
span.purple{
color:  rgb(164,0,29); 
}

span#verdana{
font-family: verdana, arial, helvetica, sans-serif;
}

span.identifier{
font-family: arial, helvetica, sans-serif;
font-weight: bold;
color: rgb(255,102,0);
}

ul.bullet{
list-style-type: disc;
text-align: left;
font-family: verdana, arial, helvetica, sans-serif;
color: black;
font-size: 10pt;
font-weight: normal;
padding: 0;
margin: 0 5px 5px 25px;
}

hr{
width: 90%;
height: 1px;
color: rgb(180,180,255);

}

/*  IMAGES */

img.box{
display: block;
position: relative;
top: 5px;
margin-left: auto;
margin-right: auto;
border: 1px;
}

img.right{
float: right;
}

/*  CLASSES & IDs */

.centre{
text-align: center;
}

.left{
text-align: left;
}

.notopmargin{
margin-top: 0;
}

.bigtopmargin{
margin-top: 10px;
}

.biggerbottommargin{
margin-bottom: 10px;
}

.blackborder{
border: solid 1px black;
}

#noborder{
border: 0;
}

.blueborder{
border: solid 1px rgb(180,180,255);
}

.right{
text-align: right;
}