/* CSS Document */


.ToolText{position:relative; margin:1px 4px 1px 1px;}
.ToolTextHover{position:relative; margin:1px 4px 1px 1px;}
.ToolText span{display: none;}

.ToolTextHover span{
  display:block;
  position:absolute;
  border:1px solid white;
  padding:2px;
  top:-15px;
  left:5px;
  background-color:#001B99; 
  color:white;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 9px;
  text-align: center;
}


html,body{
text-align:center;
margin-bottom:0px;
background-color:#000000;

}
div.container{
width:968px;
text-align:center;
margin-left:auto;
margin-right:auto;
background-color:#FFFFFF;
}
div.container2{
width:963px;
text-align:left;
margin-left:3px;
margin-right:2px;
background-color:#FFFFFF;
display: inline;
}
div.clear{
clear:both;
}
div.topBar{
width:968px;
height:76px;
/*border-bottom-color:#FFFFFF;*/
border-bottom-style:solid;
border-bottom-width:1px;
overflow:hidden;
}
div.topBar2{
width:968px;
height:30px;
text-align:left;
background-image:url(images/backgroundbanner.gif);
/*border-bottom-color:#FFFFFF;*/
overflow:hidden;
}
div.logoKeyline{
width:968px;/*was 500*/
float:left;
margin-bottom:20px;
}
div.logoKeyline2{
width:660px;/*was 500*/
float:left;

}
div.leftPane{
width:245px;
height:1068px;
margin-left:21px;
margin-top:10px;
/*height:100%;*/
/*background-color:#F1F5FE;*/
float:left;
display:inline;
background-image:url(images/Event_panel.jpg);
background-repeat:no-repeat;
}
div.centrePane{
width:389px;
margin-top:10px;
margin-left:15px;
/*height:100%;*/
float:left;
display:inline;
}
div.rightPane{
width:245px;
height:1068px;
margin-top:10px;
margin-right:10px;
margin-left:15px;
/*height:100%;*/
/*background-color:#F1F5FE;*/
float:left;
display:inline;
background-image:url(images/Event_panel.jpg);
background-repeat:no-repeat;
}
div.testPane{
width:374px;
margin-top:10px;
margin-left:15px;
/*height:100%;*/
/*background-color:#F1F5FE;*/
float:left;
display:inline;
}
div.calendarLeft{
width:266px;
height:420px;
/*background-color:#F1F5FE;*/
float:left;
display:inline;
background-image:url(images/calendarwhite.jpg);
}
div.calendarLeft2{
width:266px;
/*background-color:#F1F5FE;*/
float:left;
display:inline;
background-image:url(images/calendarwhite.jpg);
}
div.calendarLefttest{
width:262px;
height:620px;
background-color:#cc3366;
float:left;
margin-left:2px;
margin-right:2px;
display:inline;
}
div.calendarLefttest2{
width:262px;
height:1050px;
background-color:#cc3366;
float:left;
margin-left:2px;
margin-right:2px;
display:inline;
}
div.calendarLeftText{
width:230px;
margin-top:10;
margin-left:10;
margin-right:10;
margin-bottom:10;
/*background-color:#F1F5FE;*/
float:left;
display:inline;
}
div.calendarImg{
width:266px;
height:81px;
/*height:100%;*/
/*background-color:#F1F5FE;*/
float:left;
display:inline;
background-image:url(images/calendarimg.jpg);
background-repeat:no-repeat;
}
div.calendarImgall{
width:266px;
height:81px;
/*height:100%;*/
/*background-color:#F1F5FE;*/
float:left;
display:inline;
background-image:url(images/calendarimgall.jpg);
background-repeat:no-repeat;
}
div.calendarTop{
width:554px;
height:81px;
/*background-color:#F1F5FE;*/
float:left;
display:inline;
background-image:url(images/calendartop.jpg);
background-repeat:no-repeat;
}
div.calendarTop1{
width:554px;
height:81px;
/*background-color:#F1F5FE;*/
float:left;
display:inline;
background-image:url(images/calendartop1.jpg);
background-repeat:no-repeat;
}
div.calendarToptext{
width:524px;
height:51px;
margin-left:20px;
margin-right:10px;
margin-top:30px;
float:left;
display:inline;
}
div.calendarToptext2{
width:524px;
height:56px;
margin-left:20px;
margin-right:10px;
margin-top:25px;
float:left;
display:inline;
}
div.calendarText{
width:554px;
height:30px;
/*background-color:#F1F5FE;*/
float:left;
display:inline;
background-image:url(images/calendartext.jpg);
background-repeat:no-repeat;
}
div.calendarTextEventName{
width:259px;
height:18px;
margin-left:10px;
margin-top:5px;
margin-right:10px;
/*background-color:#F1F5FE;*/
float:left;
display:inline;
}
div.calendarTextEventNameBg1{
width:279px;
height:28px;
margin-right:3px;
background-color:#cc3366;
float:left;
display:inline;
}
div.calendarTextRegisterBg1{
width:114px;
margin-left:1px;
height:28px;
background-color:#cc3366;
float:left;
display:inline;
}
/*needs to be uncommented when db is updated
div.calendarTextEventNameBg2{
width:279px;
height:28px;
margin-right:3px;
background-color:#A8A3D9;
float:left;
display:inline;
}
div.calendarTextRegisterBg2{
width:135px;
height:28px;
background-color:#A8A3D9;
float:left;
display:inline;
}*/
div.calendarTextEventNameBg2{
width:279px;
height:28px;
margin-right:3px;
background-color:#9999cc;
float:left;
display:inline;
}
div.calendarTextRegisterBg2{
width:114px;
margin-left:1px;
height:28px;
background-color:#9999cc;
float:left;
display:inline;
}
div.calendarTextEventNameBg3{
width:279px;
height:28px;
margin-right:3px;
background-color:#669900;
float:left;
display:inline;
}
div.calendarTextRegisterBg3{
width:114px;
margin-left:1px;
height:28px;
background-color:#669900;
float:left;

display:inline;
}
div.calendarTextEventNameBg4{
width:279px;
height:28px;
margin-right:3px;
background-color:#ffcc33;
float:left;
display:inline;
}
div.calendarTextRegisterBg4{
width:114px;
margin-left:1px;
height:28px;
background-color:#ffcc33;
float:left;

display:inline;
}
div.calendarTextEventNameBg6{
width:279px;
height:28px;
margin-right:3px;
background-color:#980034;
float:left;
display:inline;
}
div.calendarTextRegisterBg6{
width:114px;
margin-left:1px;
height:28px;
background-color:#980034;
float:left;

display:inline;
}
div.calendarTextEventNameBg8{
width:279px;
height:28px;
margin-right:3px;
background-color:#9999cc;
float:left;
display:inline;
}
div.calendarTextRegisterBg8{
width:114px;
margin-left:1px;
height:28px;
background-color:#9999cc;
float:left;

display:inline;
}
div.calendarTextEventNameBg7{
width:279px;
height:28px;
margin-right:3px;
background-color:#3399cb;
float:left;
display:inline;
}
div.calendarTextRegisterBg7{
width:114px;
margin-left:1px;
height:28px;
background-color:#3399cb;
float:left;

display:inline;
}
div.calendarTextDate{
width:135px;
height:20px;
margin-left:10px;
margin-top:5px;
margin-bottom:5px;
margin-right:10px;
/*background-color:#F1F5FE;*/
float:left;
display:inline;
}
div.calendarTextRegister{
width:88px;
height:18px;
margin-left:10px;
margin-top:5px;
margin-bottom:5px;
margin-right:10px;
/*background-color:#F1F5FE;*/
float:left;
display:inline;
}

div.calendarblank{
width:255px;
height:1px;
/*background-color:#F1F5FE;*/
float:left;
display:inline;
}
div.calendarbuttons{
width:540px;
/*background-color:#F1F5FE;*/
float:left;
display:inline;
}
div.calendarWhite{
width:554px;
height:30px;
/*background-color:#F1F5FE;*/
float:left;
display:inline;
background-image:url(images/calendartextwhite.jpg);
}
div.calendartest{
width:554px;
/*background-color:#F1F5FE;*/
float:left;
display:inline;
background-image:url(images/calendartextwhite.jpg);
}
div.calendartesttext{
width:534px;
height:620px;
margin-left:10px;
margin-right:10px;
/*background-color:#F1F5FE;*/
float:left;
display:inline;
background-image:url(images/calendartextwhite.jpg);
}
div.calendartesttext2{
width:534px;
height:1050px;
margin-left:10px;
margin-right:10px;
/*background-color:#F1F5FE;*/
float:left;
display:inline;
background-image:url(images/calendartextwhite.jpg);
}
div.calendarWhiteSpace{
width:266px;
height:30px;
/*background-color:#F1F5FE;*/
float:left;
display:inline;
background-image:url(images/calendarwhite.jpg);
background-repeat:no-repeat;
}
div.downPane{
width:240px;
margin-top:10px;
margin-left:15px;
margin-right:30px;
/*height:100%;*/
/*background-color:#F1F5FE;*/
float:left;
display:inline;
}
div.downPane1{
width:150px;
margin-top:10px;
margin-left:15px;
margin-right:20px;
/*height:100%;*/
float:left;
display:inline;
}
div.downPane2{
width:187px;
margin-top:10px;
margin-left:15px;
margin-right:20px;
/*height:100%;*/
float:left;
display:inline;
}
div.downPane3{
width:200px;
margin-top:10px;
margin-left:15px;
margin-right:20px;
/*height:100%;*/
float:left;
display:inline;
}
div.downPane4{
width:150px;
margin-top:10px;
margin-left:15px;
margin-right:20px;
/*height:100%;*/
float:left;
display:inline;
}
div.contactPane{
width:390px;
margin-top:10px;
margin-left:15px;
margin-right:10px;
/*height:100%;*/
/*background-color:#F1F5FE;*/
float:left;
display:inline;
}
div.lSecHeader{
width:198px;
float:left;
margin-left:10px;
margin-bottom:5px;
display: inline;
}
div.secHeader2{
width:242px;
height:23px;
float:left;
margin-left:1px;
margin-right:1px;
margin-bottom:5px;
display: inline;
background-image:url(images/Gray_panel.gif);
}
div.linksecHeader2{
width:17px;
float:left;
display:inline;
margin-right:12px;
margin-top:3px;
}
div.datesecHeader2{
width:201px;
float:left;
margin-top:8px;
margin-left:12px;
display: inline;
}

div.lSecHeader2{
width:222px;
float:left;
margin-left:12px;
margin-right:10px;
margin-bottom:5px;
display: inline;
}
div.bookofmonth{
width:269px;
float:left;
margin-left:12px;
margin-bottom:5px;
display: inline;
}
div.resources{
width:350px;
float:left;
margin-left:10px;
display: inline;
margin-bottom:15px;
}
div.SecHeader3{
width:369px;
float:left;
margin-left:10px;
margin-right:10px;
margin-top:10px;
display: inline;
margin-bottom:5px;
}
div.testimonialstitle{
width:220px;
float:left;
margin-left:130px;
margin-top:10px;
display: inline;
margin-right:20px;
margin-bottom:5px;
}
div.testimonialsdata{
width:349px;
float:left;
display: inline;
margin-left:20px;
margin-top:10px;
margin-right:20px;
margin-bottom:10px;
}
div.aboutProgram{
width:555px;
float:left;
margin-left:20px;
margin-bottom:5px;
display:inline;
}
div.programPanel{
width:206px;
height:431px;
float:left;
margin-left:20px;
margin-right:20px;
margin-bottom:5px;
display:inline;
background-color:#6D6D6D;
background-image:url(images/eventdescpanel.jpg);
background-repeat:no-repeat;
}
div.programPanel1{
width:166px;
height:44px;
float:left;
display: inline;
margin-top:10px;
margin-right:10px;
margin-left:22px;
}
div.programPanel2{
width:186px;
height:25px;
float:left;
margin-right:10px;
margin-left:10px;
margin-top:9px;
display: inline;
}
div.programPanel3{
width:186px;
height:24px;
float:left;
display: inline;
margin-right:10px;
margin-left:10px;
margin-top:9px;
}
div.programPanel4{
width:186px;
height:25px;
float:left;
margin-right:10px;
margin-left:10px;
margin-top:9px;
display: inline;
}
div.programPanel5{
width:186px;
height:23px;
float:left;
display: inline;
margin-right:10px;
margin-left:10px;
margin-top:9px;
}
div.programPanel6{
width:186px;
height:24px;
float:left;
display: inline;
margin-right:10px;
margin-left:10px;
margin-top:9px;
}
div.programPanel7{
width:202px;
float:left;
display: inline;
margin-right:2px;
margin-left:2px;
}
div.programPanel8{
width:159px;
float:left;
display: inline;
margin-top:21px;
margin-right:2px;
margin-left:45px;
}
div.eventForm{
width:150px;
float:left;
display: inline;
}
div.eventForm2{
width:100px;
margin-left:20px;
float:left;
display: inline;
}
div.eventForm3{
width:330px;
margin-left:70px;
float:left;
display: inline;
}
div.SecHeader4{
width:150px;
height:53px;
float:left;
margin-left:60px;
margin-right:5px;
margin-top:30px;
display: inline;
margin-bottom:10px;
}

div.feature{
width:890px;/*was 500*/
float:left;
margin-right:34px;
margin-left:34px;
display: inline;
margin-bottom:20px;
}
div.registration{
margin-left:50px; 
width:300px; 
float:left
display: inline;
}

div.blank{
float:left;
display:inline;
}


div.footer{
text-align:center;
}

.bodytxt {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	line-height:18px;
}
.calendartxt {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	font-weight: bold;
}
.calendartxt2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #666666;
	font-weight: bold;
}
.bodytxtbold {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	font-weight: bold;
}
.whitetxt {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	font-weight: bold;
}

.copyright {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #999999;
}
.blankroll { text-decoration:none; color:#003399;}
A.blankroll:hover { text-decoration:none; color:#003399;}

.blankrolll { text-decoration:none; color:#FFFFFF;}
A.blankrolll:hover { text-decoration:none; color:#FFFFFF;}
.blankrollg { text-decoration:none; color:#666666; font-weight: bold;}
A.blankrollg:hover { text-decoration:none; color:#666666; font-weight: bold;}