@charset "UTF-8";
/* CSS Document */
body {
	margin: 0px;
	width:100%;
	height:100%;
	background-image: url(../img/global_background.jpg);
	background-repeat:no-repeat;
	background-attachment:fixed;
	background-position:top center;
	background-color:#3f2a4b;
	text-align:center;
}

.smallCopy {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
}

/*big container*/
#bigcontain {
	margin-top: 72px;
	margin-left:auto;
	margin-right:auto;
	width: 956px;
	height: 100%;
	text-align:left;
	z-index:2;
}

/*top header*/
#topcityheadermenu {
	width: 956px;
	height: 63px;
	background-image:url(../img/main_contain.gif);
	background-repeat:no-repeat;
	background-position:0px 0px;
	float:left;
}

#topheadermenu {
	width: 956px;
	height: 47px;
	background-image:url(../img/main_contain.gif);
	background-repeat:no-repeat;
	background-position:0px -65px;
	float:left;
	overflow: hidden;
}

#secondmenu {
	width:315px;
	height:11px;
	margin: 19px 49px 17px 0px;
	float: right;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#322b56;
	text-decoration:none;
}

#secondmenu a:hover{
	text-decoration:underline;
	color:#322b56;
}

#secondmenu a{
	text-decoration:none;
	color:#322b56;
}

#logo {
	width: 343px;
	height: 34px;
	background-image:url(../img/logo.gif);
	float:left;
	margin:5px 205px 10px 44px;
}

#menutop {
	margin: 17px 0px 0px 403px;
	width:363px;
	height:49px;
	position:absolute;
	z-index:5;
	float:left;
	background-position:top center;
	background-repeat:no-repeat;
	text-decoration:none;
	visibility: visible;
}
#menutop a{
	text-decoration:none;
	color:#677c4c;
}

#menutop a:active{
	text-decoration:underline;
}
#joincca_menu   a:hover, a:link, a:visited, a:active, a{
	color:#6d7f96;
}
#whatshappening_menu  a:hover, a:link, a:visited, a:active, a{
	color:#677c4c;
}

/*content*/

/*content container*/
#content {
	width:956px;
	height: auto;
	padding: 0px 26px 0px 22px;
	float:left;
	background-image:url(../img/main_contain_bg_repeat.gif);
	background-repeat:repeat-y;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#333333;
}

#content a {
	text-decoration:none;
	color:#f68c50;
}

#content a:hover {
	text-decoration:underline;
	color:#f68c50;
}

#content a:link {
	color:#f68c50;
}
#content a:visited {
	color:#f68c50;
}



#top_banner {
	padding: 0px 9px 0px 10px;
	float:left;
}



/*left content*/
#left_content {
	width:470px;
	height:535px;
	padding: 21px 22px 0px 45px;
	position:relative;
	float:left;
	line-height: 18px;
}

.thumb{
	border-style:solid;
	border-color:#322b56;
	border-width:3px;
	margin-right:13px;
	margin-bottom:9px;
	float:left;
	position:relative;
}

#left_1 {
	width:460px;
	height:156px;
	padding:0px 10px 15px 0px;
	position:relative;
	float:left;
	background-image:url(../img/dottedline.gif);
	background-repeat:repeat-x;
	background-position:bottom;
}
#left_2 {
	width:429px;
	height:120px;
	padding: 20px 42px 0px 2px;
	position:relative;
	float:left;
	background-image:url(../img/dottedline.gif);
	background-repeat:repeat-x;
	background-position:bottom;
}
#left_3 {
	width:429px;
	height:140px;
	padding: 20px 42px 0px 2px;
	position:relative;
	float:left;
	background-image:url(../img/dottedline.gif);
	background-repeat:repeat-x;
	background-position:bottom;
}
#left_4 {
	width:429px;
	height:111px;
	padding: 25px 42px 26px 2px;
	position:relative;
	float:left;
}



/*right content*/
#right_content {
	width:327px;
	height:535px;
	padding: 16px 17px 0px 18px;
	position:relative;
	float:left;
	background-color: #e3e3e3;
	text-align:left;
	font-size:12px;
}

#right_content img{
	margin-bottom:4px;
}

#right_1{
	width:327px;
	height:171px;
	position:relative;
	float:left;
	background-image:url(../img/dottedline.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	}

#right_2{
	width:327px;
	height:134px;
	position:relative;
	float:left;
	text-align:left;
	margin:25px 0px 23px 0px;
	padding-bottom:32px;
	background-image:url(../img/dottedline.gif);
	background-repeat:repeat-x;
	background-position:bottom;

}

#right_3{
	width:327px;
	height:100%;
	position:relative;
	float:left;
}
	



/*footer*/
#footer {
	width:854px;
	height:194px;
	padding: 16px 0px 0px 35px;
	top:-3px;
	left: 10px;
	float:left;
}
#footerlogo {
	width:854px;
	height:194px;
	float:left;
	background-image:url(../img/footer_logos.gif);
	background-position: 0px 40px;
	background-repeat:no-repeat;
}

#endpage {
	width: 936px;
	height: 85px;
	background-image:url(../img/main_contain.gif);
	background-repeat:no-repeat;
	background-position:0px -122px;
	float:left;
}

#endpage a{
	text-decoration:none;
	color:#FFF;
}

#endpage a:visited{
	text-decoration:none;
	color:#FFF;
}

#endpage a:link{
	text-decoration:none;
	color:#FFF;
}

#endpage a:hover{
	text-decoration:underline;
	color:#FFF;
}

.left {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFF;
}

.right {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFF;
	text-align: right;
}




/*-------------------------------------WHATS HAPPENING-------------------------------------*/

#whatshappening_topmiddle {
	width:908px;
	height:151px;
	float:left;
	position:relative;
	margin:0px;
}

#doyoushareourivsion {
	width:311px;
	height: 105px;
	margin: 25px 40px 35px 25px;
	float:left;
	position:relative;
	background-image:url(../img/joinus/Do_you_share_our_vision_of_Los_Angeles_as.gif);
	background-repeat:no-repeat;
}


#arrowsmenusection {
	width:480px;
	height:115px;
	margin: 17px 0px 0px 0px;
	float:left;
	position:relative;
}

#leftsection {
	width:502px;
	height:547px;
	margin: 0px 0px 0px 9px;
	_margin-left: 4px;
	padding: 27px 0px 0px 26px;
	float:left;
	position:relative;
	background: transparent url(../img/contentBox_main_tile_left.gif) repeat-y 0px 0px;
}

#whatshappening_leftsection {
	width:502px;
	height:547px;
	margin:0px 0px 0px 9px;
	_margin-left: 4px;
	padding:27px 0px 0px 26px;
	float:left;
	position:relative;
	background-image:url(../img/whatshappening/inner_contain.gif);
	background-position:top left;
}

#whatshappening_leftsectionbottom {
	width:528px;
	height:18px;
	margin:0px 0px 0px 9px;
	_margin-left: 4px;
	float:left;
	position:relative;
	background-image:url(../img/whatshappening/inner_contain.gif);
	background-position:bottom left;
}

#leftsection_content {
	width:488px;
	margin: 14px 10px 0px 0px;
	float:left;
	position:relative;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666;
	padding-bottom: 10px;
}

#leftsection_content a, a:hover, a:visited, a:link, a:active{
	color:#ff3300}
	
#whatshappening_rightsection_content {
	width:328px;
	float:left;
	position:relative;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333;
}

#whatshappening_rightsection_content a, a:hover, a:visited, a:link, a:active{
	color:#ff3300}

#whatshappening_rightsectionbottomend {
	width:363px;
	height:18px;
	margin:0px 0px 0px 0px;
	float:left;
	position:relative;
	background-image:url(../img/whatshappening/innter_contain_darkgrey.gif);
	background-position:bottom right;
	
}

#whatshappening_rightsectiontop {
	width:326px;
	height:335px;
	padding: 21px 24px 0px 13px;
	float:left;
	position:relative;
	background-image:url(../img/whatshappening/inner_contain_midgrey.gif);
	background-position:top right;
}
#whatshappening_rightsectionbottom {
	width:363px;
	height:285px;
	float:left;
	position:relative;
	background-image:url(../img/whatshappening/innter_contain_darkgrey.gif);
	background-position: right;
}

#rightsectionbottom {
	width:363px;
	float:left;
	position:relative;
	background: #d6d6d6 url(../img/contentBox_right_tile_right.gif) repeat-y top right;
}

#whatshappening_rightsectionbottom_cal {
	width:267px;
	height:260px;
	float:left;
	padding: 25px 0px 0px 15px;
	position:relative;
}

#whatshappening_rightsectionbottom_topline {
	width:363px;
	height:285px;
	float:left;
	position:relative;
	background-image:url(../img/dottedline.gif);
	background-position:top left;
	background-repeat:repeat-x;
}



/*top middle green arrows*/
#whatshappening_greenarrow {
	width: 500px;
	height:11px;
	float:left;
	top:-2;
	padding: 0px 0px 0px 15px;
	margin:0px 0px 10px 0px;
	position:relative;
	background-image:url(../img/whatshappening/green_arrow.gif);
	background-position:top left;
	background-repeat:no-repeat;
	font-size:11px;
}

#whatshappening_greenarrow_select {
	width: 500px;
	height:11px;
	float:left;
	top:-2;
	padding: 0px 0px 0px 15px;
	margin:0px 0px 10px 0px;
	position:relative;
	background-image:url(../img/whatshappening/gree_arrow_down.gif);
	background-position:top left;
	background-repeat:no-repeat;
	font-size:11px;
}

#whatshappening_bluearrow {
	width: 500px;
	height:11px;
	float:left;
	top:-2;
	padding: 0px 0px 0px 15px;
	margin:3px 0px 0px 0px;
	position:relative;
	background-image:url(../img/whatshappening/blue_arrow.gif);
	background-position:top left;
	background-repeat:no-repeat;
	font-size:11px;
}

#whatshappening_bluearrow_select {
	width: 500px;
	height:11px;
	float:left;
	top:-2;
	padding: 0px 0px 0px 15px;
	margin:3px 0px 0px 0px;
	position:relative;
	background-image:url(../img/whatshappening/blue_arrow_down.gif);
	background-position:top left;
	background-repeat:no-repeat;
	font-size:11px;
}

#whatshappening_bluearrow_blurb {
	width: 500px;
	height:11px;
	float:left;
	top:-2;
	padding: 0px 0px 0px 5px;
	margin:0px 0px 10px 0px;
	position:relative;
	background-position:top left;
	background-repeat:no-repeat;
	font-size:12px;
	font-weight:bold;
}





/*-------------------------------------MEMBER BEN-------------------------------------*/


#memben_innercontain {
	width:889px;
	height:572px;
	margin:0px 0px 0px 9px;
	-margin: 4px;
	float:left;
	background-image:url(../img/whatshappening/inner_contain.gif);
	background-position:top left;
}

#memben_innercontain_chart {
	width:840px;
	height:523px;
		margin:0px 0px 0px 9px;
	margin:49px 0px 0px 37px width:840px;
	float:left;
	position:relative;
	background-image:url(../img/whatshappening/inner_contain.gif);
	background-position:top left;
}

#memben_innercontainend {
	width:889px;
	height:18px;
	margin:0px 0px 0px 9px;
	float:left;
	position:relative;
	background-image:url(../img/whatshappening/inner_contain.gif);
	background-position:bottom left;
}

#graph_contain {
	width: 428px;
	height: auto;
	float:left;
	position:relative;
	margin:0px
	border-bottom-color:#000;
	border-width:1px;
	border-style:solid;
	text-align:left;
}

#graph_contain p {
	width:105px;
	height:26px;
	float:left;
	margin:0px;
	position:relative;
	border:#000;
	border-width: thin;
	border-style:solid;
	text-align:left;
}
	
#clickhere a:hover{
	border-bottom-width:2px;
	border-right-width:0px;
	border-left-width:0px;
	border-top-width:0px;
	border-color: #677c4c;
	border-style:solid;
}