html, body {
	font-family: verdana, helvetica, arial, sans-serif;
	margin: 0px 0px 0px 0px;
	color: #222; 
	background-color: white;
	font-size: 100%;
	text-align: left; 
	font-size: 11px; 
	height: 100%;
}
table.image {   margin-top: -2px;margin-bottom: -3px; }
table.image1 {   margin-top: -2px;margin-bottom: -6px; }
table.con {  border-collapse: collapse; cursor: default; }
	tr.con { padding: 2px; border-top: 1px solid #fff;border-bottom: 1px solid #999; font: 11px/15px Verdana, "Lucida Grande", "bitstream vera sans", Arial, sans-serif; }
	td.con { padding: 2px; border-top: 1px solid #fff;border-bottom: 1px solid #999; font: 11px/15px Verdana, "Lucida Grande", "bitstream vera sans", Arial, sans-serif; }
	th.con { padding: 2px; border-top: 1px solid #fff;border-bottom: 1px solid #999; font: 11px/15px Verdana, "Lucida Grande", "bitstream vera sans", Arial, sans-serif; }
	td.con { padding-right: 8px; color: #333; }

	td.con1 { padding-right: 8px; color: #FF9933; }
	
table.cal {  border-collapse: collapse; cursor: default;  border-top: 1px solid #CCC; border-left: 1px solid #CCC; border-right: 1px solid #CCC; border-bottom: 1px solid #CCC;}
	tr.cal { padding: 0px; border-top: 1px solid #CCC;border-bottom: 1px solid #CCC; font: 11px/15px Verdana, "Lucida Grande", "bitstream vera sans", Arial, sans-serif; }
	td.cal { padding: 0px; border-left: 1px solid #CCC;border-top: 1px solid #CCC;border-bottom: 1px solid #CCC; font: 11px/15px Verdana, "Lucida Grande", "bitstream vera sans", Arial, sans-serif; }
	th.cal { padding: 0px; border-top: 1px solid #CCC;border-bottom: 1px solid #CCC; font: 11px/15px Verdana, "Lucida Grande", "bitstream vera sans", Arial, sans-serif; }
	td.cal { padding-right: 0px; color: #CCC; }
	table.cal1 {  border-collapse: collapse; cursor: default;  border-top: 1px solid #CCC; border-left: 1px solid #CCC; border-right: 1px solid #CCC; border-bottom: 1px solid #CCC;}
	tr.cal1 { padding: 1px; border-width: 0px,0px,0px,1px; border-top: 1px solid #CCC;border-bottom: 1px solid #CCC; font: 11px/15px Verdana, "Lucida Grande", "bitstream vera sans", Arial, sans-serif; }
	td.cal1 { padding: 1px; border-width: 0px,0px,0px,1px; border-left: 1px solid #CCC;border-top: 1px solid #CCC;border-bottom: 1px solid #CCC; font: 11px/15px Verdana, "Lucida Grande", "bitstream vera sans", Arial, sans-serif; }
	th.cal1 { padding: 1px; border-top: 1px solid #CCC;border-bottom: 1px solid #CCC; font: 11px/15px Verdana, "Lucida Grande", "bitstream vera sans", Arial, sans-serif; }
	td.cal1 { padding-right: 1px; color: #CCC; }

	table.arrow {MARGIN-top: -11px; }
	
#linkList { /* positioning of sidebar */ /* a copy in properties.css as well - please make same changes here too */
	position: absolute;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 170px;
	top: 82px;
	left: 0px;
}
.mid-section /* Provides white border around main content table */
{
	border-width: 0px 1px 0px 1px;
	border-style: solid;
	border-color: #ccc;
}
table.midsection {  border-collapse: collapse; cursor: default;  border-top: 1px solid #CCC; border-left: 1px solid #CCC; border-right: 1px solid #CCC; border-bottom: 1px solid #CCC;}
	tr.midsection { padding: 0px; border-top: 1px solid #CCC;border-bottom: 1px solid #CCC; font: 11px/15px Verdana, "Lucida Grande", "bitstream vera sans", Arial, sans-serif; }
	td.midsection { padding: 0px; border-left: 1px solid #CCC;border-top: 1px solid #CCC;border-bottom: 1px solid #CCC; font: 11px/15px Verdana, "Lucida Grande", "bitstream vera sans", Arial, sans-serif; }
.mid-section1 /* Provides white border around main content table */
{
	border-width: 0px 1px 0px 0px;
	border-style: solid;
	border-color: #ccc;
}
.jobs-links /* Provides white border around main content table */
{
	border-width: 0px 1px 0px 0px;
	border-style: solid;
	border-color: #ccc;
}
#data {
	position: absolute;
	
	width: 528px;
	top: 86px;
	left: 175px;
	height: auto;

}

h2 { 
  font-size: 1.2em;
  color: #333333; 
   
} 
a.side:link { 
  font-size: 1.0em;
  color: #ffffff; 
   
} 
a.side:hover {
 font-size: 1.0em;
 
  color: #cccccc; 
  text-decoration: none; 
}
a.side:visited {
 font-size: 1.0em; 
  color: #cccccc; 
    text-decoration: none; 
} 
a.side:active { 
 font-size: 1.0em;
  color: #cccccc; 
  text-decoration: none; 
} 
a.mid:link { 

  color: #ff9933; 
   
} 
a.mid:hover {
 
  color: #cccccc; 
  text-decoration: none; 
}
a.mid:visited {

  color: #ff9933; 
    text-decoration: none; 
} 
a.mid:active { 
 
  color: #ff9933; 
  text-decoration: none; 
} 

a:link { 
  color: #333333; 
    text-decoration: none; 
} 
a:visited { 
  color: #000000; 
    text-decoration: none; 
} 
a:active { 
  color: #000000; 
  text-decoration: none; 
} 
a:hover {
  color: #999999; 
 text-decoration: none; 
}
a.heading {
  font-size: 1.3em;
  text-decoration: none;
  color: #000000;
} 
a.heading:hover {
 text-decoration: none; 
}
a.top:link { 
  font-size: 1.0em;
  color: #FF9933; 
   
} 
a.top:hover {
 font-size: 1.0em;
 color: #cccccc; 
 text-decoration: none; 
}
a.top:visited {
 font-size: 1.0em; 
  color: #FF9933; 
    text-decoration: none; 
} 
a.top:active { 
 font-size: 1.0em;
  color: #FF9933; 
  text-decoration: none; 
} 

a.top1:link {
  font-size: 0.8em;
  color: #333333;

}
a.top1:hover {
 font-size: 0.8em;
 color: #999999;
 text-decoration: none;
}
a.top1:visited {
 font-size: 0.8em;
  color: #cccccc;
    text-decoration: none;
}
a.top1:active {
 font-size: 0.8em;
  color: #666666;
  text-decoration: none;
}

#breadcrumbs { 
	width: 100%;
	text-align: left;
	position: relative;
	top: -40px;
	left: 2px;
	height: 15px;
	color: #777;
}

#pageHeader {
	background-color:#4a4a4a;
	position: absolute;
	padding-top: 18px;
	left: 0px;
	top: 18px;
	width: 100%;
	height: 45px;
	border-style: inset; border-width: 0px; border-bottom-width: 1px; border-color: #CCC;
	margin: 0px auto 0px auto;
	text-align:center;
}

#box {
	position: relative;
	margin-left: 185px; /* should be 185 */
	/* left: 185px; /* doesn't work properly on cow browsers (internet explorer mac) */
	margin-right: 0em;
	margin-top: 0em;
	margin-bottom: 0em;
	padding: 0px;
	text-align: left;
	width: 100%;					/* <-- use this to tie width to viewport size */
	width: 720px;				/* <-- use this for a set width */
	background-color: white;
}

.textbox
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
font-style:normal;
height:12px;
width:150px;
}

/* -- footer ---------------------------------------------------------------- */
	div#footer { display: block; width: 100%; height: 18px; padding: 3px 0; background-color: #EBEBEB; border-top: 1px solid #ccc; clear: both; }
	div#footer p { display: block; font: BOLD 10px/11px Arial, Verdana, "Lucida Grande", "bitstream vera sans", sans-serif; text-align: CENTER; width: 757px; height: auto !important; height: 15px; min-height: 15px; margin: 0 auto; padding: 4px 0 6px; cursor: default; }
	div[id]#footer p { max-width: 100%; margin: 0; width: auto;  }
	div#footer p a { color: #F60; text-decoration: none; }
	div#footer p a:hover { color: #FC0; }
/* Mac IE hide \*/
