@import "dropdown.css";

body { background-color:#0d3162; font-family:Arial, Helvetica, sans-serif; line-height:130%; margin:0; padding:0 }
.wrapper { background:#fff; width:1000px; margin:0 auto; font-size:12px; }

.header { padding:50px 0 20px; position:relative }
	.header h1 { color: #EE2126; font-size: 18px !important; line-height: 40px; clear:both; margin:0 }
	.header p { text-align:center; font-size:12px; margin:0; line-height:16px }
	.logo-floater { position: absolute; z-index:999; top:30px; left:10px; }
	.socialM { display:block; position:absolute; top:50px; right:-37px; z-index:50 }

.banner { height:256px; overflow:hidden; width:950px; margin:0 auto; background:url(images/bg-banner.png) no-repeat }
.banner p { font-size:12px; line-height:18px }
.banner table { margin-left:6px }

.mainContent { margin:0 30px }
.leftCol { width:200px; float:left }
.leftCol div { padding:0 10px; background-color:#E9E9E9 }
.leftCol h3 { margin:0; display:block; text-transform:uppercase; }
.leftCol h3 a { color:#666; text-decoration:none; }
.leftCol ul { margin:10px 0 0; padding:0; list-style:none } 
.leftCol ul li a { display:block; padding:2px 5px; text-decoration:none; border-top:1px solid #ccc }

.rightCol { width:680px; float:right; padding-bottom:50px }
.rightCol h2, .eventsRight  h2 { color:#0F4897; text-transform:uppercase; font: normal 24px "Times New Roman", Times, serif; margin-top:0 }

.eventsRight { width:620px; float:right; padding-bottom:50px }
.eventsLeft { width:270px; float:left }
tr { vertical-align: inherit; border-color: inherit; }

/*Event listing page*/
.calendar-table { border-collapse: collapse; }
.calendar-table th, .calendar-table td { border:1px solid #dddcd8; text-align:center; font-weight:normal; font-size:150%; padding:5px 0 }
.calendar-table th { background-color:#eeeaeb;  color: #0f4897; }
.calendar-nav-caption { color:#242424 !important; font-size:150% !important; text-align:center !important; }
#mycalendar-header{ background-color:#fff !important; }

/*start-New Event Calender Change*/
.caln-table { border-collapse: collapse; }
.caln-table th, .caln-table td { border:0px solid #dddcd8; text-align:center; font-weight:normal; font-size:150%; padding:5px 0 }
.caln-table th { background-color:#eeeaeb;  color: #0f4897; }
.caln-nav-caption { color:#242424 !important; font-size:150% !important; text-align:center !important; }
/*end-New Event Calender Change*/

.footer { background-color: #F02127; height: 80px; clear: both; font-size:11px; color:#fff; padding:10px 30px }


h2 { color:#0F4897; text-transform:uppercase; font: normal 18px "Times New Roman", Times, serif; }
h3 { font-size:14px; margin:10px 0 5px }
p { font-size:12px; line-height:20px; margin:0 0 15px }
.txtRed { color:#F02127 }
.txtWhite { color:#FFF; }
.txtBlue { color:#002ea3; }
.txtYellow { color:#ecaf00; }
.txtGray { color:#666; }
h3.blueHd { font-size:14px; background:#003399; display:block; padding:7px 7px 7px 10px; color:#FFF; }
h3.times { font:normal 18px "Times New Roman", Times, serif; color:#0F4897; }
.quote { color:#0F4897; font: italic 18px "Times New Roman", Times, serif; }

a { color:#0F4897; }
a:hover { color:#F02127; }
	
img { border:0 none }
.imgFloatleft { float:left; padding:0 20px 0 0; }
.imgFloatright { float:left; padding:0 0 0 20px; }

.clearFloat { clear:both }

hr { background-color:#fff; border:#000 1px dotted; border-style: none none dotted; color:#fff; }

#contactForm input, #contactForm textarea { width:100%; }
.green { color:#090; }
.txtBlue { color:#002ea3; }
.txtYellow { color:#ecaf00; }
.txtGray { color:#666; }
.borderBox td { border: 1px solid #ccc; background-color:#f5f5f5 }
.borderBox td table td { border: none }
.borderBottom { margin-bottom:20px }
.borderBottom td { border-bottom: 1px solid #ccc }

.memberCard { width:355px; height:135px; margin:20px auto; background:url(images/bg-card.jpg) no-repeat; padding:110px 30px 0 }
.memberCard h1 { text-align:center; font:32px Georgia, "Times New Roman", Times, serif; margin:0 0 45px }
.memberbyChar { float:left; margin-left:10px }
.memberbyChar a { font-weight:bold; text-decoration:none; padding:1px 3px; margin-left:4px; background-color:#EEE }
.memberbyChar a:hover { background-color:#CCC }

.paging { text-align:center }
.paging a { font-weight:bold; text-decoration:none; padding:1px 3px; margin-left:2px; background-color:#EEE }
.paging a:hover { background-color:#CCC }
.pagingOn { color: #F02127 !important } 

/*start-PayNow for my events*/
.paynow { text-align:left }
.paynow a { font-weight:bold; text-decoration:none; padding:1px 3px; margin-left:2px; background-color:#EEE }
.paynow a:hover { background-color:#CCC }
/*end-PayNow for my events*/

.userNavi { position:absolute; top:10px; right:10px; }
.userNavi .searchBox { border:0 none; background:#EEE; font-size:11px; padding:4px; color:#666 }
.userNavi .searchBox input[type="text"] { height:18px; padding:0; width:120px }

/* buttons */
.btnBlue0 { display:inline-block; background:url(images/bg-blue-btn0.png) no-repeat; width:35px; height:20px; line-height:20px; color:#fff !important; text-decoration:none; text-transform:uppercase; text-align:center; font-size:11px }
.btnBlue1 { display:inline-block; background:url(images/bg-blue-btn1.png) no-repeat; width:85px; height:20px; line-height:20px; color:#fff !important; text-decoration:none; text-transform:uppercase; text-align:center; font-size:11px }
.btnBlue2 { display:inline-block; background:url(images/bg-blue-btn2.png) no-repeat; width:100px; height:20px; line-height:20px; color:#fff !important; text-decoration:none; text-transform:uppercase; text-align:center; font-size:11px }
.btnBlue3 { display:inline-block; background:url(images/bg-blue-btn3.png) no-repeat; width:130px; height:20px; line-height:20px; color:#fff !important; text-decoration:none; text-transform:uppercase; text-align:center; font-size:11px }

.btnRed0 { display:inline-block; background:url(images/bg-red-btn0.png) no-repeat; width:35px; height:20px; line-height:20px; color:#fff !important; text-decoration:none; text-transform:uppercase; text-align:center; font-size:11px }
.btnRed1 { display:inline-block; background:url(images/bg-red-btn1.png) no-repeat; width:85px; height:20px; line-height:20px; color:#fff !important; text-decoration:none; text-transform:uppercase; text-align:center; font-size:11px }
.btnRed2 { display:inline-block; background:url(images/bg-red-btn2.png) no-repeat; width:100px; height:20px; line-height:20px; color:#fff !important; text-decoration:none; text-transform:uppercase; text-align:center; font-size:11px }
.btnRed3 { display:inline-block; background:url(images/bg-red-btn3.png) no-repeat; width:130px; height:20px; line-height:20px; color:#fff !important; text-decoration:none; text-transform:uppercase; text-align:center; font-size:11px }

.btnGold1 { display:inline-block; background:url(images/bg-gold-btn1.png) no-repeat; width:85px; height:20px; line-height:20px; color:#fff !important; text-decoration:none; text-transform:uppercase; text-align:center; font-size:11px }

.btnGray1 { display:inline-block; background:url(images/bg-gray-btn1.png) no-repeat; width:70px; height:20px; line-height:20px; color:#333 !important; text-decoration:none; text-transform:uppercase; text-align:center; font-size:11px }
.btnGray2 { display:inline-block; background:url(images/bg-gray-btn2.png) no-repeat; width:100px; height:20px; line-height:20px; color:#333 !important; text-decoration:none; text-transform:uppercase; text-align:center; font-size:11px }
.btnGray3 { display:inline-block; background:url(images/bg-gray-btn3.png) no-repeat; width:130px; height:20px; line-height:20px; color:#333 !important; text-decoration:none; text-transform:uppercase; text-align:center; font-size:11px }