/* CSS Document */
*{
	font-family: Arial;
}
a:link, a:visited{
    color: #006666;
	text-decoration:underline;
}
a:hover{
    color: #666666;
	text-decoration:none;
}
a:link .visited{
	color:#000;
}

/*-----------------------------------conditionals for FCKeditor/print/popup body------------------------------------*/
body {
    font-size: 13px;
    
	
        /* Displayed for Normal Pages */
	    margin:0;
    
    
    font-family: Arial;
    color: #000000;
    letter-spacing: 0;
    line-height: 1.5em;
    font-size: 13px;
}

/*----------------------------------- siFR 3 settings --------------------------------------*/
/* Settings for specific sIFR3 elements are found below */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
	padding: 0;
}

.sIFR-replaced, .sIFR-ignore {
	visibility: visible !important;
}

.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/*----------------------------------------------------FCKEditor options------------------------------------------------------*/
.image_right {
	float:right;
	margin: 0 0 20px 20px;
}
.image_left {
	float:left;
	margin: 0 20px 20px 0;
}

h1.section_header {
    font-family: Times New Roman;
    color: #006666;
    font-size: 17px;
    font-weight: normal;
    margin: 0;
    font-variant: small-caps;
}
    
h1.subhead1 {
    font-family: Arial;
    color: #006666;
    font-weight: normal;
    font-size: 12px;
    font-weight: bold;
    margin: 0;
}

h2.subhead2 {
    font-family: Arial;
    color: #006666;
    line-height: 1.5em;
    font-weight: bold;
    font-size: 12px;
    font-weight: normal;
    margin: 0;
}

.subhead3, h3 {
	font-size:10px;
	line-height:1.8em;
	font-weight: bold;
	margin: 0;
	padding: 0;
}

blockquote {
	font-weight: normal;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	line-height:1.3em;
	padding: 0 40px 0 40px;
	color: #b2ac97;
	margin: 0;
}

ul {
	margin: 0 0 0 0;
	padding: 0 0 0px 10px;
}

ul ul {
	margin: 0 0 0 0;
	padding: 0 0 0 20px;
}

ul ul ul  {
	margin: 0 0 0 0;
	padding: 0 0 0 30px;
}


#content ul li {
list-style:none;
background:transparent url(http://www.community-alliance.org/images/bullet.gif) no-repeat scroll 0px 13px;

    margin:0 0 0 0;
	padding: 8px 0 0 15px;
}

ul ul li {
	list-style: outside square url(http://www.community-alliance.org/images/bullet2.gif);
	margin-bottom: 0 0 0 0;
	padding: 8px 0 0 0;
}

.emailform {
    width: 90%;
    font-size: 10px;
    font-family: Arial;
}

.normalCase {
	text-transform: none !important;
}

/*------------------------------------------------------header--------------------------------------------------------*/

#header_container {
    width: 100%;
    height: 88px;
    background: #fff url(http://www.community-alliance.org/images/home_header_bg.jpg) repeat-x left top;
}
#header {
    margin: 0 auto 0 auto;
    width: 715px;
    height: 88px;
}
#home_slogan {
    float: right;
    margin: 50px 0 0 0;
}
#ui_logo {
    float: right;
}
#ui_slogan {
    margin: 50px 0 0 0;
}

/*------------------------------------------------------primary navigation---------------------------------------------*/
/*------------------ Rollover Positions inside the backgrounds - Off (left) -- On (center) -- At (right) --------------*/
#navigation {
    margin: 0 auto 0 auto;
    width: 626px;
    height: 17px;
    position: relative;
    z-index:10;
}
.rollover_text { display:none; }
.rollover a {
    background-position: left;
    height: 17px;
    float: left;
}
.rollover a:hover {
    background-position: center;
}
.rollover_at a, .rollover_at a:hover {
    background-position: right;
    height: 17px;
    float: left;    
}
.rollover_about a {
    background-image: url('http://www.community-alliance.org/images/nav_about.gif');
    width: 68px;
}
.rollover_services a {
    background-image: url('http://www.community-alliance.org/images/nav_services.gif');
    width: 83px;
}
.rollover_resources a {
    background-image: url('http://www.community-alliance.org/images/nav_resources.gif');
    width: 72px;
}
.rollover_calendar a {
    background-image: url('http://www.community-alliance.org/images/nav_calendar.gif');
    width: 71px;
}
.rollover_breaking_the_silence a {
    background-image: url('http://www.community-alliance.org/images/nav_breaking_the_silence.gif');
    width: 121px;
}
.rollover_careers a {
    background-image: url('http://www.community-alliance.org/images/nav_careers.gif');
    width: 52px;
}
.rollover_you_can_help a {
    background-image: url('http://www.community-alliance.org/images/nav_you_can_help.gif');
    width: 90px;
}
.rollover_contact a {
    background-image: url('http://www.community-alliance.org/images/nav_contact.gif');
    width: 69px;
}

.nav_dropdown {
    visibility: hidden;
}
.nav_dropdown  a:link, .nav_dropdown  a:visited {
	color:#663300;
	text-decoration: none;
	font-size:10px;
	display: block;
    margin: 0 0 8px 8px;
}
.nav_dropdown  a:hover, .nav_dropdown  a:active {
	color:#666666;
	text-decoration:none;
	font-size:10px;
	display: block;
    margin: 0 0 8px 8px;
}
.nav_dropdown  a.at:link, .nav_dropdown  a.at:visited, .nav_dropdown  a.at:hover, .nav_dropdown  a.at:active {
	color:#006666;
	text-decoration:none;
	font-size:10px;
	display: block;
    margin: 0 0 8px 8px;
}

.drop_about, .drop_services, .drop_resources, .drop_calendar, 
.drop_breaking_the_silence, .drop_careers, .drop_you_can_help, .drop_contact {
    visibility: hidden; 
    position: absolute;
    width: 180px;
    z-index: 10;
    padding: 5px 10px 10px 10px;
    background: transparent url('http://www.community-alliance.org/images/drop_down_bg.png') no-repeat right bottom;
}

.drop_about {
    top: 18px;
    left: 0px;
}
.drop_services{
    top: 18px;
    left: 67px;
}
.drop_resources {
    top: 18px;
    left: 148px;
}
.drop_calendar {
    top: 18px;
    left: 220px;
}
.drop_breaking_the_silence {
    top: 18px;
    left: 292px;
}
.drop_you_can_help {
    top: 18px;
    left: 410px;
}
.drop_careers {
    top: 18px;
    left: 496px;
}
.drop_contact {
    top: 18px;
    /* left: 455px; */
    left: 558px;
}

.select-free
{
    background: transparent;
	position:absolute;
	z-index:10;/*any value*/
	overflow:hidden;/*must have*/
	width:33em;/*must have for any value*/;
}
.select-free iframe
{
    background: transparent;
	display:none;/*sorry for IE5*/
	display/**/:block;/*sorry for IE5*/
	position:absolute;/*must have*/
	top:0;/*must have*/
	left:0;/*must have*/
	z-index:-1;/*must have*/
	filter:mask();/*must have*/
	width:3000px;/*must have for any big value*/
	height:3000px/*must have for any big value*/;
}

.select-free .bd{border:solid 1px #aaaaaa; padding:12px;}

/*------------------------------------------------------home animation---------------------------------------------*/
#home_animation_container {
    width: 100%;
    height: 215px;
    background: #fff url(http://www.community-alliance.org/images/home_anim_bg.gif) repeat-x left top;
    z-index: 1;
}
#home_animation {
    margin: 0 auto 0 auto;
    padding: 0;
    width: 715px;
    height: 215px;
    z-index: 1;
}
/*------------------------------------------------------content--------------------------------------------------------*/
#content_container {
    width: 100%;
    background: #cccc99 url(http://www.community-alliance.org/images/ui_content_container_bg.gif) repeat-y center top;
}
#content_container2 {
    width: 715px; 
    margin: 0px auto;
    position: relative;
}
#content {
	width:500px;
	padding:24px 24px 15px 0;
	float: right;
}

#content, #content_side_panel, td {
    font-family: Arial;
    color: #000000;
    letter-spacing: 0;
    line-height: 1.5em;
    font-size: 13px;
}
.table_with_spacing td {
    padding: 10px 0 10px 0;
    border-bottom: 1px solid #cccc99;
}

#utility_box {
    width: 50px;
	padding:0px 22px 15px 100px;
	clear: both;
	position: absolute;
	bottom: 10px; 
    line-height: 2.5em;
}
#utility_box a {
    display: block;
    margin: 0 0 10px 0;
}


/*---------------------------------Styles for the Spotlight Panel ----------------------------------*/

#spotlight_panel {
	float: right;
	width: 188px;
	background: transparent url(http://www.community-alliance.org/images/spotlight_bg.jpg) repeat-y 0 0;
	margin: 0 0px 20px 20px;
	padding: 0;
}
#spotlight_panel img, #spotlight_small_panel img {
	float: right;
}
#spotlight_panel_content {
	background: transparent url(http://www.community-alliance.org/images/spotlight_top.jpg) no-repeat 0 0;
	padding: 8px 12px 8px 25px;
}
.spotlight1 {
    font-family: Times New Roman;
    color: #066;
    text-decoration: none;
    word-spacing: normal;
    line-height: 1.5em;
    font-size: 17px;
    font-variant: small-caps;
    font-weight: normal;
}
.spotlight1 a:link, .spotlight1 a:visited {
	color: #066;
	text-decoration: none;
}
.spotlight1 a:hover, .spotlight1 a:active {
	color: #333;
	text-decoration:none;
}
.spotlight2 {
    font-family: Arial;
    color: #963;
    text-decoration: none;
    word-spacing: normal;
    text-align: left;
    letter-spacing: 0;
    line-height: 1.2em;
    font-size: 13px;
}
.spotlight2 a:link, .spotlight2 a:visited {
	color: #963;
	text-decoration: none;
}
.spotlight2 a:hover, .spotlight2 a:active {
	color: #333;
	text-decoration:none;
}
#spotlight_small_panel {
	float: right;
	width: 148px;
	background: transparent url(http://www.community-alliance.org/images/spotlight_small_bg.jpg) repeat-y 0 0;
	margin: 0 0px 20px 20px;
	padding: 0;
}
#spotlight_small_panel_content {
	background: transparent url(http://www.community-alliance.org/images/spotlight_small_top.jpg) no-repeat 0 0;
	padding: 8px 12px 8px 25px;
}
#spotlight_panel li, 
#spotlight_panel_content li, 
#spotlight_small_panel_content li  {
    margin:0pt 0pt 0pt 13px;
    padding:3px 5px 3px 0px;
	list-style-type: square !important;
	list-style-image: url('http://www.community-alliance.org/images/bullet2.gif')  !important;
	list-style-position: inside !important;
}

/*---------------------------------Styles for the Slide Down Effect on the Leadership Page----------------------------------*/
.leadershipContainer {
	margin: 0 0 10px 0;
}
.leadershipHeader {
    background: transparent url('http://www.community-alliance.org/images/special_HorizRule_top.gif') no-repeat left bottom;
    font-weight: bold;
	color:#006666;
	padding: 0 0 10px 0;
}
.leadershipItem {

}

/*------------------------------------------------------ calendar ----------------------------------------------------*/

.dateBox {
    width: 33px;
    height: 32px;
    text-align: center;
    background: transparent url('http://www.community-alliance.org/images/dateBox.gif') no-repeat left top;
    line-height: 1.2em;
    padding: 3px 0 0 0;
    font-weight: bold;
	color:#666;
}
.dateBox a:link, .dateBox a:visited {
	color: #666;
	text-decoration: none;
}
.dateBox a:hover, .dateBox a:active {
	color: #333;
	text-decoration: none;
}
/*------------------------------------------------------left navigation---------------------------------------------------*/
#leftnav {
	float: left;
    width: 147px;
	padding:24px 0 15px 20px;
	margin: 0 0 140px 0;
    color: #630;
	font-family: Verdana;
	font-size:11px;
	line-height: 1em;
    text-align: right;
}

#leftnav a:link, #leftnav a:visited {
	color: #630;
	text-decoration: none;
	display: block;
	margin: 0px 22px 0 0;
}

#leftnav a:hover, #leftnav a:active {
	color: #333;
	text-decoration:none;
	display: block;
	margin: 0px 22px 0 0;
}

#leftnav a.at:link, #leftnav a.at:visited, #leftnav a.at:hover, #leftnav a.at:active {
	color: #066;
	text-decoration:none;
	display: block;
	margin: 0px 22px 0 0;
}

#leftnav ul {
	margin: 0 0px 0 0;
	padding: 0 0 0px 0;
}

#leftnav li {
	margin: 13px 0 0  0;
	padding: 0 0 0px 0;
	list-style-type: none !important;
	list-style-image: none !important;
	list-style-position: inside !important;
}

#leftnav ul ul {
    line-height: 1em !important;
	margin: 5px 0px 0 0;
	padding: 0 0 0px 0;
}

#leftnav ul ul li {
    display: run-in;
    line-height: 1em !important;
	margin:5px 0px 0px 0px !important;
	padding: 0px 0px 0px 0px !important;
	list-style-type: none !important;
	list-style-image: none !important;
	list-style-position: inside !important;
	background: transparent url("http://www.community-alliance.org/images/fill.gif") no-repeat top left;
}

#leftnav ul ul li.at {
    display: run-in;
    line-height: 1em !important;
	margin:5px 0px 0px 0px !important;
	padding: 0px 0px 0px 0px !important;
	list-style-type: none !important;
	list-style-image: none !important;
	list-style-position: inside !important;
	background: transparent url("http://www.community-alliance.org/images/tertiaryNavBullet.gif") no-repeat 128px 4px;
}

#leftnav ul ul li a:link, #leftnav ul ul li a:visited {
	color: #963;
	font-size: 10px;
	text-decoration: none;
	display: block;
	margin: 0px 22px 0 0;
}

#leftnav ul ul li a:hover, #leftnav ul ul li a:active {
	color: #333;
	font-size: 10px;
	text-decoration:none;
	display: block;
	margin: 0px 22px 0 0;
}

#leftnav ul ul li a.at:link, #leftnav ul ul li a.at:visited, #leftnav ul ul li a.at:hover, #leftnav ul ul li a.at:active {
	color: #c63;
	font-size: 10px;
	text-decoration:none;
	display: block;
	margin: 0px 22px 0 0;
}

/*-------------------------------------------------------footer--------------------------------------------------------*/
#printable_footer { display: none; }
#footer_container {
    background: #fff url(http://www.community-alliance.org/images/ui_footer_bg.jpg) repeat-x left top;
	width:100%;
	text-align: center;
	clear:both;
	color:#666;
	font-size:9px;
}
#footer {
	width:780px;
	margin: 0 auto 0 auto;
	text-align:center;
	line-height: 1.8em;
	font-size:9px;
}
#footer_links {
	font-size:9px;
    background: transparent url(http://www.community-alliance.org/images/footer_right_bg.gif) no-repeat right 2px;
    margin: 0 0 5px 0;
	text-align:center;
}
#footer_links div.left_leaf {
    background: transparent url(http://www.community-alliance.org/images/footer_left_bg.gif) no-repeat 0px 2px;
	text-align:center;
}

#footer a:link, #footer a:visited, .footer_link_at a:link, .footer_link_at a:visited {
	font-size:9px;
	padding: 0 9px 0 0;
	text-decoration: none;
	color:#666;
	text-transform: uppercase;
}
#footer a:hover,  #footer a:active, .footer_link_at a:hover, .footer_link_at a:active {
	color:#333;
	padding: 0 9px 0 0;
	text-decoration:underline;
	font-size:9px;
}

/*-------------------------------------------------------popups--------------------------------------------------------*/

.itemList_item {
    margin: 5px 0 5px 0;
}
.itemList_title {
    margin: 0;
}

/*---------------------------------------------------Image Gallery---------------------------------------------------*/


.jqGSContainer{
    position:relative;
    background:#ffffff url(http://www.community-alliance.org/images/gallery.gif) no-repeat;
    padding:25px 20px 20px 25px;
    width:470px;
}
.jqGSContainer .jqGSImgContainer{}
.jqGSContainer .jqGSImgContainer ul{
    padding:0;
    margin:0;
    position:relative;
    list-style:none;
    line-height: 1em !important;
}
#content .jqGSContainer .jqGSImgContainer ul li{
	list-style-type: none !important;
	list-style-image: none !important;
	list-style-position: inside !important;
	padding:0;
	margin:0;
	position:relative;
	margin-top:0;
	margin-bottom:0px;
    background:none;
}

.jqGSContainer .jqGSImgContainer ul li .jqGSLoader{
    background:url(http://www.community-alliance.org/images/loadingAnimation.gif) no-repeat center center;
    width:100%;
    height:100%;
    position:absolute;
}
.jqGSContainer .jqGSImgContainer ul li img{
    position:absolute;
    top:50%;
    left:50%;
}
.jqGSContainer .jqGSImgContainer ul li .jqGSTitle{
    background:#000;
    position:absolute;
    right:0px;
    top:0px; 
    padding:3px;
    color:#fff;
    width:444px;
}
.jqGSContainer .jqGSPagination{
    padding: 30px 0 10px 20px;
}
.jqGSContainer .jqGSPagination ul{
    padding:0;
    margin:0;
    list-style:none;
    line-height: 1em !important;
}
.jqGSContainer .jqGSPagination ul li{
    float:left;
    text-align:center;
    line-height: 1em !important;
	margin:0px 0px 0px 0px !important;
	padding: 0px 1px 1px 0px !important;
	list-style-type: none !important;
	list-style-image: none !important;
	list-style-position: inside !important;
}
.jqGSContainer .jqGSPagination ul li a{
    padding:2px 0px;
    background:#eaeaea;
    text-decoration:none;
    display:block;
    width:20px;
    font:10px Verdana, Arial, Helvetica, sans-serif;
}
.jqGSContainer .jqGSPagination ul li a:hover {
    background:#000;color:#fff;
}