/* 10-Agu-2010
 */

/*
  =======================================
		1. Module Container
		2. Module Header
		3. Module Body
  =======================================
*/
/* 1. Module Container ---------------- */
.ModuleContainer{
	width:100%;
	position:relative;
	border-top: 1px dotted #CCC;
	padding-top:20px;
	margin-top:3px;
}
.content_panel > .ModuleContainer:first-child {
	border-top:none;
	padding-top:0;
	margin-top:0;

}
/* 2. Module Header ---------------- */
.ModuleContainer .hedModule{
	background: url(../images/centers_logo.png) right 0 no-repeat;
	color:#CA2631;
	position:relative;
	padding-bottom:10px;
}
.ModuleContainer .hedModule h1{
	font:normal 24px/29px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	letter-spacing: -0.02em;
	text-transform:uppercase;
	position:relative;		
}
.ModuleContainer .hedModule h4{
	font: normal 10px/11px Arial, Helvetica, sans-serif;
	border-bottom: 1px solid;
	display:block;
}
/* 3. Module Body ---------------- */
.ModuleContainer .bdyModule{ width:100%; position:relative;}
.ModuleContainer .bdyModule p{ padding: 0 0 10px;}

/* 4. colors ------------------------*/
/* red */
.c_red .ModuleContainer .hedModule { color:#B32726; }
.c_red .ModuleContainer:first-child .hedModule { background-position: right -100px; padding-bottom:0; }
.c_red .ModuleContainer:first-child .hedModule h4 {border-bottom: none}
.c_red .ModuleContainer:first-child .hedModule h4:after{content:"Since: 1990";}

/** red: accordion: Interaction states**/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus  { color:#B32726; }

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {color:#B32726; }

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover{ background-color:#B32726; }

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active { background-color:#B32726;  }

.ui-widget-content { background-image: }

.ui-state-default .ui-icon { background-color:#B32726; }

/* blue */
.c_blue .ModuleContainer .hedModule { color:#4292BD;}
.c_blue .ModuleContainer:first-child .hedModule { background-position: right -200px; padding-bottom:0;}
.c_blue .ModuleContainer:first-child .hedModule h4 {border-bottom: none}
.c_blue .ModuleContainer:first-child .hedModule h4:after{ content:"Since: 2005";}
/** link **/
.c_blue #main a, .c_blue #main a:link, .c_blue #main a:visited {	text-decoration:underline;	color:#4292BD;}
.c_blue #main a:hover, .c_blue #main a:active {	text-decoration:none; color:#39C; }
/** blue: accordion: Iinteraction states**/
.c_blue .ui-state-default, .c_blue .ui-widget-content .ui-state-default, .c_blue .ui-widget-header .ui-state-default, .c_blue .ui-state-default a, .c_blue .ui-state-default a:link, .c_blue .ui-state-default a:visited { color:#4292BD; }
.c_blue .ui-state-hover, .c_blue .ui-widget-content .ui-state-hover, .c_blue .ui-widget-header .ui-state-hover, .c_blue .ui-state-focus, .c_blue .ui-widget-content .ui-state-focus, .c_blue .ui-widget-header .ui-state-focus, .c_blue .ui-state-active, .c_blue .ui-widget-content .ui-state-active, .c_blue .ui-widget-header .ui-state-active, .c_blue .ui-state-default .ui-icon { background-color:#4292BD; }
.c_blue .ui-widget-content { background-image:; }

/* green */
.c_green .ModuleContainer .hedModule { color:#23A97A; }
.c_green .ModuleContainer:first-child .hedModule { background-position: right -300px; padding-bottom:0;}
.c_green .ModuleContainer:first-child .hedModule h4 {border-bottom: none}
.c_green .ModuleContainer:first-child .hedModule h4:after{ content:"Since: 2008";}
/** link **/
.c_green #main a, .c_green #main a:link, .c_green #main a:visited {	text-decoration:underline;	color:#23A97A;}
.c_green #main a:hover, .c_green #main a:active {	text-decoration:none; color:#0F0; }
/** green: accordion: Iinteraction states**/
.c_green .ui-state-default, .c_green .ui-widget-content .ui-state-default, .c_green .ui-widget-header .ui-state-default, .c_green .ui-state-default a, .c_green .ui-state-default a:link, .c_green .ui-state-default a:visited { color:#23A97A; }
.c_green .ui-state-hover, .c_green .ui-widget-content .ui-state-hover, .c_green .ui-widget-header .ui-state-hover, .c_green .ui-state-focus, .c_green .ui-widget-content .ui-state-focus, .c_green .ui-widget-header .ui-state-focus, .c_green .ui-state-active, .c_green .ui-widget-content .ui-state-active, .c_green .ui-widget-header .ui-state-active, .c_green .ui-state-default .ui-icon { background-color:#23A97A; }
.c_green .ui-widget-content { background-image:; }


/* yellow */
.c_yellow .ModuleContainer .hedModule {	color:#FFA600;}
.c_yellow .ModuleContainer:first-child .hedModule {	background-position: right -400px; padding-bottom:0;}
.c_yellow .ModuleContainer:first-child .hedModule h4:after{	content:"Since: 2007";}
.c_yellow .ModuleContainer .hedModule h4{ color:#FC0; border-bottom:none}
/** link **/
.c_yellow #main a, .c_yellow #main a:link, .c_yellow #main a:visited {	text-decoration:underline;	color:#F90;}
.c_yellow #main a:hover, .c_yellow #main a:active {	text-decoration:none; color:#FFA600; }
/** yellow: accordion: Iinteraction states**/
.c_yellow .ui-state-default, .c_yellow .ui-widget-content .ui-state-default, .c_yellow .ui-widget-header .ui-state-default, .c_yellow .ui-state-default a, .c_yellow .ui-state-default a:link, .c_yellow .ui-state-default a:visited { color:#FC0; }
.c_yellow .ui-state-hover, .c_yellow .ui-widget-content .ui-state-hover, .c_yellow .ui-widget-header .ui-state-hover, .c_yellow .ui-state-focus, .c_yellow .ui-widget-content .ui-state-focus, .c_yellow .ui-widget-header .ui-state-focus, .c_yellow .ui-state-active, .c_yellow .ui-widget-content .ui-state-active, .c_yellow .ui-widget-header .ui-state-active, .c_yellow .ui-state-default .ui-icon { background-color:#FC0; }
.c_yellow .ui-widget-content { background-image:; }

/* gray */
.c_gray .ModuleContainer .hedModule { color:#837E7C;}
.c_gray .ModuleContainer:first-child .hedModule { background-position: right 0; padding-bottom:0;}
.c_gray .ModuleContainer:first-child .hedModule h4 {border-bottom: none}
.c_gray .ModuleContainer:first-child .hedModule h4:after{ content:"Since: 2003";}
/** gray: accordion: Iinteraction states**/
.c_gray .ui-state-default, .c_gray .ui-widget-content .ui-state-default, .c_gray .ui-widget-header .ui-state-default, .c_gray .ui-state-default a, .c_gray .ui-state-default a:link, .c_gray .ui-state-default a:visited { color:#837E7C; }
.c_gray .ui-state-hover, .c_gray .ui-widget-content .ui-state-hover, .c_gray .ui-widget-header .ui-state-hover, .c_gray .ui-state-focus, .c_gray .ui-widget-content .ui-state-focus, .c_gray .ui-widget-header .ui-state-focus, .c_gray .ui-state-active, .c_gray .ui-widget-content .ui-state-active, .c_gray .ui-widget-header .ui-state-active, .c_gray .ui-state-default .ui-icon { background-color:#837E7C; }
.c_gray .ui-widget-content { background-image:; }

/* red2 */
.c_red2 .ModuleContainer .hedModule { color:#B32726;}
.c_red2 .ModuleContainer:first-child .hedModule { background-position: right 0; padding-bottom:0;}
.c_red2 .ModuleContainer:first-child .hedModule h4 {border-bottom: none}
.c_red2 .ModuleContainer:first-child .hedModule h4:after{ content:"Since: 1992";}
/** link **/
.c_red2 #main a, .c_red2 #main a:link, .c_red2 #main a:visited {	text-decoration:underline;	color:#B32726;}
.c_red2 #main a:hover, .c_red2 #main a:active {	text-decoration:none; color:#F00; }
/** red2: accordion: Iinteraction states**/
.c_red2 .ui-state-default, .c_red2 .ui-widget-content .ui-state-default, .c_red2 .ui-widget-header .ui-state-default, .c_red2 .ui-state-default a, .c_red2 .ui-state-default a:link, .c_red2 .ui-state-default a:visited { color:#B32726; }
.c_red2 .ui-state-hover, .c_red2 .ui-widget-content .ui-state-hover, .c_red2 .ui-widget-header .ui-state-hover, .c_red2 .ui-state-focus, .c_red2 .ui-widget-content .ui-state-focus, .c_red2 .ui-widget-header .ui-state-focus, .c_red2 .ui-state-active, .c_red2 .ui-widget-content .ui-state-active, .c_red2 .ui-widget-header .ui-state-active, .c_red2 .ui-state-default .ui-icon { background-color:#B32726; }
.c_red2 .ui-widget-content { background-image:; }