/* Global Styles */
html {
font: 100% arial, sans-serif;
margin: 0;
padding: 0;
}
body  {
font: 100% arial, sans-serif;
color: #444444;
background: #f2f2f2;
margin: 0;
padding: 0;
}
#pageContainer {
}
form {
margin: 0;
padding: 0;
}
img {
border: none;
}
.clear {
clear: both;
overflow: hidden;	
}


/* Header */
#headerContainer {
color: #444444;
background: #ffffff;
}
#logo {
float: left;
width: 300px;
}
#accessPanel {
float: right;
width: 30%;
color: #444444;
background: #eaeff5 url(images/accessPanelBack.jpg) left bottom no-repeat;
text-align: right;
}
#skipLink {
font-size: .8em;
margin: 2.8em 1.2em 0 1.2em;	
}
#skipLink a:link, #skipLink a:visited {
color: #444444;
background: #eaeff5 url(images/skipArrow.jpg) right center no-repeat;
padding: 0 18px 0 0;
text-decoration: none;
}
#skipLink a:hover, #skipLink a:visited:hover {
color: #444444;
background: #eaeff5 url(images/skipArrow.jpg) right center no-repeat;
padding: 0 18px 0 0;
text-decoration: underline;
}
#universalDesignLink {
font-weight: bold;
margin: 0 1em 1em 1em;	
}
#universalDesignLink a:link, #universalDesignLink a:visited {
color: #004c8e;
background: #eaeff5 url(images/udLogo.jpg) right center no-repeat;
padding: 0 30px 0 0;
margin-left: 50px;
text-decoration: none;
}
#universalDesignLink a:hover, #universalDesignLink a:visited:hover {
color: #004c8e;
background: #eaeff5 url(images/udLogo.jpg) right center no-repeat;
padding: 0 30px 0 0;
margin-left: 50px;
text-decoration: underline;
}

/* Breadcrumb Nav */
#breadcrumbContainer {
color: #999999;
background: #000000 url(images/navFooterBack.jpg) left top repeat-x;
clear: both;
}
#breadcrumbNav {
list-style: none;
margin: 0 11em 0 0;
padding: .7em .6em;
font-size: .8em;	
}
#breadcrumbNav li {
display: inline;
margin: 0 0 0 .2em;
}
#breadcrumbNav a:link, #breadcrumbNav a:visited {
color: #ffffff;
background: #000000 url(images/breadcrumbArrow.jpg) right center no-repeat;
padding: 0 15px 0 0;
text-decoration: underline;
}
#breadcrumbNav a:hover, #breadcrumbNav a:visited:hover {
color: #ffffff;
background: #000000 url(images/breadcrumbArrow.jpg) right center no-repeat;
padding: 0 15px 0 0;
text-decoration: underline;
}
#feedbackLink {
float: right;
width: 10em;
text-align: right;
padding: .7em .6em;
font-size: .8em;	
}
#feedbackLink a:link, #feedbackLink a:visited {
color: #ffffff;
background: #000000 url(images/breadcrumbArrow.jpg) right center no-repeat;
padding: 0;
text-decoration: underline;
}
#feedbackLink a:hover, #feedbackLink a:visited:hover {
color: #ffffff;
background: #000000 url(images/breadcrumbArrow.jpg) right center no-repeat;
padding: 0;
text-decoration: underline;
}


/* Body */
#bodyContainer {
	
}

/* Main Content */
#mainContent {
width: 70%;
background: #ffffff;
float: left;	
}
#mainContentFull {
background: #ffffff;	
}
#pageSummary {
color: #ffffff;
background: #971a1e url(images/summaryBack.jpg) left top no-repeat;
padding: .1em 1.5em .1em 1.5em;
}
#pageSummary p {
line-height: 1.5em;
margin: .5em 0 2.25em 0;
}
#pageBody {
background: url(images/mainContentBack.jpg) left top repeat-x;
padding: .1em 1.5em 4em 1.5em;	
}
#pageBody h2 {
color: #971a1e;
background: #ffffff;
margin: 1em 0 -.5em 0;
}
#pageBody h3 {
margin: 2em 0 0 0;
}
#pageBody p {
line-height: 1.5em;
margin: 1em 0 1.25em 0;
font-size: .8em;
}
#pageBody address {
line-height: 1.5em;
margin: 1em 0 1.25em 0;
font-size: .8em;
}
#pageBody blockquote {
line-height: 1.5em;
margin: 1em 2em 1.25em 2em;
font-size: .8em;
}
.link, .link:visited {
color: #1a4798;
background: #efefff;
padding: 0 .2em;
text-decoration: none;
border-bottom: 1px solid #1a4798;
}
.link:hover, .link:visited:hover {
color: #ffffff;
background: #1a5898;
padding: 0 .2em;
text-decoration: none;
border-bottom: 1px solid #1a4798;
}
.definition, .definition:visited {
color: #006231;
background: #fff7de;
padding: 0 .2em;
text-decoration: none;
border-bottom: 1px dashed #006231;
}
.definition:hover, .definition:visited:hover {
color: #ffffff;
background: #006631;
padding: 0 .2em;
text-decoration: none;
border-bottom: 1px solid #006231;
cursor: help;
}
.moreInfoLink, .moreInfoLink:visited {
color: #1a5898;
background: #ffffff url(images/moreArrow.jpg) right center no-repeat;
padding: 0 15px 0 0;
text-decoration: none;
}
.moreInfoLink:hover, .moreInfoLink:visited:hover {
color: #ffffff;
background: #1a5898 url(images/moreArrowHover.jpg) right center no-repeat;
padding: 0 15px 0 0;
text-decoration: none;
}
.photo {
float: right;
margin: 2em .5em 2em 2em;
border: 1px solid #444444;	
}

/* Data Tables */
#pageBody table {
margin: 1em 0 1.25em 0;
font-size: .8em;
border: 1px solid #444444;
}
#pageBody table th {
padding: .5em;
border: 1px solid #444444;
background: #444444;
color: #ffffff;
}
#pageBody table td {
padding: .5em;
border: 1px solid #444444;
}
#pageBody table caption {
font-weight: bold;
font-size: 1.1em;
}
.titleRow {
color: #eeeeee;
background: #333333;
border-top: 1px solid #d1d1d1;	
}
.genericTable th, .genericTable td {
padding: .4em .8em;
border-right: 1px solid #d1d1d1;
border-bottom: 1px solid #d1d1d1;	
}
.thCol {
text-align: center;
}
.thRow {
border-left: 1px solid #d1d1d1;	
}
.rowAlt {
background: #f1f1f1;	
}
table {
border-collapse: collapse;
border-spacing: 0;
}


/* Lists */
#pageBody ol {
line-height: 1.5em;
margin: 1em 0 1.25em 0;
padding: 0 1.8em;
font-size: .8em;
}
#pageBody ol ol {
line-height: 1.5em;
margin: 0 0 1.25em 0;
padding: 0 1.8em;
font-size: 1em;
list-style: lower-alpha;
}
#pageBody ul {
line-height: 1.5em;
margin: 1em 0 1.25em 0;
padding: 0 1.8em;
font-size: .8em;
}
#pageBody ul ul {
line-height: 1.5em;
margin: 0 0 1.25em 0;
padding: 0 1.8em;
font-size: 1em;
}

/* Other Nested Lists - bmb - 12-06-11 */
#pageBody ol ul {
line-height: 1.5em;
margin: 0 0 1.25em 0;
padding: 0 1.8em;
font-size: 1em;
list-style: lower-alpha;
}

#pageBody ul ol {
line-height: 1.5em;
margin: 0 0 1.25em 0;
padding: 0 1.8em;
font-size: 1em;
list-style: lower-alpha;
}



/* Resource Container */
#resourceContainer {
width: 30%;	
background: #f2f2f2 url(images/resourceBack.jpg) left top no-repeat;
float: right;
padding: 0 0 3em 0;
}
#resourceContainer h2 {
color: #971a1e;
font-size: 1.2em;
margin: 1.6em 0 0 0;
}
.resourceGroup {
margin: 0 0 -2.4em 0;
padding: 0 1.5em 4em 1.5em;
background: url(images/resourceGroupFooter.jpg) left bottom no-repeat;
}
#pageBody .resourceLinks {
padding: 0;
margin: .5em 0 0 0;
list-style: none;
font-size: 1.1em;
}
.resourceLinks {
padding: 0;
margin: 0;
list-style: none;
width: 100%;
}
.resourceLinks li {
margin: 1em 0;
line-height: 2em;	
}
.resourceLinks a:link, .resourceLinks a:visited {
color: #515151;
text-decoration: none;	
}
.resourceLinks a:hover, .resourceLinks a:visited:hover {
color: #515151;
text-decoration: underline;	
}
.updatedModule {
padding: .5em 0 .5em 40px;
background: url(images/updatedIcon.jpg) left top no-repeat;	
}
.completeModule {
padding: .5em 0 .5em 40px;
background: url(images/moduleIcon.jpg) left top no-repeat;	
}
.pendingModule {
padding: .5em 0 .5em 40px;
background: url(images/pendingIcon.jpg) left top no-repeat;	
}
.pdf {
padding: .5em 0 .5em 40px;
background: url(images/pdfIcon.jpg) left top no-repeat;	
}
.doc {
padding: .5em 0 .5em 40px;
background: url(images/docIcon.jpg) left top no-repeat;	
}
.xls {
padding: .5em 0 .5em 40px;
background: url(images/xlsIcon.jpg) left top no-repeat;	
}
.ppt {
padding: .5em 0 .5em 40px;
background: url(images/pptIcon.jpg) left top no-repeat;	
}
.www {
padding: .5em 0 .5em 40px;
background: url(images/wwwIcon.jpg) left top no-repeat;	
}
.mov {
padding: .5em 0 .5em 40px;
background: url(images/movIcon.jpg) left top no-repeat;	
}
.pub {
padding: .5em 0 .5em 40px;
background: url(images/pubIcon.jpg) left top no-repeat;	
}
.mp3 {
padding: .5em 0 .5em 40px;
background: url(images/mp3Icon.jpg) left top no-repeat;	
}




/* Footer */
#footerContainer {
clear: both;
color: #999999;
background: #000000 url(images/navFooterBack.jpg) left top repeat-x;
padding: .8em 200px 1.5em .8em;
font-size: .8em;
position: relative;
}
#footerContainer a:link, #footerContainer a:visited {
color: #ffffff;
background: #000000;
padding: 0 15px 0 0;
text-decoration: underline;
}
#footerContainer a:hover, #footerContainer a:visited:hover {
color: #ffffff;
background: #000000;
padding: 0 15px 0 0;
text-decoration: underline;
}
#tcddLogo {
position: absolute;
top: 10px;
right: 10px;
height: 55px;
width: 180px;	
}


/* Forms */
.formContainer {
margin: 0;
background: #ffffff;
color: #333333;
position: relative;
}
fieldset {
border: 1px solid #333333;
margin: 0;
padding: 0;
}
legend {
font-size: 1.3em;
font-weight: bold;
color: #971a1e;
margin: 0 5px;
padding: .5em 5px;
}
.formInstructions {
padding: .3em 10px .7em 10px;
color: #333333;
font-style: italic;
}
.formContainer em {
color: #b40000;
font-size: .9em;
}
#pageBody .formList {
list-style: none;
margin: 0;
padding: 0;
width: 100%;
}
.formRow {
clear: both;
padding: .3em 10px;
margin: 0;
background: #eeeeee;
}
.formRowAlt {
clear: both;
padding: .3em 10px;
margin: 0;
background: #ffffff;
}
.formRowImportant {
clear: both;
padding: .3em 10px;
margin: 0;
background: #f9f7de;
}
.formRowSubmit {
clear: both;
padding: .3em 10px;
margin: 0;
background: #ffffff;
}
.formColumnLeft {
float: left;	
width: 48%;
}
.formColumnRight {
float: right;
width: 48%;	
text-align: right;
}
.formElementLabel {
width: 99%;
}
.formElementInput {
font: 1em arial, sans-serif;
color: #333333;
background: #ffffff;
border: 1px solid #333333;
width: 99%;
}
.formElementTextarea {
font: 1em arial, sans-serif;
color: #333333;
background: #ffffff;
border: 1px solid #333333;
width: 99%;
}
.formElementSelect {
font: 1em arial, sans-serif;
color: #333333;
background: #ffffff;
border: 1px solid #333333;
width: 99%;	
}
.formElementButton {
font: bold 1em arial, sans-serif;
color: #ffffff;
background: #333333;
border: 0;
cursor: pointer;
padding: .2em;	
}
#formMessage {
text-align: right;
font-weight: bold;
color: #ffcc00;
background: #ffffff;
}