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

/* main DIVs layout */

ul {margin: 0;
	padding: 0
	}
body {
/*text-align: center;*/
	margin: 0;
	padding: 0;
	background: #999;
	font-family: arial,verdana;
	color: #333;
	}
#wrap_outer {
	margin: 0 auto 0 auto;
	padding: 0;
	width: 1000px;
	background: url(images/bg_dropshadow.gif) repeat-y;
	border: 0px solid green
	}
#wrap {
	margin: 0px auto;
	padding: 0px; 
	text-align: left; 
  width: 980px;
	background: #fff
	}
#top {
	height: 125px;
	padding: 0;
	margin: 0;
	background: url(images/isitfair_banner2.gif) no-repeat 0 0 #fff;
	border: 0px solid green
	}
#top_nav {
	background: #008000;
	height: 25px	
	}
/*	
#left {float: left; width: 195px; background: #fff; color: #fff;}
#middle {float: left; width: 580px; background: #fff; color: #000;}
x#right {float: right; width: 200px; background: #fff; color: #000;}
*/
#left {
  float: left;
  width: 195px;
  background: #fff;
  color: #fff;
  margin-top: 15px
  }
#middle {
  float: left;
  width: 765px;
  background: #fff;
  color: #000
  }
div#links {
	text-align: left;
  }  
#w3c_irca {
	clear: both;
	background: #ffffff;
	padding: 0;
	margin: 20px 0 0 0;
	text-align: center;
	border: 0px solid green
	}
#footer {
	clear: both;
	background: #008000;
	padding: 0;
	margin: 20px 0 0 0;
	text-align: center;
	border: 0px solid green
	}

/* top DIV code */

#top h1 {
  display: none
  }
#top p {
  display: none
  }
#top_images {
  height: 125px;
  display: inline;
  float: right;
  margin: 0;
  padding: 12px 25px 0 0
  }  
#border {
  border-right: 1px solid #999
  }
#access_nav ul {
	text-align: right;
	padding: 0;
	margin: 0;
	list-style: none
	}
#access_nav li {
	float: right;
	border-left: 0px solid green;
	padding: 0 20px 0 10px;
	margin: 5px 0 0 0;
	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 {
	padding: 5px;
	margin: 0 15px 0 0;
	font-size: .8em;
	text-align: right;
	list-style: none
	}
#top_nav li {
	padding: 10px;
	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: 0px 10px 10px 20px;
  padding: 5px;
  font-family: arial,verdana;
  color: #fff;
  font-size: .85em;
  background: #008000
  }
#left p {
	padding: 15px 0 5px 0px;
	margin: 0;
	color: #008000;
	font-family: arial,verdana;
	font-weight: bold;
	font-size: .8em
	}
#left ul {
	padding: 0 10px 0 20px;
	margin: 0;
	list-style: none;
	font-size: .8em
	}
#left li {
	padding: 3px 7px 5px 0;
	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: 0; margin: 5px 0 0 17px;}

#acrobat li {border: none; margin: 0; padding: 0;}	

/* middle DIV code */

div#links table {
  width: 765px;
	margin-left: 0px;
	margin-right: auto;
	border-width: 1px 1px 1px 1px;
	border-style: solid;
	border-color: #808080;
	background: #808080;
	text-align: left
  }
div#links td.description {
	width: 500px;
	height: 40px;
	border-width: 1px 1px 1px 1px;
	border-style: solid;
	border-color: #FFFFFF;
	background: #FFFFFF;
	padding: 1px 10px 1px 10px;
	font-family: arial,verdana;
	font-size: .8em;
	text-align: left;
	vertical-align: middle
	}
div#links td.urladdr {
	width: 265px;
	height: 40px;
	border-width: 1px 1px 1px 1px;
	border-style: solid;
	border-color: #FFFFFF;
	background: #FFFFFF;
	padding: 1px 10px 1px 10px;
	font-family: arial,verdana;
	font-size: .8em;
	text-align: left;
	vertical-align: middle
	}
#articles p {
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 0px 0px;
	font-size: .8em
	}
#articles h1 {
  margin: 10px 10px 10px 20px;
  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: 10px 10px 10px 10px;
  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 10px 20px; 
  padding: 10px 10px 8px 0px;
  font-family: arial,verdana;
  color: #008000;
  border-top: 0px solid #999;
  border-bottom: 0px solid #333;
  font-size: 1em
  }
#middle p {
  font-size: .8em;
  margin: 0;
  padding: 5px 10px;
  text-align: justify
  }
#marquee p {
  font-family: arial,verdana;
  color: #008000;
  font-size: 1em;
  scrolldelay: 150
  }  
  
#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}

/* 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
  }

/* ----------- Front page text panels section ----------- */

.floatLeft {
	float: left; 
	background: #fff;
	border: 1px solid #999
	}
.floatRight {
	float: right; 
	background: #fff;
	border: 1px solid #999
	}
.box_tops_green {
	margin: 0; 
	padding: 5px 10px; 
	background: #008000;   
	color: #fff
	}
.box_tops_green h1 {
	margin: 0;
	padding: 0; 
	font-size: 1em; 
	font-family: arial,verdana;
	color: #fff
	}
.box_tops_green2 {
	margin: 0; 
	padding: 5px 10px; 
	background: #008000;   
	color: #fff
	}
.box_tops_green2 h1 {
	margin: 0;
	padding: 0; 
	font-size: 1em; 
	font-family: arial,verdana;
	color: #fff
	}
.textPanels {
  background: #fff; 
	margin: 15px 0 0 0; 
	padding: 0px
	} 
.textPanels_green { 
	background: #e1ffeb;
	margin: 15px 0 0 0; 
	padding: 0px;
	border: 1px solid #80cc80
	}
.textPanels_green h2 {
	margin: 0;
	padding: 0px 0px 0px 10px; 
	font-size: 1.2blackem; 
	font-family: arial,verdana;
	color: #008000
	}
.textPanels_green h3 {
	margin: 0;
	padding: 10px 0px 0px 10px; 
	font-size: 1.4em; 
	font-family: arial,verdana;
	color: #FF0000
	}
.textPanels_grey1 { 
	background: #ddd;
	margin: 15px 0 0 0; 
	padding: 0px
	}	
.textPanels_grey1 h2 {
	margin: 0;
	padding: 10px 0px 0px 10px; 
	font-size: 1.2em; 
	font-family: arial,verdana;
	color: #FF0000
	}
.textPanels_grey1 h3 {
	margin: 0;
	padding: 10px 0px 0px 10px; 
	font-size: 1.2em; 
	font-family: arial,verdana;
	color: #008000
	}
/*.textPanels_grey2 { 
	background: #ddd;
	margin: 15px 0 0 0; 
	padding: 10px;
	border-top: 15px solid #bbb
	}*/
.textPanels_grey2 { 
	margin: 15px 0px 0px 0px; 
	padding: 10px;
	border-top: 15px;
	border-top-color: #bbbbbb;
  border-top-style: solid;
  background: #dddddd /*light grey*/
	}

.textPanels_grey2 h1 {
	margin: 0;
	padding: 0px 0px 0px 10px;
	font-weight: bold;
	font-size: 16px; 
	font-family: arial,verdana;
	font-variant: normal;
  font-style: normal;
	color: #000000 /*black*/
  }	
.floatImg_left {
	float: left; 
	padding: 0px; 
	margin: 10px
	}
.floatImg_right {
	float: right; 
	padding: 0px; 
	margin: 10px
	}
.clear2 {
	clear: both; 
	height: 0px;
	margin: 0px; 
	padding: 0px
	}
.clear5px {
	clear: both; 
	height: 5px;
	margin: 0px; 
	padding: 0px
	}