body {
 font-family: arial, helvetica, serif;
 font-size: 12px;
 color: #333333;
 text-align: center;
 margin: 0;
  padding: 0;
 background:url(images/bg.gif) repeat-x #176691;
}

#content a , contentInside a {    /* content links   */
  text-decoration: none;
  color: #42628F;
}

#sidesquishHome  {
  margin: 0 0 0 10px;
/*  padding: 5px 10px;   */
}

#sidesquish  {
 margin: 0 0 0 10px;
 padding: 5px 10px; 
 background:url(images/bg.gif) repeat-x #176792;
}

#sidebar ul {
  list-style: none;
  margin-left: 0;
  padding-left: 20px;
}

/*   #sidebar .here {     */
#sidebar .active {
  font-weight: bold;
}

#sidebar ul {
  font-weight: normal;
}

#sidesquish li {
  padding-top: 4px;
}

#sidesquish li a {
  text-decoration: none;
  color: #2A2AFF;
  color: #fff;
}

.B_crumbBox  {
  float: right;
  font-size: 10px;
}

h1  {
 font-size: 20px;
/* color: #blahblah;   */
}

h2  {
 font-size: 15px;
 color: #354E72; 
}

p  {
 margin-top: 4px;
}

#wrapper  {
/*  594 is the width of flash  ... increased to 900   */
/* width: 614px;  */
 width: 920px;
  text-align: left;
  margin: 0 auto;
/*  background-color: #D0E5F8;   */
  background-color: #ffffff;
}

#menuStrip  {
  width: 594px;
  width: 900px;
  height: 40px;
  color: #2A2AFF;
  margin-left: 10px;
}

#menuStrip ul, a, li, span {
  margin: 0; 
  padding: 0;
}

#myajaxmenu {
/*  height: 30px;   use to get grey area larger  */
}

#myajaxmenu li {
  list-item-type: none;
  display: inline;
  padding-left: 10px;
}

#myajaxmenu li a {
  text-decoration: none;
  color: #2A2AFF;
}

#myajaxmenu span {
  margin-right: 10px;
}

#myajaxmenu {
  background-color: #E3E3E3;
}

.first span {
 display: none;
}

#banner  {
  width: 614px;
  width: 920px;
  padding: 10px 0 0 0;   /* totally weird, this made padding on top and bottom cuz of Flash */
/*  height: 236px;   */
  height: 236px;
  height: 270px;
  background-color: white;
  text-align: center;
}

#bannerInside  {
  width: 614px;
  width: 920px;
  padding: 10px 0 10px 0;   /* totally weird, this made padding on top and bottom cuz of Flash */
/*  height: 236px;   */
  height: 270px;
  background-color: white;
  text-align: center;
}

#flashMenu ul  {
   width: 920px;
   padding: 0 0 0 0;
  height: 38px;    /* numbers don't add up, still seems to work.  */
  background-color: #ffffff;
  text-align: center;
  margin:10px 0;
  background:url(../images/topNav-bg.jpg) top right no-repeat;
}
#flashMenu ul li {
	background:#2f2f2f;
	color:#fff;
	float:left;
	font-family:Arial,"Times New Roman",serif;
	font-size:1em;
	height:35px;
	line-height:35px;
	list-style-type:none;
	margin:0 0 0 -1px;
	position:relative;
}
#flashMenu ul li.firstItem {
	margin:0;
}
#flashMenu ul li a {
	background:url(../images/navItem-bg.jpg) 0 0 no-repeat;
	border-right:1px solid #2f2f2f;
	border-left:1px solid #2f2f2f;
	color:#fff;
	display:block;
	padding:0 20px;
	text-decoration:none;
}
#flashMenu ul li a:hover,#flashMenu ul li:hover a,#flashMenu ul li.hover a {
	background-position:0 -35px;
	color:#FFFFFF;
border:none;
}
#flashMenu ul li ul {
	background:#fff;
	display:none;
	left:0;
	position:absolute;
	top:25px;
	width:17.5em;
}
#flashMenu ul li:hover ul,#flashMenu ul li.hover ul {
	display:block;
}
#flashMenu ul li ul li {
	float:none;
	font-size:1em;
	margin:0;
}
#flashMenu ul li ul li a,#flashMenu ul li:hover ul li a,#flashMenu ul li.hover ul li a {
	background:#176691;
	border:1px dotted #fff;
	border-width:0 0 1px 0;
	color:#fff;
	margin:1px 0 0 0;
}
#flashMenu ul li ul li a:hover {
	background:#fb4500;
	color:#222222;
	font-weight:bold;
}
#flashMenu ul li ul li.last a {
	border:none;
}

#flashMenu ul li.last a {border-right:none;}

#sidebar  {
  float: left; 
 width: 200px;
 width: 180px;
/* min-height: 400px;    */
}

#content  {
  float: right; 
 width: 414px;
 width: 394px;
 width: 910px;
  background-color: #ffffff;
}

#contentInside  {
 width: 414px;
 width: 594px;
 width: 700px;
  background-color: #ffffff;
}

#squisher  {
  padding: 5px 25px 10px 10px;
  background-color: #ffffff;
}

#footsquish {
/*  width: 614px;    see figure in footer   */
  width: 594px;
  width: 900px;
  margin: 0 10px 0 10px;
  padding-top: 10px;
  height: 30px;
  background-color: #ffffff;
  color: #333333;
  text-align: center;
  font-size: 11px;
}

#footer {
  width: 614px;
  width: 920px;
  height: 40px;
  background-color: #fff;
}

.cls {clear: both}
 
