/*  img, div, #nav, #main, #bottom-shadow { behavior: url(iepngfix.htc); }  */



BODY
{
	background-color: #110814;
	background-image: url(ColorGradient.png);
	background-repeat:repeat-x;
	font-family: Verdana;	
	font-size: 10pt;
	color: #323232;
}

a
{
	text-decoration: none;
}

a:hover
{
	text-decoration: underline;
}

.comm_position
{
	clear: both;
	padding-top: 20px;
}

.community
{
	padding-top: 20px;
	clear: both;
}

.community_title
{
	width: 100px;
	float: left;
}
.community_email
{
	float: left;
	padding-left: 10px;
	
}
.community_desc
{
	float: left;
	width: 200px;
}

.position_attributes
{
	float: left;
	width: 230px;
	margin-right: 15px;
}

.position_title
{
	font-weight: bold;
}

.expired
{
	text-decoration: line-through;
}

.comm_person
{
	float: left;
}

.comm_extra_person
{
	clear:both;
	padding-top: 10px;
	padding-left: 245px;
}

.person_img
{
	float: left;
	margin-right: 10px;
}

.person_attributes
{
	float: left;
	width: 145px;
	margin-right: 20px;
}

.comm_subtitles
{
	font-size: 12pt;
	color: #424A5D;
	font-weight: bold;
	clear:both;
	padding-top: 30px;
}

/* tables */
table.workshops {
	margin-top: 10px;
	border-width: 1px;
	border-style: solid;
	border-color: #EBEBEB;
	background-color: white;
	border-collapse: collapse;
}
table.workshops th {
	border-width: 1px;
	padding: 5px;
	border-style: solid;
	border-color: #EBEBEB;
	background-color: #EEEEEE;
	font-weight:bold;
	text-align:left;
}
table.workshops td {
	border-width: 1px;
	padding: 5px;
	border-style: solid;
	border-color: #EBEBEB;
	background-color: white;
	vertical-align: top;
}

#single-column-extended
{
	float: left;
	/*width: 176px;*/
	padding-left: 60px;
	padding-right: 0px;
	font-size: 9pt;
}

#single-column-mid
{
	float: left;
	/*width: 176px;*/
	padding-left: 60px;
	padding-right: 40px;
	font-size: 9pt;
}

li
{
	margin-bottom: 10px;
}

/*
 *  everything before the three column layout
 */


	#nav {
		position: relative;
		height: 52px;
		width: 813px;
		margin:0;
		padding:0;
	}
	
	ul#nav {
		padding-left: 0px;
		margin-left: 0px;
		/*background-image: url(images/top_vertical_shadow.png);*/
		background-position: bottom right;
		background-repeat: no-repeat;
		
	}

	#nav li ul, #nav li ul {
		margin: 0;
		padding: 0;
	}

	#nav li { /*float the main list items*/
		float: left;
		display: block;
		background-position: bottom;
		background-repeat: no-repeat;
	}


	#nav li ul {
		display: none;
		margin: 0;
		padding: 0;
	}

	/*put the subnav below*/
	#nav li.off ul, #nav li.on ul  { 
		position: absolute;
		top: 32px;
		left: 0;
		padding-top: 0px;
		background-color: #353A4D;
		height: 20px;
		width: 800px;
	}

	/*#nav li.on ul {
		background-color: Black;
	}*/

	#nav li.on:hover ul, #nav li.over ul { /*for ie*/
		/*background: #224d6f;*/
	}

	#nav li a 
	{
		/*background-color: #161A26;*/
		width: 114;
		height: 32;
	}
	
	#nav li {
		display: block;
		width: 114px;
		height: 32px;
		margin: 0;
		padding: 0;
	}

	/*
	#nav li.on ul a, #nav li.off ul a {
		border: 0;
		float: left; 
	}*/
	/*ie doesn't inherit the float*/

	#nav li.on ul {
		display: block;
	}

	/*#nav li.off:hover ul, #nav li.over ul {
		display: block;
		z-index: 6000;
	}*/

	/*do the image replacement*/

	/*#nav li span {
		position: absolute;
		left: -9384px;
	}*/

/*subnav formatting*/

#nav li.off ul li, #nav li.on ul li {
	height: 20px;
}

#nav li.off ul a, #nav li.on ul a {
	display: block;
	color: #fff;
	margin: 0;
	padding: 0;
	/*background: #224d6f;
	font-family: arial, verdana, sans-serif;
	font-size: small;*/
}		

#nav li.on ul a {
	/*background-color: Black;*/
}

#header 
{
	width: 813px;
	/*margin-top: 30px;*/
	margin-left:auto; 
	margin-right:auto;
}

#divNav {
		margin: 0;
		padding: 0;
		height: 52px;
		width: 800px;
		/*background-color: #161A26;*/
	}

#left-swirl
{
	width: 127px;
	height: 205px;
	margin-top: 117px;
	background-image: url(LeftSwirl.png);
	float: left;
}

#right-swirl
{
	width: 98px;
	height: 336px;
	margin-top: 3px;
	background-image: url(RightSwirl.png);
	float: left;
}

#main
{
	width: 1054px;
	margin-top: 10px;
	margin-left: auto; 
	margin-right:auto;
	/*background-image: url(images/Vertical_Shadow.png);*/
	
	background-repeat: repeat-y;
	background-position: right;
}

#main-content
{
	margin-right: 13px;
}

#content
{
	width: 816px;
	background-color: White;
	margin-left: 127px;
}

#header-seperator
{
	width: 816px;
	height: 1px;
	/*#5D6475*/
	background-color: Black;
	overflow:hidden;
}


#logo
{
	width: 816px;
	height: 235px;
	background-image: url(Top_Banner.png);
}

#logo-home
{
	width: 816px;
	height: 235px;
	background-image: url(Top_Banner.png);
	background-color: White;
	float: left;
}

#logo-top
{
	width: 184px;
	height: 60px;
	background-image: url(TopImage.png);
	background-position: center;
	vertical-align: middle;
	margin-left: 435px;
	margin-bottom: 20px;
}


/*
 * single column layout
 */
#single-column-header
{
	float: left;
	/*width: 176px;*/
	padding-left: 28px;
	/*padding-right: 24px;*/
	font-size: 9pt;
}

#single-column
{
	float: left;
	/*width: 176px;*/
	padding-left: 60px;
	padding-right: 220px;
	font-size: 9pt;
}

#dual-column
{
	float: left;
	width: 490px;
	padding-left: 40px;
	padding-right: 10px;
	font-size: 9pt;
}

#second_column
{
	float: right;
	width: 250;
	padding-top:35px;
	padding-right: 30px;
}

#single-column ul
{
	margin-top: 5px;
	padding-left: 0em;
	margin-left: 0em;
	list-style-type: none;
}

#quick-facts ul
{
	padding-left: 1em;
	margin-left: 1em;
	list-style-type: disc;
	margin-top: 10px;
}

#quick-facts2 ul
{
	padding-left: 1em;
	margin-left: 1em;
	list-style-type: disc;
}

#quick-facts3 ul
{
	padding-left: 1em;
	margin-left: 1em;
	list-style-type: disc;
}


#quick-facts4 ul
{
	padding-left: 1em;
	margin-left: 1em;
	list-style-type: disc;
}

#quick-facts5 ul
{
	padding-left: 1em;
	margin-left: 1em;
	list-style-type: disc;
}

#quick-facts6 ul
{
	padding-left: 1em;
	margin-left: 1em;
	list-style-type: disc;
}

#quick-facts7 ul
{
	padding-left: 1em;
	margin-left: 1em;
	list-style-type: disc;
}
#quick-facts8 ul
{
	padding-left: 1em;
	margin-left: 1em;
	list-style-type: disc;
}
#quick-facts9 ul
{
	padding-left: 1em;
	margin-left: 1em;
	list-style-type: disc;
}
#quick-facts10 ul
{
	padding-left: 1em;
	margin-left: 1em;
	list-style-type: disc;
}


.bullet-title
{
	/*font-style: italic;*/
	font-size: 10pt;
	/*color:Orange;*/
	color: #424A5D;
	font-weight: bold;
}

/*
 *  the three column layout
 */

#left-column
{
	float: left;
	width: 217px;
	padding-left: 20px;
	padding-right: 24px;
	font-size: 9pt;
	background-color: white; 
	margin-top: 0px;
	#margin-top: -105px;
}

body:first-of-type #left-column {
	margin-top: -105px;
}

.left-column-title
{
	font-family: Verdana;
	font-size: 12pt;
	color: #5f1c78;
	margin-top: 10px;
	font-weight:bold;
}

#left-column ul
{
	padding-left: 1em;
	margin-left: 0em;
}

#center-column
{
	float: left;
	width: 520px;
	padding-left: 2px;
	background-color: white;
	margin-top: 0px;
	#margin-top: -105px;
}

body:first-of-type #center-column {
	margin-top: -105px;
}

#center-column img
{
	margin: 0px 0px 0px 0px;
	border-bottom-style:none;
}

#right-column
{
	float: right;
	width: 33px;
	height: 300px;
	background-color: white;
	margin-top: 0px;
	#margin-top: -105px;
	/* for the right shadow*/
	/*margin-right: 13;*/
}

body:first-of-type #right-column {
	margin-top: -105px;
}

#right-column-content
{
	margin-left: 24px;
	margin-right: 28px;
}

#right-column-content ul
{
	list-style-type: none;
	padding-left: 0em;
	margin-left: 0em;
}

.column-title
{
	font-family: Verdana;
	font-size: 14pt;
	color: #5f1c78;
	margin-top: 10px;
	font-weight: bold;
}

.single-column-title
{
	/*padding-top: 10px;*/
	font-size: 12pt;
	color: #FFA800;
	margin-top: 25px;
	margin-bottom: -5px;
	font-weight:bold;
}

.single-column-subtitle
{
	/*padding-top: 10px;*/
	font-size: 10pt;
	color: #666;
	margin-top: 15px;
	margin-bottom: 15px;
	/*margin-bottom: 0px;*/
	font-weight: bold;
}

.new-label
{
	color: Red;
}

.critical-info
{
	color: Red;
}

.img-link
{
	border-style: none;
}

ul.menu
{
	list-style-type: none;
	padding: 0;
	margin: 0;
}

li.menu
{
	background-image: url(arrow.gif);
	background-repeat: no-repeat;
	background-position: 0 .4em;
	padding-left: .3;
}

.body-link
{
	color: #0066d5;
	font-size: 9pt;
}

.body-link:hover
{
	color: #5f1c78;
}

a.body-link-selected
{
	/*color: #506398;*/
	color: #5f1c78;
	font-size: 9pt;
	/*font-weight: bold;*/
	text-decoration: none;
}

a.column-title-link
{
	font-family: Verdana;
	font-size: 12pt;
	color: #5f1c78;
	margin-top: 10px;
	font-weight:bold;
}

a.column-title-link.hover
{
	text-decoration: underline;
	font-size: 12pt;
	color: #FFA800;
	margin-top: 10px;
	font-weight:bold;
}

a.name-link
{
	color: #506398;
	font-size: 9pt;
	font-weight: bold;
	text-decoration: underline;
}

.column-seperator
{
	height: 20px;
}

#three-column-termination
{
	clear: both;
	height: 20px;
}

/*
 *  everything after the three column layout
 */

#footer_spacer
{
	clear: both;
	width: 816px;
	height: 20px;
	margin-left: 127px;
	margin-right: 98px;
	background-color: White;
}

#footer
{
	clear: both;
	width: 816px;
	height: 35px;
	background-color: White;
	background-image: url(Hor_Div.png);
	background-repeat:repeat-x;
	background-position: top;
	font-size: 9pt;
	margin-left: 127px;
	margin-right: 98px;
	padding-top: 4px;
}

#Vertical_Divider
{
	clear: both;
	height: 1px;
	background-color: White;
	background-image: url(Hor_Div.png);
	background-repeat:repeat-x;
	background-position: top;
	margin-top: 2px;
	margin-bottom: 2px;
	margin-right: 13px;
}

#footer-links
{
	margin-top: 4px;
	margin-right: 28px;
	float: right;
}

#footer-links a
{
	/*color: #424A5D;*/
	color: #0066d4;
}

#footer-copyright
{
	margin-top: 4px;
	margin-right: 150px;
	float: right;
	color: #C5C6C9;
}

#footer_logos
{
	margin-top: 1px;
	margin-left: 10px;
	float: left;
}

.sigchi_logo
{
	margin-left: 10px;
}

#bottom-shadow
{
	margin-left:auto; 
	margin-right:auto;
	width: 813px;
	height: 13px;
	/*background-image: url(images/LowHorizontal_Shadow.png);*/
	background-position: right;
}

