/* FONT FAMILIES */
body,
input { font-family: verdana, arial, sans-serif; }

/* FONT SIZES */
html { font-size: 100%; }
body { font-size: 0.7em; }
h1 { font-size: 1.9em; }
h2 { font-size: 1.5em; }
h3 { font-size: 1.1em; }
th, 
td, 
input, 
select, 
li li, 
li p, 
td p,
h4,h5,h6 { font-size: 1em; }
input#searchtext { font-size: 1.2em; }
div#tagline,
div#highlights h3 { font-size: 1.2em; }
a.actionbutton:link,
a.actionbutton:visited { font-size: .8em; }

/* FONT STYLES */
div#tagline,
h2,
p.more a,
a.current { font-weight: bold; }
div#tagline { font-style: italic; }
p.breadcrumbs { text-transform: lowercase; }

/* ALIGNMENT */
div#tagline,
hr,
div#sitenav,
div#footer { text-align: center; }

p.more,
td.number,
div#updated p { text-align: right; }

th { text-align: left; }

div#search input,
th,
td { vertical-align: top; }

/* COLOURS */
a:link { color: #369; } /* dark blue */
a:visited { color: #969; } /* purple */
a:hover, a:active { color: #903; } /* dark red */

h3,
div#welcome strong,
div#footer,
div#topreads li { color: #369; } /* dark blue */

h1,h2,h3,h4,h5,h6,
h3.subsection,
div#intro h1,
div#indicators h2,
div#news h2,
div#interviews h2,
div#surveys h2 { color: #903; } /* dark red */

div#header,
div#header h1,
div#header a:link,
div#header a:visited,
div#footer,
div#sitenav,
div#resources h3,
div#subscribe h3,
div#sponsors h3,
div#search h3,
div#spotlight h3,
div#updated h3 { color: white; }

a.actionbutton:link,
a.actionbutton:visited,
div#resources a,
div#resources ul,
div#subscribe form,
div#sponsors p,
div#sponsors ul,
div#spotlight p,
div#spotlight ul,
div#updated p,
div#indicators p,
div#indicators ul,
div#news p,
div#news ul,
div#interviews p,
div#interviews ul,
div#surveys p,
div#surveys ul,
div#intro p { color: black; }

/* BACKGROUND COLOURS */
.shaded { background-color: #eee; } /* light grey */
.unshaded { background-color: white; }

a.actionbutton:link,
a.actionbutton:visited { background-color: #bcc9d9; } /* light blue */
a.actionbutton:hover { background-color: #cddbec; } /* light, brighter blue */

div#header,
div#footer,
div#resources h3,
div#subscribe h3,
div#sponsors h3 { background-color: #369; } /* dark blue */

div#sitenav { background-color: #390; } /* green */

div#resources ul,
div#subscribe form,
div#sponsors p,
div#sponsors ul { background-color: #e5ecf2; } /* light blue */

div#spotlight h3 { background-color: #c34864; } /* not-so-dark red */

div#spotlight p,
div#spotlight ul,
div#updated p { background-color: #faf0f2; } /* light red */

div#box,
div#intro h1,
div#intro p,
div#indicators h2,
div#indicators p,
div#indicators ul,
div#news h2,
div#news p,
div#news ul,
div#interviews h2,
div#interviews p,
div#interviews ul,
div#surveys h2,
div#surveys p,
div#surveys ul { background-color: white; }

/* BACKGROUND IMAGES */
body {
  background-image: url(images/bg.gif);
}

/* RESET MARGINS AND PADDING TO ZERO */
body,
h1, h2, h3, h4, h5, h6,
p,
ul,
input,
fieldset,
form,
div#search,
div#tagline p,
div#sitenav ul,
div#sitenav li,
div#footer p { margin: 0; padding: 0; }

/* MARGINS */
div#sitenav li.first { margin-left: 2px; }

div#content ul { margin-left: 2em; }

div#footer li { margin-right: -1px; }

/* PADDINGS */
div#intro h1,
div#indicators h2,
div#news h2,
div#interviews h2,
div#surveys h2,
div#content h2 { padding: 7px 7px 0; }

div#resources h3,
div#resources p,
div#resources ul,
div#subscribe h3,
div#subscribe form,
div#subscribe p,
div#subscribe ul,
div#sponsors h3,
div#sponsors p,
div#sponsors ul,
div#intro p,
div#intro ul,
div#indicators p,
div#indicators ul,
div#news p,
div#news ul,
div#interviews p,
div#interviews ul,
div#surveys p,
div#surveys ul,
div#content p,
div#content ul,
div#spotlight h3,
div#spotlight p,
div#spotlight ul,
div#updated h3,
div#updated p,
div#updated ul,
div#footer p { padding: 7px; }

div#resources li { padding-bottom: .75em; }
div#sponsors li { padding-bottom: .5em; }

a.actionbutton:link,
a.actionbutton:visited { padding: 0 6px; }

/* BORDERS */
a img,
div#search fieldset,
input#searchtext,
div#subscribe fieldset { border: none; }

div#header,
div#sitenav { border-top: 1px solid black; }

div#box,
div#sitenav li,
div#content,
div#highlights { border-left: 1px solid black; }
div#sitenav li.first { border-left-width: 0px; }

div#box,
div#content,
div#indicators,
div#interviews,
div#nav { border-right: 1px solid black; }

div#main,
div#sitenav,
div#intro,
div#resources,
div#subscribe,
div#sponsors,
div#rowa,
div#spotlight,
div#updated,
div#footer { border-bottom: 1px solid black; }

input.actionbutton,
a.actionbutton:link,
a.actionbutton:visited { border: 1px outset #bcc9d9; } /* light blue */
a.actionbutton:active { border-style: inset; }

/* LIST STYLES */
div#sitenav li,
div#nav li {
  list-style-type: none;
}

/* these lists will run horizontally rather than vertically */
div#sitenav li,
div#footer li {
  float: left;
}

/* LAYOUT */
/* centre the main box in the window */
body {
  text-align: center;
}
/* container block for all other blocks */
div#box {
  text-align: left;
  margin-left: auto;
  margin-right: auto;
}

body {
  min-width: 760px;
}

div#box {
  position: relative;
  width: 758px;
}

div#header {
	width: 758px;
  height: 149px;
}
div#jqlogo {
  position: absolute;
  top: 39px;
  left: 0;
}
div#search {
  position: absolute;
  top: 15px;
  /* right: 7px; */
  left: 582px;
}

div#cprnlogoheader {
  position: absolute;
  /* bottom: 5px; */
  top: 80px;
  right: 7px;
  left: 660px;
}

div#cprnlogo {
  position: absolute;
  bottom: 10px;
  /* right: 7px; */
  left: 665px;
}

input#searchtext {
  width: 148px;
}
input#searchsubmit {
  width: 14px;
}
/* "star html hack" will only be followed by IE 6 and below */
* html input#searchsubmit {
  margin-top: 2px;
}
div#tagline {
  position: absolute;
  top: 50px;
  left: 195px;
  width: 385px;
}
/* block of links below header */
div#sitenav {
  position: absolute;
  top: 122px;
  left: 0;
  width: 100%;
  height: 26px;
}
div#sitenav a {
  display: block; /* make these links use the entire width of the containing LIs */
  width: auto; 
  padding: 7px 22px; /* the left and right padding can be adjusted to allow links to fit on one line */
}

/* containing block for blocks between header and footer */
div#main {
	float: left;
	float/**/: none; /* "box model hack" will not be followed by IE 5 */
	width: 758px;
}

/* nav block on all other pages */
div#nav {
	float: left;
	width: 150px;
	margin-left: -759px; /* allows this block to appear after the content block in the HTML source, but still appear to it's left in the browser */
}
/* nav block on the home page only */
body#home div#nav {
	margin-left: -608px; /* allows this block to appear after the content block in the HTML source, but still appear to it's left in the browser */
}
input#subscribetext {
  width: 100px;
}

/* content block on all other pages */
div#content {
	float: left;
	width: 607px;
	margin-left: 150px; /* allows this block to appear before the nav block in the HTML source, but still appear to it's right in the browser */
}
/* content block on the home page only */
body#home div#content {
	width: 456px;
}
/* "star html hack" will only be followed by IE 6 and below */
* html div#content {
	display: inline;
}

div#footer {
	width: 758px;
	clear: both; /* force the footer to appear below previous blocks */
}

/* home page centre column 1 */
div#indicators,
div#interviews {
  float: left;
  width: 226px;
}
/* home page centre column 2 */
div#news,
div#surveys {
  float: right;
  width: 226px;
  clear: right;
}

/* highlights box in right column on home page */
div#highlights {
	float: left;
	width: 150px;
  margin-left: -1px;
}

/* GENERIC STYLES */
/* force a scrollbar even when content is not long enough to require one */
html { height: 100%; margin-bottom: 1px; }

/* remove underline from links */
a,
a.actionbutton:hover {
  text-decoration: none;
}

/* ansure table borders are not separated */
table { border-collapse: collapse; }

/* keep text in these table cells from wrapping */
th.sticky,
td.sticky { white-space: nowrap; }

/* colour and bg colour must be defined for HRs */
hr { color: #6d757a; background-color: #6d757a; }

/* START EASY CLEARING (http://www.positioniseverything.net/easyclearing.html - ensures that any content after these items will clear below these items without needing to add a dummy BR tag after them) */
div#main:after,
div#rowa:after {
	content: '[DO NOT LEAVE IT IS NOT REAL]'; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
div#main,
div#rowa {
	display: inline-block;
}
/*\*/
div#main,
div#rowa {
	display: block;
}
/* END EASY CLEARING */