/* CSS Document */




body
{
margin-top:0px;
font-family:Verdana, sans-serif;
font-size:11px;
}


p, td
{
font-family:Verdana, sans-serif;
font-size:11px;
}



a
{
color:#2A196B;
text-decoration:none;
}

a:hover
{
text-decoration:underline;
}

a:visited
{
color:#594FBF;
}



#container
{
margin: 0 auto;
width:780px;
padding:0px;
background-color:#F5F4EF;
}

.left
{
float:left;
margin-right:10px;
}


.right
{
float:right;
}


/* --------------------------------top---------------------- */

#date
{
margin:0px;
padding:0px;
background-image:url(../images/bgDate.jpg);
background-repeat:no-repeat;
background-position:top left;
padding-top:30px;
padding-bottom:18px;
padding-left:10px;
}

#topBanner
{
height:93px;
background-image:url(../images/topBanner.jpg);
background-position:top left;
position:relative;
margin:0px;
padding:0px;
}

#topBannerMenu 
{
position: absolute;
bottom: 0px;
margin:0px;
padding:0px;
}

#slidetabsmenu {
float:left;
width:100%;
line-height:normal;
font-size:11px;
}


#slidetabsmenu ul{
list-style-type: none;
margin:0;
padding:0;
}

#slidetabsmenu li{
display:inline;
margin:0;
padding:0;
}

#slidetabsmenu a {
float:left;
background:url(../images/tab-left.gif) no-repeat left top;
margin:0;
padding:0 0 0 9px;
text-decoration:none;
}

#slidetabsmenu a span {
float:left;
display:block;
background:url(../images/tab-right.gif) no-repeat right top;
padding:3px 11px 3px 2px;
font-weight:bold;
color:#3B3B3B;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#slidetabsmenu a span {float:none;}
/* End IE5-Mac hack */

#slidetabsmenu a:hover span {
color: black;
}

#slidetabsmenu #current a {
background-position:0 -125px;
}

#slidetabsmenu #current a span {
background-position:100% -125px;
color: black;
}

#slidetabsmenu a:hover {
background-position:0% -125px;
}

#slidetabsmenu a:hover span {
background-position:100% -125px;
}




/* --------------------------------left hand side---------------------- */


#left
{
width:575px;
padding-left:10px;
margin:0px;
margin-top:-10px;
}

#contentBoxes
{
clear:left;
margin:0px;
padding:0px;
padding-top:45px;
padding-bottom:45px;
}



#contentBoxOne
{
width:280px;
background-image:url(../images/bgContentBox.jpg);
background-position:top right;
background-repeat:no-repeat;
border-top:1px solid #E0E0DD;
}

#contentBoxTwo
{
width:280px;
background-image:url(../images/bgContentBox.jpg);
background-position:top right;
background-repeat:no-repeat;
float:right;
border-top:1px solid #E0E0DD;
}


h1, h2, h3, h4, h5
{
width:380px;
}

#contentBoxes h3 
{
width:270px;
}

#articleList {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 100%;
width: 160px;
padding: 0px;
margin: 0px;
float:right;
margin-right:10px;
margin-bottom:25px;
}

#articleList p {
display: block;
background-color:#CAC7EB;
font-size: 90%;
padding: 3px 0 5px 3px;
border: 1px solid #594FBF;
color: #333333;
margin: 0px;
width:159px;
}

#articleList ul {
list-style: none;
margin: 0px;
padding: 0px;
border: none;
}
#articleList ul li {
margin: 0px;
padding: 0px;
}
#articleList ul li a {
font-size: 80%;
display: block;
border-bottom: 1px dashed #594FBF;
padding: 5px 0px 2px 4px;
text-decoration: none;
color: #594FBF;
width:160px;
}

#articleList ul li a:hover, #articleList ul li a:focus, #articleList .current {
color: #000000;
background-color: #E0E0E0;
}

#contentBoxOne li, #contentBoxOne ul
{
list-style:none;
margin:0px;
padding:0px;
}


/*--------------------------------event classes------------------------*/
.tbl
{
border:1px solid #2a196b;
}

.tblHeader 
{
background-color:#2A196B;
color:#FFFFFF;
font-size:10px;
}

.tbl_c 
{
font-size:10px;
background-color:#EFEEF9;
}

.tbl_a
{
font-size:10px;
background-color:#DAD8F1;
}

.tbl_sb
{
font-size:10px;
background-color:#BFBCE7;
}



/* --------------------------------right hand side---------------------- */

#right
{
width:170px;
float:right;
margin-top:15px;
}


/* --------------------------------footer---------------------- */

#footer
{
height:50px;
clear:both;
background-image:url(../images/bgFooter.jpg);
background-position:top;
background-repeat:no-repeat;
padding-top:30px;
background-color:#FFFFFF;
margin-top:15px;
}

/* footer piped list ------------------------------------------------------------------------*/

#footer ul
{
margin:0px;
padding:0px;
padding-left:10px;
}

#footer li
{
display:inline;
color:#000;
padding:0px;
margin:0px;
padding-left:8px;
padding-right:8px;
float:left;
border-left:1px solid #000;
}

#footer .firstItem
{
padding-left:0px;
border-left:none;
}




/*------------------------CALENDAR Picker styles-----------------------*/
.Head {
color:#006699;
font-size:18px;
font-weight:bold;
}


.hide{
display:none;
}

.show {
display:block;
}


/* the div that holds the date picker calendar */
.dpDiv {
	}


/* the table (within the div) that holds the date picker calendar */
.dpTable {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #505050;
	background-color: #ece9d8;
	border: 1px solid #AAAAAA;
	}


/* a table row that holds date numbers (either blank or 1-31) */
.dpTR {
	}


/* the top table row that holds the month, year, and forward/backward buttons */
.dpTitleTR {
	}


/* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTR {
	}


/* the bottom table row, that has the "This Month" and "Close" buttons */
.dpTodayButtonTR {
	}


/* a table cell that holds a date number (either blank or 1-31) */
.dpTD {
	border: 1px solid #ece9d8;
	}


/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlightTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	}


/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */
.dpTDHover {
	background-color: #aca998;
	border: 1px solid #888888;
	cursor: pointer;
	color: red;
	}


/* the table cell that holds the name of the month and the year */
.dpTitleTD {
	}


/* a table cell that holds one of the forward/backward buttons */
.dpButtonTD {
	}


/* the table cell that holds the "This Month" or "Close" button at the bottom */
.dpTodayButtonTD {
	}


/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	color: white;
	}


/* additional style information for the text that indicates the month and year */
.dpTitleText {
	font-size: 12px;
	color: gray;
	font-weight: bold;
	}


/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */ 
.dpDayHighlight {
	color: 4060ff;
	font-weight: bold;
	}


/* the forward/backward buttons at the top */
.dpButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;
	padding: 0px;
	}


/* the "This Month" and "Close" buttons at the bottom */
.dpTodayButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;
	}