﻿/**
 * Master Page
 **/
body 
{
    margin: 0; padding: 0;
    font-family: Arial, Helvetica, HelveticaNeue;
    color: #6b696a;
    background-color:#00283d;
    background-image: url('images/bgMain.gif');
    background-repeat: repeat-x;
}
a, a:link, a:active, a:visited { text-decoration: none; }
a:hover { text-decoration: underline; }

img { border:0; }
h1 { font-size: 20px; color: #6b696a;}
h2 { font-size: 18px; color: #6b696a;}
/*h3 { font-size: 16px; color:#636466; padding:0; margin: 0 0 5px 0; text-transform:uppercase; font-weight: normal; }*/
.alignLeft { text-align: left; }
.alignRight { text-align: right; }
.alignCenter { text-align:center; }

.wrapper
{
    margin: 0 auto;
    width: 860px;
}
.mainWrapper
{
    background-image: url('images/bgShadow.png');
    background-repeat: repeat-y;
    width: 860px;
}
.mainContent
{
    width: 758px;
    margin: 0;
    padding: 0px 13px 13px 13px;
    margin: 0 40px 0 40px;
    background-color: White;
}
.mainTop
{
}
.mainBottom
{
    background-image: url('images/bgShadowBottom.png');
    background-repeat: no-repeat;
    width: 860px;
    height: 50px;
}

/**
 * Header Control
 **/
#header
{
    height:90px;
    background-image: url('images/bgHeader.gif');
    background-repeat: no-repeat;
    padding:0; margin:0;
    padding-top: 10px;
}
#header h1 { font-size: 20px; }
#header .left { float: left; padding-left: 10px; padding-top:5px;  }
#navTop .right { float: right; padding-right:10px; padding-top: 2px;}
#header .call { color: #000; font-size:13px; font-weight:bold; }
#navTop .phone { color:#ff8400; font-size:14px; font-weight:bold;  }
.onehundredyears { float: right; margin-right: 100px; cursor: pointer; border: 1px solid red; }
/**
 * Footer
 **/
#footer
{
    clear:both;
    border-top: solid 1px #dee2e6;
    padding: 6px 0 0 20px;
    color: #6a6969;
    font-size: 9px;
    line-height: 10px;
}
#footer a { color: #6a6969; font-size: 9px; }
#footer a:hover { text-decoration:underline; }

#footer p {padding:0; margin:0; padding-bottom: 6px; }
#footer .right 
{
    float: right;
    text-align: right;
}
/**
 * contentWrapper
 **/
.contentWrapper
{
    clear:both;
    display:block;
}

/**
 * Top Navigation
 **/

#navTop  
{
    clear:both; 
    height:22px; 
    overflow:hidden;
    font-size: 10px;
    background-image: url('images/bgNav.gif');
    background-repeat: repeat-x;
    border-bottom: solid 1px white;
    padding:0; margin:0;    
}
#navTop li:hover ul, #navTop li.over ul { display: block; background: #e7e4e4; }

#navTop ul { list-style: none; margin:0; padding:0; }
#navTop li { list-style:none; margin: 0 3px 0 0; float:left; }
#navTop li a  
{
    display: block;
    padding: 4px 10px 5px 13px;
    font-size: 9px;
    color: #6a6969;
    text-decoration: none;
}
#navTop li a:hover { background-color: #3cc5f3; text-decoration:underline; }
#navTop li li a:hover { background-color:white; }

#navTop li.selected { background-color: #3cc5f3; }
#navTop li.selected li.selected { background-color: #e7e4e4; }
#navTop li.selected a { text-decoration:none; }
#navTop li.selected a:hover { color: #6a6969; }
#navTop li.selected li a { color:#6a6969; }

#navTop li ul { position: absolute; width: 175px; padding-bottom:5px;}
#navTop li li { width: 175px; background-color:#e7e4e4; }
#navTop li li li {display: none;}

/* hide all ul's for initial load, must be at end of section */
#navTop li ul { display: none; }


/*--- content ---*/
.content
{
    display:table;
    background-image: url('images/bgSideBar.gif');
    background-repeat: repeat-y;
    background-position: right;
    width:758px;
    padding-bottom: 15px;
}
.content h1 { color: #00bdf2; font-size: 16px; font-weight:bold; margin-top:0px; }
.content h2 { color: #00bdf2; font-size: 14px; font-weight:bold; }
.content h3 { color: #00bdf2; font-size: 12px; font-weight:bold; }

.content table
{
}
.content td.Gutter { width: 10px; }
.content tr.Banner
{
    height:28px;
}
.content td.BannerTitle
{
    color: #00bdf2;
    background-image: url('images/bgBanner.gif');
    background-repeat: repeat-x;
    padding: 6px 0 0 20px;
    height: 22px;
    font-size:12px;
    font-weight:bold;
    width: 485px;
}
.content td.BannerLink
{
    background-image: url('images/bgBanner.gif');
    background-repeat: repeat-x;
    text-align:center;
    padding-top: 7px;
    height: 21px;
    width: 244px;
}
.content td.BannerLink a
{
    background-image: url('images/bgBtn.gif');
    background-repeat: repeat-x;
    height:20px;
    padding: 2px 20px 3px 20px;
    color: #fff;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: .1em;
    text-decoration: none;
    border-right: 1px #00435b solid;
}

.content .copy a, .content .copy a:link, .content .copy a:active, .content .copy a:visited { text-decoration: underline; color: #00bdf2; }

.content .copy
{
    float:left;
    width: 485px;
    padding: 20px 9px 0 20px;
    font-size: 12px; 
}

.content .copy td 
{ 
	font-size: 12px;
    color: #6b696a;
    font-family: Arial, Helvetica, HelveticaNeue;
}
.content .copy .boxes { margin-left:-20px; margin-right:-7px; }
.content .copy .boxes .box
{
    float:left;
    width: 163px;
    color: #6b696a;    
    background-color: #e6e7e8;
    margin-right: 7px;
    min-height: 125px;
}
.content .copy .boxes .box .title
{
    display:block;
    background-image: url('images/bgBox.gif');
    background-repeat: repeat-x;
    height:23px;
    padding: 10px 0 0 10px;
    color:#6b696a;
    font-weight:bold;
    font-size:14px;
}
.content .copy .boxes .box .description
{
    padding:10px;
}
.content .copy .boxes .box .description a
{
    color:#00bdf2;
    position:relative;
    top:4px;
    font-size:10px;
    font-weight:bold;
    font-style:italic;
    text-decoration: none;
}
.content .copy .boxes .box .description a:hover { text-decoration:underline; }

.content .copy hr { color:white; border-top: dotted 1px silver; }

.content .copy input.submit  
{
	border:0; width:139px; height:35px;
	background:url(images/btnStartMicro.gif) no-repeat 0 0;
	cursor: hand;
}

.content .sidebar
{
    float: right;
    width: 244px;
    padding: 10px 0 10px 0;    
    overflow: hidden;
}
.content .sidebar .item { padding: 0 20px 0 20px; }
.content .sidebar .item a { color: #6b696a; text-decoration: none;  cursor: hand;}
.content .sidebar .item .image {}
.content .sidebar .item .teaser {  }
.content .sidebar .right {display: none; }

.content .sidebar .promotext { padding: 10px 15px 10px 15px; font-size: 12px; color: #6b696a; font-family: Arial, Helvetica, HelveticaNeue; }

/*====
 *
 */
.contentMicro
{
    display:table;
}
.contentMicro h1 { color: #00bdf2; font-size: 16px; font-weight:bold; margin-top:0px; }
.contentMicro h2 { color: #00bdf2; font-size: 14px; font-weight:bold; }
.contentMicro h3 { color: #00bdf2; font-size: 12px; font-weight:bold; }
.contentMicro td.Gutter { width: 15px; }
.contentMicro tr.Banner { height:28px; }
.contentMicro td.BannerTitle
{
    color: #00bdf2;
    background-image: url('images/bgBanner.gif');
    background-repeat: repeat-x;
    padding: 6px 0 0 20px;
    height: 22px;
    font-size:12px;
    font-weight:bold;
}
.contentMicro td.BannerLink
{
    background-image: url('images/bgBanner.gif');
    background-repeat: repeat-x;
    text-align:center;
    padding-top: 7px;
    height: 21px;
}
.contentMicro td.BannerLink a
{
    background-image: url('images/bgBtn.gif');
    background-repeat: repeat-x;
    height:20px;
    padding: 2px 20px 3px 20px;
    color: #fff;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: .1em;
    text-decoration: none;
    border-right: 1px #00435b solid;
}
.contentMicro .copy, .contentMicro td { color: #6b696a; font-size: 11px; }
.contentMicro .copy a, 
.contentMicro .copy a:link, 
.contentMicro .copy a:active, 
.contentMicro .copy a:visited 
{ text-decoration: underline; color: #00bdf2; }

.contentMicro .copy
{
    color: #6b696a;
    width: 440px;
    padding: 10px;
    margin-right:0px;
} 
.contentMicro .sidebar
{
    float:left;
    display:block;
    background-image: url('images/bgSideBarMicro.gif');
    background-repeat: repeat-y;
    width: 265px;
    padding: 5px 10px 0 10px;
}

.contentMicro .sidebar td, .contentMicro .sidebar input, .contentMicro .sidebar select { font-size: 10px; }
.contentMicro .sidebar hr { color:white; border-top: dotted 1px silver; }

.contentMicro .sidebar input.submit  
{
	border:0; width:139px; height:35px;
	background:url(images/btnStartMicro.gif) no-repeat 0 0;
	cursor: hand;
}
.contentMicro .bottomContent
{
    clear:left;
    padding-top: 5px;
    margin-top: 10px;
    color:#6b696a;
    font-size: 11px;
}
.contentMicro .bottomContent td { color:#6b696a; font-size: 11px; }

/**
 * Content Full (full width image at top, no margin
 *
**/
.mainContentFull 
{
    width: 758px;
    margin: 0;
    padding: 0px 0px 13px 0px;
    margin: 0 40px 0 40px;
    background-color: White;
}
.contentfull
{
    display:table;
    width:758px;
    padding: 0px;
    padding-bottom: 15px;
}
.contentfull .fullhero { margin-left: 0px; margin-right: 0px; width: 758px; }
.contentfull .primarycopy { width: 718px; padding: 20px; font-size: 12px; }

.contentfull .primarycopy td 
{ 
	font-size: 12px;
    color: #6b696a;
    font-family: Arial, Helvetica, HelveticaNeue;
}
.contentfull .primarycopy a, .contentfull .primarycopy a:link, .contentfull .primarycopy a:active, .contentfull .primarycopy a:visited 
{
    text-decoration: underline;
    color: #00bdf2;
}
.contentfull .primarycopy a, .contentfull .primarycopy a:link, .contentfull .primarycopy a:active, .contentfull .primarycopy a:visited 
{
    text-decoration: underline;
    color: #00bdf2;
}
/**
 * Content Wide (image at top of page, carries same margins as regular content page
 *
**/
.contentwide .copy
{
    float:left;
    width: 718px;
    padding: 20px 9px 0 20px;
    font-size: 12px; 
}
.contentwide .copy td 
{ 
	font-size: 12px;
    color: #6b696a;
    font-family: Arial, Helvetica, HelveticaNeue;
}
.contentwide .copy a, .contentwide .copy a:link, .contentwide .copy a:active, .contentwide .copy a:visited 
{
    text-decoration: underline;
    color: #00bdf2;
}
.contentwide .copy a, .contentwide .copy a:link, .contentwide .copy a:active, .contentwide .copy a:visited 
{
    text-decoration: underline;
    color: #00bdf2;
}

.contentwide table
{
}
.contentwide td.Gutter { width: 10px; }
.contentwide tr.Banner
{
    height:28px;
}
.contentwide td.BannerTitle
{
    color: #00bdf2;
    background-image: url('images/bgBanner.gif');
    background-repeat: repeat-x;
    padding: 6px 0 0 20px;
    height: 22px;
    font-size:12px;
    font-weight:bold;
    width: 485px;
}
.contentwide td.BannerLink
{
    background-image: url('images/bgBanner.gif');
    background-repeat: repeat-x;
    text-align:center;
    padding-top: 7px;
    height: 21px;
    width: 244px;
}
.contentwide td.BannerLink a
{
    background-image: url('images/bgBtn.gif');
    background-repeat: repeat-x;
    height:20px;
    padding: 2px 20px 3px 20px;
    color: #fff;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: .1em;
    text-decoration: none;
    border-right: 1px #00435b solid;
}
/**
 * Left Navigation
 **/
#navSide ul { margin:0; padding: 0 0 5px 0; list-style:none; width: 243px;}
#navSide ul ul { border: 0; }
#navSide li 
{
    font-size: 10px;
    list-style: none;
    display: block;
    margin-left: -1px;
    padding: 10px 15px 10px 35px;
    border-bottom: solid 1px #cacacc;
    border-left: solid 2px white;
    background-image: url('images/bgSubNav.gif');
    background-repeat: no-repeat;
    background-position: 15px 15px;
}
#navSide li a, #navSide li a:visited { color:#6b6969; text-decoration: none; font-size:12px; font-weight:bold; }
#navSide li a:hover { text-decoration:underline; }
#navSide li li a, #navSide li li a:visited { color:#6b6969; text-decoration: none; font-size:10px; font-weight:normal; }
#navSide li li a:hover { text-decoration:underline; }

#navSide li.selected 
{
    background-color: #ffffff;    
}
#navSide li.selected ul { padding-top:5px; }
#navSide li.selected li
{
    background-image: none;
    border: 0;
    margin: 0;
    padding: 3px 12px 3px 0px;
    width:190px;
}
#navSide li li.selected a
{
    font-weight: bold;
}

#navSide li.selected ul {display:block;}
/*#navSide li ul {display:none;}
#navSide li ul ul {display:none;}*/

ul.tabs { margin:0; padding:0; list-style:none; height: 15px; clear:both; }
ul.tabs li { margin:0; padding:0; list-style:none; float:left; height:15px; padding-right:7px;
             background-image:url('images/tabR.png'); background-repeat:no-repeat; background-position:top right; }
ul.tabs li div { height:13px; padding: 2px 10px 0 15px; background-image:url('images/tab.png');}
ul.tabs li.selected { background-position:right -16px; }
ul.tabs li.selected div { background-position:left -16px; }

.copy ul.tabs li a.tab { color: #fff; font-size:10px; text-transform: uppercase; text-decoration:none; }
.copy ul.tabs li a.tab:hover {color: #00bdf2;}
.copy ul.tabs li.selected a.tab:hover {color: #fff;}

.tabContent { min-height:300px; padding:20px; background-image:url('images/tabContent.png'); background-repeat:repeat-x; background-position:top; background-color:#fff; }
.tabDefault { display:none; }