/*************** Look and Feel directions ***************/
/* all paragraph text */
p
{
 color: black;
 margin: 0px 0px 10px 0px;
 text-align: justify;
}

/* right box titles */
p.rightnavtitle
{ 
 color:#3B627B;
 font-weight:bold;
 font-variant: small-caps;
}

/* all page headers */
h1
{
 font-size: 17px;
 color:#3B627B;
 font-variant: small-caps;
}

/* bold 1st level headers in page text - one with the line above it */
h2
{
 font-size:12px;
 color:#000000;
 font-weight:600;
 padding-top: 8px;
}

h2.horizontalLine {
 border-top: 1px dashed #B5D0E6;
 margin-top: 20px;
 padding-top: 15px;
}


/* blue 2nd level headers in text */
h3 {
 font-size:12px;
 color:#3B627B;
 font-weight:600;
 padding-top: 10px;
}

/*normal in page links and right side links*/
a.links {
/*	color:#7E008C;*/
	color:#3B627B;
	font-size:12px;
	text-decoration:underline;
    	font-family: Verdana, Arial, sans-serif;
}
a.links:link {
/*	color:#A300B5;*/
	color:#5D80C1;
}
a.links:visited {
	color:#7E008C;
}
a.links:hover {
	color:#7E008C;
	text-decoration:underline;
}

/*links in top navs*/
a.topnav {
	color:black;
	font-size:12px;
	text-decoration:none;
	font-weight:bold;
    	font-family: Verdana, Arial, Helvetica, sans-serif;
}
a.topnav:link {
	color:black;
}
a.topnav:visited {
	color:black;
}
a.topnav:hover {
	color:#3B627B;
}


/* right nav links */
a.rightnavUnselected, a.rightnavUnselected:link, a.rightnavUnselected:visited {
  color:#3B627B;
	font-size:12px;
	text-decoration:underline;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}

a.rightnavUnselected:hover {
  color: black;
}

p.rightnavSelected {
  color: #3B627B;
  font-weight: bold;
  font-size: 12px; 
  font-family: Verdana, Arial, sans-serif;
}


/* tables */
table.communities {
	margin-top: 10px;
	border-width: 1px;
	border-style: solid;
	border-color: #EBEBEB;
	border-collapse: collapse;
	background-color: white;
	font-size: 12px;
}
table.communities th {
	border-width: 1px;
	padding: 5px;
	border-style: solid;
	border-color: #EBEBEB;
	background-color: #EEEEEE;
	font-weight:bold;
}
table.communities td {
	border-width: 1px;
	padding: 5px;
	border-style: solid;
	border-color: #EBEBEB;
	background-color: white;
	vertical-align: top;
}

/*************** Layout directions ***************/

html, body{
 margin:0;
 padding:5px;
 background-color:#EEEEEE;
 font-family: Verdana, Arial, sans-serif;
 font-size:12px;
 text-align:center; 
}

#pagewidth{
 position:relative;
 width:760px;
 margin-left:auto;
 margin-right:auto;
 border-style:solid;
 border-color:#CCCCCC; 
 border-width:1px 1px;
 background-color:#FFFFFF;
 text-align:left;  
}

.pagewidth{
 position:relative;
 width:760px;
 margin-left:auto;
 margin-right:auto;
 border-style:solid;
 border-color:#CCCCCC; 
 border-width:1px 1px;
 background-color:#FFFFFF;
 text-align:left;  
}


/*************** top graphic ***************/

#headerone{
 width:760px;
 height:108px;
 float:left;
 position:relative;
 background-color:#FFFFFF; 
 background-image:url('/images/CHI07_topgraphic.jpg');
}


/*************** first line of top nav ***************/
/*line space*/
#firstnavcols{
 width:750px;
 float:left;
 position:relative;
 padding:0px 0px 0px 10px;
 background-color:#FFFFFF;
}

/*unselected tab background*/
#firstunselected{
 position:relative;
 float:left;
 padding:5px 10px 5px 10px;
}

/*selected tab background*/
#firstselected{
 position:relative;
 float:left;
 background-color:#B5D0E6;
 padding:5px 10px 5px 10px;
}

/*************** second line top nav***************/
/*line space*/
#secondnavcols{
 width:760px;
 position:relative;
 float:left;
 background-color:#B5D0E6;
}

/*link area for spacing issues*/
#secondsection{
 position:relative;
 float:left;
 padding:5px 10px 5px 10px;
}

#secondsectionSelected{
 position:relative;
 float:left;
 padding:5px 10px 5px 10px;
}


/*************** main information section ***************/
/*two column area*/
#twocols{
 width:760px;
 position:relative;
 float:left;
 background-color:#FFFFFF;
 padding:20px 0px 20px 0px;
}

/*quicklinks, related links, anchor links, etc.*/
#rightcol{
 width:200px;
 float:right;
 position:relative;
 margin:15px 15px 0px 0px;
 padding:20px 0px 20px 20px;
 border-style:dashed;
 border-color:#999999;
 border-width:1px 1px;
 background-color:#F1F1F1;
}

/*right col for attendance marketing*/
#rightcol2 {
  padding-right: 0px;
  padding-left: 0px;
  float: right;
  padding-bottom: 0px;
  margin: 15px 15px 0px 0px;
  width: 224px;
  padding-top: 0px;
  position: relative;
  background-color: #FFFFFF;
}


/*3rd tier right navigation*/
#rightnavtop{
 width:200px;
 float:right;
 position:relative;
 padding:4px 0px 4px 20px;
 margin: 0px 15px 0px 0px;
 border: 1px solid #B5D0E6;
 background-color: #B5D0E6;
 }

#rightnavbottom{
 width:200px;
 float:right;
 position:relative;
 padding:15px 0px 15px 20px;
 margin: 0px 15px 0px 0px;
 background-color:#F1F1F1;
 border: 1px solid #3B627B;
}

/*main information area*/
#maincol{
 float: left;
 position: relative;
 width:460px;
 height:auto;
 padding:0px 20px 5px 20px;
 background-color:#FFFFFF;
 }

/*************** Footer ***************/
#footer{
 width:760px;
 height:40px;
 position:relative;
 float:left;
 border-style:solid;
 border-color:#DDDDDD;
 border-width:1px 0px 0px 0px;
 text-align: left;
 background: url('/images/footergraphic2.jpg');
}

#fakefooter{
 width:760px;
 height:10px;
 position:relative;
 float:left;
 border-style:solid;
 border-color:#DDDDDD;
 border-width:1px 0px 0px 0px;
 text-align: left;
 /* background: url('/images/footergraphic2.jpg'); */ 
}


/*************** tied to page name in html body tag to signify which top nav name is highlighted to show location ***************/
body#welcome a#topnav-welcome,
body#aboutchi a#topnav-aboutchi,
body#anniversary a#topnav-anniversary,
body#calendar a#topnav-calendar,
body#chitalk a#topnav-chitalk,
body#pastchi a#topnav-pastchi,
body#community a#topnav-community,
body#submit a#topnav-submit,
body#archive a#topnav-archive,
body#competitions a#topnav-competitions,
body#makesubmission a#topnav-makesubmission,
body#participating a#topnav-participating,
body#trends a#topnav-trends,
body#attend a#topnav-attend,
body#sponsor a#topnav-sponsor,
body#booths a#topnav-booths,
body#sponsoring a#topnav-sponsoring,
body#sponsors a#topnav-sponsors,
body#exhibiting a#topnav-exhibiting,
body#recruiting a#topnav-recruiting,
body#jobfair a#topnav-jobfair,
body#volunteer a#topnav-volunteer,
body#design a#topnav-design,
body#education a#topnav-education,
body#engineering a#topnav-engineering,
body#management a#topnav-management,
body#research a#topnav-research,
body#usability a#topnav-usability,
body#volunteer a#topnav-volunteer,
body#students a#topnav-students,
body#mentor a#topnav-mentor,
body#committee a#topnav-committee,
body#reviewing a#topnav-reviewing,
body#other a#topnav-other,
body#registration a#topnav-registration,
body#travel a#topnav-travel,
body#lodging a#topnav-lodging,
body#location a#topnav-location,
body#cameraready a#topnav-cameraready,
body#contacts a#topnav-contacts,
body#headquarters a#topnav-headquarters,
body#pressroom a#topnav-pressroom,
body#presshq a#topnav-presshq,
body#pressrelease  a#topnav-pressrelease,
body#logos a#topnav-logos,
body#media a#topnav-media,
body#pressrelease a#topnav-pressrelease,
body#program a#topnav-program,
body#ac a#topnav-ac,
body#visas a#topnav-visas,
body#childcare a#topnav-childcare,
body#labtours a#topnav-labtours,
body#chibuzzcomp a#topnav-chibuzzcomp,
body#altchi a#topnav-altchi
{
 color:#3B627B;
 border:0px;
} 

/***************hide the right column when printing***************/
@media print{
 #rightcol
 {
  display:none;
 }
 #twocols, #maincol
 {
  width:100%; 
  float:none;
 }
}


/*************** advanced program cells ***************/

.tableCellA, .tableCellB {
  background-color: #FFFFFF;
  vertical-align: top;  
  font-size: 10px;
}

.tableCellTime {
  background-color: #B5D0E6;
  vertical-align: top;
  font-size: 10px;
}