H3 {font-family: Arial, Helvetica, sans-serif; font-size: 15pt; font-style: normal; color: #990033}
H4 {font-family: Arial, Helvetica, sans-serif; font-size: 13pt; font-style: normal; color: #990033; text-align: center;}
.holiday {font-family: Arial, Helvetica, sans-serif; font-size: 11pt; font-weight: bold; color: #990033}
.note {font-family: Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: bold; color: #000099 text-align: center;}

#box{border: #990033 solid 1px; background:url("images/blue-grad-bg.png") repeat-y center top;}
#box table { border-color: #990033; border-spacing: 2px; margin-right:0; margin-left:auto; border-collapse: separate; *border-collapse: expression('separate', cellSpacing = '2px');/*background-color: #E2E7F7;opacity:.50;filter: alpha(opacity=50); -moz-opacity: 0.5;border:1px solid black; -moz-opacity:.50; filter:alpha(opacity=50); opacity:.50;*/}
 
  
#box tr {border-color:#990033;}


 #box td{border-color:#990033;}


.animatedtabs{
/*border-bottom: 1px solid gray;*/
overflow: visible;
width: 610px;padding-top: 10px;
font-size: 11px; /*font of menu text*/

}

.animatedtabs ul{
list-style-type: none;
margin: 0;
margin-left: 10px; /*offset of first tab relative to page left edge*/
padding: 10px;



}

.animatedtabs li{
float: left;
margin-left: 10px;
padding-left: 10px;


}

.animatedtabs a{
float: left;
position: relative;
left: 5px;/*//top: 5px;  1) Number of pixels to protrude up for selected tab. Should equal (3) MINUS (2) below */
background: url(media/tab-blue-left.gif) no-repeat left top;
margin: 0;
margin-right: 5px;/*Spacing between each tab*/
padding:0 1px 0 9px; 
text-decoration: none;


}

.animatedtabs a span{
float: left;
position: relative;
display: block;
background: url(media/tab-blue-right.gif) no-repeat right top;
/*//padding: 5px 14px 3px 5px;  2) Padding within each tab. The 3rd value, or 3px, should equal (1) MINUS (3) */
padding: 2px 9px 2px 2px; /* 2) Padding within each tab. The 3rd value, or 3px, should equal (1) MINUS (3) */
font-weight: normal;
color:#000099;
text-decoration: none;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
.animatedtabs a span {
float:none;
text-decoration: none;
}
/* End IE5-Mac hack */


.animatedtabs .selected a{
background-position: 0 -125px;
top: 0;
text-decoration: none;
}

.animatedtabs #Home a{
background:none;
text-decoration: none;
}

.animatedtabs .new a{
background:none;
text-decoration: none;
}
/* IE adjusment*/
* .animatedtabs table{
cellspacing:0;
width:98%;

}

.animatedtabs .ui-tabs-selected a span{
background-position: 100% -125px;
color: #990033;
font-weight: normal;
text-decoration: none;
font-style:oblique;
/*padding-bottom: 8px;*/ /* 3) Bottom padding of selected tab. Should equal (1) PLUS (2) above */
top: 0;
text-decoration: none;
}

.animatedtabs a:hover {
background: url(media/tab-gray-left.png) no-repeat left top;
background-position: 0% -125px;
top: 0;
color:#000099;
text-decoration: none;

}

.animatedtabs a:hover span{
background: url(media/tab-gray-right.png) no-repeat right top;
background-position: 100% -125px;
/*padding-bottom: 8px;*/ /* 3) Bottom padding of selected tab. Should equal (1) PLUS (2) above */
top: 0;
color:#990033;
text-decoration: none;

}

.animatedtabs a:active span{
color:#990033;
text-decoration: none;
}

* #caltablewrapper {
border: 1px solid #000099;
width:95%;
clear: both;
}

#caltablewrapper {
border: #000099 double 3px;
/*border: 1px solid #000099;
background: url(images/blue-grad-bg.png) repeat-x center top;*/
padding: 10px;
clear: both;

}

#caltablebuffer {
padding:6px;
clear: both;
width:450px;
margin-left:40px;
}
/* IE adjusment*/
* #caltablebuffer {
padding: 0px;
clear: both;
}

#Home{
padding-top:12%;
}
.new{
padding-top:1%;
vertical-align: middle;
}
.new h3{
text-align: center;
}

.new h5{
text-align: center;
color:#000099;
font-size:1.3em;
font-variant: small-caps;
}

.new h4{
text-align: center;
color:#000099;
font-style: italic;
}

.new ul{
list-style-type: none;
margin: 0;
margin-left: 1px; /*offset of first tab relative to page left edge*/
padding: 0;

}

.new li{
float: left;
margin-left: 0px;
padding-left: 0px;
list-style-type: none;
}

.new li a{
text-decoration: none;

}

.new li a:hover{
text-decoration: none;
background:transparent;

}

.new a:hover span{
text-decoration: none;
background:transparent;
}

.innertabs{
padding:0 0 0 0;
width:500px;
}

.innertabs ul{
list-style-type: none;
margin: 0;
margin-left: 1px; /*offset of first tab relative to page left edge*/
padding: 0;

}

.innertabs li{
float: left;
margin-left: 1px;
padding-left: 0px;
margin-bottom: 3px;
list-style-type: none;
border: 1px solid #990033;

}

.innertabs li a{
text-decoration: none;
padding-right: 15px;
margin-left: 15px;
}

.innertabs li a:hover{
text-decoration: none;
color:#000022;
font-style: oblique;
}

.innertabs a:hover{
text-decoration: none;
background:transparent;
}