html {/* Stops flickering of background images in IE6*/
  filter: expression(document.execCommand("BackgroundImageCache", false, true));}
   
html, body, ol, p, h1, h2, h3, h4, h5, h6, form, fieldset, a {
    margin: 0;
    padding: 0;
    border: 0;} 

body {
    font-size: 100.01%;
    font-family:Verdana, Arial, Helvetica, sans-serif;}

table {
    font-size: 100.01%;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    background-color: #fff;
    color:#707070;
    line-height:1.25em;
    width:100%;}

th {text-align: left;}

p, h1, h2, h3, h4, h5, h6 {margin-bottom: 18px;}

h1 {
    font-weight:bold;
    font-size:150%;
    padding:10px 0px 10px 0px;
    color:#97B94B;}

h2 {
	font-weight:normal;
	font-size:140%;
	color:#97B94B;}

h3 {
	font-weight:normal;
	font-size:120%;
	color:#97B94B;}

 h4, h5, h6 {
    font-weight:normal;
    font-size:100.01%;}
    
a:link {color:#025689; text-decoration: none;}
a:visited {color:#025689;text-decoration: none;}
a:hover {color: #025689;text-decoration:underline;}
a:active {color: #025689;text-decoration:underline;}

#container	{margin:0;}

*html #container	{height:100%;}

#ie7only .imgFix,
#ie6only .imgFix {margin-bottom: -3px;}

/********************** HEADER *******************/
#header	{
	background-repeat:repeat-x;*/
	height:128px;
	z-index:1;
	width:100%;}
    
#flash	{
    position: absolute;
    top: 0;
    right: 0;
    float:right;
    height:128px;
    z-index:5;
    min-width:995px;}

#ie6only #flash	{width:995px;}

#headerLeft	{
    float:left;
    padding:0;
    margin:-128px 0 0 0;
    background-image:url(../images/header-hoed-logo.gif);
    background-repeat:no-repeat;
    background-position:left;
    height:128px;
    width:244px;
    z-index: 99;
    position: absolute;}

#ie7only #headerLeft,
#ie6only #headerLeft {
    float:left;
    padding:0;
    margin:0;
    background-image:url(../images/header-hoed-logo.gif);
    background-repeat:no-repeat;
    background-position:left;
    height:128px;
    width:244px;
    z-index: 99;
    position: absolute;}

#headerLeft h1	{display:none;}

/********************** CONTENT *******************/

#home #contentContainer	{
	min-height:500px;
	min-width:995px;
	margin-top: 128px;
	/* IE Dynamic Expression to set the width */
    width:expression(document.body.clientWidth < 1100 ? "995px" : "100%" );}

#home #ie7only #contentContainer,
#home #ie6only #contentContainer {margin-top: 0;}

*html #contentContainer	{height:500px;}

#defaultContentContainer	{
	/*width:expression(document.body.clientheight < 550 ? "450px" : "100%" );*/
	
	/* IE Dynamic Expression to set the width */
    width:expression(document.body.clientWidth < 1100 ? "995px" : "100%" );

}

#content {
	margin:0 223px 0 244px;
	padding:1px 0 0 0;
    color:#ffffff;
    font-size:80%;
    line-height:1.75em;
	min-width:200px;}

#ie7only #content,
#ie6only #content {padding:0;}

/* used in default design */
#defaultContent {
	margin:128px 0 0 244px;
    padding:0px;
    color:#ffffff;
    font-size:80%;
    line-height:1.75em;
	min-width:200px;}

#ie7only #defaultContent,
#ie6only #defaultContent {margin-top: 0;}

#contentHeading	{
	margin:0;
	padding:0;
	background-color:#ffffff;}

#contentBody {
	margin:10px 20px;
	color:#707070;
	z-index:995;
	background-color:#ffffff;
	min-height:400px;
	text-align: justify; }
    
*html #contentBody	{height:400px;}


/********************** SIDEBAR (LEFT NAV AREA) *******************/

#sidebar {
    width:225px;
    float:left;
    line-height:1.75em;
	margin:0;
	padding:0;
	background-color:#4DBFCD;
	margin-left:19px;}
*html #sidebar {margin-left:10px;}

#leftSection	{padding-top:8px;}

*html .spacer	{height:3px;}
/* Primary style */

/*******************************************Vertical Menu*************************************/

/* Root = Vertical, Secondary = Vertical */


ul#primary,
ul#primary li,
ul#primary ul {
  margin: 0;
  padding: 0;
  width: 205px; /*For KHTML*/
  list-style: none;
 }

ul#primary li	{
border:0;
padding-top:10px;
padding-bottom:10px;
background-image:url(../images/sidebar-border.gif);
background-repeat:repeat-x;
background-position:bottom left;}

ul#primary:after /*From IE 7 lack of compliance*/{
  clear: both;
  display: block;
  font: 1px/0px serif;
  content: ".";
  height: 0;
  visibility: hidden;}

/* Root Menu a */
ul#primary a {
  display: block;
  color: #ffffff;
  font: bold 12px/24px Verdana, Arial, Helvetica, sans-serif;
  text-decoration: none;
  height: auto !important;
  height: 1%; /*For IE*/
  /*xpadding-left:20px;*/
  
}

/* Root Menu li (none ahref) */
ul#primary li,
ul#primary li li {
  float: left; /*For IE 7 lack of compliance*/
  position: relative;
  display: block !important; /*For GOOD browsers*/
  color: #ffffff;
  font: bold 12px/24px Verdana, Arial, Helvetica, sans-serif;
  text-decoration: none;
  height: auto !important;
  height: 1%; /*For IE*/
  /*text-indent: 6px;*/
  padding-left:20px;}

/* Root Menu Hover Persistence */
ul#primary a:hover,
ul#primary li:hover,
ul#primary li.iehover {
  background: #02A5B8;
  color: #FFF;}
  
ul#primary li:hover,
ul#primary li.iehover	{
background-image:url(../images/sidebar-border.gif);
background-repeat:repeat-x;
background-position:bottom left;}

/* 2nd Menu */
ul#primary li:hover li,
ul#primary li.iehover li
{
  background: #4DBFCD;
  color: #ffffff;}
ul#primary li:hover li,
ul#primary li.iehover li	{
background-image:url(../images/sidebar-border.gif);
background-repeat:repeat-x;
background-position:bottom left;
border-left:1px solid #ffffff;}
/* 2nd Menu Hover Persistence */
ul#primary li:hover li a:hover,
ul#primary li:hover li:hover,
ul#primary li.iehover li a:hover,
ul#primary li.iehover li.iehover {
  background: #02A5B8;
  color: #FFF;}
ul#primary li:hover li:hover,
ul#primary li.iehover li.iehover	{
background-image:url(../images/sidebar-border.gif);
background-repeat:repeat-x;
background-position:bottom left;}

/* 3rd Menu */
ul#primary li:hover li:hover li,
ul#primary li.iehover li.iehover li	{
  background: #4DBFCD;
  color: #ffffff;}
ul#primary li:hover li:hover li,
ul#primary li.iehover li.iehover li	{
background-image:url(../images/sidebar-border.gif);
background-repeat:repeat-x;
background-position:bottom left;}
/* 3rd Menu Hover Persistence */
ul#primary li:hover li:hover li a:hover,
ul#primary li:hover li:hover li:hover,
ul#primary li.iehover li.iehover li a:hover,
ul#primary li.iehover li.iehover li.iehover {
  background:#02A5B8;
  color: #FFF;}

ul#primary li:hover li:hover li:hover,
ul#primary li.iehover li.iehover li.iehover	{
background-image:url(../images/sidebar-border.gif);
background-repeat:repeat-x;
background-position:bottom left;}

/* 4th Menu */
ul#primary li:hover li:hover li:hover li,
ul#primary li.iehover li.iehover li.iehover li {
  background: #4DBFCD;
  color: #ffffff;}

/* 4th Menu Hover */
ul#primary li:hover li:hover li:hover li a:hover,
ul#primary li.iehover li.iehover li.iehover li a:hover {
  background: #02A5B8;
  color: #FFF;}

ul#primary ul,
ul#primary ul ul,
ul#primary ul ul ul {
  display: none;
  position: absolute;
  top: 0;
  left: 225px;}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#primary li:hover ul ul,
ul#primary li:hover ul ul ul,
ul#primary li.iehover ul ul,
ul#primary li.iehover ul ul ul {
  display: none;}

ul#primary li:hover ul,
ul#primary ul li:hover ul,
ul#primary ul ul li:hover ul,
ul#primary li.iehover ul,
ul#primary ul li.iehover ul,
ul#primary ul ul li.iehover ul {
  display: block;}

ul#primary li#navSelected {
	background-color: #02A5B8;
	color:#ffffff;}

/* Primary style end  */


/********************** RIGHT BAR (NEWS ITEMS) *******************/
#rightBar	{
    margin:0;
    padding:0;
    width:223px;
    float:right;
	background-color:#5E7275;
	margin-top:20px;
	color:#ffffff;}

#rightBar h4	{color:#ffffff;}

#generalNews	{
    margin-top:10px;
    min-height:200px;
    color:#ffffff;
    padding-bottom:61px;
    background-image:url(../images/hoed-members.gif);
    background-position:bottom left;
    background-repeat:no-repeat;
    font-size: 12px;}

*html #generalNews	{height:200px;}

#generalNews a:link,
#generalNews a:visited {
    margin-left: 20px; 
    color: #fff;
    font-weight: bold;}
    
#generalNews a:hover,
#generalNews a:active {
    margin-left: 20px;
    text-decoration: underline; 
    color: #fff;
    font-weight: bold;}
    
#newsPanel {
    font-size:12px;
    font-family: Verdana, Arial, Helvetica, sans-serif;}

#newsPanel h2 { display: none;}
    
#newsPanel ul {
    padding:0;
    margin:0;
    list-style-type:none;}
    
#newsPanel ul li ul li {
    padding-bottom:10px;
	padding-left:20px;
	padding-right:10px;}
    
#newsPanel .primaryNewsCategoryTitle {
    font-weight:bold;
    font-size:120%;
    color:#ffffff;
	display:block;
    margin: 10px 20px;
    padding: 10px 20px;
	background-color:#B2C900;}
    
#newsPanel .secondaryNewsCategoryTitle {
    font-weight:bold;
    font-size:120%;
    color:#ffffff;
    padding-top:10px;
    padding-bottom:10px;
	padding-left:40px;
	background-color:#B2C900;
	margin-bottom:20px;}
    
#newsPanel .newsItemTitle {
    font-weight:bold;
	color:#ffffff;}
    
#newsPanel .newsItemDate {}
#newsPanel .newsItemDescription {    padding-bottom:10px;}

#newsPanel .newsItemSummary {    color:#ffffff;}
#newsPanel .newsItemLink a:link,
#newsPanel .newsItemLink a:visited,
#newsPanel .newsItemLink a:hover,
#newsPanel .newsItemLink a:active {
    margin: 0;
    color:#ffffff;}


#archiveNews #newsPanel {margin: -10px 0 0 -15px;}    
    
#archiveNews #newsPanel,
#archiveNews #newsPanel .primaryNewsCategoryTitle,
#archiveNews #newsPanel .secondaryNewsCategoryTitle ,
#archiveNews #newsPanel .newsItemTitle,
#archiveNews #newsPanel .newsItemDate,
#archiveNews #newsPanel .newsItemSummary,
#archiveNews #newsPanel .newsItemDescription {
    color: #707070;}
    
#archiveNews #newsPanel .primaryNewsCategoryTitle    {
    font-size:150%;
	padding:10px 0px;
	color:#97B94B;
	display:block;
    margin: 10px 20px;
	background-color:#FFF;}

#archiveNews #newsPanel .newsItemLink a:link {color:#025689; text-decoration: none;}
#archiveNews #newsPanel .newsItemLink a:visited {color:#025689;text-decoration: none;}
#archiveNews #newsPanel .newsItemLink a:hover {color: #025689;text-decoration:underline;}
#archiveNews #newsPanel .newsItemLink a:active {color: #025689;text-decoration:underline;}

#courseCalendar	{
	background-image:url(../designs/right-sec-bot.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	margin:0;
	padding:0;
	min-width:170px;
	background-color:#ffffff;
	padding:20px;	}
	
*html #courseCalendar	{width:210px;}

#courseCalendar img	{
    margin:0;
    padding:0;}

#courseCalendar h3	{
    margin:0;
    padding:0;
    padding-top:40px;
    padding-bottom:10px;
    font-size:80%;
    font-weight:bold;}

#logos	{
    margin:0;
    padding:0;
    width:223px;
    float:right;
	color:#ffffff;
	background-color:#ffffff;}

/********************** FOOTER  *******************/
#footer {
    clear:both;
    font-size:75%;
    color:#ffffff;
    background-color:#02A5B8;
	height:43px;
	background-image:url(../images/footer-bg.gif);
	background-position:bottom left;
	background-repeat:no-repeat;	}

#footer span.emphasised {
    left-margin:1em;
    font-weight:bold;
    color:#ffffff;}

#footer a:link {    text-decoration:none;}
#footer a:visited{    text-decoration:none;}

#footer a:hover {    text-decoration:underline;}
#footer a:active {    text-decoration:underline;}


#msgBot	{
    float:left;
    margin:0;
    padding:0;
    background-image:url(../designs/util-bot-left-bg.jpg);
    background-repeat:no-repeat;
    background-position:top left;}

#msgBot p	{
    margin:0;
    padding:0;
    margin-left:60px;
    font-size:75%;
    color:#ffffff;
    padding-top:14px;}

/********************** UTIL NAV *******************/

ul#utility { 
	float:right;
    text-align: center;
	vertical-align:middle;
	padding:12px;}

ul#utility li {
	font-size: 11px;
	color: #fff;
    display: inline;
    list-style: none;
    padding: 0 8px;
  	color: #09C;
    background-image:url(../images/utilDivider.gif);
    background-position:right;
    background-repeat:no-repeat;
    position:relative;}

ul#utility li.lastLi {
	border-right: 0 none;
	background-image:none;
	padding-right:20px;}

ul#utility a {
    color: #fff;
    text-decoration: none;
    background: none;
    padding: 3px 8px;}

ul#utility li a:hover {
    color: #ADE1ED;
	text-decoration: none;
    padding: 3px 8px;}

.matchHeight	{
    margin:0;
    padding:0}

#homeUL {
	padding-left:0px;
	margin:0px;
	list-style: none;
	line-height:18px;}

#homeUL li {
	background-image: url(../images/apple_bullet.gif);
	background-repeat: no-repeat;
	background-position:top 0px;
	padding-left:20px;}
    
#articleContainer {margin-top:-38px;}

.primaryArticleCategory {}
.primaryArticleCategory h1 {}
.primaryArticleCategory h2 {}

.secondaryArticleCategory {margin-left: 30px;}
.secondaryArticleCategory h1 {}
.secondaryArticleCategory h2 {}

.articleItem {margin-left: 10px;}
.articleBody {margin-left: 10px;}