/*
AT&T Intranet Template 3.0
*/

/* DO NOT EDIT THIS FILE. Create your own CSS file to override any styles in this document. */

/* reset styles */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; background: transparent; }
html { background: linear-gradient(#f4f4f4, white); }
body { line-height: 1; }
/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }
/* page and body settings */
body { text-align: left; padding: 0; margin: 0; background: #fff; color:#808080; font: 62.5% Verdana, Arial, Helvetica, sans-serif;/* this sets default font-size of 1.0em = 10px *//* for font size changes, style elements one time using ems */ }
/* begin default styling of elements */
* { outline:none; font-family: arial; }
p { margin: 0 0 12px 1px; padding: 0; color: #333333; font-size: 12px;}
img { border: none; background-color: transparent; }
a img { border: none; }
hr { background: #cdcfd0; border: 0; color: #cdcfd0; height: 1px; margin: 0 0 10px; }
/* default lists, blockquotes, and tables and other specialized elements */
/* font-sizes and line-heights below are common across entire document */
/* for elements with font-sizes or line-heights that change during document, */
/* remove font-size and line-height settings from here and style explicitly below */
ul { margin: 0 0 12px 12px;  list-style-position: outside; }
li { margin: 0 0 0 5px; }
li ul { /* for lists inside lists */ margin-top: 5px; margin-left: 15px; list-style: disc; }
blockquote { margin: 1px 0 12px; padding: 0 10px 0 0;}
blockquote.gradient { margin-left: 0; }
blockquote h5 { font-size:18px;}
blockquote p { font-size:12px; margin: 0 0 6px; }
/* forms */
form { }
fieldset { }
label { }
input { margin: 0 0 5px 0; vertical-align: middle; }
input.button { color: #808080; font-size: 1.2em; height: 20px; cursor: pointer;}
input.button.full-width { width: 100%; }
input.input-box { vertical-align: middle; padding: 1px; }
.radio-button { margin-right: 3px; vertical-align: middle; }
select { vertical-align: top; }
/* default table (invisible) */
table { margin: 0 0 12px; border-collapse: collapse; clear: both;/* for clearing floated images */ }
th, td { vertical-align:top; padding:2px 5px; margin:0; }
/* default headers */
h1, h2, h3, h4, h5, h6 { margin-bottom: 12px; font-weight: normal; color: #333333; }
/* font sizes here are global for the entire document; */

/* for headers that change size, remove here and size below in each container */
h1 { font-size: 3.0em; }
h1, h1 a { text-decoration:none; }
h2 { font-size: 24px; margin-left: -1px; /* to fix 1px header variance */ margin-bottom:12px; }
h2, h2 a { color:#333333 !important; text-decoration:none !important; }
h3 { font-size: 18px; clear: left; }
h3, h3 a { text-decoration:none !important; }
h4 { font-size: 1.6em; margin-top:38px; }
h4, h4 a { text-decoration:none !important; }
h5 { font-size:1.1em; font-weight:bold; }
h6 { font-size: 1.1em; letter-spacing: .5px; font-weight: bold;}
h6, h6 a { color:#808080; text-decoration:none !important; }
h6.reverse { margin:7px 0 18px; }
h2.underline, h3.underline { border-bottom: 1px solid #ccc !important; padding-bottom: 2px; margin-bottom:3px; }
small { font-size: 0.9em; color: #808080; }
/* default links */
a, a:link { color: #067ab4; text-decoration: underline; font-weight: normal; }
a:visited { color: #067ab4; text-decoration: underline; font-weight: normal; }
a:hover a:active, a:focus { color: #003366; text-decoration: underline; font-weight: normal; }
/* begin page layout */
#page-wrapper { margin: 0 auto; padding: 0; text-align: left; width: 768px; border: none; }
/* header */
#header { position: relative; /* makes #header the parent element for absolute positioned nav-bar */ margin: 10px 0 0 0; padding: 0; height: 55px; box-shadow:  1px 1px #c8c8c7;}
/* #header img { left: 15px; position:absolute; top: 11px; } */
#header .lnkGlobe { left: 15px; position:absolute; top: 11px; background-color:#000000}
#header #title { margin: 0; padding: 0; position: absolute; right: 0; top: 0;/* this uses absolute positioning to drop header title graphic *//* on top of generic header background */ }
/* header nav-bar */
#header .nav-bar { position: absolute; top: 15px; left: 70px; list-style-type: none; margin: 0; padding: 1px 5px 5px 0px; text-align: left; }
#header .nav-bar li { padding: 6px 11px 6px 11px; display: inline; color: #838383; font-size: 1.2em; font-weight: normal; float: left; border-left: solid 1px #e3e3e3;}
#header .nav-bar li a { float: left; display: block; }
#header .nav-bar li a, #header .nav-bar li a:link, #header .nav-bar li a:visited { color: #067ab4; text-decoration: none; }
#header .nav-bar li a:hover, #header .nav-bar li a:active, #header .nav-bar li a:focus { color: #000; text-decoration: underline; }
#header .nav-bar li.current a { color: #ff7200 !important; }
#banner { text-align: center; margin-top: 12px; width: 1246px; height: 153px;}
/* begin column layout */
#column-wrapper { width: 768px; margin: 10px 0 0 0; padding: 0; }
/* begin column "inner" containers */
/* this is a container forming the body of each column */
/* settings here are common across all columns */
.inner { margin: 0px 15px 15px 0px; padding: 0; }
/* font-sizes and line-heights below are common across all columns */
/* for elements with font-sizes that are different for each column, remove here and size explicitly within column section */
.inner p, .inner li{ line-height: 165%; }
/* fixing font sizes inside nested elements */
li li, li h4, li p { font-size:1.0em !important; }
/* content column */
#content { display: block; margin: 0; }
#content:after { clear:both; }
/* footer */
#footer-wrapper { clear: both;/* clears left column and content floats */ }
#footer {  color: #067ab4; padding: 150px 10px 25px 0; font-size: 12px; }
#footer a, #footer a:link, #footer a:visited { color: #067ab4; text-decoration: none; }
#footer a:hover, #footer a:active, #footer a:focus { color: #067ab4; text-decoration: underline; }
#footer .nav-bar { padding: 0; margin: 0; }
#footer .nav-bar li { color: #067ab4; margin: 0; padding: 0; display: inline; border-right: 1px solid #067ab4; float: left; /* removes extra margins in inline lists */ font-size: 12px; }
#footer .nav-bar li a { margin: 0; padding: 0 10px; /* sets space between footer nav-bar links */ display: block; /* expands nav-bar links to edges of list items */ float: left;/* removes extra margins in inline lists */ }
#footer p { font-size: 1.1em; margin-left: 5px; }
#footer .text { margin: 0; padding: 0; text-align: right; color: #067ab4; font-size: 12px}
/* specialized page components (not used in every page) */
/* re-usable visible table style, 1px gray border */
.table-style { background-color: #fff; color: #000; padding: 0; margin: 0 0 20px; border-collapse: collapse; width: 100%; clear: both;/* for clearing floated images */ }
.table-style th, .table-style td { background-color: #fff; margin: 0; border: 1px solid #cdcfd0; padding: 3px; color: #808080; }
.table-style th h5 { margin: 0; }
/*style for 2 columns in content area with gradient header*/
.two-columns, .one-column { width: 100%; clear: left; float: left; display: inline;}
.two-columns dl {  width: 47.02%; float: left; display: inline;/* IE fix for double margin bug */padding: 15px 15px 15px 15px; margin-bottom: 10px; min-height: 100px;}
.two-columns dl:first-child { margin-right: 10px; }
.gradient {background: -webkit-linear-gradient(white, #f4f4f4); /* For Safari 5.1 to 6.0 */background: -o-linear-gradient(white, #f4f4f4); /* For Opera 11.1 to 12.0 */background: -moz-linear-gradient(white, #f4f4f4); /* For Firefox 3.6 to 15 */background: linear-gradient(white, #f4f4f4); /* Standard syntax */ padding: 10px; margin-left: -15px; padding-left: 20px; border-bottom: solid 1px #e3e3e3; filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#f4f4f4');}
#content .gradient { width: 100%;}
/* "nav-quadrant" landing page navigation grid */
#content .nav-quadrant {  width:100%; clear: left; float: left; display: inline; }
#content .nav-quadrant dl { width: 47.02%; float: left; display: inline;/* IE fix for double margin bug */padding: 15px 15px 20px 15px; margin-bottom: 10px; min-height: 100px;}
#content .nav-quadrant.three dl { width: 30.22%; float: left; display: inline;/* IE fix for double margin bug */padding: 15px 15px 20px 15px; margin-bottom: 10px; min-height: 100px;}
#content .nav-quadrant dl {
    margin-left: 10px;
}
#content .nav-quadrant dl:first-child { margin-left: 0px; }
#content .nav-quadrant dt { font-size: 12px; color:#333333;}
#content .nav-quadrant dt ul {line-height: 80%;}
#content .nav-quadrant dd { padding: 0; }
#content dd.caption { color:#333333; font-size:12px; line-height:165%;}
#content .nav-quadrant a { /* removes nav-quadrant title hover */ text-decoration: none; }
#content .nav-quadrant dd.caption a:hover { text-decoration: underline; }
#content .nav-quadrant .green dt a { color: #6dbb44; }
/* sets nav-quadrant title color */
#content .nav-quadrant .red dt a { color: #b30a3c; }
#content .nav-quadrant .purple dt a { color: #81017e; }
#content .nav-quadrant .orange dt a { color: #fcb314; }
#content .nav-quadrant .navy dt a { color: #0c2577; }
/* sidebar column "navigation lists" */
.list { font-size: 12px;color: #000;}
.inner .nav-list { list-style-type: none; margin: 0 0 10px 0; list-style-position: outside; }
.inner .nav-list li { list-style-type: none; background-image: none; line-height:120%; list-style-image: none; font-size: 1.2em; color: #838383; text-align: left; margin: 0; padding: 0; }
.inner .nav-list li ul li { line-height: 100%;}
.inner .nav-list li a { margin: 0; padding: 5px 0; font-weight: normal; display: block; }
.inner .nav-list li a, .inner .nav-list li a:link, .inner .nav-list li a:visited { color: #067ab4; text-decoration: none; }
.inner .nav-list li a:hover, .inner .nav-list li a:active, .inner .nav-list li a:focus { color: #000; text-decoration: underline; }
.inner .nav-list li.current a { color: #000; font-weight: bold !important; }
/* nav-list third-tier navigation */
.inner .nav-list .submenu { margin-top: -5px; margin-left: 10px; padding-left: 0; list-style-type: square; list-style-position: outside; margin-bottom: 5px; }
.inner .nav-list .submenu li { list-style-type: square; border: none; padding: 2px 5px; color: #808080; margin-left: 0;}
.inner .nav-list .submenu li.submenu-current { zoom:1; padding-left:20px; background:url(../images/bkg-submenu-current.gif) no-repeat 5px 10px; }
.inner .nav-list .submenu li.submenu-current a { color: #ff7200; }
.inner .nav-list .submenu li a { margin: 0; padding: 0; display: inline; color: #067ab4; font-weight: normal !important; }
/* feature - gives the element some vertical breathing room */
.inner .feature { margin: 30px 0 15px; }
/* sidebar panel, for search and other administration features */

.sidebar-panel h5 { background-color: transparent; font-size:16px; margin:0 0 12px 3px; font-weight:normal; }
.sidebar-panel h6 { margin-bottom: 0; }
.sidebar-panel h5.divider { margin-top:24px; padding-top:16px; border-top:1px solid #ccc; }
.sidebar-panel p {  line-height:140%; margin:0 0 12px 3px; }
.sidebar-panel form { margin-left: 5px; }
.sidebar-panel ul { margin-left: 3px; }
.sidebar-panel li { color: #067ab4; font-size: 12px;}
/* reusable utility code */
.left { float: left; }
img.left { margin: 0 10px 10px 0; }
.right { float: right; }
img.right { margin: 0 0 10px 10px; }
.center { text-align: center; }
/* this is for using on a block-level container element and will center contents inside the container */
.centered { display: block; margin: 0 auto 10px; }
/* this is for using on an inline element, such as an image and will turn the element block, and center the element within its container */
.indent { display:block; margin-left: 20px !important; }
.hidden { display: none; }
.top-border { border-top: 1px solid #ccc; }
.no-border { border: none !important; }
.clear { clear: both; }
/* utility colors */
.green { color: #6ebb1f !important; border-color: #6ebb1f !important; text-shadow: 0px 0px #6ebb1f;}
.red { color: #b30a3c !important; border-color: #b30a3c !important; text-shadow: 0px 0px #b30a3c;}
.purple { color: #81017e !important; border-color: #81017e !important; text-shadow: 0px 0px #81017e;}
.navy { color: #0c2577 !important; border-color: #0c2577 !important; }
.orange { color: #fcb314 !important; border-color: #fcb314 !important; }
.black { color: #000 !important; border-color: #000 !important; }
.white { color: #fff !important; border-color: #fff !important; }
.gray { color: #808080 !important; border-color: #808080 !important; }
.blue { color: #067ab4 !important; border-color: #067ab4 !important; }
.dusty-blue { color: #7cc6ff !important; border-color: #7cc6ff !important; }
.ochre { color: #eaab00 !important; border-color: #eaab00 !important; }
.royal-blue { color: #0c2577 !important; border-color: #0c2577 !important; }
.teal { color: #7cc6ff !important; border-color: #7cc6ff !important; }
.warm-gray { color: #808080 !important; border-color: #808080 !important; }
.gold { color: #fcb314 !important; border-color: #fcb314 !important; }
.lime { color: #c4d82d !important; border-color: #c4d82d !important; }
.accent { color: #ff7200; border-color: #ff7200; }
.reverse { color: #fff !important; background-color: #999; padding: 2px 5px; font-weight: bold; }
/* universal column styles */
/* left col */
#left-col { width: 195px; float: left; display: inline; padding: 0; background-color: #fff; }
.nav-list li { list-style:none outside; cursor: pointer;}
.nav-list li ul li { margin-left: 15px;}
.nav-list .nav-button {margin-right: 5px; float: left; padding-top: 6px;}
.nav-list .sub-menu, img.minus { display: none;}
/*#left-col li:hover .sub-menu, #left-col li:hover img.minus {display: block;}
#left-col li:hover img.plus { display: none;}*/
.nav-list .plus {}
.nav-list h4 { margin-top:0; padding-top:0; font-size:1.2em !important; font-weight:normal;}
#left-col h6 { color: #000; font-family: arial; font-size: 16px; font-weight: normal; color: #333333 }
#left-col .feature-box{ width: 100%; font-size: 16px; color: #333; }
.feature-box.gradient {margin-left: 0;}
.feature-box img {width: 99%;}
#left-col .border { width: 99%; }
/* right col */
#right-col { float: right; margin-right: -15px; padding: 0; background-color: #fff; }

#right-col a { text-decoration:none; }
.web-phone .input-box { width: 94%; }
/* insider nav */
#nav-wrapper { margin: 0 auto; }
ul#NavHead { position: absolute !important; right: 50px !important;overflow: hidden; }


#TopNav {background-color: #595959;}
#TopNav a{color: #fff; text-decoration: none;}

.border { 
    border: solid 1px #e3e3e3;
    padding: 15px 15px;
    border-radius: 5px;
    margin-bottom: 10px;
}
#site-title {
    color: #fff;
    font-size: 42px;
    margin-left: 70px;
    margin-top: -105px;
    position: absolute;
}