/* CSS Document */
/*
Utility Bar (Dark Blue): #124696;
Overall Background color (light Blue): #e0e6e7;
*/
body{	
	margin: 0;
	background-color:#FFF;	
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	}
	
#main{
	margin-left:auto;
	margin-right:auto;
	width:950px;
	}
.clear{
	clear:both;
	}

.updateText	{
	color:#a83c3b;
	text-shadow: 0 0 12px #FF0;
/* 0 x-shift, 0 y-shift, 12px blur, color of shadow */

}

h1 {	
	font-family:Arial, Helvetica, sans-serif;
	font-size:21px;
	color:#124696;
	}
h2 {	
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#124696;
	}
h3 {	
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:21px;
	margin-top:21px;
	margin-bottom:5px;
	padding:0px;
	}
h6 {	
	margin-bottom:8px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333;
	}
ul{
	margin-top:0px;
	padding-top:0px;
	}
a {
	font-family:Arial, Helvetica, sans-serif;
	color:#124696;
	text-align: left;
	/*font-size:12px;
	line-height: 21px;*/
}
p, li, dd, dt, blockquote {	
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height: 21px;
	color:#333;
	}
hr {
	padding:0;
	margin-bottom:1px;
	width:100%;
	border:0;
	background-color:#e0e6e7;
	color:#e0e6e7;
	height:1px;
}
label{
	width:105px;
	float:left;
	margin-right:10px;
	display:block;
	font-weight:bold;
	}
label.longLabel {
	width:130px;
	float:left;
	margin-right:10px;
	display:block;
	}	
.backToTop {
	padding:0;
	margin:0;
	float:right;
}
.backToTop a, .backToTop a:visited {
	background-color:#124696;
	padding:5px;
	color:#ffffff;
	text-decoration:none;
	}
.backToTop a:hover{
	background-color:#fff;
	padding:5px;
	color:#124696;
	text-decoration:none;
	}
button {
	float:right;
	display:block;
	margin: 10px;
	padding: 2px 4px;
 }

/* ================================================ Contribution Table ================================================ */
table.contribute {
	width:650px;
	}
table.contribute tr{
	margin:0;
	padding:0;
	}
table.contribute tr th{
	text-align:left;
	padding-top:10px;
}
table.contribute tr td {
	margin:0px;
	padding:1px;
	
	border-bottom: 1px solid #666;
	}
table.contribute tr td p{
	margin:0px;
	padding:0px;
	}

/* ================================================ About Section ================================================ */
#poepleBox{
	width:680px;
}
#poepleBox .directorTitles{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:21px;
	color:000;
	font-weight:bold;
}
#poepleBox p{
	margin:0;
	padding:5px 10px 10px 10px;
	float:left;
	width:200px;
}
/* ================================================ Events Section ================================================ */

table.events_calendar {
	border-spacing: 1px;
	background-color: #e0e6e7;
}

table.events_calendar tr td {
	vertical-align: text-top;
	width: 25%;
	background-color:#C9D6DE;
	padding:0 10px;
	
}
/* ================================================ publication Section ================================================ */

table.publication {
	border-spacing: 1px;
}
table.publication tr td {
	margin:0;
	padding:5px 0;
	vertical-align: text-top;
	text-align:center;
}
table.publication th{
	padding-top:15px;
}
table.publication th.formTitle {
	padding-right:15px;
	text-align:right;
}
table.publication td.formTitle {
	padding-right:15px;
	text-align:right;
}
table.publication p {
	margin:0;
	padding:0;
}
table.publication hr {
	margin:10px 0;
	padding:0;
}


/* ================================================ Utility Bar ================================================ */
#utilityBar{
	background-color: #124696;
	padding: 5px 15px 5px 5px;
	}
#utilityBar p{
	margin:0;
	font-family: Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#fff;
	text-align:right;
	}
#utilityBar a:link, #utilityBar a:visited {
	padding: 0 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#fff;
	}
#utilityBar a:hover {
	padding: 0 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#fff;
	}
	
/* ================================================ Header ================================================ */
#header{
	background-color: #e0e6e7;
	width:950px;
	}
#header img {
	float:left;
	}
#header .searchBar {
	margin-top: 30px;
	margin-left: 235px;
	float:left;
	}
#header .searchInput{
	margin-left:6px;
	padding:0;
	background: #ccc;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333;
	border: 1px solid #999;
	}
	
#header .searchBtn{
	margin-left:8px;
	padding:0;
	background: #666;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #fff;
	border: 1px solid #999;
	}
/* ================================================ Membership + Flash Banner ================================================ */
#header2{
	background-color: #e0e6e7;
	width:950px;
	}
#membership{
	margin:0px;
	padding:10px;
	border-bottom: 1px solid #fff;
	float:left;
	background-color: #0b3d92;
	width:200px;
	height:89px;
	}
#membership p{
	margin:0px;
	padding:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:10px;
	color:#FFF;
	}
#membership .joinNow{
	margin-top:5px;
	padding:0px;
	}
#membership .joinNow a:link, #membership .joinNow a:visited{
	display:block;
	background-image:url(../images/btn_joinCALA.gif);
	width:177px;
	height:42px;
	}
#membership .joinNow a:hover{
	display:block;
	background-image:url(../images/btn_joinCALA.gif);
	width:177px;
	height:42px;
	}
#membership .searchBar {
	margin:0;
	padding:0;
	float:left;
	}
#membership form {
	margin: 5px 0 0 0;
	padding:0;
	}
#membership .searchInput{
	margin:0;
	padding:0;
	background: #fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333;
	border: 1px solid #999;
	}
	
#membership .searchBtn{
	margin:0 0 0 8px;
	padding:0;
	background-repeat:no-repeat;
	background: #9d0804;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #fff;
	border: 1px solid #9d0804;
	}
#flashBanner{
	float:left;
	}
/* ================================================ Content ================================================ */	
#mainContent {
	width:950px;
	background-image:url(../images/bg_leftNav.jpg);
	background-repeat:repeat-x;
	background-color: #a9bfcd;
	}
#rightContent{
	float:right;
	width:730px;
	background-color:#c9d6de;
	}
/* ================================================ Home Welcome Content Box ================================================ */
#homeWelcome{
	background-image:url(../images/bg_homeWelcome.jpg);
	background-repeat:repeat-y;
	float:left;
	width:730px;
	}
#homeWelcome img{
	float: left;
	margin: 15px 0px 0px 10px;
	}
#homeWelcome .welcomTxtBox{
	float: left;
	margin: 10px 10px 0px 10px;
	}
/* ================================================ inside ================================================ */
#insideContentBox{
	float:left;
	margin:15px 10px 15px 10px;
	width:650px;
	}
#insideContentBox .formLeft{
	float:left;
	width:340px;
	}
	
#insideContentBoxLeft{
	float:left;
	margin:15px 0px 15px 25px;
	width:425px;
	}
#insideContentBoxRight{
	float:left;
	margin:40px 25px 25px 25px;
	width:225px;
	}
.txtMemberOnly{
	font-size:10px;
	color:#124696;
	}

	
/* ================================================ Events ================================================ */
#events{
	width:730px;
	}
.titleBar{
	display:block;
	background-color: #a9bfcd;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight:bold;
	padding-left:25px;
	margin-bottom:15px;
	line-height:36px;
	color:#0b3d92;
	width:705px;
	}
#newSection{
	padding-left:25px;
	}
#newSection h1{
	padding:0px;
	margin:0px;
	color:#a83c3b;
	font-size:18px;
	line-height:24px;
	}
#newSection h2{
	padding:0px;
	margin:16px 0 0 0;
	color:#000;
	font-size:14px
	}
#newSection p{
	float:left;
	margin:4px 30px 0 0;
	font-size:12px;
	width: 490px;
	}
.icon{
	float:left; 
	 padding-right:2px;
	 }
.divLine{
	border-top: 1px solid #d7e0e6;
	width:680px;  
	display:block; 
	margin: 18px 0 15px 0;
	}
#btnMore {
	float:left;
	margin-top:10px;
}
#btnMore a:link, #btnMore a:visited{
	display:block;
	background-image:url(../images/btn_MoreDetail.gif);
	width:73px;
	height:27px;
	}
#btnMore a:hover{
	display:block;
	background-image:url(../images/btn_MoreDetail2.gif);
	width:73px;
	height:27px;
	}
/* ================================================ inside ================================================ */
#insideContentBoxConf{
	float:left;
	margin:15px 10px 15px 10px;
	width:650px;
	}
#insideContentBoxConf h1 {	
	font-family:Arial, Helvetica, sans-serif;
	font-size:28px;
	color:#990000;
	}
#insideContentBoxConf h2 {
	margin-top:10px;
	margin-bottom:10px;	
	font-family:Arial, Helvetica, sans-serif;
	font-size:21px;
	color:#333;
	line-height:26px;
	}
#insideContentBoxConf h3 {	
	font-family:Arial, Helvetica, sans-serif;
	font-size:21px;
	line-height:21px;
	margin-top:21px;
	margin-bottom:5px;
	padding:0px;
	color:#990000;
	}
#insideContentBoxConf h4 {	
	margin-bottom:10px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#990000;
	}
#insideContentBoxConf hr {
	padding:0;
	margin-top:10px;
	margin-bottom:1px;
	width:100%;
	border:0;
	background-color:#990000;
	color:#990000;
	height:1px;
	}
#insideContentBoxConf strong{	
	font-size:14px;
	color:#000000;
	}
#insideContentBoxConf .strongRed{	
	font-size:14px;
	color:#990000;
	}
#insideContentBoxConf .strongSmall{	
	font-size:11px;
	color:#000;
	line-height:16px;
	font-weight:bold;
	}
#insideContentBoxConf .btnUp a:link, #insideContentBoxConf .btnUp a:visited{
	padding-top:10px;
	float:right;
	color:#990000;
	text-transform: capitalize;
	text-decoration:none;
	font-weight:bold;
	}
#insideContentBoxConf .btnUp a:hover{
	padding-top:10px;
	float:right;
	color:#990000;
	text-transform: capitalize;
	text-decoration:none;
	font-weight:bold;
	}
	
	
/* ================================================ Footer ================================================ */	
#footer{
	background-color:#0b3d92;
	padding: 10px 20px 10px 20px;
	width:910px;
	}
#footer img{
	margin-left:60px;
	}
#footer p{
	float:right;
	margin-right:40px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#fff;
	}
#footer a:link, #footer a:visited{
	color:#fff;
	text-decoration:none;
	}
#footer a:hover{
	color:#fff;
	text-decoration:underline;
	}
	
#insideContentBox .formRight {
	float:right;
	width:45%;
	padding:6% 0 0 0;
}