/* Global Styles */
html {
font: 100% arial, sans-serif;
margin: 0;
padding: 0;
}
body  {
font: 100% arial, sans-serif;
color: #333333;
background: #f4f6f9 url(images/bodyBack.jpg) left top repeat;
margin: 0;
padding: 0;
}
.clear {
height: .01em;
clear: both;
overflow: hidden;
}
p {
margin: 0;
padding: 0;
}
form {
margin: 0;
padding: 0;
}
img {
border: none;
}


/* Accessibility Bar */
#accessContainer {
color: #4d88b8;
background: #fdf7e7 url(images/accessBack.jpg) left top repeat-x;
margin: 0;
padding:  .8em 0;
}
#accessTitle {
font-size: 1.4em;
font-weight: bold;
background: url(images/accessLogo.jpg) left top no-repeat;
padding: .3em .2em .3em 40px;
position: absolute;
top: 0;
left: 0;
margin-right: 65%;	
}
#adminTitle {
font-size: 1.4em;
font-weight: bold;
padding: .3em .2em .3em .5em;
position: absolute;
top: 0;
left: 0;
margin-right: 65%;		
}
#accessOptions {
font-weight: bold;
font-size: .9em;
text-align: right;
margin: 0 0 0 40%;
padding: 0;
}
#skipNav, #skipNav:visited {
background: #fdf7e7 url(images/skipIcon.jpg) left center no-repeat;
padding: 0 .5em 0 25px;
margin: .5em .4em .5em .1em;
color: #000000;
text-decoration: underline;
}
#skipNav:hover, #skipNav:visited:hover {
color: #fdf7e7;
background: #000000 url(images/skipIcon.jpg) left center no-repeat;
text-decoration: none;
}
#contrast, #contrast:visited {
background: #fdf7e7 url(images/contrastIcon.jpg) left center no-repeat;
padding: 0 .5em 0 25px;
margin: .5em .4em .5em .1em;
color: #000000;
text-decoration: underline;
}
#contrast:hover, #contrast:visited:hover {
color: #fdf7e7;
background: #000000 url(images/contrastIcon.jpg) left center no-repeat;
text-decoration: none;
}
#features, #features:visited {
background: #fdf7e7 url(images/fontIcon.jpg) left center no-repeat;
padding: 0 .5em 0 25px;
margin: .5em .4em .5em .1em;
color: #000000;
text-decoration: underline;
}
#features:hover, #features:visited:hover {
color: #fdf7e7;
background: #000000 url(images/fontIcon.jpg) left center no-repeat;
text-decoration: none;
}
#logout, #logout:visited {
background: #fdf7e7;
padding: 0 .5em;
margin: .5em .4em .5em .1em;
color: #000000;
text-decoration: underline;
}
#logout:hover, #logout:visited:hover {
color: #fdf7e7;
background: #000000;
text-decoration: none;
}


/* Body Container */
#bodyContainer {
background: url(images/accessShadow.jpg) left top repeat-x;
position: relative;
padding: 27px 27px 27px 0;
font-size: .9em;
}


/* Navigation Container */
#navContainer {
width: 227px;
position: absolute;
top: 0;
left: 0;
}

/* ID Mark */
#idContainer {
position: relative;
margin: 20px 0 0 23px;
height: 100px;
width: 204px;
}
#idText {
position: absolute;
top: 10px;
left: 0;
height: 90px;
width: 204px;
overflow: hidden;
padding: 0;
margin: 0;
border: 0;
background: none;
font-size: 1.3em;
display: block;
}
#idMark {
position: absolute;
top: 0;
left: 0;
height: 100px;
width: 204px;
background: url(images/idMark.jpg) left top no-repeat;
cursor: help;
}
#idContainer acronym {
cursor: help;	
}

/* Main Navigation */
#mainNav {
list-style: none;
width: 254px;
margin: 20px 0 0 0;
padding: 0;
}
#mainNav li {
padding: 0;	
}
.mainNavLink, .mainNavLink:visited {
font-size: .9em;
font-weight: bold;
color: #01569a;
text-decoration: none;
padding: .6em 0 .6em 56px;
background: url(images/mainNavBack.gif) left center no-repeat;
display: block;
position: relative;
}
.mainNavLink:hover, .mainNavLink:visited:hover {
font-size: .9em;
font-weight: bold;
color: #ffffff;
text-decoration: none;
padding: .6em 0 .6em 56px;
background: url(images/mainNavBackHover.jpg) left center no-repeat;
display: block;
position: relative;
}
#mainNavActive {
font-size: .9em;
font-weight: bold;
color: #ffffff;
text-decoration: none;
padding: .6em 0 .6em 56px;
background: url(images/mainNavBackHover.jpg) left center no-repeat;
display: block;
position: relative;
}





/* Content Container */
#contentContainer {
margin: 0 0 0 254px;
padding: 0 2.5em 2.5em 2.5em;
border: 2px solid #dee2e8;	
background: #ffffff;
color: #333333;
}
h1 {
font-size: 1.6em;
color: #505050;
background: #ffffff;
margin: 1.5em 0 0 0;
padding: 0;
border-bottom: 2px solid #dee2e8;
position: relative;
}
.h1Link, .h1Link:visited {
float: right;
color: #4d88b8;
background: #ffffff;
font-weight: bold;
font-size: .9em;
text-decoration: underline;
padding: .1em .3em;
margin: -1.6em 0 0 0;
position: relative;
}
.h1Link:hover, .h1Link:visited:hover {
float: right;
color: #ffffff;
background: #4d88b8;
font-weight: bold;
font-size: .9em;
text-decoration: none;
padding: .1em .3em;
margin: -1.6em 0 0 0;
position: relative;	
}
.h1Detail {
font-size: .6em;
font-weight: normal;
color: #999999;
background: #ffffff;	
}
h2 {
font-size: 1.2em;
color: #d26500;
background: #ffffff;
margin: 1em 0 0 0;
padding: 0;	
}
.h2Detail {
font-size: .8em;
font-weight: normal;
color: #999999;
background: #ffffff;	
}
p {
margin: .5em 0 1em 0;
padding: 0;
line-height: 1.1em;
text-align: justify;
}
.contentList {
padding: 0 0 0 1.5em;
margin: .5em 0 1em 0;	
}
.contentList li {
margin: 0 0 .2em 0;
line-height: 1.1em;
}
.resourceList {
padding: 0;
margin: .5em 0 1em 0;
list-style: none;	
}
.contentList li {
margin: 0 0 .2em 0;
line-height: 1.1em;
}
.viewDetails {
text-align: right;
margin: -.8em 0 1em 0;
padding: 0;
}
.viewDetails a:link, .viewDetails a:visited {
font-size: .9em;
font-weight: bold;
color: #01569a;
background: #ffffff url(images/linkArrow.jpg) right center no-repeat;
text-decoration: underline;
padding: .1em 18px .1em .3em;
}
.viewDetails a:hover, .viewDetails a:visited:hover {
font-size: .9em;
font-weight: bold;
color: #ffffff;
background: #01569a url(images/linkArrowHover.jpg) right center no-repeat;
text-decoration: none;
padding: .1em 20px .1em .3em;
}
.inlineLink, .inlineLink:visited {
color: #01569a;
}
.inlineLink:hover, .inlineLink:visited:hover {
color: #ffffff;
background: #01569a;
text-decoration: none;
}
.backLink {
text-align: right;
margin: .5em 0 1em 0;
}
.backLink a:link, .backLink a:visited {
color: #4d88b8;
background: #ffffff;
font-weight: bold;
font-size: .9em;
text-decoration: underline;
padding: .1em .3em;
}
.backLink a:hover, .backLink a:visited:hover {
color: #ffffff;
background: #4d88b8;
font-weight: bold;
font-size: .9em;
text-decoration: none;
padding: .1em .3em;
}
address {
margin: .5em 0 1em 0;
padding: 0;
line-height: 1.1em;
}

/* Announcement, Event, Resource Links List */
.linksList {
list-style: none;
font-size: .9em;
border: 1px solid #bfbfbf;
padding: 0;
margin: 1em 0 0 0;
width: 100%;
}
.linksListRow {
color: #666666;
background: #e9edf3;
width: 100%;	
}
.linksListRowAlt {
color: #666666;
background: #ffffff;
width: 100%;
}
.linksList2 {
list-style: none;
font-size: .9em;
border-left: 1px solid #bfbfbf;
border-right: 1px solid #bfbfbf;
border-bottom: 1px solid #bfbfbf;
padding: 0;	
margin: 0 0 1em 0;
width: 100%;
}
.linksList2 .linksListRow {
color: #666666;
background: #fbf7e6;
width: 100%;	
}
.linksList2 .linksListRowAlt {
color: #666666;
background: #ffffff;
width: 100%;
}
.linksTitle {
float: left;
width: 40%;
padding: .3em .5em;
}
.linksDate {
float: right;
width: 40%;
text-align: right;
padding: .3em .5em;
}
.linksLink, .linksLink:visited {
font-weight: bold;
text-decoration: underline;
color: #01569a;
padding: .1em .3em;
}
.linksLink:hover, .linksLink:visited:hover {
font-weight: bold;
text-decoration: none;
color: #ffffff;
background: #01569a;
padding: .1em .3em;
}



/* Legal */
#legalStatements {
font-size: .9em;
text-align: right;
margin: .4em 0 0 227px;
}
.legalLink, #legalLink:visited {
color: #01569a;
text-decoration: underline;
padding: .1em .3em;
}
.legalLink:hover, #legalLink:visited:hover {
color: #ffffff;
background: #01569a;
text-decoration: none;
padding: .1em .3em;
}



/* Forms */
.formContainer {
margin: 1em 0;
padding: 1.5em;
border: 2px solid #dee2e8;
}
.formContainer em {
background: #ffffff;
color: #BC5E60;
font-size: .9em;
}
legend {
font-size: 1.2em;
font-weight: bold;
color: #d26500;
background: #ffffff;
margin: 0;
padding: 0;	
}
.formInstructions {
padding: .4em;
color: #333333;
background: #ffffff;
width: 90%;
}
.formList {
list-style: none;
margin: 0;
padding: 0;
}
.formRow {
border-top: 1px solid #dee2e8;
padding: .2em .4em;
margin: .1em 0;
}
.formColumnLeft {
float: left;	
width: 48%;
}
.formColumnRight {
float: right;
width: 48%;	
text-align: right;
}
.formElementLabel {
width: 100%;
}
.formElementInput {
font: 1em arial, sans-serif;
color: #333333;
background: #ffffff;
border: 1px solid #333333;
width: 100%;
}
.formElementTextarea {
font: 1em arial, sans-serif;
color: #333333;
background: #ffffff;
border: 1px solid #333333;
width: 100%;
}
.formElementSelect {
font: 1em arial, sans-serif;
color: #333333;
background: #ffffff;
border: 1px solid #333333;
width: 100%;	
}
.formElementButton {
font: bold 1em arial, sans-serif;
color: #ffffff;
background: #01569a;
border: 1px solid #333333;
cursor: pointer;	
}
#formMessage {
text-align: right;
font-weight: bold;
color: #ffcc00;
}