body,td,th {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #222;
}
body {
	background-color: #FFF;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

h2 {
	color: #d72440;
}

h3 {
	color: #2c5b2e;
}

.container {
	width: 1150px;
	background: url(img/bg.gif) repeat;
	margin-right: auto;
	margin-left: auto;
}

.logo {
	position: absolute;
	margin-left: 195px;
	top: 2px;
	width: 546px;
	height: 142px;
	z-index: 4;
}

.hdrbuttons {
	position: absolute;
	margin-left: 10px;
	top: 20px;
	width: 142px;
	height: 33px;
	z-index: 4;
	left: 1px;
}

.main {
	position: relative;
	width: 1024px;
	height: 669px;
	background: #fefced;
	margin: 20px auto 0px auto;
	border-left: 1px dotted #CCC;
	border-bottom: 1px dotted #CCC;
	border-right: 1px dotted #CCC;	
}

.main2 {
	position: relative;
	width: 1024px;
	
	background: #fefced;
	margin: 20px auto 0px auto;
	border-left: 1px dotted #CCC;
	border-bottom: 1px dotted #CCC;
	border-right: 1px dotted #CCC;	
}

.column1 {
	position: absolute;
	background: url(img/bg_p1.gif) repeat;
	border-left: 1px solid white;
	margin-bottom: 1px;
	width: 175px;
	height: 668px;
}

.fp_content {
	position: absolute;
	margin-left: 185px;
	bottom: 0px;
	width: 500px;
	height: 343px;
}

.pcontent {
	position: absolute;
	margin-left: 185px;
	width: 500px;
	height: auto;
}

.column2 {
	position: absolute;
	background: url(img/bg_p1.gif) repeat;
	margin-left: 693px;
	border-right: 1px solid white;
	width: 330px;
	height: 668px;

}

.column2b {
	position: absolute;
	background: url(img/bg_p1.gif) repeat;
	border-right: 1px solid white;
	width: 330px;
	height: 668px;

}

.footer {
	text-align: center;
	color: #666;
	font-size: 11px;
}

#adbox {
	position: absolute;
	width: 346px;
	height: 343px;
	background:url(img/bg_ad.png);
	margin-left: 750px;
	top: 23px;
	z-index: 3;	
}

#fp_mid {
	position: absolute;
	top: 70px;
	left: 1px;
	width: 1022px;
	margin-right: auto;
	margin-left: auto;
	height: 250px;
	background: url(img/bg_b1.gif) repeat;
	border: 0px 1px 0px 1px solid white;
	z-index: 2;
}

#main_mid {
	position: absolute;
	top: 70px;
	left: 1px;
	width: 1022px;
	margin-right: auto;
	margin-left: auto;
	min-height: 250px;
	border: 0px 1px 0px 1px solid white;
	z-index: 2;
}


#menuholder {
	position: absolute;
	top: 70px;
	left: 1px;
	width: 155px;
	margin-right: auto;
	margin-left: auto;
	height: 250px;
	background: url(img/bg_b1.gif) repeat;
	border: 0px 1px 0px 1px solid white;
	z-index: 2;
}


#menubox {
	position: absolute;
	top: 30px;
}

#menubox2 {
	position: absolute;
	top: 90px;
	width: 175px;
	height: auto;
	background: url(img/menubox2.gif) repeat;
}

#greenbanner {
	background:url(img/bg_g1.gif) repeat;
	width: 506px;
	height: 242px;
	
}

#purpleleaf {
	position: absolute;
	bottom: 0px;
	height: 343px;
	width: 100%;
	background: url(img/bg_p_fl.gif) no-repeat;
}


#minibagdiv {
	position: absolute; 
	top: 0px; 
	left: 838px; 
	width: 158px;
	padding: 4px; 
	border: 2px dotted #CCC;
	text-align: center;
}

#purpleleaf ul {
	margin-left: 0px;
	list-style-position: inside;
	list-style-type: none;
}

#pagedata {
	width: 95%;
}

#welcomedata {
	width: 98%;
	height: 140px;
	overflow: hidden;
}

#testdata {
	width: 100%;
	height: 110px;
	overflow: hidden;
}
/*CALENDAR STYLES */

      div.calendar {
        max-width: 240px;
        margin-left: auto;
        margin-right: auto;
      }
      div.calendar table {
        width: 100%;
      }
      div.dateField {
        width: 110px;
		font-weight: bold !important;
        padding: 6px;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        color: #555;
        background-color: #FFFFCC;
        margin-left: 10px;
        text-align: center;
      }
      div.msgBox1 {
        width: 140px;
		font-weight: bold !important;
        padding: 6px;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        color: #555;
        background-color: white;
        margin-left: auto;
		margin-right: auto;
        text-align: center;
      }

	  div#popupDateField:hover {
        background-color: #cde;
        cursor: pointer;
      }

	  #evtdata {
		width: 440px;
		height: 350px;
		overflow-x: hidden;
		overflow-y: auto;
	  }
	  
	  #evtmonth, #evtyear {
		  font-style: italic;
		  font-size: 10px;
	  }
	  #monthevtbtn {
		  color: white;
		  font-size: 10px;
		  font-weight: bold;
		  border: 1px solid black;
		  background: #F03;
	  }
/* END OF CALENDAR STYLES */