﻿/* --------------------------------------------------------------

   styles.css
   * custom styles that fall outside the other style sheets.

-------------------------------------------------------------- */

/*BEGIN Global Navigation Styles
-------------------------------------------------------------- */
.nav
{
    background: #4e4e4e url(images/nav_roundcap.jpg) no-repeat left;
    height: 132px;
    position: relative;
    left: 35px;
}

.global-nav
{
    padding: 0 75px 0 0;
    margin: 0;
    list-style: none;
    height: 132px;
    position: relative;
    float: right;
}
.global-nav li
{
    float: left;
    background: url(images/divider.jpg) no-repeat bottom right;
    position: relative;
    top: -10px;
}

.global-nav li a
{
    display: block;
    float: left;
    height: 132px;
    width: 135px;
    margin-top: 0px;
    line-height: 232px;
    color: #fff;
    text-decoration: none;
    font-size: 14px;
    font-family: arial, verdana, sans-serif;
    text-align: center;
    padding: 0;
    margin: 0;
    cursor: pointer;
        position:relative;
    left:-3px;
}
.global-nav li.current a
{
    color: #fff;
    background: url(images/nav_active.jpg) no-repeat center bottom;
    width: 135px;
    margin-top: 10px;
    padding: 0 1px 0 1px;
    line-height: 212px;
}

.global-nav li:hover, .global-nav li.current:hover a { background:none; }

.global-nav li a:hover
{
    color: #fff;
    background: url(images/nav_hover.jpg) repeat-x left center;
    height: 132px;
    margin-top: 10px;
    padding: 0;
    line-height: 212px;
        position:relative;
        left:-3px;
}

.global-nav li.current { background:none; }

.global-nav li.current a:hover
{
    color: #fff;
    background: url(images/nav_active.jpg) no-repeat center center;
    cursor: default;
    padding: 0 1px 0 1px;
    margin-top: 10px;
    line-height: 212px;
}
.global-nav li.last-nav-item
{
    background: none;
}
/*END Global Navigation Styles
-------------------------------------------------------------- */

/*BEGIN Footer Navigation Styles
-------------------------------------------------------------- */
ul.footer-nav, ul.footer-nav-secondary
{
    padding: 15px 0 15px 0;
    margin: 0 auto;
    width: 870px;
    font-size: 12px;
    text-align: center;
    border-bottom: 1px solid #7a7a7a;
}
ul.footer-nav-secondary
{
    border-bottom: none;
}
ul.footer-nav li, ul.footer-nav-secondary li
{
    list-style: none;
    display: inline;
    color: #fff;
    padding: 0 20px 10px 20px;
}
ul.footer-nav a, ul.footer-nav-secondary a
{
    color: #c1c1c1;
    text-decoration: none;
}
ul.footer-nav-secondary a
{
    font-size: 11px;
}
ul.footer-nav a:hover, ul.footer-nav-secondary a:hover
{
    text-decoration: none;
    color: #fff;
}

/*END Footer Navigation Styles
-------------------------------------------------------------- */

/*BEGIN Local Navigation Styles
-------------------------------------------------------------- */
ul.local-nav
{
    font-size: 14px;
    padding: 15px 65px 0 0;
    margin: 0;
    text-align: center;
    float: right;
}
ul.local-nav li
{
    list-style: none;
    display: inline;
    color: #fff;
    padding: 0 20px 0px 20px;
}
ul.local-nav a
{
    color: #4e4e4e;
    text-decoration: none;
}
ul.local-nav a:hover
{
    text-decoration: none;
    color: #004990;
}
ul.local-nav li.active
{
    background: url(images/local_active.jpg) no-repeat center top;
    padding-top: 18px;
}
/*END local Navigation Styles
-------------------------------------------------------------- */


/*BEGIN Other Layout Styles
-------------------------------------------------------------- */
.site-wrapper
{
    background: #fff url(images/site_wrapper.jpg) repeat-y center;
    height: 132px;
    min-width: 950px;
}

.footer-wrapper
{
    background: #4e4e4e repeat-x;
    height: 132px;
    margin-top: 25px;
    padding-top: 25px;
    clear: both;
    display: block;
}

.logo
{
    padding-top: 25px;
}

.graybox
{
    background: url(images/graybox.jpg) no-repeat top center;
    min-height: 50px;
    text-align: center;
    margin: 0 auto;
    width: 870px;
    padding-left: 8px;
    clear: both;
}

.resource-center
{
    float: left;
    color: #d1d1d1;
    font-size: 14px;
    padding: 0px 25px 0 25px;
    margin-top: 10px;
    text-align: center;
    width: 235px;
    background: url(images/resource_divider.png) no-repeat top right;
}

.noborder
{
    background: none;
    border: none;
}


.news
{
    border-right: 1px solid #ddd;
    padding-right: 20px;
}

ul.events li
{
    padding-bottom: 10px;
    list-style: none url(images/arrow.jpg);
}

.main-image
{
    margin-bottom: 35px;
}

.callout
{
    background: #e9e6e6;
    border: 1px solid #d1d1d1;
}
.label
{
    width: 110px;
    padding: 8px 25px 20px 0;
    float: left;
}
.submit-button
{
    background: url(images/btn_submit.jpg) no-repeat top left;
    width: 98px;
    height: 31px;
    border: none;
    cursor: pointer;
    margin: 15px 0 25px 135px;
}
.submit-button:hover
{
    background: url(images/btn_submit.jpg) no-repeat bottom left;
    width: 98px;
    height: 31px;
}
.quotes
{
    background: url(images/quotes.jpg) no-repeat;
    width: 22px;
    height: 18px;
    padding: 0 10px 0 10px;
}
.quotes-end
{
    background: url(images/quotes_end.jpg) no-repeat;
    width: 22px;
    height: 18px;
    padding: 0 10px 0 10px;
}

ul.leadership
{
    list-style: none;
    padding: 0 !important;
    margin: 0 !important;
}
ul.leadership li
{
    padding-bottom: 10px;
}
ul.leadership li.current
{
    list-style-image: url(images/arrow.jpg);
    margin-left: 25px;
}
ul.leadership a
{
    color: #474747;
}

ul.leadership a:hover
{
    color: #004990;
}

.carouselItem
{
    padding: 10px 15px;
    filter: alpha(opacity=40);
    opacity: 0.4;
    background:white;

}
.carouselItemActive
{
    cursor: pointer;
    padding: 10px 15px;
    filter: alpha(opacity=100);
    opacity: 1.0;
    background:white;
}

li.carouselItem:hover
{
    cursor: pointer;
    filter: alpha(opacity=100);
    opacity: 1.0;
}

ul.resources li { margin: 0 0 0 0 !important; padding-left: 0 !important; position:relative; left:-5px; }

ul.resources li a 
{
    list-style-image:url(images/bullet.jpg);
	color:#4e4e4e;
	text-decoration:none;
	font-weight:normal;
	font-size:13px;
}

ul.resources li a:hover {
	color:#004990;
	text-decoration:none;
}

/*IE 6 Hack*/
div#content2 {
	background: url(images/content2_bkg.jpg) repeat-y;
	font-weight:normal;
	color:#888e94;
	text-align:left;
	width:190px;
	position:relative;
	top:-10px;
	float:left;
}

html>body div#content2 {
	background: url(images/content2_bkg.jpg) repeat-y;
	font-weight:normal;
	color:#888e94;
	text-align:left;
	width:190px;
	position:relative;
	top:25px;
	float:left;
}

/*END Other Layout Styles
-------------------------------------------------------------- */




