/* CSS LINKS, SPRITE, MENUS */

/**LINKS**/
a img {border:none}
a {text-decoration:none; font-weight:bold}

a:link {color:#0D207D;}
a:visited {color: #4D69AB}
a:hover,
a:active,
a:focus{
color:#B01223; 
text-decoration:underline;
}

/**CAPE LOGO SPRITE, changes on hover**/
#logo {
margin:0;
padding:0;}

#logo h1 {
margin:0;
padding:0;
text-indent: -9999em; /*move text link off screen*/}

#logo a {
display: block; /* Change anchor to block element */
width: 180px;
height: 80px; /* Specify width and height of the image. Height is value of each button state */
background: url(../Images/CAPE-sprite.jpg) no-repeat;}

#logo a:link,
#logo a:visited {background-position: top;}
#logo a:hover, 
#logo a:active, 
#logo a:focus {background-position: bottom;
outline:none}
/**END CAPE LOGO SPRITE**/


/* BEGIN LEFT SIDE VERTICAL MENU */

#sidebar .indent {
margin-right:5px;
margin-left: 20px;
text-align:left;
}

#sidebar ul{
padding-left: 0;
margin-left: 0;
width: auto;
}

#sidebar li{
list-style: none;
font-size: 11px;
}

#sidebar li a {
text-decoration: none;
display:block;
*display:inline-block; /**for IE6**/
line-height: 1.5em;
}
#sidebar a {text-decoration:none;}
#sidebar li a {text-transform: uppercase;}

#sidebar a:link {color:#0D207D;}
#sidebar a:visited {color:#6373CA}
#sidebar a:hover {color: #C70400; text-decoration:underline} 
#sidebar a:active, 
#sidebar a:focus{ 
color: #FF0000; 
}
/* END vertical navlist */

/* BEGIN TOP HORIZONTAL NAVBAR */
#navbar{
position:relative;
z-index:1000;
width: 810px;
margin: 0;
padding:0;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

#navbar li {
list-style: none;
font-size: 12px;
float: left;
text-align:left;
}

/**top level menu**/
#navbar li a {
display: block;
text-decoration: none;
color: #C01626;
width: 10.50em; /* adjust as needed or use auto */
padding: 4px 16px 4px 16px;
border: 1px solid #FFF;
}

/**top menu style on mouse over - in good browsers**/
#navbar li:hover > a {
background: #B5C3D7; 
color: #0D207D;
border: 1px solid #B5C3D7;
}

/**sub-menu**/
#navbar li ul {
display: none;
text-align:center;
margin:0;
padding:0 1em;
}

/**sub-menu, help for IE6 JavaScript**/
#navbar li:hover ul, 
#navbar li.hover ul {
display: block;
position: absolute;
padding: 0;
}

#navbar li:hover li, 
#navbar li.hover li {
float: none;}

/**drop-menu style**/
#navbar li:hover li a, 
#navbar li.hover li a {
background-color: #FFF;
border: 1px solid #B5C3D7;
color: #0D207D;
width: 10.50em; /* adjust width as needed or use auto */
}

/**drop-menu style on mouse over**/
#navbar li li a:hover,
#navbar li li a:active,
#navbar li li a:focus {
color: #000;
background: #E8EDF4;
}
/**end top navbar**/

/**BEGIN BACK TO TOP BUTTON**/
#toTop {
display:none;
position:fixed;
bottom:20%;
right:20px;
overflow:hidden;
/**same size as background image**/
width:64px; 
height:64px;
background: url(../Images/to-topSprite.png) no-repeat top center;
cursor:pointer;
border:none;
}

#toTopHover{
display:block;
width:64px;
height:64px;
overflow:hidden;
background: url(../Images/to-topSprite.png) no-repeat bottom center;
}
toTop:active, toTop:focus {
background: url(../Images/to-topSprite.png) no-repeat bottom center;
outline:none}