td { vertical-align: top; }
             }


li { background: #4c4b48; padding: 0 15px 0 0;  }

#Background {
	background-image: url(Portals/8/images/Background_01.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	height: 102%;
       
}
.Page_Container {
	background-image: url(images/icologi_background_02.jpg);
	background-repeat: no-repeat;
	background-position: center top;
                background-color: #4a4947;
	
}

.Top_Content_Container {min-height:316px;}

.Top_Content_Container #Left_Spacer { width:76px; }
.Top_Content_Container #Top_Left_Content_Pane { width:482px; min-height:316px; }
.Top_Content_Container #Centre_Spacer { width:124px; }
.Top_Content_Container #Top_Right_Content_Pane { width:180px;  }
.Top_Content_Container #Right_Content_Spacer { width:39px }

.Main_Content_Container {
	background-image: url(images/icologi_background_04.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	padding-top: 42px;
	background-color: #4c4b48;
                min-height: 316px;

}


.Main_Content_Container #Left_Spacer { width:76px; }
.Main_Content_Container #ContentPane { width:482px; min-height:316px; }
.Main_Content_Container #Centre_Spacer { width:124px; }
.Main_Content_Container #Right_Content_Pane { width:180px;  }
.Main_Content_Container #Right_Content_Spacer { width:39px }

.P_Main_Content_Container {
	background-image: url(images/icologi_background_04.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	padding-top: 42px;
	background-color: #4c4b48;
                min-height: 316px;

}

.P_Main_Content_Container #Left_Spacer { width:74px; }
.P_Main_Content_Container  #ContentPane { width:483px;  }
.P_Main_Content_Container #Centre_Spacer { width:123px; }
.P_Main_Content_Container  #Right_Content_Pane { width:192px;  }
.P_Main_Content_Container  #Right_Content_Spacer { width:28px }

A:link  {
 	font-family: Trebuchet MS, Arial, Verdana, Sans-Serif;
	color: #9bb148;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}

A:visited   { 
	font-family: Trebuchet MS, Arial, Verdana, Sans-Serif;
	color: #9bb148;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}

A:hover {
 	font-family: Trebuchet MS, Arial, Verdana, Sans-Serif;
	color: #ffffff;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}

A:active    {
 	font-family: Trebuchet MS, Arial, Verdana, Sans-Serif;
	color: #9bb148;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}




<!-- @@@@@@@@@@ MENU @@@@@@@@@@@@@ -->

td #Navigation {padding-top: 32px;}
div #Navigation { background-color:#CCFF00}

.Menu { margin-bottom: 12px}

#Home
{
	display: block;
	width: 63px;
	height: 35px;
	background-image: url(images/Sprites/Sprites_01.jpg);
	 background-position: 0 35px;
}

#Home:hover
{ 
  background-position: 0 0px;
}

#about_us
{
	display: block;
	width: 56px;
	height: 35px;
	background-image: url(images/Sprites/Sprites_02.jpg);
	 background-position: 0 35px;
}

#about_us:hover
{ 
  background-position: 0 0px;
}


#sustainability
{
	display: block;
	width: 110px;
	height: 35px;
	background-image: url(images/Sprites/Sprites_01.jpg);
	 background-position: 0 35px;
}

#sustainability:hover
{ 
  background-position: 0 0px;
}

#sustainability
{
	display: block;
	width: 110px;
	height: 35px;
	background-image: url(images/Sprites/Sprites_03.jpg);
	 background-position: 0 35px;
}

#sustainability:hover
{ 
  background-position: 0 0px;
}

#hosting
{
	display: block;
	width: 69px;
	height: 35px;
	background-image: url(images/Sprites/Sprites_04.jpg);
	 background-position: 0 35px;
}

#hosting:hover
{ 
  background-position: 0 0px;
}


#partners
{
	display: block;
	width: 73px;
	height: 35px;
	background-image: url(images/Sprites/Sprites_05.jpg);
	 background-position: 0 35px;
}

#partners:hover
{ 
  background-position: 0 0px;
}

#contact
{
	display: block;
	width: 70px;
	height: 35px;
	background-image: url(images/Sprites/Sprites_06.jpg);
	 background-position: 0 35px;
}

#contact:hover
{ 
  background-position: 0 0px;
}

#blog
{
	display: block;
	width: 46px;
	height: 35px;
	background-image: url(images/Sprites/Sprites_07.jpg);
	 background-position: 0 35px;
}

#blog:hover
{ 
  background-position: 0 0px;
}

#client_support
{
	display: block;
	width: 121px;
	height: 35px;
	background-image: url(images/Sprites/Sprites_08.jpg);
	background-position: 0 35px;
}

#client_support:hover
{ 
  background-position: 0 0px;
}

<!-- @@@@@@@@@@ Menu ENDS @@@@@@@@@@ -->

.NormalTextBox {
   	background-color: #999999; }

label { 
	font-family: Trebuchet MS, Arial, Verdana, Sans-Serif;
	color: #939191;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
}

label { 
font-family: Trebuchet MS, Arial, Verdana, Sans-Serif;
	color: #9bb148;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;

}
.ControlPanel {
 	font-family: Trebuchet MS, Arial, Verdana, Sans-Serif;
	color: #939191;
	font-size: 12px;
	/*background-image: url(/Portals/44/images/Panel.gif);
	background-repeat: repeat-x; }*/
	background-color:#333333; }

.Help {
 	font-family: Trebuchet MS, Arial, Verdana, Sans-Serif;
	color: #939191;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
}

.Footer, .Footer a:link, .Footer a:hover, .Footer a:selected, .Footer a:visited, {
    background-color: transparent;
 	font-family: Trebuchet MS, Arial, Verdana, Sans-Serif;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
    padding-left: 0px;
    padding-right: 4px;}

.Footer {
   background-color: transparent;
 	font-family: Trebuchet MS, Arial, Verdana, Sans-Serif;
	color: #403e3c;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
    padding-left: 6px;
    padding-right: 4px; }


.Footer a:link  {
    background-color: transparent;
 	font-family: Trebuchet MS, Arial, Verdana, Sans-Serif;
	color: #403e3c;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
    padding-left: 6px;
    padding-right: 4px;       
}

.Footer a:hover
{
    background-color: transparent;
 	font-family: Trebuchet MS, Arial, Verdana, Sans-Serif;
	color: #cccccc;
	font-size: 12px;
	font-weight: normal;
	text-decoration: underline;
    padding-left: 6px;
    padding-right: 4px;
       
}
.Footer a:selected
{
    background-color: transparent;
 	font-family: Trebuchet MS, Arial, Verdana, Sans-Serif;
	color: #403e3c;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
    padding-left: 6px;
    padding-right: 4px; }
	
.Footer a:visited {
    background-color: transparent;
 	font-family: Trebuchet MS, Arial, Verdana, Sans-Serif;
	color: #403e3c;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
  }

table #Footer {
   background-color: transparent;
 	font-family: Trebuchet MS, Arial, Verdana, Sans-Serif;
	color: #403e3c;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
    }


table #Footer a:link  {
    background-color: transparent;
 	font-family: Trebuchet MS, Arial, Verdana, Sans-Serif;
	color: #403e3c;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;

}

table #Footer a:hover
{
    background-color: transparent;
 	font-family: Trebuchet MS, Arial, Verdana, Sans-Serif;
	color: #cccccc;
	font-size: 12px;
	font-weight: normal;
	text-decoration: underline;
 
       
}
table #Footer a:selected
{
    background-color: transparent;
 	font-family: Trebuchet MS, Arial, Verdana, Sans-Serif;
	color: #403e3c;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
   }
	
table #Footer a:visited {
    background-color: transparent;
 	font-family: Trebuchet MS, Arial, Verdana, Sans-Serif;
	color: #403e3c;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
   }



/* GENERAL */
/* style for module titles */

.Head   {
	background-color: transparent;
 	font-family: Trebuchet MS, Arial, Verdana, Sans-Serif;
	color: #939191;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
}

/* style of item titles on edit and admin pages */
.SubHead    {
	background-color: transparent;
 	font-family: Trebuchet MS, Arial, Verdana, Sans-Serif;
	color: #939191;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
}

/* module title style used instead of Head for compact rendering by QuickLinks and Signin modules */
.SubSubHead {
	background-color: transparent;
 	font-family: Trebuchet MS, Arial, Verdana, Sans-Serif;
	color: #939191;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
}

/* text style used for most text rendered by modules */
.Normal
{
 	font-family: Trebuchet MS, Arial, Verdana, Sans-Serif;
	color: #939191;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
                text-align: justify;
}

.Normal A:link
{
 	font-family: Trebuchet MS, Arial, Verdana, Sans-Serif;
	color: #9bb148;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}

.Normal A:visited   {
	font-family: Trebuchet MS, Arial, Verdana, Sans-Serif;
	color: #9bb148;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}

.Normal A:hover {
 	font-family: Trebuchet MS, Arial, Verdana, Sans-Serif;
	color: #ffffff;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}

.Normal A:active    {
 	font-family: Trebuchet MS, Arial, Verdana, Sans-Serif;
	color: #9bb148;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}



.Partners
{
 	font-family: Trebuchet MS, Arial, Verdana, Sans-Serif;
	color: #939191;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
}

.Partners A:link
{
 	font-family: Trebuchet MS, Arial, Verdana, Sans-Serif;
	color: #5ab6d9;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}

.Partners A:visited   {
	font-family: Trebuchet MS, Arial, Verdana, Sans-Serif;
	color: #5ab6d9;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}

.Partners A:hover {
 	font-family: Trebuchet MS, Arial, Verdana, Sans-Serif;
	color: #ffffff;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;

p, td, tr, div {
 	font-family: Trebuchet MS, Arial, Verdana, Sans-Serif;
	color: #939191;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
                text-align: justify;
}

table td 	{font-family: Trebuchet MS, Arial, Verdana, Sans-Serif;
	color: #939191;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
                text-align: justify;

}

p A:link
{
 	font-family: Trebuchet MS, Arial, Verdana, Sans-Serif;
	color: #9bb148;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}

p A:visited   {
	font-family: Trebuchet MS, Arial, Verdana, Sans-Serif;
	color: #9bb148;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}

p A:hover {
 	font-family: Trebuchet MS, Arial, Verdana, Sans-Serif;
	color: #ffffff;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}

p  A:active    {
 	font-family: Trebuchet MS, Arial, Verdana, Sans-Serif;
	color: #9bb148;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}


.Partners A:active    {
 	font-family: Trebuchet MS, Arial, Verdana, Sans-Serif;
	color: #5ab6d9;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}


.Nicole
{
 	font-family: Trebuchet MS, Arial, Verdana, Sans-Serif;
	color: #939191;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
}

.Nicole A:link
{
 	font-family: Trebuchet MS, Arial, Verdana, Sans-Serif;
	color: #939191;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}

.Nicole A:visited   {
	font-family: Trebuchet MS, Arial, Verdana, Sans-Serif;
	color: #939191;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}

.Nicole A:hover {
 	font-family: Trebuchet MS, Arial, Verdana, Sans-Serif;
	color: #ffffff;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}

.Nicole A:active    {
 	font-family: Trebuchet MS, Arial, Verdana, Sans-Serif;
	color: #939191;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}





/* text style for buttons and link buttons used in the portal admin pages */
.CommandButton     {
 	font-family: Trebuchet MS, Arial, Verdana, Sans-Serif;
	color: #9bb148;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	
}
    
/* hyperlink style for buttons and link buttons used in the portal admin pages */
A.CommandButton:link {
	font-family: Trebuchet MS, Arial, Verdana, Sans-Serif;
	color: #9bb148;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
}

A.CommandButton:visited  {
 	font-family: Trebuchet MS, Arial, Verdana, Sans-Serif;f;
	color: #9bb148;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
}

A.CommandButton:hover    {
 font-family: Trebuchet MS, Arial, Verdana, Sans-Serif;
	color: #939191;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;

}
    
A.CommandButton:active   {
 font-family: Trebuchet MS, Arial, Verdana, Sans-Serif;
	color: #9bb148;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
}

/* button style for standard HTML buttons */
.StandardButton     {
}

/* GENERIC */
H1  {
 	font-family: Trebuchet MS, Arial, Verdana, Sans-Serif;
	color: #ffffff;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
}

H2  {
 font-family: Trebuchet MS, Arial, Verdana, Sans-Serif;
	color: #ffffff;
	font-size: 24px;
	font-weight: bold;
	text-decoration: none;
	margin-bottom: 15px;
	margin-top: 0px;  padding-top: 0px; 
}

H3  {
 	font-family: Trebuchet MS, Arial, Verdana, Sans-Serif;
	color: #3b3a38;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}

H4  {
 	font-family: Trebuchet MS, Arial, Verdana, Sans-Serif;
	color: #3b3a38;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
}


H5 {
 	font-family: Trebuchet MS, Arial, Verdana, Sans-Serif;
	color: #9bb148;
	font-size: 18px;
	font-weight: bold;
	text-decoration: none;
}



/* UNSELECTED TOP LEVEL MENU */

.RadMenu_Mac
{
background-color:#666666;
 line-height: 33px;
 background-image: url(/Portals/1/images/Menu_BG.png);


}

/* SELECTED TOP LEVEL MENU */

.RadMenu_Mac .item .link
{
width:100px;
 text-decoration: none;
 font-weight: bold;
 line-height: 30px;
 background: transparent;
 padding-left: 5px;
 padding-right: 5px;
 color: #666666; 
border-left: #101010 solid 1px; 
/* border-top: #333333 solid 3px; */ 
border-right: #101010 solid 1px; 


}




.RadMenu_Mac .link:hover, .RadMenu_Mac .focused  
/* .RadMenu_Mac .item .expanded,  */
 
   
{  
background-color: #999999; 
border-left: #101010 solid 1px; 
/* border-top: #333333 solid 3px; */ 
border-right: #101010 solid 1px; 

     background-image: url(/Portals/1/images/Menu_BG.png);
 font-family: Arial, Verdana, Sans-Serif;
 padding-left: 5px;
 padding-right: 5px;
	cursor: hand;
color: transparent; 
}   


/* DROP DOWN MENU HIGHLIGHTED ITEM BACKGROUND COLOR */

.RadMenu_Mac .group
{
   background-color: #201F1D;
color: #999999;
border-left: #101010 solid 2px; 
/* border-top: #333333 solid 3px; */ 
border-right: #101010 solid 2px; 
border-bottom: #101010 solid 2px;  
} 

/*child items*/   
.RadMenu_Mac .group .link:hover,   
.RadMenu_Mac .group .focused,   
.RadMenu_Mac .group .expanded   
{   



}  

.RadMenu_Mac .text
{
 font-size: 11px;
 padding-left: 5px;
 padding-right: 5px;
 font-family: Trebuchet MS, Arial, Verdana, Sans-Serif;
 font-weight: normal;
 text-align: center;
 
}



/* DROP DOWN MENU BACKGROUND COLOR & FONT COLOR */
.RadMenu_Mac .group .link
{
  border-bottom: #666666 solid 1px; 
background-color: #080501;
 float: left;
 _width: 140px; /* IE6 */
 min-width: 140px; /* IE7, Mozilla, Opera */
 text-align: left;
color:#666666;
  padding-left: 5px;
 border: 0px;

}

.RadMenu_Mac .group .text
{
 padding-left: 5px;
 padding-right; 5px

}


/* SUB MENU ROLLOVER COLOR  */
.RadMenu_Mac .group .link:hover,
.RadMenu_Mac .group .focused,
.RadMenu_Mac .group .expanded
{
    /* background-image: url(/Portals/1/images/MenuPNG_Over.png); */
color: #ffffff;
 padding-left: 5px;
 padding-right: 5px;
 font-family: Arial, Verdana, Sans-Serif;
 
}

.Head { font-family:Georgia,"Times New Roman",Times,serif;
font-style:italic;
font-weight:normal;
line-height:1.4em;
text-align:left; 
color: white; 
text-transform: uppercase; }

.Training h1 { color: white; }