/* wcg_styles1.css - For the three column display */

/* Adding logo title image instead of text */
h1 {
	font-family: "Gill Sans Ultra Bold Condensed", "Arial Black", "Arial Rounded MT Bold", Helvetica, sans-serif;
	font-weight: bold;
	color: #900;
	text-align: center;
	width: 100%;
}

#header h1.home  { /* Placing the wcg title and logos image instead of h1 text */
	font-size: 1px;
	background-image: url(images/title_logos.gif);
	background-position: center center;
	background-repeat: no-repeat;
	height: 198px;
	text-indent: -999em;
	text-align: center;
	margin-bottom: -35px;

}
#header h1.home span { /* hack to make the text behind the image disappear */
	display: block;
	height: 0;
	overflow: hidden;
}

/* make sure that .rightcolumn's width is equal to .centercolumn's margin-right */
/* centercolumn & rightcolumn for 3 col display */
.rightcolumn
{
	position: static;
	float: right;
	width: 180px;
	margin: 0px;
	padding: 0px;
}


/* .centercolumn base settings
====================================
These values allow the three columns to butt up against each other. You can change the margins between them either by altering these values. However, in most cases altering the padding property of the .[$column]padding selectors will be simpler and more effective.
------------------------------------
NN4
------------------------------------
margin-left: -25px
margin-right: 0px
margin-top: -1px
If you must change these, experiment with these values extensively since the center column does not move in a direct one-to-one relationship to the value specified here. The margin-top of -1px is needed to make NN4 line up correctly.
------------------------------------
OmniWeb
------------------------------------
margin-left: 0px;
margin-right: 0px;
------------------------------------
Other browsers
------------------------------------
margin-left: width of .leftcolumn
margin-left: final width of .rightcolumn
margin-right is set to the value of the overriding values for .rightcolumn's width.
*/
.centercolumn
	{
	margin: 0px;
	padding: 0px;
	border-right: 2px solid #fa6;
	border-left: 2px solid #fa6;

	}

/* NN4 values */
.centercolumn
	{
	margin-right: 0px;
	margin-left: -25px;
	}
/* Other browsers */
/*/*/
.centercolumn
	{
	margin-right: 180px;
	margin-left: 180px;
	max-width: 800px;
	}
/* */

/* OmniWeb (exclude from IE5 mac) */
/*\*/
.fake.centercolumn
	{
	margin-right: 0px;
	margin-left: 0px;
	}
/* reset IE*/
* html body .centercolumn
	{
	margin-right: 180px;
	margin-left: 180px;
	}

.rightcolumn {
	text-align: right;
	}

.rightcolumn h2, h3, h4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin: 0;
	padding: 0;
	}
.rightcolumn h2 {
	font-size: 1.2em;
	font-variant: small-caps;
	color: #026fff;
	border: 1px solid #026fff;
	padding: 0.1em 0.3em 0.1em 0.5em;
	margin-bottom: 6px;
	}
.rightcolumn h3 {
	font-size: 1em;
	color: #5e477c;
	margin-bottom: 4px;
	}

.rightcolumn h4 {
	font-size: .9em;
	color: #2190ed;
	margin-bottom: 4px;
}
.rightcolumn p {
	font: .7em "Gill Sans MT", "Franklin Gothic Book", Arial, Helvetica, sans-serif;
	color: #900;
	margin-bottom: 6px;
}
.rightcolumn .date {
	font-size: .8em;
	color: #00f;
}

.rightcolumn a:link, .rightcolumn a:visited {
	font-weight: bold;
	color: #026fff;
}

.rightcolumn a:hover {
	color: #fff;
	background-color: #026fff;
}
.rightcolumn ul {
	text-align: left;
	font-size: .9em;
	list-style: none;
	margin-left: 0;
	padding-left: 0;
	border-bottom: 1px dashed #026fff;
}
.rightcolumn ul li {
	border-top: 1px dashed #026fff;

}