/* CSS Document - 2 columns */
/* Created 26/02/2008 */

/* main DIVs layout */

ul {
  margin: 0px;
	padding: 0px;
	}
body {
	text-align: centre;
	margin: 0px;
	padding: 0px;
	background: #999;
	font-family: arial,verdana;
	color: #333;
	}
#wrap_outer {
	margin: 0px auto 0px auto;
	padding: 0px;
	width: 1000px;
	background: url(images/bg_dropshadow.gif) repeat-y;
	border: 0px;
	}
#wrap {
	margin: 0px auto;
	padding: 0px; 
	text-align: left; 
	width: 980px; 
	background: #fff;
	}
#top {
	height: 125px;
	padding: 0px;
	margin: 0px;
	background: url(images/isitfair_banner.gif) no-repeat 0 0 #fff;
	border: 0px;
	}
#top_nav {
	background: #008000;
	padding: 0px;
	margin: 10px 0px 0px 0px;
	height: 25px;
	border: 0px;
	}
	
/*#left {float: left; width: 180px; background: #fff; color: #fff;}*/
#left {
  float: left;
  width: 195px;
  background: #fff;
  color: #fff;
  margin-top: 10px
  }
/*#middle {float: left; width: 780px; background: #fff; color: #000;}*/
#middle {
  float: left;
  width: 765px;
  background: #fff;
  color: #000
  }
/*#right {float: right; width: 180px; background: #fff; color: #000;}*/

#w3c_irca {
	clear: both;
	background: #ffffff;
	padding: 0px;
	margin: 20px 0px 0px 0px;
	text-align: center;
	border: 0px;
	}
#footer {
	clear: both;
	background: #008000;
	padding: 0px;
	margin: 20px 0px 0px 0px;
	text-align: center;
	border: 0px;
	}

/* top DIV code */

#top h1 {
  display: none
  }
#top p {
  display: none
  }
#top_images {
  float: right;
  padding: 5px 10px 10px 0px;
  border: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  }	
#border {
  border-right: 1px solid #999;
  }
#access_nav ul {
	text-align: right;
	padding: 0px;
	margin: 0px;
	list-style: none;
	}
#access_nav li {
	float: right;
	border-left: 0px;
	padding: 0px 20px 0px 10px;
	margin: 5px 0px 0px 0px;
	color: #fff;
	font-family: arial,verdana;
	font-weight: normal;
	display: inline;
	font-size: .8em;
	}
	
#access a:link {text-decoration: none; color: #333;}
#access a:visited {text-decoration: none; color: #333;}
#access a:hover {text-decoration: underline; color: blue;}
#access a:active {text-decoration: none; color: #333;}

/* top horizontal menu code */

#top_nav ul {
	text-align: right;
	padding: 5px;
	margin: 0px 15px 0px 0px;
	list-style: none;
	font-size: .8em;
	}
#top_nav li {
	padding: 10px;
	margin: 0px;
	color: #fff;
	font-family: arial,verdana;
	font-weight: bold;
	display: inline;
	}
	
#top_nav a:link {text-decoration: none; color: #fff;}
#top_nav a:visited {text-decoration: none; color: #fff;}
#top_nav a:hover {text-decoration: underline; color: #fff;}
#top_nav a:active {text-decoration: none; color: #fff;}

/* left vertical menu */

#left h3 {
  margin: 10px 10px 10px 20px;
  padding: 5px;
  font-family: arial,verdana;
  color: #fff;
  font-size: .85em;
  background: #008000
  }
#left p {
	padding: 15px 0px 5px 0px;
	margin: 0px;
	color: #008000;
	font-family: arial,verdana;
	font-weight: bold;
	font-size: .8em;
	}
#left ul {
	padding: 0px 10px 0px 20px;
	margin: 0px;
	list-style: none;
	font-size: .8em;
	}
#left li {
	padding: 3px 7px 5px 0px;
	border-bottom: 1px solid #dedede;
	}
	
#left a:link {text-decoration: none; color: #222;}
#left a:visited {text-decoration: none; color: #222;}
#left a:hover {text-decoration: underline; color: #008000;}
#left a:active {text-decoration: none; color: #222;}	

/* new acrobat CSS here */

#acrobat {
  list-style: none;
  padding: 0px;
  margin: 5px 0px 0px 17px
  }
#acrobat li {
  border: none;
  margin: 0px;
  padding: 0px;
  }

/* right vertical menu */
/*
#right ul {
	padding: 0;
	margin: 0;
	list-style: none;
	font-size: .8em
	}
#right li {
	padding: 0 20px 10px 10px;
	margin: 0
	}
	
#right a:link {text-decoration: underline; color: #008000}
#right a:visited {text-decoration: underline; color: #008000}
#right a:hover {text-decoration: underline; color: blue}
#right a:active {text-decoration: underline; color: #008000}

#right h3 {
  margin: 20px 10px 10px 10px;
  padding: 0;
  font-family: arial,verdana;
  color: #444;
  font-size: 1em
  }
#right p {
  font-size: .8em;
  line-height: 130%;
  padding: 0 10px 0px 10px
  }	
*/

/* middle DIV code */

#articles p {
	margin: 0px;
	padding: 0px 16px 5px 16px;
	font-size: .8em;
	line-height: 150%;
	text-align: justify;
	}
#articles h1 {
  margin: 6px 10px 10px 16px;
  padding: 10px 0px 2px 0px;
  font-family: arial,verdana;
  color: #008000;
  border-top: 0px solid #eee;
  border-bottom: 1px solid #333;
  font-size: 1.4em;
  }
#articles h2 {
  margin: 20px 10px 10px 16px;
  padding: 10px 0px 8px 0px;
  font-family: arial,verdana;
  color: #008000;
  border-top: 13px solid #eee;
  border-bottom: 1px solid #333;
  font-size: 1.2em;
  }
#articles h3 {
  margin: 10px 10px 0px 16px; 
  padding: 10px 0px 8px 0px;
  font-family: arial,verdana;
  color: #008000;
  border-top: 0px solid #999;
  border-bottom: 0px solid #333;
  font-size: 1em;
  }

#articles a:link {text-decoration: underline; color: blue;}
#articles a:visited {text-decoration: underline; color: blue;}
#articles a:hover {text-decoration: underline; color: #008000;}
#articles a:active {text-decoration: underline; color: blue;}

#articles ol {
	padding: 0px;
	margin: 5px 5px 5px 10px;
	list-style: outside;
	list-style-type: disc;
	font-size: .8em;
	}
#articles li {
	padding: 0px;
	margin: 0px 0px 0px 20px;
	text-align: justify;
	}
.floatImg_right {
	float: right; 
	padding: 0px; 
	margin: 10px;
	}
	
/* Links */

div#links {
	text-align: left;
  }
div#links table {
  width: 755px;
	margin-left: 15px;
	margin-right: auto;
	border-width: 2px 2px 2px 2px;
	border-style: solid;
	border-color: #008000;
	text-align: left;
  }
div#links td.date {
	width: 120px;
	height: 40px;
	border-width: 0px 1px 1px 0px;
	border-style: solid;
	border-color: #808080;
	font-family: arial,verdana;
	font-size: .8em;
	text-align: left;
	vertical-align: middle;
	padding: 0px 0px 0px 5px;
}  
div#links td.thumbnail {
	width: 240px;
	height: 40px;
	border-width: 0px 1px 1px 0px;
	border-style: solid;
	border-color: #808080;
	font-family: arial,verdana;
	font-size: .8em;
	text-align: centre;
	vertical-align: middle;
	padding: 0px 0px 0px 5px;
}
div#links td.thumbnail img {
	border-style: none;
  }
div#links td.urladdr {
	width: 240px;
	height: 40px;
	border-width: 0px 1px 1px 0px;
	border-style: solid;
	border-color: #808080;
	font-family: arial,verdana;
	font-size: .8em;
	text-align: left;
	vertical-align: middle;
	padding: 0px 5px 0px 5px;
  }
div#links td.description {
	width: 240px;
	height: 40px;
	border-width: 0px 0px 1px 0px;
	border-style: solid;
	border-color: #808080;
	font-family: arial,verdana;
	font-size: .8em;
	text-align: left;
	vertical-align: middle;
	padding: 0px 5px 0px 5px;
  }  
div#links td.urladdr2 {
	width: 300px;
	height: 40px;
	border-width: 0px 1px 1px 0px;
	border-style: solid;
	border-color: #808080;
	font-family: arial,verdana;
	font-size: .8em;
	text-align: left;
	vertical-align: middle;
	padding: 0px 5px 0px 5px;
  }
div#links td.description2 {
	width: 400px;
	height: 40px;
	border-width: 0px 0px 1px 0px;
	border-style: solid;
	border-color: #808080;
	font-family: arial,verdana;
	font-size: .8em;
	text-align: left;
	vertical-align: middle;
	padding: 0px 5px 0px 5px;
  }  
    	
/* Previous / next navigation */

div#navigation {
	text-align: center;
	font-family: arial,verdana;
	font-size: .8em
  }
div#navigation table {
	text-align: center;
	margin: 0 auto 1em auto
  }

div#navigation td.previous {
	text-align: left;
	width: 100px
  }
div#navigation td.index {
	text-align: center
  }
div#navigation td.next {
	text-align: right;
	width: 100px
  }	

/* W3C & IRCA Labels */

#w3c_irca p {
  text-align: center; 
  Font-size: 0.85em; 
  color:#000080
  }

.whiteout {
  BACKGROUND: transparent;
  COLOR: #ffffff
  }
  
/* End */  

/* Footer */

#footer ul {
	list-style: none;
	margin: 0;
	padding: 5px 15px;
	text-align: center
	}
#footer li{
	display: inline;
	font-weight: bold;
	font-size: .8em;
	margin: 0;
	padding: 0 5px;
	border: 0px solid #999
	}
	
#footer a:link {text-decoration: none; color: #fff}
#footer a:visited {text-decoration: none; color: #fff}
#footer a:hover {text-decoration: underline; color: #fff}
#footer a:active {text-decoration: none; color: #fff}

#copyright p {
  text-align: center;
  margin: 0;
  padding: 15px 0 20px 0;
  font-size: .7em
  }

#copyright a:link {text-decoration: none; color: #008000}
#copyright a:visited {text-decoration: none; color: #008000}
#copyright a:hover {text-decoration: underline; color: blue}
#copyright a:active {text-decoration: none; color: #008000}

/* general */

.clear {
  clear: both;
  margin: 0;
  padding: 0;
  height: 5px
  }
.imgRight {
  float: right;
  margin: 0 0 5px 5px
  }
.imgLeft {
  float: left;
  margin: 5px 5px 0 0
  }