body{
	background-repeat:no-repeat; 
	background-position: left top; 
	background-color: #000000;
	font-family: Helvetica, Arial, sans-serif;
}

p{
	margin-top:0;
	text-align:left;
}

h1{
	margin-top:0;
}

#content{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	color:#A7ADB6;
}

.main{
	width: 80%;
	margin-top: 100px;
	margin-bottom: 50px;
}

.login{
	width: 450px;
	margin: 100px auto 50px auto;
}

#xheader{
	/*padding-top: 15px;*/
	/*height: 90px;*/
	background-image: url(/common/res/site_logo.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	background-color: #000000;
}

#ccheader{
	/*height: 20px;*/
	background-image: url(/common/res/community_center_logo.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	background-color: #000000;

}

#footer {
	margin-top: 5px;
	color: #ffffff;
	font-size: 10px;
	text-align: center;
}

.x{
	border:none;
	filter: alpha(opacity=70);
	opacity: 0.7;
	background-color: black;
	overflow:hidden;
}

.x0, .x1, .x2, .x3, .x4, .x5, .x1l, .x2l, .x3l, .x4l, .x5l, .x1r, .x2r, .x3r, .x4r, .x5r, .x1wl, .x2wl, .x3wl, .x4wl, .x5wl, .x1wr, .x2wr, .x3wr, .x4wr, .x5wr{
	display: block;
	background-color: black;
	border:none;
	overflow:hidden;
	height: 1px;
	font-size: 1px;
}

.x0 {margin:0;}
.x1 {margin:0 1px;}
.x2 {margin:0 2px;}
.x3 {margin:0 3px;}
.x4 {margin:0 4px;}
.x5 {margin:0 5px;}

.x1l {margin:0 0 0 1px;}
.x2l {margin:0 0 0 2px;}
.x3l {margin:0 0 0 3px;}
.x4l {margin:0 0 0 4px;}
.x5l {margin:0 0 0 5px;}

.x1r {margin:0 1px 0 0;}
.x2r {margin:0 2px 0 0;}
.x3r {margin:0 3px 0 0;}
.x4r {margin:0 4px 0 0;}
.x5r {margin:0 5px 0 0;}

.x1wr {width:1px; float:right; margin-left:-1px;}
.x2wr {width:2px; float:right; margin-left:-2px;}
.x3wr {width:3px; float:right; margin-left:-3px;}
.x4wr {width:4px; float:right; margin-left:-4px;}
.x5wr {width:5px; float:right; margin-left:-5px;}

.x1wl {width:1px; float:left; margin-right:-1px;}
.x2wl {width:2px; float:left; margin-right:-2px;}
.x3wl {width:3px; float:left; margin-right:-3px;}
.x4wl {width:4px; float:left; margin-right:-4px;}
.x5wl {width:5px; float:left; margin-right:-5px;}

#xtop .x5, #xbottom .x5 {
	background-image:url(/common/res/gradient_line_600_6a_5.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

.y{
	border:none;
	background-color: green;
	border:none;
	overflow:hidden;
}

.y0, .y1, .y2, .y3, .y4, .y5{
	display: block;
	background-color: green;
	border:none;
	overflow:hidden;
	height: 1px;
	font-size: 1px;
}

.y0 {margin:0;}
.y1 {margin:0 1px;}
.y2 {margin:0 2px;}
.y3 {margin:0 3px;}
.y4 {margin:0 4px;}
.y5 {margin:0 5px;}

#ytop .y1, #ytop .y2, #ytop .y3, #ytop .y4, #ytop .y5{
	background-color: #3a3a3a;
}

#ytop .y3{
	background-image: url(/common/res/gradient_line_900x2_70_32.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
}

#ybottom .y5{
	background-image: url(/common/res/gradient_line_600_6a_5.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

#ybottom .y1, #ybottom .y2, #ybottom .y3, #ybottom .y4, #ybottom .y5{
	background-color: #000000;
}

.ytop_bg{
	background-position: top; 
	background-repeat: repeat-x;
	background-image:url(/common/res/v_gradient_100_3a_25.jpg);
	background-color: #252525;
}

.ybottom_bg{
	background-position: bottom; 
	background-repeat: repeat-x; 
	background-image:url(/common/res/v_gradient_100_25_0.jpg);
}

.zboxcontent {
	width:100%;
	margin: 0px;
	display: block; 
	background: #7F7C68;
	z-index: 8;	
}

.zboxheader {
	width:100%; 
	background-repeat: repeat-x; 
	display:block; 
	z-index: 9;
	background-color: #7F7C68;
}
.zboxfooter {
	width:100%; 
	background-position: bottom; 
	background-repeat: repeat-x; 
	display:block;
	z-index: 10;
	background-image: url(/common/res/zboxfooter_bg.jpg);
}

.zbox_title{
	width: 100%;
	color: white;
	text-align: center;
	font-size:13px;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	padding-bottom: 4px;
	border-bottom: solid 1px #9B9987;	
}

.zbox_body{
	padding: 3px 5px 0px 5px;
	color: white;
	text-align: left;
	font-size:13px;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
}

.ztop, .zbottom {
	display: block;
	background: transparent;
	font-size: 1px;
}

.zb1, .zb2, .zb3, .zb4 {display:block; overflow:hidden;}
.zb1, .zb2, .zb3 {height:1px; font-size: 1px;}
.zb4 {height:2px;}

.zb1 {margin:0 5px;}
.zb2 {margin:0 3px;}
.zb3 {margin:0 2px;}
.zb4 {margin:0 1px;}

.ztop .zb1{
	background-position: center top;
	background-repeat: no-repeat;
	background-image: url(/common/res/zline1.gif);
	background-color: #7F7C68;
}
.ztop .zb2, .ztop .zb3, .ztop .zb4{
	background-color: #7F7C68;
}
.zbottom .zb1{
	background-position: center top;
	background-repeat: no-repeat;
	background-image: url(/common/res/zb1_bottom_bg.gif);
	background-color: #7F7C68;
}

.zbottom .zb2{
	background-position: center top;
	background-repeat: no-repeat;
	background-image: url(/common/res/zb2_bottom_bg.gif);
	background-color: #7F7C68;
}

.zbottom .zb3{
	background-position: center top;
	background-repeat: no-repeat;
	background-image: url(/common/res/zb3_bottom_bg.gif);
	background-color: #7F7C68;
}

.zbottom .zb4{
	background-position: center top;
	background-repeat: no-repeat;
	background-image: url(/common/res/zb4_bottom_bg.gif);
}

.zline1{

	height: 8px;
	width: 100%;
}

/*MENU*/
.menu {
	width:100%;
	border:none;
}

.menu_left, .menu_left_active{
	background-repeat: no-repeat;
	background-position: top left;
}
.menu_left{background-image: url(/common/res/menu_left_bg.png);}
.menu_left_active{background-image: url(/common/res/menu_left_bg_active.png);}

.menu_right, .menu_right_active{
	background-repeat: no-repeat;
	background-position: top right;
}
.menu_right{background-image: url(/common/res/menu_right_bg.png);}
.menu_right_active{background-image: url(/common/res/menu_right_bg_active.png);}

.menu_point, .menu_point_active{
	overflow:hidden;
	padding: 0px;
	margin:0px;
	background-repeat: repeat-x;
	background-position: top;
	border:none;
	text-align:center;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-transform: uppercase;
	/*color: #BEAE99;*/
	color:#ffffde;
	cursor: pointer;
}

.menu_point{background-image: url(/common/res/menu_point_bg.png);}
.menu_point_active{background-image: url(/common/res/menu_point_bg_active.png);}

.menu_separator{
	width: 2px;
	background-repeat: no-repeat;
	background-position: top;
	background-image: url(/common/res/menu_separator.png);
	border:none;
	padding:0px;
	
}

.content_header{
	width:100%;
}

.page_title{
	width:50%;
	text-align: left;
}

.page_actions{
	width:50%;
	text-align: right;
}