body {
	font:1.0em Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
}
* {margin:0; padding: 0;}

.ital {
  font-style: oblique;
   font-weight: bold;
   color: #194264;
}
a:link {color:#ff0000;}
a:visited {color:#3333FF; }
a:hover {color:#5f82aa; text-decoration:none;}
a:active {color: #888888;}

h1 {
	color: #cc0000;
	font-size: 16px;
	font-weight:bold;
	text-align:center;
}

h2 {
	color:#194264;
	font-weight: bold;
	font-size: 12px;
	margin-left:0.5em;
	
}
h3 {
	color: #5f82aa;
	font-weight: bold;
	font-size:12px;
	margin-left:2.0em;
}
li	{
	color: #ffffff;
	font:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
}

#mainwrap {
	min-width:780px;
	max-width:960px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
}
#header {	
    height: 170px;
	background-image: url(../images/sibley_wgbti_hdr.jpg);
	background-repeat:no-repeat;
}
#contentarea {
	background-color:#fff;
	background-image:url(../images/bl_col_slice.jpg);
	background-repeat: repeat-y top left;
	position:relative;
}
#contentarea2 {
	background-color:#fff;
	background-image:url(../images/bl_col_slice.jpg);
	background-repeat: repeat-y top right;
	position:relative;
}
#nav {
	width: 170px;
	position:absolute;
	top:2px;
	left:1px;
	
}
#column2 {
	background-color:#FFFFFF;
	margin: 0 170px 0 170px;
	padding-bottom:10px;
	padding-top:20px;
}
#column3 {
	width: 170px;
	position:absolute;
	top:-26px;
	right:0px;
	padding-top:40px;
	background-image:url(../images/bl_col_slice.jpg);
	background-repeat: repeat-y;
	overflow:hidden;
}

#footer {
	padding-top: 6px;
	background-image: url(../images/footer_txt.gif);
	background-repeat:no-repeat;
	text-align:center;
}
#nav ul {
	margin:20px 0 0 26px;
	font-size:.8em;
	color:#FFFFFF;
}
#column2 p {
	font-size:0.8em;
	margin:0 30px 1em;
}
#column2 li {
	font-size:0.8em;
	color:#000000;
	margin-left:8.0em;
	margin-right:3.0em;
	font-weight:normal;
}
#column3 p {
	font-size:0.6em;
	color:#FFFFFF;
	font-weight:bold;
	margin-top:20px;
	padding-left:4px;
}
/* here follows the brillant "no-extra-markup" clearing method devised by Tony Aslett - www.csscreator.com */
/* simply add the clearfix class to any containter that must enclose floated elements */
/* read the details of how and why this works at http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {
    content: ".";              /* the period is placed on the page as the last thing before the div closes */
	display: block;          /* inline elements don't respond to the clear property */ 
    height: 0;                  /* ensure the period is not visible */
    clear: both;               /* make the container clear the period */
    visibility: hidden;	     /* further ensures the period is not visible */
}

.clearfix {display: inline-block;}   /* a fix for IE Mac */

/* next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* end of "no-extra-markup" clearing method */