/* This first was 'body, td' but read on http://www.webreview.com/style/css-faq.shtml to do this way...  */
BODY
{
	background-color: #FFFFFF;
	font-family: verdana, arial, sans-serif;
	font-size: 11px;
	color: #000000;
	vertical-align: top;
	margin: 0 0 0 0;
}

TABLE, TD, TH
{
	vertical-align: top;
	font-family: verdana, arial, sans-serif;
	font-size: 11px;
	color: #000000;
}

h1
{
	font-size: 14px;
}

#selecttable table, td, th 
{
	vertical-align: top;
	font-family: verdana, arial, sans-serif;
	font-size: 11px;
	color: #000000;
}

#selecttable td.ghost 
{
	color: #666666;
	font-style: italic;
}

#selecttable td.highlight 
{
	color: #FFFF00;
	font-style: italic;
}


/* margin (etc) : top right bottom left */

/*

	DIV hierarchy for the page:

	pagebody: encloses entire page
	banner: any banner, logo, etc.
	footer: bottom of the page (not wrapping HTML)
	leftcol: just the left hand nav column
	leftcolitem: items within the left col ...not used.... (many per page)
	pagecontent: encloses the entire
	article: encloses each article and headline within pagecontent (many per page)
	
	standardform:
	
	editicon: a special icon for administrators
	
	breadcrumb: the special navigation feature
	.skiptonavigation: special navigation feature for accessibility (hides link offscreen)

*/

#banner
{
	position: relative;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 70px;
	background-color: #FFFFFF;
	color: #000000;
}

#banner h1 {font-size: 12pt;
		 font-family: verdana, arial, sans-serif;
		 font-weight: bold;
		 line-height: 10pt;
		 padding: 0px 0px 0px 0px;
		 text-align: left;
		 color: #000000}
		 
#banner h2 {font-size: 10pt;
		 font-family: verdana, arial, sans-serif;
		 font-weight: normal;
		 line-height: 10pt;
		 padding: 0px;
		 text-align: left;
		 color: #000000}


#breadcrumb
{
	position: relative;
	left: 0px;
	top: 0px;
	width: 100%;
	border-top: thin dotted #666666;
	border-bottom: thin dotted #666666;
	text-align: right;
	background-color: #FFFFFF;
	color: #666666;
}

#pagebody
{
	position: absolute;
	left: 5px;
	top: 5px;
	width: 700px;
	border: thin solid #CCCCCC;
	padding: 0px;
	background-color: #FFFFFF;
}

.skiptonavigation
{
	position: absolute;
	left: -500px;
	top: 10px;
}

#leftcol
{
	position: absolute;
	left: 3px;
	top: 100px;
	width: 20%;
	border-right: thin dotted #666666;
	font-size: 11px;
	color: #000000;
	background-color: #FFFFFF;
}

#leftcol h1, h2, h3, h4
{
	font-size: 12px;
	line-height: 12px;
	color: #000000;
}

#leftcol ul
{
	list-style-type: none;
	padding: 0;
	margin: 1em;

}

#pagecontent
{
	position: relative;
	top: 3px;
	left: 21%;
	width: 75%;
	padding: 3px;
	background-color: #FFFFFF;
}

#article { background-color: #FFFFFF; }

#article p
{
	font-family: verdana, arial, sans-serif;
	font-size: 11px;
	color: #000000;
}

#article h1, h2, h3, h4
{
	font-size: 14px;
	color: #000000;
}

#article h2
{
	padding: 24px 0 0 0;
}

#articlepreview
{
	position: relative;
	padding: 10px 10px 10px 10px;
	font-family: courier, monospaced;
	font-size: 12px;
	color: #000000;
	background-color: #eeeeee;
	border-color: black;
	border-width: 1px;
	border-style: dotted;
}

#articlepreview p {
	position: relative;
}

#articlepreview h1 {
          position: relative;
          left: 40px;
          top: 10px;
          font-family: verdana, arial, "sans serif";
		  font-size: 40px;
		  color: #cccccc;
}

#rightcol
{
	float: right;
	margin: 1em 1em 1em 1em;
	width: 28%;
	border: thin double #000000;
	padding: 5px;
	font-size: 11px;
	color: #FFFFFF;
	background-color: #FF0000;
	z-index: 2;
}

#rightcol h4
{
	font-size: 12px;
	line-height: 12px;
	color: #FFFFFF;
}

#rightcol ul
{
	list-style-type: none;
	padding: 0;
	margin: 1em;

}




#footer
{
	position: relative;
	text-align: center;
	padding: 50px;
	top: 10px;
	height: 70px;
}


.editicon
{
	position: relative;
	width: 250px;
	height: 50px;
	left: 450px;
	top: 30px;
	border: thin double red;
	background-color: #FFFFFF;
}

.addarticleicon
{
	position: relative;
	width: 50px;
	height: 50px;
	left: 400px;
	top: 30px;
	border: thin double green;
	color: #cccccc;
	background-color: #eeeeee;
}

.editpageicon
{
	position: relative;
	width: 50px;
	height: 50px;
	left: 450px;
	top: 30px;
	border: thin double blue;
	background-color: #FF0000;
}

#standardform tr td { }

#standardform td.cue
{
	text-align: right;
	color: #333333;
}

#standardform span.group { border: thin dotted #00FF00; }