@charset "utf-8";
/* CSS Document */




.homepagesplashimage{
/*border: solid black 1px;*/
width: 100%;
background color: #EFEFEF;
height:182px;
overflow:hidden;
}


.homepageabout {
width:100%;
height:182px;
padding-left:3px;
overflow:hidden;
background-color:#e57300;
}


.homepageabout h2
{
color:#062582;

}

.homepageabout p
{
color:#FFFFFF;
font-size:.9em;
font-weight:bold;
line-height:2;

}



.homepageabout h3 
{
color:#FFFFFF;

}


.homepageabout a:link  {

color:#efefef !important;
text-decoration:none;
}


.homepageabout a:visited
{

color:#efefef !important;
text-decoration:none;
}


.homepagetopfeaturetopic {
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px; 
width:95%;
height:230px;
padding:5px;
background-color:#FFCC00;
margin-top:2px;
margin-right:10px;
margin-bottom: 2px;
}
	
.homepagetopfeaturetopic p {
	color:#000;
	/*font-weight:bold;*/
	
	}


/*homepage news */

.newssection h1
{
 	font-family:Arial, Helvetica, sans-serif;
	color:#036;



}



/*homepage connectwith us */

.connectwithus
{
color:#003366;
text-align:center;
font-size:1em;
border-top: solid 1px #B25900;
border-right:solid 1px #B25900;
border-left:solid 1px #B25900;
border-bottom:solid 1px #B25900;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
background-color:#FF9326;
margin-top:4px;
margin-left:2px;
margin-right:2px;
}



/*COVA Connect*/

.covaconnect

{
  margin-left:20px;
  margin-right:10px;
  width:95%
  font-size: 90%;
  border:solid 1px #000;
  padding:3px;

}
	
/*homepage slideshow menu */

#slideshow {
    position:relative;
    height:366px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    /*z-index:8;*/
    opacity:0.0;
}

#slideshow IMG.active {
    /*z-index:10;*/
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}




/*homepage sandbox slideshow menu */

#slideshowsandbox {
    position:relative;
    height:300px;
    overflow:hidden;
}

#slideshowsandbox IMG {
    position:absolute;
    top:0;
    left:0;
    /*z-index:8;*/
    opacity:0.0;
}

#slideshowsandbox IMG.active {
    /*z-index:10;*/
    opacity:1.0;
}

#slideshowsandbox IMG.last-active {
    z-index:9;
}


	
	
.applemenu{
margin: 5px 0;
padding: 0;
width: 100%; /*width of menu*/
border: 1px solid #9A9A9A;
}

.applemenu div.silverheader a{
background: black url(silvergradient.gif) repeat-x center left;
font: normal 12px Tahoma, "Lucida Grande", "Trebuchet MS", Helvetica, sans-serif;
color: white;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 5px 0;
padding-left: 8px;
text-decoration: none;
}


.applemenu div.silverheader a:visited, .applemenu div.silverheader a:active{
color: white;
}


.applemenu div.selected a, .applemenu div.silverheader a:hover{
background-image: url(silvergradientover.gif);
color: white;
}

.applemenu div.submenu{ /*DIV that contains each sub menu*/
background: white;
padding: 5px;
height: 100px; /*Height that applies to all sub menu DIVs. A good idea when headers are toggled via "mouseover" instead of "click"*/
}





/* SpryCollapsiblePanel.css - version 0.5 - Spry Pre-Release 1.6.1 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

/* This is the selector for the main CollapsiblePanel container. For our
 * default style, the CollapsiblePanel is responsible for drawing the borders
 * around the widget.
 *
 * If you want to constrain the width of the CollapsiblePanel widget, set a width on
 * the CollapsiblePanel container. By default, our CollapsiblePanel expands horizontally to fill
 * up available space.
 *
 * The name of the class ("CollapsiblePanel") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style the
 * CollapsiblePanel container.
 */
.CollapsiblePanel {
	margin: 0px;
	padding: 0px;
	/*border-left: none 1px #CCC;
	border-right: none 1px #999;
	border-top: none 1px #999;
	border-bottom: none 1px #CCC;*/
}

/* This is the selector for the CollapsiblePanelTab. This container houses
 * the title for the panel. This is also the container that the user clicks
 * on to open or close the panel.
 *
 * The name of the class ("CollapsiblePanelTab") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style an
 * CollapsiblePanel panel tab container.
 */
.CollapsiblePanelTab {
	/*background-color: #DDD;*/
	/*border-bottom: solid 1px #CCC;*/
	margin: 0px;
	padding: 2px;
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
	font-family: sans-serif;
	font-size: .9em;
	font-weight: bold;

-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px; 
width:180px;
color:#FFFFFF;
height:25px;
padding:5px;
background-color:#003366;



}

/* This is the selector for a CollapsiblePanel's Content area. It's important to note that
 * you should never put any padding on the content area element if you plan to
 * use the CollapsiblePanel's open/close animations. Placing a non-zero padding on the content
 * element can cause the CollapsiblePanel to abruptly grow in height while the panels animate.
 *
 * The name of the class ("CollapsiblePanelContent") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style a
 * CollapsiblePanel content container.
 */
.CollapsiblePanelContent {
	margin: 0px;
	padding: 0px;
	font-size:.9em;
	font:Arial, Helvetica, sans-serif;
	text-indent: 2px;
}

/* An anchor tag can be used inside of a CollapsiblePanelTab so that the
 * keyboard focus ring appears *inside* the tab instead of around the tab.
 * This is an example of how to make the text within the anchor tag look
 * like non-anchor (normal) text.
 */
.CollapsiblePanelTab a {
	color: black;
	text-decoration: none;
}

/* This is an example of how to change the appearance of the panel tab that is
 * currently open. The class "CollapsiblePanelOpen" is programatically added and removed
 * from panels as the user clicks on the tabs within the CollapsiblePanel.
 */
.CollapsiblePanelOpen .CollapsiblePanelTab {
	background-color: #B25900;
}

/* This is an example of how to change the appearance of the panel tab when the
 * CollapsiblePanel is closed. The "CollapsiblePanelClosed" class is programatically added and removed
 * whenever the CollapsiblePanel is closed.
 */

.CollapsiblePanelClosed .CollapsiblePanelTab {
 /* background-color: #EFEFEF */
}

/* This is an example of how to change the appearance of the panel tab as the
 * mouse hovers over it. The class "CollapsiblePanelTabHover" is programatically added
 * and removed from panel tab containers as the mouse enters and exits the tab container.
 */
.CollapsiblePanelTabHover,  .CollapsiblePanelOpen .CollapsiblePanelTabHover {
	/*background-color: #CCC;*/
}

/* This is an example of how to change the appearance of all the panel tabs when the
 * CollapsiblePanel has focus. The "CollapsiblePanelFocused" class is programatically added and removed
 * whenever the CollapsiblePanel gains or loses keyboard focus.
 */
.CollapsiblePanelFocused .CollapsiblePanelTab {
	/*background-color: #3399FF;*/
}



/*accordion menu with cute buttons */

.arrowlistmenu{
width: 180px; /*width of accordion menu*/
}

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
font: bold 14px Arial;
color: white;
background: black url(dropdownbar.png) repeat-x center left;
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 4px 0 4px 10px; /*header text is indented 10px*/
cursor: hand;
cursor: pointer;
}

.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
background-image: url(dropdownbar-active.png);
}

.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li a{
color: #A70303;
background: url(arrowbullet.png) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #dadada;
font-size: 90%;
}

.arrowlistmenu ul li a:visited{
color: #A70303;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #A70303;
background-color: #F3F3F3;
}