/*
AT&T Intranet Template 2.0
*/

/* page and body settings */

            html {
              padding : 0;
              margin : 0;
            }

            body {
              text-align: left;
              padding: 0;
              margin : 0;
              background-color : white;
              font: Verdana, Helvetica, sans-serif;
              /* this sets default font-size of 1em = 10px */
              /* for font size changes, style elements one time using ems */
            }

/* begin default styling of elements */

            div {
              margin : 0;
              padding : 0;
            }

            p {
              margin : 0px 0px 12px 0px;
              padding : 0;
            }

            span {
              margin : 0;
              padding : 0;
            }

            img {
              border: none;
              padding : 0;
              margin : 0;
              background-color : none;
            }

            a img {
              border : none;
            }


            hr {
              background: #cdcfd0;
              border: 0;
              color: #cdcfd0;
              height: 1px;
              margin: 0 0 10px 0;
            }

/* 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 5px;
              padding : 0 0 0 0px;
              list-style-type : square; 
              color : black;
              list-style-position: inside;
            }

            li {
              margin : 0 0 4px 5px;
              padding : 0;
            }

            li ul {                             /* for lists inside lists */
              margin-top : 5px;
              margin-left : 15px;
              list-style : disc;
            }

            blockquote {
              border-top : 4px solid #067ab4;
              margin: 0 0 12px 0;
              padding: 10px 15px 10px 15px;
              background: #e8e8e8;
              font-size : 1.2em;
              line-height : 1.3em;
              color : black !important;
              }

/* forms */

            form {
              padding : 0;
              margin : 0;
            }

            fieldset {
              margin : 0;
              padding : 0;
              border : none;
            }

           label {
              margin : 0;
              padding : 0;
            }

            input {
              margin : 0 0 5px 0;
              padding : 0;
              vertical-align : middle;
            }

            input.button {
              font-weight : bold;
              color : #666666;
              font-size : 1.2em;
              padding : 1px 3px 1px 3px;
              vertical-align : top;
             }

            input.input-box {
              vertical-align : middle;
              padding : 1px;
            }

            .radio-button {
              margin-right : 3px;
              vertical-align : middle;
            }

            select {
              margin : 0;
              padding : 0;
               vertical-align : middle;
            }

/* default table (invisible) */

            table {
              padding : 0;
              margin : 0 0 12px 0;
              border-collapse : collapse;
              clear : both;                     /* for clearing floated images */
            }

/* default headers */

            h1, h2, h3, h4, h5, h6 {
              margin : 0;
              padding : 0;
              margin-bottom : 5px;
              font-weight : bold;
            }

            /* 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;
              font-weight : normal;
              color : #067ab4;
            }

            h2 {
              font-size : 2.2em;
              font-weight : normal;
              color : #067ab4;
              margin-left : -1px;              /* to fix 1px header variance */
              border-color :  #067ab4;
            }

            h3 {
              font-size : 1.8em;
              font-weight : normal;
              color : #067ab4;
              border-color : #067ab4;
              clear: left;
            }

            h4 {
              font-size : 1.4em;
            }

            h5 {
              font-size : 1.3em;
            }

            h6 {
              font-size : 1.1em;
              letter-spacing : .5px;
              color : #666666;
              font-weight : bold;
              margin-bottom : 0;
            }

            h2.underline {
              border-bottom : 4px solid;
              padding-bottom : 2px;
            }

            h3.underline {
              border-bottom : 4px solid;
              padding-bottom : 2px;
            }

            small {
              font-size : 85%;
              color : #666666;
            }

/* default links */

            a:link    { color: #067ab4; text-decoration: underline; font-weight : normal; }
            a:visited { color: #067ab4; text-decoration: underline; font-weight : normal; }
            a:hover   { color: #003366; text-decoration: underline; font-weight : normal; }
            a:active  { color: #067ab4; text-decoration: underline; font-weight : normal; }

            a img     { border : 0; }

/* begin page layout */

            #page-wrapper {
              margin: 0 auto 0 auto;
              padding : 0;
              text-align: left;
              width: 768px;
              border-left : solid 1px #cdcfd0;
              border-right : solid 1px #cdcfd0;
              border-bottom : solid 1px #cdcfd0;
            }

/* header */

            #header {
              position : relative;             /* makes #header the parent element for absolute positioned nav-bar */
              margin : 0px;
              padding : 0;
              height : 101px;
              background-image: url(../images/header.jpg);
              background-position: top left;
              background-repeat: no-repeat;
            }

            #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;             /* relative to container element #header */
              bottom : 0;                      /* positions at bottom of container element #header */
              list-style-type : none;
              margin : 0 0 0 0;
              padding : 0 5px 5px 15px;
              text-align : left;

            }

            #header .nav-bar li {
              margin : 0 15px 0 10px;
              padding : 0;
              display : inline;
              color : #838383;
              font-size : 1.2em;
              font-weight : bold;
              float : left;
            }

            #header .nav-bar li a {
              color: #838383;
              text-decoration: none;
              float: left;
              display: block;
            }

            #header .nav-bar li a:link     { color: #838383; text-decoration: none; font-weight: bold; }
            #header .nav-bar li a:visited  { color: #838383; text-decoration: none; font-weight: bold; }
            #header .nav-bar li a:hover    { color: black; text-decoration: underline; font-weight: bold; }
            #header .nav-bar li a:active   { color: #838383; text-decoration: none; font-weight: bold; }

            #header .nav-bar li.current a  { color : black !important; }

            #banner {
              text-align : center;
            }


/* 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 : 10px 15px 15px 15px;
              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 {
              font-size : 1.3em;
              line-height : 1.3em;
           }

           .inner li {
             font-size : 1.3em;
             line-height : 1.3em;
           }

           .inner li li {
             font-size : .9em;
           }

/* content column */

            #content {
              float : left;
              display : inline;
              padding : 0;
              margin : 0;
            }


/* specialized page components (not used in every page) */

/* re-usable visible table style, 1px gray border */

            .table-style {
              background-color : white;
              color : black;
              padding : 0;
              margin : 0 0 13px 0;
              border-collapse : collapse;
              width : 100%;
              clear : both;                                 /* for clearing floated images */
            }

            .table-style th, .table-style td {
              background-color : white;
              margin : 0;
              border : 1px solid #cdcfd0;
              padding : 3px;
              color : #666666;
            }

            .table-style th h5 {
              margin-bottom : 0;
            }

/* table style for 2 columns in content area */

            .two-columns {
              width : 100%;
              margin-bottom : 0px;
            }

            .two-columns td {
              background-color : white;
              margin : 0;
              border : none;
              padding : 0px;
              color : black;
              vertical-align: top;
            }

            .two-columns .column-padding {
              padding-right : 20px;
            }


.redButton
{
	background-color: #FF0000;
	border-color: #FF0000;
}
.greenButton
{
	background-color: green;
	border-color: green;
	color:White;
}
.blueButton
{
	background-color: blue;
	border-color: blue;
	color:White;
}
.yellowButton
{
	background-color: yellow;
	border-color: yellow;
}
.orangeButton
{
	background-color: orange;
	border-color: orange;
}

.blackButton
{
	background-color: black;
	border-color: black;
	color:white;
}