@charset "UTF-8";
/* New Calendar styles only. May be appended to current master.css or kept as separate stylesheet */

/* MASTER DEFAULTS for standalone pages ••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••• */
body {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#4b575a; line-height: 155%;}
form {padding:0px; margin:0px;}
input,textarea {font-family: Arial, Helvetica, sans-serif;}
a {color:#4b575a; text-decoration:underline;}
a:hover {color:#4b575a; text-decoration:none;}

h2 { font-size:20px; line-height:110%; color:#215f97; border-bottom:1px dotted #999; padding-bottom:1px; margin-bottom:30px; }
	h2 span { float:left;}
h3 {font-size:17px; line-height:110%; color:#579f2e; padding-bottom:3px;}
h4 {font-size:10px; color:#16459A; font-weight:bold; text-transform:uppercase; letter-spacing:.05em; }
.accent01 {color:#215f97;} /*BLUE*/
.accent01Med {color:#215f97; font-size:13px;}
.accent02 {color:#579f2e;} /*GREEN*/
.accent02Med {color:#579f2e; font-size:13px;}
/* •••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••• */


.eventCalendar a { text-decoration:none;}

.col1-2.main {width:65%; float:left; position:relative;}
.col2-2 { width:30%; float:right;}

/*ul*/
ul.stripped { margin:0px; padding:0px; list-style-type:none;}

.dateBoxSm { text-align:center; width:43px; height:43px; background: #0c3a63;}
	.dateBoxSm a { display:block; width:100%; height:100%;}
	.dateBoxSm .month {color:#FFF; font-size:10px; line-height:100%; text-transform:uppercase; display:block; padding:8px 0px 0px 0px;}
	.dateBoxSm .day {color:#93afc8; font-size:18px; line-height:100%; font-weight:bold;}

a.btnBlankRounded { font-size:10px; line-height:100%; text-transform:uppercase; text-align:center; text-decoration:none; -webkit-border-radius: 4px;	-moz-border-radius: 4px; border-radius: 4px; padding:4px 6px; display:block; /*width:20%;*/ width:auto; background-image:url(../../images/bkgButtonGradient.png); color:#FFF; background-color:#93afc8; background-repeat:repeat-x; background-position:top;}
  a.btnBlankRounded:hover { text-decoration:none; background-color:#0c3a63;}
  
.btnBlankGrad { font-size:10px; line-height:100%; text-transform:uppercase; background:url(../../images/bkgButtonGradient.png) bottom repeat-x; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; display:block; padding:13px; border:1px solid #d6d6d6; text-decoration:none;}

h2 .btnBlankGrad { font-weight:bold; text-align:center; float:right; padding:6px 17px; margin-bottom:3px; color:#FFF; background-color:#0c3a63; border-color:#0c3a63;}
	h2 .btnBlankGrad:hover { color:#FFF; background-color:#215F97;}



.time { color:#0c3a63; font-weight:bold; text-transform:uppercase;}


.eventDetail .unit { overflow:hidden; border-bottom-width:1px; border-bottom-style:solid; padding-bottom:15px; margin-bottom:15px;}
		.eventDetail .additional { margin-top:50px;}
		.eventDetail .dateBoxSm.large { width:100px; height:110px; background-image:none; float:left;}
		.eventDetail .details { float:left; padding:0px 0px 0px 20px; width:80%;}
		.eventDetail p { font-size:12px;}
		.eventDetail img { float:right; padding:0px 0px 10px 10px;}
		
		.eventDetail .title {color:#0c3a63; font-size:20px; line-height:110%; display:block; }
		.eventDetail .dateBoxSm .month { font-size:19px; padding:16px 0px 6px 0px; border-bottom-width:1px; border-bottom-style:dotted; margin:0px 12px;}
		.eventDetail .dateBoxSm .day {font-size:50px; }
		.eventDetail .label {color:#93afc8; font-weight:bold; text-transform:uppercase;}
		.eventDetail .btnBlankRounded { margin:10px 0px 0px 0px; float:left; margin-right:10px;}
		.eventDetail .note { font-style:italic; margin:10px 0px 0px 0px; float:left; }
		
		/*Multiple Event Instances*/
		.eventDetail .noSingleDate { padding:0px;}
		.eventInstancesWrapper { padding:14px 0px 30px 0px;}
		.eventDetail .col1-2 .eventInstancesWrapper img { float:none; padding:0px; margin:0px;}
		.eventInstancesWrapper table { width: 100%;}
		.eventInstancesWrapper th { text-align:left; padding:0px; padding:6px;}	
		.eventInstancesWrapper td { line-height:110%; text-align:left; vertical-align:top;}	
		.eventInstancesWrapper table .col1 { width:20px;}
		.eventInstancesWrapper table .col2 { width:160px;}
		.eventInstancesWrapper table .col2a { width:74px;}
		.eventInstancesWrapper table .col2b { width:74px;}
		.eventInstancesWrapper table .col3 { width:160px;}
		.eventInstancesWrapper table .col4 { width:auto;}
		
		.eventInstance { font-size:12px; font-weight:bold;}
			.eventInstance td { padding:6px; border-top:1px solid #d6d6d6;}
		.eventInfo td { padding:4px 6px; border-top:1px solid #d6d6d6;}
		
		.eventInstancesWrapper .notes {padding:15px 38px;}
			.eventInstancesWrapper .notes p { font-size:11px; line-height:110%; font-style:italic;}
		.eventInstancesWrapper .btnBlankRounded { margin:0; width:120px; float:left; margin-right:10px;}

.eventIndex .unit { overflow:hidden; border-bottom:1px solid #DBDDDE; padding-bottom:15px; margin-bottom:15px;}
	.eventIndex .unit .dateBoxSm { float:left;}
	.eventIndex .unit .details { float:left; padding:0px 0px 0px 12px; width:80%;}
	.eventIndex .moreInfo {color:#93afc8; text-transform:uppercase; font-weight:bold; font-size:11px;}
		.eventIndex .moreInfo:hover {color:#0c3a63;}
.eventIndex .title {font-size:15px; line-height:105%; display:block; border-bottom:none;}
  	.eventIndex .title:hover {color:#0c3a63;}
	
 
.eventSubmission .intro { font-size:15px; line-height:120%; padding-bottom:15px;}
.eventSubmission label { font-size:13px; color:#93afc8; display:block; padding-bottom:3px;}
.eventSubmission .row { padding-bottom:20px;}
.eventSubmission .subHeader { text-transform:uppercase; font-size:12px; border-bottom:3px solid #0c3a63; margin:20px 0px 10px 0px; width:90%;}
.eventSubmission .note { font-size:10px; font-style:italic; display:block;}
.eventSubmission .submit { font-weight:bold; width:110px; text-align:center;}
.eventSubmission .submitAnother {font-weight:bold; width:150px; text-align:center;}
.eventSubmission .btnBlankGrad:hover { color:#FFF; background-color:#0c3a63;}	
.eventSubmission input { font-size:12px; color:#333; background:#FFF; border:1px solid #CCC; height:20px; padding:4px; width:450px;}
.eventSubmission textarea { font-size:11px; color:#333; background:#FFF; border:1px solid #CCC; height:20px; padding:4px; width:450px;}
.eventSubmission input[type="checkbox"], 
.eventSubmission input[type="radio"],
.eventSubmission input[type="button"] { border:none; height:auto; width:auto;}

.eventSubmission input[type="button"] {font-size:10px; line-height:100%; text-transform:uppercase; background:url(../../images/bkgButtonGradient.png) bottom repeat-x; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; display:block; padding:4px 8px; border:1px solid #d6d6d6; text-decoration:none; display:inline; margin-right:10px;}


/*RIGHT COLUMN ELEMENTS*/
.eventCalendar .roundedWrapper.expanded {padding:0px 0px 22px 0px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius:8px; margin-bottom:6px; background:#DBDDDE;}
	.eventCalendar .col2-2 h3, .roundedWrapper h3 {font-size:12px !important; line-height:110% !important; font-weight:bold; padding:10px 0px 10px 10px; border-bottom:1px solid #FFF; margin-bottom:10px;}
	#hmRightCol .roundedWrapper { margin-bottom:30px;}
	
	/*Category Listing:*/
	.categoryWrapper { padding:0px 22px;}
		.categoryWrapper .btnBlankGrad {color:#0c3a63; border-color:#b2bbc4; text-align:center; width:40%; padding:6px; margin-top:10px; }
		.categoryWrapper .btnBlankGrad:hover { color:#FFF; background-color:#0c3a63;}			
		
	/*Small Grid Calendar:*/	
 	.calWrapper {margin-top:6px; padding:0px 12px;}
		.calWrapper .weekDays { color:#579F2E; font-size:11px;}
		.calWrapper .weekDaysBorder { border-top-width:1px; border-top-style:solid; height:2px; padding:0px; }
		.calWrapper td {text-align:center;}
		.calWrapper td.eventDate { width:15%;}
		.calWrapper td.eventDate a { display:block; width:100%; height:100%; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius:4px; text-decoration:none; background: #579F2E;
    color: #FFFFFF;}
		.calWrapper td.eventDate a:hover {text-decoration:none; background:#0c3a63;}
		.calWrapper td.prevNxtMonth {color: #959ea2;}
	.monthWrapper {font-weight:bold; font-size:11px; line-height:105%; text-align:center; height:18px; padding:0px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius:4px; background:#babfc1;}
		.monthWrapper .leftInfo { float:left; width:18px; padding-top:5px;}
		.monthWrapper .centerInfo { text-align:center; margin:0px 26px; padding-top:3px;}
		.monthWrapper .rightInfo { float:right; width:18px; padding-top:5px;}
		
	


/*display tools -------------------------*/

.displayTools { height:21px; padding:0px; width:99%; overflow:hidden;}
	.displayTools a {color:#93afc8; font-size:10px; text-decoration:none;}
	.displayTools a:hover {color:#0c3a63; text-decoration:none;}
	.displayTools .leftInfo { float:left; width:90px;}
	.displayTools .centerInfo {color:#0c3a63; font-weight:bold; text-align:center; margin:0px 90px;}
	.displayTools .centerInfo.month { font-size:20px; font-weight:bold; line-height:100%;}
	.displayTools .rightInfo { float:right; width:90px; text-align:right;}
.displayTools.top {border-bottom:3px solid #0c3a63; height:auto; margin:0px 0px 27px 0px; padding:0px 0px 5px 0px;}
.displayTools.bottom {border-top:3px solid #0c3a63; margin-top:45px; padding-top:8px; }