body  {
	font-size: 12px; 
	font-family: arial, helvetica, sans-serif;	
	background: #FFFFFF;
	margin: 0;
	padding: 5px;
	text-align: center;	
	color: #000000;
}

#container {
	width: 970px; 
	background: #FFFFFF;
	margin: 0 auto;
	text-align: left;	
	border: 0px solid #e778e0;
} 

#header {
	background: #FFF; 
	height: 158px; 
	padding: 0px; 
	border: 0px solid #ffdd00;
} 

#topNav {
	background:url(http://www.osnsupersite.com/images/layout/topNavBG.jpg) 0px 0px repeat-x; 
	width: 970px;
	height: 21px;
	padding-top: 2px;
	max-width: 970px;
	border: 0px solid #e778e0;
	margin: 4px 0 0 0;
}

#topNav a {
	font-size: 12px; 
	color: #FFF; 
	font-weight: bold; 
	text-decoration: none;
}

#topNav a:hover {
	color: #FFF; 
	font-weight: bold; 
	text-decoration: underline;
}

#sidebar1 {
	float: left;
	width: 186px;
	background: #FFF;
	padding: 0px;
	margin: 0px 10px 0px 0px;
	border: 0px solid #ffdd00;
	min-height: 500px;
}

#mainContent {
	margin: 0 0 0 199px; 
	padding: 0px;
}

#footer {
	padding: 0 10px 0 20px; 
	background:#FFF;
} 

.clearfloat {clear:both;  height:0; font-size: 1px; line-height: 0px;}

p, td {font-size: 12px; font-family: arial, helvetica, sans-serif; color: #000000; margin: 10px 0 10px 0;}
a {font-family: arial, helvetica, sans-serif; color: #1d4872; text-decoration: none;}
a:hover {text-decoration: underline;}
.grey10 {color:#666666; font-size: 10px;}
.text10 {font-size: 10px; color: #000000;}
.blue11bold, .blue11bold:hover  {font-size: 11px; color: #1d4872; text-decoration: none; font-weight: bold;}
.blue11Tre {font-family: Trebuchet MS, Arial, Helvetica, Sans-serif; font-size: 11px; color: #1d4872;}
.orange12bold, .orange12bold:hover {COLOR: #b31d21; font-size: 12px; font-weight: bold; text-decoration: none;}
.orange12boldHel, .orange12boldhel:hover {COLOR: #b31d21; font-size: 12px; font-weight: bold; text-decoration: none; font-family: helvetica;}
.blue12bold, .blue12bold:hover, .l {COLOR: #1d4872; font-size: 12px; font-weight: bold; text-decoration: none;}

/* Root = Vertical, Secondary = Vertical */

#leftNav { border: 1px solid #d5dadf; width: 184px; padding: 0px 0 8px 0; background: url(http://www.osnsupersite.com/images/layout/leftNavBG.gif) repeat-x;}
ul#navmenu-v, ul#navmenu-v li, ul#navmenu-v ul {margin: 0;  padding-left: 12px;  width: 160px; list-style: none;}
ul#navmenu-v:after /*From IE 7 lack of compliance*/{
  clear: both;
  display: block;
  font: 1px/0px serif;
  content: ".";
  height: 0;
  visibility: hidden;
}

ul#navmenu-v li {
  float: left; /*For IE 7 lack of compliance*/
  display: block !important; /*For GOOD browsers*/
  display: inline; /*For IE*/
  position: relative;
  background:url(http://www.osnsupersite.com/images/layout/rightTriNav.gif) 0px 0px no-repeat;
}

/* Root Menu */
ul#navmenu-v a {
  padding: 0px;
  display: block;
  color: #666666;
  font: bold 12px/22px Arial, Helvetica, sans-serif;
  text-decoration: none;
  height: auto !important;
  height: 1%; /*For IE*/
}


<!--
/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menu/balloons.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
 
 /* common styling */
.balloon {
	font-family: Arial, Helvetica, sans-serif;
    width: 500px;
    height: 55px;
    float: none;
}
.balloon ul {
    border:0;
    list-style-type: none;
    width: 240px;
    margin: 0;
    padding: 0;
}
.balloon ul li {
    margin: 0;
    padding: 0;
    background-color: #fff;
}

.balloon ul li a, .balloon ul li a:visited {
    display: block;
    font-size: 10px;
    color: #999;
    background: #fff;
    text-decoration: none;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 2px;
    margin-left: 0;
}
.balloon ul li a img, .balloon ul li a:visited img {
	border: 0;
}

.balloon ul li dl {
    visibility: hidden;
    position: absolute;
}

table {
	margin: -2px;
	border: 0;
	padding: 0;
	border-collapse: collapse;
	font-size: 1em;
}

.balloon dl {
    width: 200px;
    padding: 0 0 20px 0;
    height: auto;
    background-color: transparent;
    background-image: url(http://www.osnsupersite.com/images/publications/bottom.gif);
    background-repeat: no-repeat;
    background-position: left bottom;
}
.balloon dt {
    margin: 0;
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    text-align: left;
    background-color: transparent;
    background-image: url(http://www.osnsupersite.com/images/publications/top.gif);
    background-repeat: no-repeat;
    background-position: left top;
    padding-top: 50px;
    padding-right: 5px;
    padding-bottom: 10px;
    padding-left: 10px;
}
.balloon dd {
    color: #000;
    font-size: 1em;
    border: 1px solid #d1dae1;
    border-width: 0 1px;
    background-color: #fff;
    height: 100px;
    padding-top: 5px;
    padding-right: 10px;
    padding-bottom: 0px;
    padding-left: 15px;
    margin: 0px;
    background-image: url(http://www.osnsupersite.com/images/publications/bubble-bg.gif);
    background-repeat: repeat-x;
    background-position: left top;
}

.balloon dd p {
    padding: 0;
    line-height: 1.3em;
    margin-top: 5px;
    margin-right: 0;
    margin-bottom: 10px;
    margin-left: 0;
}

.balloon dd img {
    line-height: 1.3em;
    float: left;
    margin-top: 5px;
    margin-right: 0;
    margin-bottom: 5px;
    margin-left: 0;
    padding: 0px;
    border: 1px solid #BCC5CD;
}

/* specific to non IE browsers and IE7 first with IE5.5 and IE6 second */
.balloon ul li:hover,
.balloon ul li a:hover {
	color: #1d4872; 
	position: relative;
	/*cursor:hand;*/
}

.balloon ul li:hover dl,
.balloon ul li a:hover dl {
	visibility: visible;
	color: #000;
	top: 10px;
	left: 60px;
	cursor: default;
}

.balloon ul li:hover dl em,
.balloon ul li a:hover dl em {
    display: block;
    position: absolute;
    left: -35px;
    top: 75px;
    width: 36px;
    height: 36px;
    background-color: transparent;
    clear: both;
}

.balloon ul li:hover dl a,
.balloon ul li a:hover dl a {
    width: 85px;
    color: #fff;
    display: block;
    background-color: #005386;
    text-align: center;
    font-weight: bold;
    text-decoration: none;
    height: 20px;
    margin: 10px 0 5px 80px;
    padding: 5px 0 0 3px;
}

.balloon ul li:hover dl a:hover,
.balloon ul li a:hover dl a:hover {
    text-decoration: none;
    background-color: #6C8BAE;
}
.home-of {
    margin: 0;
    display: block;
    font-size: 10px;
    text-transform: uppercase;
    font-weight: bold;
    color: #005386;
    background: url(http://www.osnsupersite.com/images/publications/down-arrow.gif) no-repeat 55px 55%;
    padding: 0 0 2px 0;
}

.left-col {
    float: left;
    clear: left;
}

.right-col {
    float: right;
    clear: right;
}
-->


<!--[if IE 5]>
<style type="text/css"> 
/* place css box model fixes for IE 5* in this conditional comment */
#sidebar1 { width: 220px; }
</style>
<![endif]--><!--[if IE]>
<style type="text/css"> 
/* place css fixes for all versions of IE in this conditional comment */
#sidebar1 { padding-top: 0px; }
#mainContent { zoom: 1; }
/* the above proprietary zoom property gives IE the hasLayout it needs to avoid several bugs */
</style>
<![endif]-->