/* Ellis Now related CSS Style  */
div.announcementContainer {
  margin: 0px 0px 0px 0px;
  padding: 0 0 0 0;
  text-align: justify;  
  background-repeat: no-repeat;
  height: 150px;
}

div.announcementHeader {
  margin-left: 71px;
  font-size: 12px;
  font-family:Tahoma,Arial,Helvetica;
  color: #660033;
  font-weight: bold;
  margin-bottom: 5px;
}

div.announcementTitle {
  margin-left: 71px;
  font-size: 12px;
  font-family:Tahoma,Arial,Helvetica;
  color: #77acd7;
  font-weight: bold;
  margin-bottom: 5px;
}

div.announcementBody {
  margin-left: 71px;
  font-size: 11px;
  font-family:Tahoma,Arial,Helvetica;
  color: #000000;
  font-weight: normal;
  text-align: justify;
  margin-top: 0px;  
}

div.normalContainer {
  margin: 0px 0px 0px 0px;
  padding: 0 0 0 0;
  text-align: justify;
  background-repeat: no-repeat;
  
}

div.normalHeader {
  margin-left: 26px;
  font-size: 12px;
  font-family:Tahoma,Arial,Helvetica;
  color: #660033;
  font-weight: bold;
  margin-bottom: 5px;
}

div.normalBody {
  margin-left: 26px;
  font-size: 11px;
  font-family:Tahoma,Arial,Helvetica;
  color: #000000;
  font-weight: normal;
  text-align: justify;
  margin-top: 0px;
  height: 150px;
}

/* CENTER PORTLET RELATED STYLE */
div.ccui_portlet {
  z-index:10;
  position:relative;
  background-color: transparent;
  margin: 0px auto 0px auto;
  padding: 0px 0px 0px 0px;
  width: 700px; 
}

div.ccui_portletTitle {
  background-image: url("greenBar.jpg");
  font-size:18px;
  font-family: Arial, Verdana, sans-serif;
  font-weight: bold;
  color: #FFFFFF;
  padding: 5px 5px 5px 5px;
  width:100%;
  vertical-align:middle;
  text-align:left;
}

/*
DIV.ccui_portletBody
{
  font-family: Verdana, Arial, Helvetica;
  font-size: 11px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  width: 100%;
  background-image: url(/images/ccui/);
  background-position: top right;
  background-repeat: repeat-y;
}
*/

div.ccui_portletBody {
  margin: 0px 0px 0px 0px;
  padding: 0px 5px 0px 5px;
  width: 100%;
  background-color: white;
}

div.ccui_portletBottom {
  background-image: url("bottomPort.jpg");
  width:100%;
  padding: 0px 5px 0px 5px;
}
div.ccui_portletBodyText {
  font-family:Tahoma,Arial,Helvetica;
  font-size: 11px;
  width: 95%;
  padding: 5px 10px 5px 5px;
}


div.ccui_middle
{
   width: 100%;
   position: relative;
   height: 100%;
   /*set min height to push bottom left image down and blend with gradient
   min-height:700px;*/
   margin: 0px 0px 0px 0px;
   padding: 20px 0px 0px 0px;
   text-align: center;
}
/*fix for IE6 - doesn't acknowledge min-height*/
*html div.ccui_middle
{
	/*height:780px;*/
}

div.ccui_allPortlets
{
   position: relative;
   margin-top: 10px;
   left: 0px;
   margin: 0 0 0 0;
   padding: 0 0 0 0;
   width: 100%;	
   z-index: 14;
}



/** CCUI Layout **/
#ccui_top
{
  position: absolute;
  top: 32px;
  left: 0px;
  /* right: 0px; */
  width: 100%;
  background-image: url(/images/ccui/topleftCloud.jpg);
  background-position: top left;
  background-repeat: no-repeat;
  z-index: 0;
  /*border: red 1px solid;*/
}

#ccui_topRight
{
  width: 144px;
  height: 344px;
  background: url("/images/ccui/toprightCloud.jpg") top right no-repeat;
}


div.ccui_container
{
 position: absolute;
 top: 2px;
   /* margin: -5px 0px 0px 0px;  */
 background-image: url("/images/ccui/vcBG.jpg");
 background-repeat: repeat-x;
/*make sure div.ccui_container is set equal to #global_navigation width */
 min-width:745px;
 text-align: middle;
 width:100%;
}
*html div.ccui_container
{
width:expression(document.body.clientWidth < 750? "745px" : "100%" ); 
}


#ccui_bottom
{
  bottom: 0px;
  left: 0px;
  right: 0px;
  height:500px;
  width:100%;
  margin-top:-460px; 
  background: url(/images/ccui/bottomleftCloud.jpg) bottom left no-repeat;
  z-index: 0;
  /*border:red 1px dashed; */
}

#ccui_bottomRight
{
  margin-top:176px;
  width: 322px;
  height:323px;
  background: url("/images/ccui/bottomrightCloud.jpg") bottom right no-repeat; 
  /* border:black 1px dashed;*/
}