/****** global ******/


/****** Elements/Tags ******/

html {
margin: 0;
font: normal 15px arial, verdana, helvetica, tahoma, verdana, sans-serif;
}

body {
margin: 0 0 0 0;
}

img {
text-decoration: none;
border: none;
}


/****** ID's and classes by template section ******/

/* START HEADER SECTION */

/* Top border divs */

.headertopborderleft {
	position:absolute;
	width: 100%;
	line-height: 17px;
	background-color: #4D588E;
	left: 0px;
	top: 0px;
	color: #4D588E;
}

.headertopborderright {
	position:absolute;
	width: 100%;
	line-height: 17px;
	background-color: #4D588E;
	right: 10px;
	top: 0px;	
	color: #4D588E;
}


/* middle header graphics */

.portalimage {
	position: absolute;
	width: 390px;
	height: 70px;
	background-image: url(../images/portal-logo.png);
	background-position: left;
	background-repeat: no-repeat;
	left: 0;
	top: 11px;
}

.commlogo {
	position: absolute;
	height: 70px;
	width: 342px;
	background-image: url(../images/comm-logo.jpg);
	background-position: right;
	background-repeat: no-repeat;
	right: 0;
	top: 3px;
}

/* Bottom border divs and search form */

.headerbottomborderleft {
	position: absolute;
	width: 10%;
	height: 28px;
	background-color: #4D588E;
	left: 0px;
	top: 74px;
	z-index: 2;
	font: normal 10pt arial, verdana, helvetica, sans serif;
}

.headerbottomborderimage {
/*	display: none; */
	position: relative;
	background-image: url(../images/search-bar-graphic.png);
	background-repeat: no-repeat;
	background-position: left;
	left: 10%;
	width: 90%;
	height: 28px;
	top: 74px;
	z-index: 1;
}

.headerbottomsearch {
	text-align: right;
	position: absolute;
	width: 90%;
	height: 28px;
	background-color: #B3B6C0;
	right: 0px;
	top: 74px;
	z-index: 0;
}


/* state header links */

#shlinks {
position: absolute;
margin-top: 2px;
left: 0px;
z-index: 10;
width: 80%;
}

#shlinks ul {
padding-top: 0em;
padding-right: 0;
padding-bottom: 0;
padding-left: 0;
margin-top: 0px;
margin-right: 0;
margin-bottom: 0;
margin-left: 0px;
}

#shlinks li {
display: inline;
}

#shlinks li a {
text-decoration: none;
color: #ffffff;
font-size: 80%;
}

#shlinks li a:hover {
text-decoration: underline;
background-image: none;
}

#shlinks li.piperight {
border-right: solid white 1px;
}

#shlinks li.pipeleft {
padding-left: 4px;
}


/* END HEADER SECTION */

/* START CONTENT SECTION */

#contenttable {
	position: absolute;
	left: 0px;
	top: 106px;
}

#linkcell {
display: none;
}

#contentspacercell {
	border-left: solid 1px #868BAA;
	border-bottom: solid 1px #868BAA;
	width: 1%;
}

#contentcell {
	padding: 10px;
	border-bottom: solid 1px #868BAA;
	width: 74%
}




/* Start action box styling */

/* base action box styling */

#actionbox, #textsizebox  {
margin: 0;
padding: 5px 3px 0 3px;
background-color: #083482;
text-align: center;
 
}

/* text size (sitetype) toggle styling */

#siteToggle {
text-align: center;
top: 0px;
display: block;
}

.siteToggle {
text-align: center;
color: #ffffff;
}

.siteToggle a {
text-decoration: none;
}

.menuToggle {
margin: 3px 0 2px 0;
top: 3px;
bottom: 2px;
color: #083482;
font-weight: bold;
width: 90%;
}

.toggleActive {
text-align: center;
background: #b4b4b4;
color: #083482;
border: 3px grey outset;
font-weight: bold;
width: 30px;
}

.toggleActive a {
text-align: center;
color: #083482;
font-weight: bold;
}

.toggleNotActive {
text-align: center;
background: white;
border: 3px white inset;
font-style: normal;
color: #000000;
width: 30px;
}

.toggleNotActive a {
text-align: center;
color: #000000;
font-style: normal;
}

.toggleSmall, .toggleSmall a {
font-size: 10px;
}

.toggleDefault, .toggleDefault a {
font-size: 15px;
}

.toggleLarge, .toggleLarge a {
font-size: 20px;
}

div#textsize a {
text-decoration: none;
cursor: default;
}

div#textsize a span {
display: none;
}

/*
div#textsize a:hover span {
position: absolute;top: 190px; left: 250px; height: 50px; width: 50px;
background-color: red;
z-index: 100;
display: block;
}
*/

a.textsizetoggle {
font-size: 14px;
text-decoration: none;
color: white;
}

a.textsizetoggle01 {
font-size: 10px;
margin-right: 7px;
color: white;
text-decoration: none;
}
a.textsizetoggle02 {
font-size: 12px;
margin-right: 7px;
color: white;
text-decoration: none;
}
a.textsizetoggle03 {
font-size: 14px;
margin-right: 7px;
color: white;
text-decoration: none;
}
a.textsizetoggle04 {
font-size: 16px;
margin-right: 7px;
color: white;
text-decoration: none;
}
a.textsizetoggle05 {
font-size: 18px;
margin-right: 7px;
color: white;
text-decoration: none;
}
a.textsizetoggle06 {
font-size: 20px;
margin-right: 7px;
color: white;
text-decoration: none;
}
a.textsizetoggle07 {
font-size: 22px;
color: white;
text-decoration: none;
}


/* search form styling */

#searchIns {
display: none;
}

#searchForm {
display: none;
}

#searchText {
position: relative;
text-align: center;
width: 25%;
}

.searchType {
text-align: left;
}

.searchType input {
position: relative;
left: 0;
}

#searchSubmit {
position: relative;
padding-top: 0px;
text-align: center;
}




/* End action box styling */

/* End rules in middleCellLeft */

/* Start rules in middleCellRight */

/* Breadcrumb styling */

#bc {
font-size: 90%;
color: #990000;
top: 3px;
margin-top: 0;
margin-left: 3px;
margin-bottom: 10px;
z-index: 100;
width: 90%;
}

#bc a, span {
text-decoration: none;
margin-left: .2em;
margin-right: .2em;
}

#bc a:hover {
text-decoration: underline;
font-size: 100%;
color: #ffffff;
background: #083482;
}

/* content box style rules */

#contentcell {
font-size: 95%;
color: #000000;
}

#contentcell a:hover {
text-decoration: None;
background-color: #4D588E;
color: #ffffff;
}

#contentcell a:hover>img {
text-decoration: none;
border: none;
background-color: #ffffff;
}



/* start page title and introparagraph styling  */

#pagetitle {
font-size: 180%;
color: #000000;
}

#pagesubtitle {
font-size: 150%;
font-style: italic;
color: #000000;
}

#introparagraph {
font-size: 116%;
color: #000000;
}

/* End rules in middleCellRight */

/* END MIDDLE SECTION */

/* START FOOTER SECTION */

#footer {
display: none;
}

#statements {
position: relative;
text-align: center;
display: block;
}

#statements a {
text-decoration: none;
position: relative;
display: inline;
margin-bottom: 10px;
}

#statements a:hover {
text-decoration: none;
font-size: 100%;
color: #ffffff;
background-color: #083482;
}

#browserStatement {
position: relative;
text-align: center;
display: block;
font-size: 90%;
}

#browserStatement a {
position: relative;
display: inline;
margin-bottom: 10px;
}

#browserStatement a:hover {
text-decoration: underline;
font-size: 100%;
background: #083482;
color: #ffffff;
}

/* END FOOTER SECTION */



/* SPECIAL RENDERING PROPERTIES */

.hide  {
display: none;
}

.showblock  {
display: block;
}

.showinline {
display: inline;
}

#showRetrievingData {
border: 3px #990000 outset;
z-index: 10;
left: 20%;
position: relative;
background-color: #083482;
color: white;
font-size: 20px;
width: 200px;
height: 40px;
text-align: center;
vertical-align: 50%;
margin-top:-100px;
top: -100px;
padding-top:10px;
}

.tableB {
border: thin solid black;
}

.tableNB {
border: 0 solid black;
}

.listLM {
left: 10em;
}


/* Start Added 12-20-05 for subject area resources management */

.primaryNav {
position: relative;
padding-bottom: 0px;
display: inline;
top: 0em;
left: 1em;
width: 100%
}

.primaryNav ul {
}

.primaryNav li {
position: relative;
list-style-type: none;
display: block;
width: 90%;
margin-left: -30px;
}

.primaryNav a {
display: block;
font: bold 10pt arial, verdana, helvetica, tahoma, sans-serif;
color: #fff;
text-decoration: none;
background: #848cb1;
border: outset 2px #B3B6C0;
padding: .3em;
width: 100%;
line-height:1.0em;
}

.primaryNav a:hover {
background: #4D588E;
color: rgb(255, 255, 255);
padding: .3em;
width: 100%
}

.primaryNav span {
position: relative;
font-weight: bold;
font-size: 100%;
font-variant: small-caps;
letter-spacing: 1px;
color: #000;
text-align: left;
line-height: 1.2em;
top: 1em;
}

a.homelink {
background: #4D588E;
}

li.phone {
color: white;
font-size: 100%;
}

li.phone:hover{
font-size: 100%;
text-decoration: none;
}

.bc-include {
font-size: 100%;
color: #990000;
top: 3px;
margin-top: 0;
margin-left: 3px;
margin-bottom: 10px;
z-index: 100;
width: 90%;
}

.bc-include li {
display: inline;
list-style: none;
}

.bc-include a, span {
text-decoration: none;
margin-left: .2em;
margin-right: .2em;
}

.bc-include a:hover {
text-decoration: underline;
font-size: 100%;
color: #000000;
background: #083482;
}

/* End Added 12-20-05 for subject area resources management */


.featureBox {
background: rgb(255, 255, 255) none repeat scroll 0% 50%;
text-align: left;
}

td.featureBox {
border: thin solid rgb(77, 88, 142);
}

div.featureBox {
border: thin solid rgb(77, 88, 142);
margin-bottom: 6px;
}

.featureBox span {
display: none;
}

.featuretitle {
background: #4D588E none repeat scroll 0% 50%;
width: 100%;
font: bold .9em arial, verdana, helvetica, tahoma, sans-serif;
color: #fff;
height: 1.5em;
text-align: center;

}

.featureContent {
display: block;
margin-top: 5px;
}


.featureContent strong {
margin-left: .3em;
}


.featureContent ul {
position: relative;
margin-top: 0px;
margin-bottom: 10px;
display: block;
width: auto;
}

.featureContent ul li {
position: relative;
list-style-type: none;
display: inline;
line-height: 100%;
}


.featureContent a {
display: block;
font: normal 10pt arial, verdana, helvetica, tahoma, sans-serif;
color: #000;
text-decoration: none;
margin-left: -40px;
padding: .2em .4em;
line-height: 1.1em;
}

.featureContent a:hover {
background: rgb(0, 0, 0) none repeat scroll 0% 50%;
color: rgb(255, 255, 255);
padding-right: 0px;
padding-left: 0px;
padding: .2em .4em;
}

.photocaption {
 padding: .5em;
 text-align: center;
}

.error {
	color: red;
	list-style-type: circle
}
.requiredData {
	color: red;
	font-size: smaller;
}
.resultDataReview {
	font-weight: bold;
}
.informationalData {
	color: blue;
	font-size: smaller;
	text-align: center;
}
td.cellRight {
	text-align: right;
}
td.cellLeft {
	text-align: left;
}
td.cellCenter {
	text-align: center;
}
td.buttonCellCenter {
	text-align: center;
}
td.footerCell {
	text-align: center;
	border-style: ridge;
	border-color: blue;
	background-color: silver;
	color: black;
}
td.noScreenShowCell {
	display: none;
	text-align: center;
	border-style: ridge;
	border-color: blue;
	background-color: silver;
	color: black;
}
td.headerCell {
	text-align: center;
	border-style: ridge;
	background-color: silver;
	border-color: blue;
	color: black;
	font-size: large;
}
td.infoLinkCell {
	text-align: center;
	color: black;
	background-color: silver;
	border-style: ridge;
}