@import url(layout.css);
@import url(color.css);
@import url(type.css);


/*
 * The order that the above stylesheets shall be laid out is as follows
 *
*/
/* Standard Tags -----------------------------------------------------------*/
/* Hyperlink Styles --------------------------------------------------------*/
/* Site Wide Header  -------------------------------------------------------*/
/* Alert Message Area ------------------------------------------------------*/
/* Brand Header ------------------------------------------------------------*/
/* Brand Content -----------------------------------------------------------*/
/* Link Bar ----------------------------------------------------------------*/
/* Tab Bar -----------------------------------------------------------------*/
/* Button Bar --------------------------------------------------------------*/
/* Rounded Button Bar ------------------------------------------------------*/
/* Lists -------------------------------------------------------------------*/
/* Forms -------------------------------------------------------------------*/
/* Pagination --------------------------------------------------------------*/
/* Tag Cloud ---------------------------------------------------------------*/
/* Other Styles ------------------------------------------------------------*/
/* Footer ------------------------------------------------------------------*/
/* Rounded Corners ---------------------------------------------------------*/



.rounded-corner-portlet h1 {
	color: #fff; font-size: .85em;
}

.rounded-corner-portlet h1 {
	margin: 0px;
	padding: 0px;
}

#brand-header .brand-background-color {
	background-color: #0C366B;
	background-image: url(../images/brand-header-background.gif);
	background-position: top left;
	background-repeat: no-repeat;
}

#brand-header .brand-title {
	padding-left: 0px;
	color: white;
}

#brand-header #brand-header-text {
	background-image: url(../images/mgh-logo.gif);
	background-repeat: no-repeat;
	padding-left: 35px; /* set equal to the width of the background-image + some padding */
	padding-bottom: 5px; /* set some padding if the brand logo is taller than the brand-title and brand-navigation*/
}

.rounded-corner-portlet {
	background:#eeeeee url(../images/rounded-corner-portlet-header-background.gif) repeat-x 0px 0px;
	background-position: top;
}

.portlet-controls{
  padding:2px;	
}