/* HTML STYLES */

body { 
       background-color: #ffffff;
}

h1 {
	color: #006699;
}

h2 {
	color: #006699;
}

h3 {
	color: #006699;
}

h4 {
	color: #006699;
}

h5 {
	color: #006699;
}

h6 {
	color: #006699;
}

/* SITE BANNER ELEMENTS */

#headerBanner {
	background-color: #006699;
}

/* Subnav including eBiz link, Contact and AtoZ, Search form */

#subnav    {
	background-color: #006699;
}

* HTML #subnav    {
	background-color: #006699;
}

/* SEARCH BAR ELEMENTS */

#searchPanel {
    background-color: #006699;
	color: #fff;
}

#searchPanel a {
    color: #fff;
}

/* SEARCH BUTTON */

ul.navbutton a, ul.navbutton a:link {
    background-color: #fff;
    color: #006699;
    border-top: 1px solid #8ea6c1;
    border-right: 1px solid #637d97;
    border-bottom: 1px solid #637d97;
    border-left: 1px solid #8ea6c1;
} 

ul.navbutton a:hover, ul.navbutton a:active {
    background-color: #fff;
    color: #006699;
}

/* SUB-BRAND ELEMENTS */

div#subbrand h1 {
	color: #006699;
}

/* LEFT NAV ELEMENTS */

#leftNav li    {
	background:#006699; /* Level 1 Background Colour */
}

#leftNav li a, #leftNav li a:link, #leftNav li a:visited {
	color:#fff; /* Level 1 Text Colour */
}

#leftNav li a:hover {
	color:#fff;
	background-color: #000066;
}

#leftNav li a:visited {
	color:#fff;
}

#leftNav li a:active {
	color:#cc3300
}

#leftNav li li {
	background:#3399cc;
}

#leftNav li li li {
	background:#99ccff;
	color: #003333
}

#leftNav li li li a, #leftNav li li li a:link, #leftNav li li li a:visited {
	color:#003333;
}

#leftNav li li li a:hover {
	color:#fff;
}

#rightPanel {
	background-color: #cddbee;
}

#sidebarRight {
	background: #fff;
}

#sidebarRight h1 {
	color: #069;
	background-color: #cddbee;
}

#sidebarRight li {
	border-bottom: solid 1px #cddbee;
}

#rightPanelmedia {
	background-color: #cddbee;
	border-top: 10px solid #fff;
}    

#rightPanelprogram {
	background-color: #cddbee;
	border-top: 10px solid #fff;
}        

.adjusthead    {
	color: #069;
	border-bottom: 1px solid #069;
}

.printhead    {
	color: #069;
	border-bottom: 1px solid #069;
}

#feature {
	background:#cddbee;
}

/* FOOTER */

#footer {
	background-color: #006699;
	color: #ffffff;
}

#footer a {
	color: #fff;
}

/* DATA TABLES */

.dataTable table {
	border: 1px solid #006699;
}

.dataTable tr {
	background-color: #fff;
	border: 1px solid #00659C;
}

.dataTable th {
	background-color: #DAE9F9;
	border: 1px solid #00659C;
	border-top: 1px solid #00659C;
}

.dataTable td {
	background-color: #fff;
	border: 1px solid #00659C;
}

/* TABLE STYLES */

/* Standard accessible data table */

div#content table th, table.stdTable th {
	color: #fff;
	border: 1px solid #006699;
	background: #006699;
}

div#content td, table.stdTable td {
	border: 1px solid #006699;
}

/* Accessible data table with alternating row colours */

div#content table.stripeTable, table.stripeTable {
	background: #e0e7ef;
	border: 0.1em solid #8fa6bf;
}

div#content table.stripeTable th, table.stripeTable th {
	border-bottom: 1px solid #8fa6bf;
}

div#content table.stripeTable td, table.stripeTable td {
	border-bottom: 1px solid #8fa6bf;
	border-left: 1px solid #8fa6bf;
}

div#content table.stripeTable th, table.stripeTable thead th {
	color: #fff;
	border-left: 1px solid #8fa6bf;
}

div#content table.stripeTable tr.Odd, table.stripeTable tr.Odd {
	background: #fff;
}

/* MISC STYLES */

/* Styles for presentation of css examples/code etc. */

code {
	color: #666;
}

#access    {
	border: 1px solid #006699;
}

#print {
	border: 1px solid #006699;
}

#rightPanel {
	background-color: #cddbee;
}

#feature {
	background:#cddbee;
}

/* RIGHT NAV elements */

.rnav .header, .rnav h2 {
	color:#fff;
	border: 1px #069 solid;
	background-color: #069;
}

.rnav ul {
	border:1px #069 solid;
	background-color: #fff;
}

.rnav li {
	border-top:1px #069 solid;
}

/* Disability Services Internet Custom Styles */

hr {
    border: 0;
    color: #cccccc;
    background-color: #cccccc;
    height: 1px;
    width: 75%;
    text-align: center;
}

#mid li {
    padding-top: 2px;
    padding-bottom: 2px;
}

#mid dt {
    padding-top: 6px;
    padding-bottom: 2px;
    font-weight: bold
}

.alignright { text-align:right }

div.activitysheet {
  background-color: #FFFFA8;
  border-style: outset;
  border-color: #cccccc;
  border-width: 1px;
  margin-top: 5px;
  margin-bottom: 5px;
  padding-bottom: 5px;
  padding-left: 5px;
  padding-right: 5px;
}

div.video {
  background-color: #FFFAFA;
  border-style: outset;
  border-color: #cccccc;
  border-width: 1px;
  margin-top: 5px;
  margin-bottom: 5px;
  padding-bottom: 5px;
  padding-left: 5px;
  padding-right: 5px;
}

div.changeofservice {
  background-color: #E7F3F9;
  border-style: outset;
  border-color: #cccccc;
  border-width: 1px;
  margin-top: 5px;
  margin-bottom: 5px;
  padding-bottom: 5px;
  padding-left: 5px;
  padding-right: 5px;
}

.floatright {
  float: right;
  margin: 0px 10px 10px 10px;
  padding: 10px;
}

.floatleft {
  float: left;
  margin: 0px 10px 10px 10px;
  padding: 10px;
}

div.video li {
  list-style-type: none;
}

div.activitysheet li {
  list-style-type: none;
}

div.Error {
  background-color: #FFF7F0;
  border-style: solid;
  border-color: #FF0000;
  border-width: 1px;
}

/* Disability Services Home Page Custom Styles */

div#rhboxlang ul, div#rhboxlang li, div#rhboxlang a{
    margin: 0;
    padding: 0;
    border: none;
}
div#rhboxlang a {display: inline}
div#rhboxlang .langcol li {position: relative; margin: 0; padding:0}

div#rhboxlang .langcol li.lang1, div#rhboxlang .langcol li.lang3, div#rhboxlang .langcol li.lang5,
div#rhboxlang .langcol li.lang7, div#rhboxlang .langcol li.lang9, div#rhboxlang .langcol li.lang11,
div#rhboxlang .langcol li.lang13, div#rhboxlang .langcol li.lang15
{
    margin-top: 0.5em;
    margin-left: 1.8em;
}
div#rhboxlang .langcol li.lang2,
div#rhboxlang .langcol li.lang4, div#rhboxlang .langcol li.lang6, div#rhboxlang .langcol li.lang8,
div#rhboxlang .langcol li.lang10, div#rhboxlang .langcol li.lang12, div#rhboxlang .langcol li.lang14, div#rhboxlang .langcol li.lang16
{
    margin-top: -2em;
    margin-left: 9em;
    margin-bottom: 0.5em;
}

div#rhboxlang .langcol li a{
    display: block;
    width: 5px;
    text-decoration: none;
}

div#rhboxlang ul#langlist.langcol {list-style-type: none}
div#rhboxlang ul#langlist.langcol li {height: 2em}
div#rhboxlang ul#langlist.langcol li a{
    display: block;
}

.langimg {border: 0;}


/* Disability Services Tab Styles */

    p.note {
        color: inherit;
        background: #999;
        padding: 4px;
        font-size: 85%;
        line-height: 130%;
        margin-top: 5;
        width: 380px;
    }


    #header {
        position: relative;
        width: 100%;
        height: 3em;
        margin-top: 20px;
        width: 60em; /* a width is required for Opera, older Mozilla browsers, and Konqueror browsers */
        font-size: 100%; }

    #header ul#primary {
        margin: 0;
        padding: 0;
        position: absolute;
        bottom: -1px;
        width: 55em; /* a width is required for Opera, older Mozilla browsers, and Konqueror browsers */ }

    #header ul#primary li  {
        display: inline;
        list-style: none; }

    #header ul#primary a,#header ul#primary span,#header ul#primary a.current {
        width: 70px;
        display: block;
        float: left;
        padding: 0 3px 1px 3px;
        border: 1px solid #FFF;
        border-bottom: none;
        text-align: center;
        font-size: 85%;
        text-decoration: none;
        font-weight: bold;
        height: 40px; }

    #header ul#primary span,#header ul#primary a.current,#header ul#primary a.current:hover {
        width: 70px;
        display: block;
        float: left;
        border: 1px solid #FFF;
        border-bottom: none;
        padding: 0 3px 2px 3px;
        text-align: center;
        font-size: 85%;
        text-decoration: none;
        height: 65px; }

    #header ul#primary a {
        margin-top: 0;
        border-color: #FFF;
        padding-bottom: 1px;
        border-bottom: none;
        color: #555; }

    #header ul#primary a:current {
        margin-top: 0;
        border-color: #FFF;
        padding-bottom: 1px;
        border-bottom: none;
        color: #FFF; }

.green {
    background-color:#006633;
    color: #FFFFFF;
}

.light_green {
    background-color:#88FFCA;
    color: #555555;
}

.red {
    background-color:#CC3333;
    color: #FFFFFF;
}

.light_red {
    background-color:#FFA0A0;
    color: #555555;
}

.orange {
    background-color:#CC6600;
    color: #FFFFFF;
}

.light_orange {
    background-color:#FFD090;
    color: #555555;
}

.blue {
    background-color:#0099CC;
    color: #FFFFFF;
}

.light_blue {
    background-color:#CCCCFF;
    color: #555555;
}

.purple {
    background-color:#660066;
    color: #FFFFFF;
}

.light_purple {
    background-color:#DDAADD;
    color: #555555;
}

.lime {
    background-color:#66CC00;
    color: #555555;
}

.light_lime {
    background-color:#AAFF99;
    color: #555555;
}

.navy {
    background-color:#336699;
    color: #FFFFFF;
}

.light_navy {
    background-color:#9999DB;
    color: #555555;
}

.teal {
    background-color:#7296A0;
    color: #FFFFFF;
}

.light_teal {
    background-color:#A5DEE0;
    color: #555555;
}
