body
{
	font-family: "Comic Sans MS", arial, helvetica, serif;
	font-size: 80%;
	background: #313131 no-repeat 6000px 6000px;
	margin: 0;
	padding: 0;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	text-align: center;
}

/* **********************
 * content *
 ************************ */

#contentContainer
{
	width: 690px;
	text-align: left;
	min-width: 500px;
	margin-left: auto;
	margin-right: auto;
	background-color: black;
	padding: 0em 2em 2em 2em;
	z-index: 200;
	voice-family: "\"}\""; 
	voice-family:inherit;
 	width:690px;
}

html>body #contentContainer { width: 690px; }

#leftcol{
	top: 1em;
	width:260px;
	height: 500px;
	float:left; 
	position:relative; 
	margin-left:-260px; 
	margin-right:1px;
	background-color: transparent;
	background-image: url(images/homeLeftColBack.gif);
	background-repeat: no-repeat;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width:260px;
}

html>body #leftCol { width: 260px; }
 
#outer{ 
border:solid white 0px; 
  /*/*/ border-left-width: 260px ;  /* left column width. NN4 hack to hide borders */ 
border-left-color: black;   /* left column colour */ 
border-left-style: solid; 
 /*/*/ border-right-width: 150px; /* right column width. NN4 hack to hide borders */ 
border-right-color: black;  /* right column colour */ 
border-right-style: solid; 
background-color: black; /* center column colour */ 
width: auto;
position: relative;
} 
 
#rightcol{
 	/*/*/ width:150px; /* hack keeps NN4 right column right? */ 
 	top: 1em;
 	float:right; 
	position:relative; 
 	margin-right: -150px; 
	margin-left: 1px;
	height: 500px;
	background-image: url(images/featuresBack.gif);
	background-repeat: no-repeat;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width:150px;
}

html>body #rightCol { width: 150px; }

 
#inner{margin:0; width:100%;}
 
#maincol
{
	top: 1em;
	float: left;
	width: 260px;
	position: relative;
	margin: 0 -8px 0 -2px;
	padding: 0 0 0;
	height: 500px;
	background-color: transparent;
	background-image: url(images/homeMidColBack.gif);
	background-position: 1em 0;
	background-repeat: no-repeat;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width:100%;
}

html>body #maincol { width: 100%; }
 
#outer>#inner { border-bottom: 1px solid black;  }
 
.clr{clear:both;}
 
.content{padding: 5px;} /*padding for content */ 

/* **********************
 * dropDown list set-up *
 ************************ */
#box
{
	font-size: 1.2em;
	font-weight: bold;
	margin: auto;
	padding: 0px 0px 10px 0px;
	width: 690px;
	height: 1.5em;
	background-color: transparent;
	text-align: left;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 690px;
	z-index: 900;
}
html>body #box { width: 690px; }

.subs a
{
	display: block;
	height: 23px;
	background-color: black;
	z-index: 800;
}

#menucont
{
	color: green;
	background-color: black;
	width: 690px;
	height: 20px;
	position: absolute;
	z-index: 900;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 690px;
}
html>body #menucont { width: 690px; }

.menublock, .display
{
	float: left;
	width: 6.3em;
	background-color: black;
}

.subs { background-color: black;}

.menublock .subs { display: none; }

a.tl, a.tl:hover, a.tl:active, a.sl, a.sl:hover, a.sl:active
{
	display: block;
	text-decoration: none;
	color: green;
	background-color: black;
	margin: 1px;
	padding: 2px;
	border: none;
	text-align: center;
	font-weight: bold;
	z-index: 900;
}

a.tl:hover, a.tl:active , a.sl:hover, a.sl:active
{
	color: white;
	text-align: center;
	z-index: 900;
}

a.sl, a.sl:hover, a.sl:active { text-align: center; }

* html .display a {background:black;}
* html #menucont {background:none;}
* html #rightcol p {background:white;}


/* **********************
 * rounded corners *
 ************************ */

div.ArticleContainer
{
	margin-top: 80px;
	margin-left: auto;
	margin-right: auto;
	right: auto;
	width: 80%;
}

div.ArticleContainerTwo
{
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
	right: auto;
	width: 75%;
}

div.Article,
div.Article h3,
div.Article h4,
div.ArticleBody,
div.ArticleFooter,
div.ArticleFooter p,
div.ArticleTwoFooter p{
	background: url("images/custom_corners_one.gif");
	z-index: 1;
}

div.Article {
  background-position: top left;
  position:relative;
}

div.Article h3 {
  position:relative;
  background-position: top right;
  font-size:1.3em;
  padding:15px;
  padding-left:0;
  padding-bottom: 1px;
  margin:0;
  right:-8px;
  }
  
div.Article h4 {
  position:relative;
  background-position: top right;
  font-size:.8em;
  padding:5px;
  padding-left:0;
  padding-bottom: 1px;
  margin:0;
  right:-8px;
  text-align: center;
  }  

div.ArticleBody {
  background-position: 100% -10px;
  margin:0;
  padding:15px;
  padding-top: 1px;
  padding-left:0;
  padding-bottom: 1px;
  position:relative;
  right:-8px;
}

div.ArticleFooter {
  background-position: bottom left;
  position:relative;
  top:7px;
}
  
div.ArticleFooter p {
  background-position: bottom right;
  padding:15px;
  padding-top: 1px;
  padding-left:0;
  margin:-1em 0 0 0;
  position:relative;
  right:-8px;
}