body{padding: 0px; margin: 0px; width: 100%; height: 100%; text-align: center; font: 11px "Arial"; color: #444;}

img {border: none;}

form	{padding: 0px; margin: 0px;}
input	{font: 11px "Arial"; color: #444;}
select	{font: 11px "Arial"; color: #444;}

.w_140	{width: 140px;}

.table_body{width: 835px; border: 1px solid #c5c5c5; margin-top: 30px; margin-bottom:30px; margin-left: auto; margin-right: auto; text-align: left; }
.table_body_td{vertical-align: top;}
.header{background: url(../images/header_bg_1.gif) no-repeat right top; width: 100%; height: 180px; position: relative;}
.link{position: relative; top: 137px; left: 723px; width: 82px; height: 20px; text-align: center;}

a.logo{display: block; position: absolute; top: 10px; left: 40px; width: 250px; height: 90px;}
a{color: #5481ba; text-decoration: underline; cursor:pointer;}

a.picture {color: #5481ba; text-decoration: none;}

a:hover{text-decoration: none;}
a.header_a {width: 120px; height: 20px; border: 1px solid #b9b9b9; background-color: #f4f4f4; display: block; text-align: center; text-decoration: none;
			 position: relative; top: 50px; left: 10px; font: 10px "Arial"; color: #434b56; line-height: 20px; vertical-align: middle;}
a.header_a:hover {width: 120px; height: 20px; border: 1px solid #b9b9b9; background-color: #aaaaaa; display: block; text-align: center; text-decoration: none;
			 position: relative; top: 28px; left: 10px; font: 10px "Arial"; color: #ffffff; line-height: 20px; vertical-align: middle;}
.header_date{position: relative; top: 73px; left: 15px; width:650px; font: normal 14px "Arial"; color: #5783c3;}
.header_name{color: #5481ba; text-decoration: none; cursor:pointer; font: bold 12px "Arial";}
.header_name:hover{color: #5481ba; text-decoration: underline; cursor:pointer; font: bold 12px "Arial";}
.header_inbox{position: relative; top: 137px; left: 660px; width:170px; font: 11px "Arial"; color: #000; vertical-align:center;}
.header_search{position: relative; top: 78px; left: 15px; width:445px; height:25px;  font: 12px "Arial"; color: #617386;}
.header_name_div{padding-bottom:5px;}
/*MENU*/
.menu{background-color: #f4f4f4; height: 22px; width: 100%; border-top: 1px solid #c5c5c5; border-bottom: 1px solid #c5c5c5;}
a.button_select{background-color: #7796c4; border-right: 1px solid #c5c5c5; width: 118px; height: 22px; font: bold 12px "Arial"; color: #ffffff;
		text-decoration: none; display: block; text-align: center; line-height: 22px; vertical-align: middle; float: left;}
a.button {border-right: 1px solid #c5c5c5; width: 118px; height: 22px; font: bold 12px "Arial"; color: #617386;
		text-decoration: none; display: block; text-align: center; line-height: 22px; vertical-align: middle; float: left;}
a.button:hover{background-color: #7796c4; border-right: 1px solid #c5c5c5; width: 118px; height: 22px; font: bold 12px "Arial"; color: #ffffff;
		text-decoration: none; display: block; line-height: 22px; vertical-align: middle;}
a.button_select_{background-color: #7796c4; width: 118px; height: 22px; font: bold 12px "Arial"; color: #ffffff;
		text-decoration: none; display: block; text-align: center; line-height: 22px; vertical-align: middle; float: left;}
a.button_ {width: 118px; height: 22px; font: bold 12px "Arial"; color: #617386;
		text-decoration: none; display: block; text-align: center; line-height: 22px; vertical-align: middle; float: left;}
a.button_:hover{background-color: #7796c4; width: 118px; height: 22px; font: bold 12px "Arial"; color: #ffffff;
		text-decoration: none; display: block; line-height: 22px; vertical-align: middle;}

.header_inbox a{font: bold 11px "Arial"; color: #617386; text-decoration: underline;}
.header_inbox a:hover{text-decoration: none;}
.footer_link a{font: 9px "Arial"; color: #5481ba; text-align: center; text-decoration: underline;}
.footer_link a:hover {text-decoration: none;}
/*END MENU*/

/*CONTENT*/
.content{background: url(../images/cont_bg.gif) no-repeat right top; background-color: white; height: 300px; vertical-align: top;}

.table_full{width: 100%; font: 12px "Arial"; color: #444;}

.t_left		{text-align: left;}
.t_center	{text-align: center;}
.t_right	{text-align: right;}
.t_justify	{text-align: justify; text-indent: 30px;}

.w_30_l{width: 30px; text-align: left;}
.w_40_l{width: 40px; text-align: left;}
.w_40_c{width: 40px; text-align: center;}
.w_55_c{width: 55px; text-align: center;}
.w_140_l{width: 140px; text-align: left;}
/*END CONTENT*/

/*MAIN STYLE*/
.center_box {margin:0px; border: 1px solid #c1c1c1; vertical-align: top; font: 11px "Arial"; width: 100%; }
/*background: url(../images/box_head_left.gif) no-repeat left top; padding-left: 45px;*/
.title_center_box{ background-color: #7796c4; padding-left: 10px;
		font: 18px "Arial"; color: #ffffff; height: 20px; text-align: left; padding-top:0px; padding-bottom:0px;}
.title_center_box td th {margin:0px; padding:0px;}
.center_box_content{vertical-align: top; font: 11px "Arial"; color: #414141; width: 100%;}
.center_box_content_5{padding:5px; vertical-align: top; font: 11px "Arial"; color: #414141;}

  /*text*/
.text_11_blue{font: 11px "Arial"; color: #617386;}
.center_box_content_text{ vertical-align: top; font: 11px "Arial"; color: #414141; width: 100%;}
.center_box_content_text th{padding:5px; vertical-align: top; font: bold 11px "Arial"; color: #414141; text-align:left;}
.center_box_content_text td{padding-left:40px; vertical-align: top; font: 11px "Arial"; color: #414141; }

.center_box_content_text_2{padding:5px; vertical-align: top; font: 11px "Arial"; color: #414141;}
.center_box_content_text_2 th{padding-bottom:5px; padding-left:5px; vertical-align: top; font: bold 11px "Arial"; color: #414141; text-align:left;}
.center_box_content_text_2 td{padding-left:5px; vertical-align: top; font: 11px "Arial"; color: #414141; }

.center_box_content_text_title {padding-left:5px; text-align:left; font: bold 11px "Arial"; color: #32599e;padding:5px;}

.table_content_title{font: bold 12px "Arial"; color: #32599e;padding:5px;}
.table_content_title_text{color: #797979; font: bold 11px "arial"; height: 20px; vertical-align: middle; text-align: left; padding-left:10px;}
.table_content {font: 11px "Arial";}
.table_content td{padding-left:5px;padding-bottom:5px;}

.table_title_box{background-color: #e2e2e2; padding-left: 5px; padding-right: 5px; font: bold 11px "Arial"; color: #344454; height: 20px; border-bottom: 1px solid #3e474e;}
.table_title_box_2{background-color: #e2e2e2; padding-left: 5px; padding-right: 5px; font: bold 14px "Arial"; color: #32599e; height: 20px; border-bottom: 1px solid #3e474e;}
 /*end text*/


 /*FIELD*/
 .field {font: 11px Arial; width:300px;}
 .field_2 {font: 11px Arial; width:151px;}
 .field_3 {font: 11px Arial; width:99px;}
 .field_very_small {font: 11px Arial; width:45px;}


.col_left {vertical-align: top; font: 11px "Arial"; color: #364950; width: 150px;}
.left_box {border: 1px solid #c5c5c5; margin-bottom: 10px; background-color: #ececec; width: 100%; text-align: center; }
.left_box th{padding: 0px; text-align:center;}
.left_box td{text-align: left; padding: 3px; font: 12px "Arial"; color:#444;}

.left_box_content{width: 100%;}
.left_box_content td{text-align: center; padding: 3px; }

.title_left_box{font: bold 16px "Arial"; color: #ffffff; padding-left: 5px; margin: 0px; background-color: #7796c4;}
.title_left_box_2{font: bold 16px "Arial"; color: #617386; padding-left: 5px; margin: 0px; text-align: center;}

/*END MAIN STYLE*/

/*PICTURE LIST*/
.picture_box {height: 90px; vertical-align: top; width: 100%; }
.picture_box td{vertical-align: top; text-align: center;}
.picture_td {padding: 1px; text-align: center;}
/*END PICTURE LIST*/

.right_align {padding-right: 5px; text-align: right;}



/*LEFT MENU*/
.table_left_button{border-collapse: collapse;  margin: 0px; margin-bottom: 10px; text-align: center; width: 100%;}
.table_left_button td{border: 1px solid #c5c5c5;}
a.left_button{display: block; width: 97%; height: 15px; background-color: White;  padding-left: 5px; line-height: 15px;
		font: 10px "Arial"; color:#617386; vertical-align: middle;  margin: 0px; text-decoration: none; text-align: left; float: left;}
a.left_button:hover{ display: block; width: 98%; height: 15px; background-color: #aaaaaa; padding-left: 5px; line-height: 15px;
		font: 10px "Arial"; color:#ffffff; vertical-align: middle;  margin: 0px; text-decoration: none; text-align: left; float: left;}
/*END LEFT MENU*/


.table_center{padding: 5px; vertical-align: top; width: 100%;}
.table_border{padding: 5px; vertical-align: top; width: 100%; border: 1px solid #c1c1c1; }

.attend{border-bottom: 1px solid #dfdde3; font: bold 11px "arial"; color: #37669e; height: 20px; vertical-align: middle; background-color: #e2e2e2; padding-left:5px;}
.attend_rez{color: #797979; font: bold 11px "arial"; height: 20px; vertical-align: middle; text-align: left; padding:5px;}


.title_table_event{background-color: #7796c4; padding-left: 10px; font: 18px "Arial"; color: #617386; height: 30px; border-bottom: 1px solid #c1c1c1; }


/*don' find*/
/*.button {border-right: 1px solid #c5c5c5; width: 106px; height: 22px; display: block; float: left;}*/

a.button1 {width: 138px; height: 22px; font: bold 12px "Arial"; color: #617386;
		text-decoration: none; display: block; text-align: center; line-height: 22px; vertical-align: middle; float: left;}
a.button1:hover{background-color: #aaaaaa; width: 138px; height: 22px; font: bold 12px "Arial"; color: #ffffff;
		text-decoration: none; display: block; line-height: 22px; vertical-align: middle;}

/*Style for sub menu */
.sub_menu{background-color: #f4f4f4; height: 22px; border-top: 1px solid #c5c5c5; border-bottom: 1px solid #c5c5c5; border-left: 1px solid #c5c5c5;}
.sub_menu_1{background-color: #f4f4f4; height: 22px; border-top: 1px solid #c5c5c5; border-bottom: 1px solid #c5c5c5; border-left: 1px solid #c5c5c5; width: 556px;}
.sub_menu_2{background-color: #f4f4f4; height: 22px; border-top: 1px solid #c5c5c5; border-bottom: 1px solid #c5c5c5; border-left: 1px solid #c5c5c5; width: 453px;}

*html .sub_menu_1{background-color: #f4f4f4; height: 22px; border-top: 1px solid #c5c5c5; border-bottom: 1px solid #c5c5c5; border-left: 1px solid #c5c5c5; width: 553px;}
.sub_menu_5{background-color: #f4f4f4; height: 22px; border-top: 1px solid #c5c5c5; border-bottom: 1px solid #c5c5c5; border-left: 1px solid #c5c5c5; width: 575px;}
*html .sub_menu_5{background-color: #f4f4f4; height: 22px; border-top: 1px solid #c5c5c5; border-bottom: 1px solid #c5c5c5; border-left: 1px solid #c5c5c5; width: 571px;}
a.sub_button {border-right: 1px solid #c5c5c5; width: 138px; height: 22px; font: bold 12px "Arial"; color: #617386;
  text-decoration: none; display: block; text-align: center; line-height: 22px; vertical-align: middle; float: left;}

a.sub_button:hover{background-color: #9faabc; border-right: 1px solid #c5c5c5; width: 138px; height: 22px; font: bold 12px "Arial"; color: #ffffff;
  text-decoration: none; display: block; line-height: 22px; vertical-align: middle;}
a.sub_button_selected,
.sub_menu a.selected
{
    background-color: #9faabc; border-right: 1px solid #c5c5c5; width: 138px; height: 22px; font: bold 12px "Arial"; color: #ffffff;
    text-decoration: none; display: block; text-align: center; line-height: 22px; vertical-align: middle; float: left;
  }

.sub_button {border-right: 1px solid #c5c5c5; width: 106px; height: 22px; display: block; float: left;}

/*End Sub menu*/


.col_right{width: 160px; vertical-align: top; text-align: center;}

/*.left_box{width: 140px; border: 1px solid #c5c5c5; margin-bottom: 10px;}*/
.calendar{width: 210px; height: 200px; background-color: #ececec;}

.title2{font: 14px "Arial"; color: #8b9eaf; padding: 5px; margin: 0px;}
a.edit{font: 14px "Arial"; color: #5481ba; padding: 5px; margin: 0px; text-decoration: none;}
a.edit:hover{text-decoration: underline;}

.info{font: 9px "Tahoma"; line-height: 12px;}
.info a{color: #5481ba; text-decoration: underline;}
.info a:hover{text-decoration: none;}

.error_box td{border:1px solid #ff6600; font: 11px "Arial"; padding:10px;}
.required{color:#ff6600;}

.footer{background-color: #c1c1c1; height: 30px; color: #747474; font: 9px "Arial"; padding: 0px;}
.table_footer{color: #747474; font: 9px "Arial"; padding: 0px; text-align: center; width: 100%;}
.footer_link{width: 70%; font: 9px "Arial"; color: #747474; text-align: center;}


.table_news{vertical-align: top; width: 100%;}

.title_table_news a{font: bold 11px "Arial"; color: #5c82a7; text-decoration: underline;}
.title_table_news a:hover{text-decoration: none;}

.table_news_content{/*width: 100%;*/ font: 11px "Arial"; color: #7e7e7e;}
.table_news_content_title_2{background: url(../images/marker.gif) no-repeat left center; padding-left: 18px;}

a.a_content{font: 11px "Arial"; color: #37669e; text-decoration: underline;}
a.a_content:hover{text-decoration: none;}

/* Color text */
.text_blue	{font: 11px "Arial"; color:#32599e; padding: 0px; margin: 0px;}
.text_black	{font: 11px "Arial"; color:#000000; padding: 0px; margin: 0px;}
.text_match	{font: 11px "Arial"; color:#a485b3; padding: 0px; margin: 0px;}
.text_grey	{color: #848484; padding: 0px; margin: 0px;}
.text		{font: 11px "Arial"; color: #444;}
.text11_a	{font: 11px "Arial"; color: #aaa;}
.text9_a	{font:  9px "Arial"; color: #aaa;}
.text12		{font: 14px "Arial"; color: #aaa;}
.text_24	{font: 24px "Arial"; color: #444;}
.welcome	{font: 24px "Arial"; color: #3d5384; padding-left: 40px;}

.text_12_b_1	{font: bold 12px "Arial"; color: #617386;}
/*-----------*/
/* Separator */
.line_grey_gor{background-color: #dfdfe1; height: 1px; width: 100%; margin-bottom: 5px; margin-top: 5px; font-size: 1px;}
/*-----------*/

.right_box{width: 150px; height: 85px; border: 1px solid #b6b6b6; /*margin: 5px;*/ background-color: #ececec; font: 12px "Arial"; color: #444;}
.right_box_head_1{background: url(../images/search_head.gif) no-repeat left top; height: 41px; width: 197px;}
.right_box_inbox_head_1{background: url(../images/inbox_head.gif) no-repeat left top; height: 41px; width: 197px;}
.right_box_head_2{width: 40px; height: 44px; vertical-align: top; text-align: left;}
.right_box_content{width: 142px; font: 10px "Arial"; color: #7e7e7e; text-align: center;}
.right_box_content a{font: 10px "Arial"; color: #344454;}
.right_box_content a:hover{text-decoration: none;}
.search{width: 122px; height: 18px; font: 12px "Arial"; color: #000000; border: 1px solid #b6b6b6;}

.title1_center_box{padding: 5px; font: 11px "Arial"; color: #414141; height: 20px; border-bottom: 1px solid #7796c4;}
.btnline_center_box{padding: 5px; height: 30px;}
.title_calendar{background-color: #D7D7D8; font-size: 14px; font-weight:bold; color: #323232;}

.title_center_box_content{background-color: #D7D7D8;font: bold 11px "Arial"; color: #364950;}

.event_cont_bg_grey{background-color: #e2e2e2; height: 20px; font: 11px "Arial"; color: #000000; padding-left: 10px; }
.event_cont_bg_grey_name{background-color: #e2e2e2; height: 20px; font: bold 11px "Arial"; color: #37669e; padding-left: 10px; }
.event_cont_bg_white{height: 40px; border-bottom: 1px solid #dedde3;	font: 11px "Arial"; color: #000000; padding: 5px; padding-left: 10px; }
.event_cont_bg_link{border-bottom: 1px solid #dedde3;	font: 10px "Arial"; color: #37669e; padding-left: 10px; }


.right_box_1{width: 197px; border: 1px solid #c5c5c5; margin-bottom: 10px; background-color: #ececec; font: 11px "Arial"; color: #364950;}
.right_box_1 th{background-color: #cecfd1; font: 14px "Arial"; color:#617386; height: 20px; padding: 0px; margin: 0px;}
.right_box_1 td{padding-left: 5px;}


.admin_box {/*margin: 5px;*/ vertical-align: top; width:100%;}

.table_form {font: 11px "Arial"; color: #000000; margin: 5px;}
.table_form td{height: 20px; text-align:left;}

.table_form_1 	{font: 11px "Arial"; color: #000000; width: 100%; }
.table_form_1 td{height: 20px;}

.grid {font-size: 11px; color: #000000;}
.grid th{background-color: #e2e2e2; height: 20px; border-left: 1px solid #c1c1c1;border-top: 1px solid #c1c1c1;	font-weight:bold;}
.grid td{height: 20px; border-bottom: 1px solid #c1c1c1;  border-left:1px solid #c1c1c1;}
input.btn{cursor: pointer; background-color: #e2e2e2; height: 20px; border: 1px solid #c1c1c1; font:bold 11px "Arial"; color: #000000;}

.required{color: #}
.join{background-color: #c8cbce; height: 70px; border: 1px solid #aaa; font: 18px "Arial"; color: #444; width:400px;}

.login_box{background: url(../images/login_head.gif) no-repeat left top; width: 197px; border: 1px solid #b6b6b6; margin: 5px; background-color: #ececec; font: 11px "Arial"; color: #444;}

.menu_style a:hover {
	color: #5481ba;
	text-decoration:underline;
	font:11px "Arial";
}
.menu_style a {
	/*color:#3B5998;*/
	color: #5481ba;
	text-decoration:none;
	font:11px "Arial";
}

.content-block {
	margin-top: 40px;
	width:90%;
	border: 1px solid #7C90B5;
	position:relative;
	padding:10px;
}

.content-block h1 {
	width: 369px;
	position:absolute;
	font-size:14px;
	font-family: arial;
	top:-23px;
	right:-1px;
	text-align:right;
	background:url(../images/header.gif) no-repeat;
	height:23px;
	padding:0px 0px 0px 0px;
	margin:0px;
}

.content-block h1 div {
	padding:4px 10px 0px 0px;
}

.btn_rsvp {background: url('../images/btn_rsvp.gif') no-repeat left top; width: 60px; height: 25px;}
.event_calendar{cursor: pointer; background: url('../images/calendar.gif') no-repeat left top; width: 25px; height: 25px; border: none}