@charset "utf-8";
body
{
	background:url(LookAndFeel/Background.png) repeat-x; background-color: #176FA5;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:17px;
	margin:0;
	width:100%;
}
#container
{
	position: relative;
	margin-left:auto;
	margin-right:auto;
	width:813px;
	overflow:show;
}
#banner
{
	position:absolute;
	width:815px;
	height:88px;
	top:0;
	left:0px;
}
#leftSide
{
	position:absolute;
	top:0px;
	left:-192px;
	width:192px;
	height:450px;
}
#rightSide
{
	position:absolute;
	top:0px;
	left:813px;
	width:192px;
	height:450px;
	overflow:hidden;
}
#mainMenu
{
	position:absolute;
	top:88px;
	left:0px;
	width:815px;
	height:25px;
}
#subMenu
{
	position:absolute;
	top:113px;
	left:0px;
	width:815px;
	height:25px;
}
#topImage
{
	position:absolute;
	top:138px;
	left:0px;
	width:815px;
	height:260px;
}
#mainContent
{
	position:absolute;
	top:398px;
	left:0px;
	width:815px;
	height:auto;
	margin:0px;
	border:0px;
	padding:0px;
	text-align:left;
}
#mainText
{
	background-color:#FFFFFF;
	padding-top:5px;
	padding-left:58px;
	padding-right:55px;
	padding-bottom:20px;
	float:left;
	width:702px;
	height:auto;
}
#footer
{
	clear: both;
	height: 67px;
	width:815px;
	margin:0px;
	border:0px;
	padding:0px;
}
#footerWebmaster
{
	color:#FFFFFF;
	position:absolute;
	left:0px;
	height:67px;
	width:580px;
}
#footerAcmSigchi
{
	position:absolute;
	right:-236px;
	height:57px;
	width:187px;
	top: 10px;
}
.committeePage
{
	background-color:#FFFFFF;
	margin-bottom:60px;
	float:left;
}
	.committeeSection
	{
		background-color:#FFFFFF;
		float:left;
		width:695px;
	}
/* This is meant for a large group of positions. */
.committeeTitle
{
	/* TODO: Make this equivalent to a header? */
}
	/* This is meant for a single position, which may have multiple people. */
	.committeePosition
	{
		/*clear:both;*/
		height:60px;
		padding-bottom:20px;
	}
		/* Groups the attributes of a position. */
		.positionAttributes
		{
			float:left;
			width:230px;
			margin-right:15px;
		}
			/* Formats a position's title. */
			.positionTitle
			{
				font-weight:bold;
			}
			/* Formats a position's email. */
			.positionEmail
			{
				
			}
		/* This is just a grouper for multiple people. It provides the flow layout that allows for multiple .committeePerson objects to be
		placed in this and to flow around themselves properly. */
		.committeePeople
		{
			float:left;
			width:450px;
			margin-right:0px;
		}
			/* This is meant for a single position. */
			.committeePerson
			{
				float:left;
				width:215px;
				margin-right:10px;
			}
			/* This is meant for a single position. */
			.committeeCoChair
			{
				float:left;
				left:215px;
				width:215px;
				margin-right:10px;
			}
				/* This identifies and formats a single person's name. */
				.personName
				{
				}
				/* This identifies and formats a single person's affiliation. */
				.personAffiliation
				{
				}
				/* This identifies and formats a single person's email address. */
				.personEmail
				{
				}
				/* This formats a person's image to fit correctly. */
				.personImage
				{
					float:left;
					margin-right:10px;
					width:48px;
					height:60px;
					background-color:#FFFFFF;
				}

h1 {
	font-family:Verdana;
	font-weight:bold;
	font-size:15px;
	color: #176FA5;
}
h2
{
	font-family:Verdana;
	font-weight:normal;
	font-size:13px;
	color: #176FA5;
}
h3
{
	font-family:Verdana;
	font-weight:bold;
	font-size:11px;
	color: #000000;
}
h4
{
	font-family:Verdana;
	font-weight:bold;
	font-size:11px;
	font-style:italic;
	color: #000000;
}
table.main
{
	border-collapse:separate;
	border-spacing: 55px 0px;
	/*
	padding-left:55;
	padding-right:55;
	padding-top:0;
	padding-bottom:0;
	*/
	width:815px;
	border:0;
}
td.main
{
	background-color:#FFFFFF;
}
p
{
	font-family:Verdana;
	font-weight:normal;
	font-size:11px;
	line-height:17px;
    color: #000000;
}
.critical
{
	color:#FF0000;
}
.major
{
	font-family:Verdana;
	font-weight:normal;
	font-size:24px;
	line-height:30px;
    color: #FF0000;
}
.majorSub
{
	font-size:18px;
	line-height:28px;
}
a:link
{
	color: #359FD5;
}
a:visited
{
	color: #53BDE8;
}
a:active
{
	color: #359FD5;
}
a:hover
{
	color: #003C8B;
}
a.landing
{
	color: #176FA5;
}
a.landing:link
{
	color: #003C8B;
}
a.landing:visited
{
	color: #376FA5;
}
a.landing:active
{
	color: #003C80;
}
a.landing:hover
{
	color: #003C8B;
}
.img-link
{
	border-style: none;
}
p#footer
{
	color:#FFFFFF;
	padding-top:25px;
	height: 67px;
}
/*
li
{
	font-family:Verdana;
	font-weight:normal;
	font-size:11px;
	line-height:17px;
    color: #000000;
}*/
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;
}

ul#communities-list
{
	padding-left: 0em;
	margin-left: 0em;
	list-style-type: none;
}

.communities-list ul li
{
	background-position: left top;
	background-repeat:no-repeat;
	padding-top: 10px;
	padding-left: 38px;
	height: 21px;
}

li#Design-li
{
	background-image: url(images/CommIcon_Design.jpg);	
}

li#Education-li
{
	background-image: url(images/CommIcon_Education.jpg);	
}

li#Engineering-li
{
	background-image: url(images/CommIcon_Engineering.jpg);	
}

li#Management-li
{
	background-image: url(images/CommIcon_Management.jpg);	
}

li#Research-li
{
	background-image: url(images/CommIcon_Research.jpg);	
}

li#Usability-li
{
	background-image: url(images/CommIcon_Usability.jpg);	
}

#subcommittee
{
	float:left;
}
#subcommitteeMembers
{
	position: relative;
	margin-left:0.5in;
	width:628px;
	left:0px;
	float:left;
}
#subcommitteeKeywords
{
	position: relative;
	margin-left:0.5in;
	width: 652px;
	left:0px;
	float:left;
}
ul#subcommitteeKeyword
{
}
#subcommitteeACs
{
	position: relative;
	margin-left:0.25in;
	width:100%;
}
#subcommitteeACMain
{
	float:left;
	width:50%;
}
#subcommitteeACReserves
{
	float:left;
	left:50%;
	width:50%;
}
#quotation
{
	margin-left:50px;
}
h4#SubCommittee
{
	margin-left:.5in;
}
p#SubCommitteeChair
{
	margin-left:.25in;
}
ul#SubCommitteeAssociateChairs
{
}
/*
Design for when a page is split into three columns.
*/
div.threeSplitLeft
{
	float:left;
	width:155px;
	padding-right:10px;
}
.threeSplitLeft ul
{
	padding-left: 15px;
	margin-left: 0em;
}
div.threeSplitMiddle
{
	float:left;
	width:369px;
}
div.threeSplitRight
{
	float:left;
	left:660px;
	width:155px;
	padding-left:10px;
}
.threeSplitRight ul
{
	padding-left: 15px;
	margin-left: 0em;
}
div.housing
{
	padding-top:20px;
}
div.housingHotel {
	font-weight: bold;
	left:600px;
	padding-left:15px;
}
div.housingDistance {
	font-weight: bold;
	left:600px;
	padding-left:25px;
}
div.housingPrice {
	font-weight: bold;
	left:600px;
	padding-left:25px;
}
div.housingDescription {
	left:660px;
	padding-left:40px;
}
table.tableLayout {
	border-right: 1px solid #EBEBEB;
	border-bottom: 1px solid #EBEBEB;
	background-color: #FFFFFF;
	margin-top: 10px;
	border-width: 1px;
	border-style: solid;
	border-color: #EBEBEB;
	border-collapse: collapse;
	background-color: white;
	font-size: 12px;
}
table.tableLayout th {
	border-right: 1px solid #EBEBEB;
	border-bottom: 1px solid #EBEBEB;
	border-width: 1px;
	padding: 5px;
	border-style: solid;
	border-color: #EBEBEB;
	background-color: #EEEEEE;
	font-weight:bold;
	font-size: 12px;
}
table.tableLayout td {
	border-right: 1px solid #EBEBEB;
	border-bottom: 1px solid #EBEBEB;
	background-color: #FFFFFF;
	border-width: 1px;
	padding: 5px;
	padding-right: 12px;
	border-style: solid;
	border-color: #EBEBEB;
	background-color: white;
	vertical-align: top;
	font-size: 12px;
}
table td.exhibitor {
	border-right: 1px solid #EBEBEB;
	border-bottom: 1px solid #EBEBEB;
	background-color: #FFFFFF;
	border-width: 1px;
	padding: 5px;
	padding-right: 12px;
	border-style: solid;
	border-color: #EBEBEB;
	background-color: white;
	vertical-align: top;
	font-size: 14px;
	font-weight: bold;
}
p.chiFriend {
	font-size: 14px;
}.areaHighlight {
	font-weight: bold;
}