﻿html, body
{
    margin: auto auto;
    padding: 0;
}
body
{
    background-attachment: fixed;
    background-color: #E8E6CF;
    background-position: center;
    background-repeat: repeat-y;
    clear: both;
    display: table;
    font: 76% arial,sans-serif;
    height: 100%;
    line-height: 150%;
    margin: 0px auto;
    padding: 0px;
    position: static;
    text-align: center;
    vertical-align: middle;
    width: 100%;
}
p
{
    margin: 0 0px 0px 0px;
}
hr
{
    border: none 0;
    border-top: 1px solid #000; /*the border*/
    height: 0px; /*whatever the total width of the border-top and border-bottom equal*/
}
div#container
{
    text-align: center;
    width: 100%;
    background-color: #E8E6CF;
}
div#centerPage
{
    background-position: center top;
    background-color: #E8E6CF;
    background-position: center;
    background-repeat: repeat-y;
    margin: 0pt auto;
    padding: 0px 0pt 0px;
    vertical-align: middle;
    text-align: center;
    width: 100%;
    padding-bottom: 10px;
    min-height: 500px;
}
#Textcontainer
{
    margin: auto auto;
}
#textBucket
{
    width: 80%;
    text-align: left;
    margin-left: 21%;
    height: 100%;
    padding-top: 10px;
}
#layerDesign
{
    display: none;
    width: 100%;
    color: #000000;
    font-size: 100%;
    font-style: normal;
    font-weight: bold;
    line-height: 110%;
}

#nav p
{
    margin-top: 0;
}
div#nav
{
    float: left;
    width: 20%;
    margin-left: 0px;
    margin-top: 0px;
    padding-top: 10px;
}
/*div#\nav{padding-top:0px;}/*hack for IE 5.5 and IE 5.1*/
div#PageFooter
{
    background-position: center top;
    background-color: #E8E6CF;
    background-position: center;
    background-repeat: no-repeat;
    margin: 0pt auto;
    padding: 0px 0px 0px 0px;
    vertical-align: middle;
    text-align: center;
    width: 100%;
}
div#PageHeader
{
    background-position: center top;
    background-color: #E8E6CF;
    background-position: center;
    background-repeat: repeat-y;
    margin: 0pt auto;
    padding: 0px 0px 0px 0px;
    vertical-align: middle;
    text-align: center;
    width: 100%;
}
div#header
{
    background-position: center top;
    background-color: #E8E6CF;
    background-position: center;
    background-repeat: repeat-y;
    margin: 0px auto;
    padding: 5px 0px 0px 0px;
    vertical-align: middle;
    text-align: center;
    width: 100%;
    padding-bottom: 10px;
}
#TopMenu
{
    background-position: center top;
    background-color: #E8E6CF;
    background-position: center;
    background-repeat: repeat-y;
}
div#footer
{
    clear: both;
    display: block;
    color: black;
    position: relative;
    margin: auto auto;
}
div#footer p
{
    margin: 0;
    padding: 5px 10px;
}
span#goal
{
    color: #474539;
    text-decoration: none;
    font: BOLD 140% verdana, Arial, sans-serif;
    line-height: 150%;
}
span#welcomeText
{
    color: #000000;
    font-size: 250%;
    font-style: normal;
    font-weight: bold;
    line-height: 150%;
}
#footerImage
{
    position: relative;
    width: 15%;
    display: block;
    float: left;
}
#footerText a:link
{
    color: Black;
    font-size: 10px;
}
#footerText
{
    position: relative;
    width: 28%;
    display: block;
    float: left;
    padding-top: 10px;
    text-align: left;
    color: #333333;
}
#footerLinksDeclaration
{
    position: relative;
    width: 7%;
    display: block;
    float: left;
    padding-top: 10px;
}
#footerLinksLine
{
    position: relative;
    width: 1px;
    display: block;
    float: left;
    height: 120px;
    background-color: Black;
}
#footerLinks
{
    position: relative;
    width: 47%;
    display: block;
    float: right;
    padding-top: 10px;
}
/*The styles for the top navigation...please dont change below this - Abhilasha Sharma - Friday the 13th, Oct 2006*/
ul.nav
{
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: small;
    padding-top: 10px;
    padding-left: 20px;
    padding-bottom: 8px;
}
ul.nav a:link
{
    color: #474539;
    text-decoration: none;
    font: BOLD 9px verdana, Arial, sans-serif;
}
ul.nav a:visited
{
    color: #474539;
    text-decoration: none;
    font: BOLD 9px verdana, Arial, sans-serif;
}
ul.nav li
{
    display: inline;
    width: 80px;
    padding-left: 18px;
    padding-right: 23px;
}
#home
{
    padding-right: 23px;
    background: url(/images/line.jpg) center right no-repeat;
    width: 8%;
}
#process
{
    padding-right: 20px;
    background: url(/images/line.jpg) center right no-repeat;
    width: 20%;
}
#types
{
    padding-right: 20px;
    background: url(/images/line.jpg) center right no-repeat;
    width: 20%;
}
#resources
{
    padding-left: 15px;
    padding-right: 20px;
    background: url(/images/line.jpg) center right no-repeat;
    width: 20%;
}
#IAI
{
    padding-left: 15px;
    padding-right: 20px;
    width: 8%;
    background: url(/images/line.jpg) center right no-repeat;
}
#CAS
{
    padding-left: 15px;
    padding-right: 20px;
    background: url(/images/line.jpg) center right no-repeat;
    width: 8%;
}
#NEWS
{
    padding-left: 15px;
    padding-right: 20px;
    background: url(/images/line.jpg) center right no-repeat;
    width: 8%;
}
#ArticulationAdvocate
{
    padding-left: 15px;
    padding-right: 20px;
    background: url(/images/line.jpg) center right no-repeat;
    width: 8%;
}
#Review
{
    padding-left: 15px;
    padding-right: 20px;
    background: url(/images/line.jpg) center right no-repeat;
    width: 8%;
}
#feedback
{
    padding-left: 15px;
    width: 8%;
}
.topmenu
{
    color: #000000;
    text-decoration: none;
    font: BOLD 9px verdana, Arial, sans-serif;
}
.greymenu
{
    color: #888888;
    text-decoration: none;
    font: 9px verdana, Arial, sans-serif;
}
.workSheetBreadCrums
{
    color: #5D7B9D;
    font: bold 9px verdana, Arial, sans-serif;
    font-weight: bold;
}
.showBlue
{
    background-color: #5D7B9D;
    color: White;
    font-weight: bold;
}
.showRed
{
    color: #CC0000;
    text-decoration: none;
      font-weight: bold;
}
.showGreen
{
    color:   #00AF33;
    text-decoration: none;
      font-weight: bold;
}
/*********************************************************/
/*Menu Links style*/
A.availableLinks:link
{
    color: #5D7B9D;
    text-decoration: none;
    font: bold 9px verdana, Arial, sans-serif;
}
A.availableLinks:visited
{
    color: #5D7B9D;
    text-decoration: none;
    font: bold 9px verdana, Arial, sans-serif;
}
A.whiteLinks:link
{
    color: #FFFFFF;
    text-decoration: underline;
    font: bold 11px verdana, Arial, sans-serif;
}
A.whiteLinks:visited
{
    color: #FFFFFF;
    text-decoration: underline;
    font: bold 11px verdana, Arial, sans-serif;
}
A.TopMenu:link
{
    color: #CCCCCC;
    text-decoration: none;
    font: BOLD 12px verdana, Arial, sans-serif;
    margin: 0px 0px 10px 0px;
}
A.TopMenu:visited
{
    color: #CCCCCC;
    text-decoration: none;
    font: BOLD 12px verdana, Arial, sans-serif;
}
A.TopMenu:hover
{
    text-decoration: underline;
    font: BOLD 12px verdana, Arial, sans-serif;
}
A.MainMenu:link
{
    color: #474539;
    text-decoration: none;
    font: BOLD 11px verdana, Arial, sans-serif;
    margin: 0px 0px 10px 0px;
}
A.MainMenu:visited
{
    color: #474539;
    text-decoration: none;
    font: BOLD 11px verdana, Arial, sans-serif;
}
A.MainMenu:hover
{
    text-decoration: underline;
    font: BOLD 11px verdana, Arial, sans-serif;
}
A.SubMenu:link
{
    color: #474539;
    text-decoration: none;
    font: BOLD 10px verdana, Arial, sans-serif;
}
A.SubMenu:visited
{
    color: #474539;
    text-decoration: none;
    font: BOLD 10px verdana, Arial, sans-serif;
}
A.SubMenu:hover
{
    text-decoration: underline;
    font: BOLD 10px verdana, Arial, sans-serif;
}
A.ThirdLevelMenu:link
{
    color: #D12000;
    text-decoration: none;
    font: 9px verdana, Arial, sans-serif;
}
A.ThirdLevelMenu:visited
{
    color: #D12000;
    text-decoration: none;
    font: 9px verdana, Arial, sans-serif;
}
A.ThirdLevelMenu:hover
{
    text-decoration: underline;
    font-family: verdana, Arial, sans-serif;
    font-size: 9px;
}
span.topSpan
{
    margin: 0px 0px 0px 0px;
    display: inline;
    font: BOLD 9px verdana, Arial, sans-serif;
}
span.menuSpan
{
    margin: 10px 0px 10px 0px;
    display: block;
    text-align: left;
}
h1
{
    color: #474539;
    border: thin solid #474539;
    background: #CEC8AE;
    font-size: 115%;
    font-style: normal;
    font-weight: bold;
    line-height: 130%;
    margin: 0px 0px 0px 0px;
    text-align: center;
}
h2
{
    color: White;
    border: thin solid #CC9966;
    background: #2F4495;
    font-size: 115%;
    font-style: normal;
    font-weight: bold;
    line-height: 130%;
    margin: 0px 0px 10px 0px;
    text-align: left;
    text-indent: 5px;
}
h3
{
    color: #2F4495;
    font-size: 110%;
    font-style: normal;
    font-weight: bold;
    line-height: 105%;
    margin: 0px 0px 5px 0px;
}
h4
{
    color: #000000;
    font-size: 103%;
    font-style: normal;
    font-weight: bold;
    line-height: 100%;
    margin: 0px 0px 5px 0px;
}
h6
{
    color: #000000;
    font-size: 100%;
    font-style: normal;
    font-weight: bold;
    line-height: 100%;
    margin: 0px 0px 0px 0px;
}
ul.nav
{
    color: #2F4495;
    font: BOLD 9px verdana, Arial, sans-serif;
}
/********************************************************/
/* Type Style Tags */
#subtext
{
    padding-top: 0px;
    padding-bottom: 0px;
    z-index: 2;
}

a:link
{
    color: #003399;
    text-decoration: none;
    font: BOLD 11px verdana, Arial, sans-serif;
}

a:visited
{
    color: #6B3F7F;
    text-decoration: none;
    font: BOLD 11px verdana, Arial, sans-serif;
}
a
{
    color: #000000;
    text-decoration: none;
    font: BOLD 11px verdana, Arial, sans-serif;
}
a:hover
{
    color: #6B3F7F;
    text-decoration: underline;
    font: BOLD 11px verdana, Arial, sans-serif;
}
p
{
    font-family: Verdana,arial, Sans-Serif;
    font-size: 11px;
    display: table;
    margin: 0;
    margin-bottom: 12px;
    padding: 0;
}
.copysm
{
    color: #000000;
    text-decoration: none;
    font: 10px arial,sans-serif;
}
.goHeavyFont
{
    color: #000000;
    text-decoration: none;
    font: 15px arial,sans-serif;
    font-weight: 400;
}
.copylg
{
    color: #000000;
    text-decoration: none;
    font: BOLD 11px arial,sans-serif;
}
.copy
{
    color: #000000;
    text-decoration: none;
    font: 12px arial,sans-serif;
    letter-spacing: normal;
    line-height: 15px;
}
#title
{
    font: BOLD 12px verdana, Arial, sans-serif;
    text-decoration: none;
    color: inherit;
    font-size: 110%;
}
#bodytext
{
    font: 9px verdana, Arial, sans-serif;
    text-decoration: none;
    color: inherit;
    font-size: 100%;
}
TABLE.tabulardata
{
    background-color: #000000;
}
TABLE.tabulardata TR
{
    background-color: white;
    vertical-align: top;
}
TABLE.tabulardata TH
{
    background-color: #000000;
    color: #FFFFFF;
    padding: 4px;
}
TABLE.tabulardata TD
{
    padding: 4px;
}
.noborder
{
    border: 0;
}
.highlight
{
    background-color: #D0D0D0;
}
/*******************************************************************************************/
/*Home page styles*/
/*Goes in universal style*/
div#toptext
{
    margin-bottom: 8px;
    width: 100%;
    text-align: center;
    min-height: 100px;
    overflow: auto;
    margin-left: 0px;
}
div.topDisplay
{
    width: 100%;
    background-color: #B5C7D6;
    float: left;
    border: #FFFFFF thin solid;
    margin-bottom: 3px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
}
div.topDisplayText
{
    margin: 2px 2px 2px 2px;
    padding: 5px 5px 5px 5px;
    border: #FFFFFF thin solid;
    text-align: left;
    display: inline-table;
    min-height: 20px;
    font: 12px Arial Bold;
    color: #000000;
}
div.tableContainer
{
    width: 100%;
    padding: 0px 0px 0px 0px;
    display: block;
    _height: 160px;
    _overflow: visible;
}
div.leftContainerOuter
{
    width: 49.4%;
    background-color: #B5C7D6;
    float: left;
    margin-left: 0px;
    border: #FFFFFF thin solid;
    margin-bottom: 3px;
    _overflow: visible;
}
div.rightContainerOuter
{
    width: 49.4%;
    background-color: #B5C7D6;
    float: right;
    border: #FFFFFF thin solid;
    margin-bottom: 3px;
    margin-right: 0px; *width:49%;_height:160px;_overflow:visible;}
div.insideContainer
{
    margin: 2px;
    padding: 5px;
    border: #FFFFFF thin solid;
    text-align: left;
    display: inline-table;
    min-height: 210px;
    height: auto !important;
    height: 160px;
    _overflow: visible;
}
div.imageDisplay
{
    height: 100%;
    vertical-align: middle;
    float: left;
    border: 0;
    width: 32%;
}
div.textDisplay
{
    width: 65%;
    float: right;
    vertical-align: top;
    min-height: 160px;
}
/************************************************/
/*button*/

input.btn
{
    color: #050;
    font: bold 84% 'trebuchet ms' ,helvetica,sans-serif;
    background-color: #fed;
    border: 1px solid;
    border-color: #696 #363 #363 #696;
}
input.btn:hover
{
    background-color: #eef;
}
a.secondary
{
    background-position: 12px 9px;
    background-repeat: no-repeat;
    border-color: #C4AE7E;
    padding: 5px 5px 5px 20px;
}
p.TopBorder
{
    border-top: 1px;
    border-top-style: solid;
    border-top-color: #000000;
    margin-top: 10px;
    width: 100%;
}
.Grid
{
    border: 1px solid #000000;
    color: #333333;
    width: 100%;
}
.Grid tr
{
    vertical-align: top;
}
.Grid th
{
    background-color: #990000;
    font-weight: bold;
    color: White;
    padding: 5px;
}
.Grid th a
{
    color: White;
    text-decoration: underline;
}
.Grid td
{
/*    background-color: #eeeeee;*/
    background-color: #fafafa;
    font-weight: normal;
    color: #333333;
    padding: 5px;
}
.AlternatingItem td
{
    background-color: #FFFFFF;
    font-weight: normal;
    color: #333333;
    padding: 5px;
}
tr.special td
{
    background-color: #ffDDff;
    font-weight: bold;
}
tr.normal td
{
    background-color: #ffffff;
}
/*This is for creating the tables * /

.tablediv {
display:  table;
width:100%;
border-spacing:0px;/*cellspacing:poor IE support for  this* /
background-color: #ccc;
border-bottom: 2px solid #000;
border-left: 2px solid #000;
border-right: 2px solid #000;
border-top: 2px solid #000;
margin-bottom:15px;
}
.tableHead
{
/*background-color: #46357C;
color: #EFEFEF;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight:bold;* /
padding:0px;
}
.celldivLeft {
float:left;/*fix for  buggy browsers* /
display:  table-cell;
border-left: 1px solid #fff;
border-top: 1px solid #fff;
border-spacing:1px;
padding:5px;
margin:0px 0px 0px 3px;
width:49%;
text-align:left;
}
.celldivRight {
float:left;/*fix for  buggy browsers* /
display:  table-cell;
border-top: 1px solid #fff;
border-right: 1px solid #fff;
border-left: 1px solid #fff;
padding:5px;
margin:0px 0px 0px 0px;
width:47%;
text-align:left;
}
.rowdiv  {
display:  table-row;
width:auto;
margin: 0px 0px 3px 0px;
text-align:center;
border-bottom: 1px solid #fff;


}*/


table.sofT
{
    text-align: left;
    font-family: Verdana;
    font-weight: normal;
    font-size: 11px;
    color: #404040;
    width: 98%;
    background-color: #fafafa;
    border: 1px #6699CC solid;
    border-collapse: collapse;
    border-spacing: 0px;
    margin: 10px 10px 10px 10px;
    vertical-align:text-top;
    
}
table.sofT td
{
    background-color: #FAFAFA;
    border-color: #6699CC;
    border-style: none none solid solid;
    border-width: 0 0 1px 1px;
    padding: 5px;
    text-align: left;
    vertical-align:text-top;
    /*width: 50%;*/
}
table.sofT td.helpHed
{
    border-bottom: 2px solid #6699CC;
    border-left: 1px solid #6699CC;
    background-color: #BEC8D1;
    text-align: left;
    text-indent: 5px;
    font-family: Verdana;
    font-weight: bold;
    font-size: 11px;
    color: #404040;
     vertical-align:text-top;

}

table.sofT td.helpHed a
{
    font-weight: bold;
    text-decoration: none;
}
table.sofT td.helpHed a:hover
{
    font-weight: bold;
    text-decoration: underline;
}
table.sofT td.SubClass
{
    border-bottom: 2px solid #6699CC;
    border-left: 1px solid #6699CC;
    background-color: #BDEDFF;
    text-align: left;
    vertical-align:text-top;
    text-indent: 5px;
    font-family: Verdana;
    font-weight: bold;
    font-size: 11px;
    color: #404040;

}

table.sofT td.SubClass a
{
    font-weight: bold;
    text-decoration: none;
}
table.sofT td.SubClass a:hover
{
    font-weight: bold;
    text-decoration: underline;
}
table.sofT a
{
    text-decoration: none;
}
table.sofT a:hover
{
    text-decoration: underline;
}

table.sofT td.sup
{
    background-color: #E9CFEC;
       vertical-align:text-top;
    
}
table.sofT td.sGreen
{
    background-color:  #CCFFD1;
     font-weight: bold;
    text-decoration: none;
        color:#000000;
        vertical-align:text-top;
        
}
table.sofT td.sRed
{
    background-color:  #F8BABE;
     font-weight: bold;
    text-decoration: none;
    color:#000000;
}
table.sofT td.sYellow
{
    background-color: #FEFFCC;
     font-weight: bold;
    text-decoration: none;
    color:#000000;
        vertical-align:text-top;
    
}

