/* 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_banner.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
  }
#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;
  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 */

#articles p {
	margin: 0;
	padding: 0 16px 5px 16px;
	font-size: .8em;
	line-height: 150%;
	text-align: justify
	}
#articles h1 {
  margin: 6px 10px 10px 16px;
  padding: 10px 0 2px 0;
  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 0 8px 0;
  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 0 8px 0;
  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
	}
.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
	}