/*tab contents*/
/* ######### CSS for Shade Tabs. Remove if not using ######### */
.shadetabs{
padding: 3px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font: bold 12px Verdana;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li{
display: inline;
margin: 0;
}

.shadetabs li a{
text-decoration: none;
position: relative;
z-index: 1;
padding: 3px 7px;
margin-right: 3px;
border: 1px solid #CCCCCC;
color: #2d2b2b;
background: white url(shade.gif) top left repeat-x;
}

.shadetabs li a:visited{
color: #2d2b2b;
}

.shadetabs li a:hover{
text-decoration: underline;
color: #2d2b2b;
}

.shadetabs li a.selected{ /*selected main tab style */
position: relative;
top: 1px;
}

.shadetabs li a.selected{ /*selected main tab style */
background-image: url(shadeactive.gif);
border-bottom-color: white;
}

.shadetabs li a.selected:hover{ /*selected main tab style */
text-decoration: none;
}

.tabcontent{
	display:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

@media print {
.tabcontent {
display:block !important;
}
}
/*end tab contents*/

/*image slider*/
.sliderwrapper{
	position: relative; /*leave as is*/
	overflow: hidden;
	border-bottom-width: 3px;
	width: 328px; /*width of featured content slider*/
	height: 400px;
	border-top-width: 6px;
	border-right-width: 6px;
	border-left-width: 6px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
}

.sliderwrapper .contentdiv{
visibility: hidden; /*leave as is*/
position: absolute; /*leave as is*/
left: 0;  /*leave as is*/
top: 0;  /*leave as is*/
padding: 5px;
background: white;
width: 390px; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
height: 100%;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}

.pagination{
	width: 330px; /*Width of pagination DIV. Total width should equal slider's outer width (400+10+10=420)*/
	text-align: right;
	background-color: #666666;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}

.pagination a{
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #0066CC;
	padding-top: 2;
	padding-right: 5px;
	padding-bottom: 2;
	padding-left: 5px;
	border: 1px solid #333333;
}

.pagination a:hover, .pagination a.selected{
color: #FFFFFF;
background-color: #333333;
}
/*end image slider*/


/*dropdownbutton*/
.selectedanchor{ /*CSS class that gets added to the currently selected anchor link (assuming it's a text link)*/
}

/* ######### Default class for drop down menus ######### */

.anylinkmenu{
	position: absolute;
	left: 0;
	top: 0;
	visibility: hidden;
	line-height: 18px;
	z-index: 100;
	width: 150px; /* default width for menu */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	background-repeat: no-repeat;
	background-position: center center;
	background-color: #CCCCCC;
}

.anylinkmenu ul{
margin: 0;
padding: 0;
list-style-type: none;
}

.anylinkmenu ul li a{
	width: 100%;
	display: block;
	text-indent: 3px;
	padding: 2px 0;
	text-decoration: none;
	font-weight: normal;
	text-indent: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	color: #0066CC;
}

.anylinkmenu a:hover{ /*hover background color*/
	color: white;
	background-color: #0066CC;
}

/* ######### Alternate multi-column class for drop down menus ######### */


.anylinkmenucols{
position: absolute;
width: 350px;
left: 0;
top: 0;
visibility: hidden;
border: 1px solid black;
padding: 10px;
font: normal 12px Verdana;
z-index: 100; /*zIndex should be greater than that of shadow's below*/
background: #E9E9E9;
}

.anylinkmenucols li{
padding-bottom: 3px;
}

.anylinkmenucols .column{
float: left;
padding: 3px 8px;
margin-right: 5px;
background: #E0E0E0;
}

.anylinkmenucols .column ul{
margin: 0;
padding: 0;
list-style-type: none;
}



/* ######### class for shadow DIV ######### */


.anylinkshadow{ /*CSS for shadow. Keep this as is */
position: absolute;
left: 0;
top: 0;
z-index: 99; /*zIndex for shadow*/
background: black;
visibility: hidden;
}
/*end of dropdownbutton*/




/*dropdowncss*/
#buttonbackgrounddown{
	background-image: url(main%20image/bar_button.jpg);
	background-repeat: no-repeat;
	background-position: right center;
	border: 1px solid #999999;
}
#buttonbackgrounddown a:hover{
	color: #FFFFFF;
	background-color: #FF9900;
}
.buttondown{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333333;
	padding-top: 5px;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-left: 4px;
	display: block;
}


/*end dropdowncss*/


#buttonbackground{
	border: 1px solid #999999;	
}
#buttonbackground a:hover{
	color: #FFFFFF;
	background-color: #FF6600;
}
.button{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333333;
	padding-top: 5px;
	padding-right: 3px;
	padding-bottom: 5px;
	padding-left: 3px;
	display: block;
}
.box{
	padding-top: 4px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;	
}
#box{
	border: 1px solid #CCCCCC;	
}
.classunderlined{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	padding-top: 5px;
	padding-right: 8px;
	padding-bottom: 4px;
	padding-left: 5px;
}
.classunderlined a:hover{
	color: #FF3300;
	text-decoration: underline;	
}



.class{
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #000000;
	padding-top: 5px;
	padding-right: 8px;
	padding-bottom: 4px;
	padding-left: 5px;	
}
#border{
	border: 1px solid #CCCCCC;	
}
#side{
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
	background-color: #FFFFFF;
}
#date{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;	
}
.classside{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #003399;
	padding-top: 5px;
	padding-right: 8px;
	padding-bottom: 5px;
	padding-left: 5px;
	display: block;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #0099FF;
}
#sidehover{
}
#sidehover a:hover{
	color: #FFFFFF;
	background-color: #0066CC;	
}