/* extra css file to support the ez proxy login screen */

html, body {
        height:auto !important; /* FF and compliant browsers should automatically size the body/html */
        height:100%; /* ie will set the body/html to 100%, anything overflowing that will (incorrectly) resize it. go IE */
        min-height:100%; /* when FF/etc automatically size the body/html it should be AT LEAST the height of the entire browser window, but can expand based on content. */
}


body, td {
   font-family: verdana, arial, san-serif;
}

body  { 
    background-color: #e0ddce; 
    background-image: url('UniversalBkgrnd-6c6963.png'); 
    background-repeat: repeat-x; 
    background-attachment: fixed; 
	margin-left: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	text-align: left;
}


.clearFloat { clear: both; }

.mainClass  {
        background-color: #FFFFFF;
        margin-right: auto;
        margin-left: auto;
        text-align: left;
        width: 1000px;
        padding-top: 2px;
        padding-right: 2px;
        padding-left: 2px;
        clear: both;
        position: relative;
}


#main {
  /* changed background-color and border and padding for EZ Proxy login */

	background-color: #FFCC66;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	width: 1000px;
	clear: both;
	position: relative;
        border: solid 2px #FFFFFF;       
}

#header {
  /* containts University and Library names */
}

#wordmark {
	height: 41px;
	width: 1000px;
	background-color: #CC0000;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	clear: right;
}

#library_header {
	height: 105px;
	width: 1000px;
	background-color: #333333;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
}

#content_container {
  /* contains information below header down to and including inline footer */
	width: 1000px;
	clear: both;
	background-color: #FFFFFF;
	text-align: left;
	background-image: url('content_bg.jpg');
	background-repeat: repeat-y;
}

#left_container {
        width: 270px;
        text-align: right;
        z-index: 100;
        float: left;
        padding: 0px 0px 10px 0px;
        background-image: url('/images/template/nav_bg.gif'); 
        background-repeat: repeat-y; 
        background-position: right; 
        display: inline;
}


#nav_container {
	text-align: left;
	margin-left: 22px;
	width: 234px;
	margin-right: 14px;
	background-color: #E8E8E8;
    margin-top: 3px;
}


#right_container {
	width: 730px;
    padding: 0px;
    background-image: url('/images/template/header_shadow_bg.gif'); background-repeat: repeat-x;    
    background-position: top; 
    /*  REMOVED FOR IE6/HTML CODING */
}

/*ADDED FOR IE6/HTML CODING */
#main_content_table {
        background-image: url('/images/template/header_shadow_bg.gif'); 
		background-repeat: repeat-x; 
		background-position: top;
        margin-top: 0pt; 
		padding-top: 0pt; 
		border-collapse: collapse; 
}


/*ADDED FOR IE6/HTML CODING */
#search_area_table {
        margin-top: 0pt;   
		padding: 0pt;   
		border-collapse: collapse;
}

.searchLeftTD { padding: 0pt; }
.searchRightTD { padding: 0pt; }



#search_container {
	width: 710px;
	text-align: left;
	padding-top: 10px;
	margin-left: 5px;
}

#search_container2 {
        width: 710px;
        text-align: left;
        padding-top: 10px;
        margin-left: 5px;
}

#searchtab_container {
	width: 243px;
	text-align: left;
	background-image: url('/images/template/tab_bg.gif');
	background-repeat: no-repeat;
	height: 197px;
	/* REMOVED FROM IE6/HTML CODING - float: left; */

}



#searchbox_container {
	width: 467px;
	height: 197px;
	text-align: left;
	background-image: url('/images/template/search_bg.gif');
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	/* REMOVED FROM IE6/HTML CODING position: relative; float: right; */

}



#navbox_container {
	width: 336px;
	margin-top: 20px;
	margin-left: 3px;
	background-position: center bottom;
	padding-bottom: 4px;
	background-color: #EFEDED;
	background-image: url('/images/template/nav-box-bg_curve.gif');
	background-repeat: no-repeat;
	float: left;
}


#navMenuBox {
        width: 336px;
        margin-top: 20px;
        margin-left: 3px;
        background-position: center bottom;
        padding-bottom: 4px;
        background-color: #EFEDED;
        background-image: url('/template/nav-box-bg_curve.gif');
        background-repeat: no-repeat;
}



#resourcesnav_container {
	width: 150px;
	margin-top: 5px;
	margin-left: 1px;
	float: left;
	clear: both;
}



#researchnav_container {
	width: 150px;
	margin-top: 5px;
	float: right;
	margin-right: 17px;
}



#specialevents_container {
	width: 299px;
	float: right;
	background-position: center bottom;
	background-color: #FFCC66;
	background-image: url('/template/specialevents_title_bottom_curve.gif');
	background-repeat: no-repeat;
	margin: 20px 10px 10px 10px;
}


#specialevents_textbox {
	width: 185px;
	float: right;
	margin-right: 10px;
	height: 90px;
	margin-top: 3px;
    vertical-align: middle;
}


.specialHead {
    font-size: 1.1em;
    font-weight: bold;
    margin-bottom: 2pt;
 }

.specialevents_textbox2 {

  margin: 3px 10px 10px 10px; 

}

.specialeventsIMG { border: none; }

/* EXTRA HOMEPAGE CONTENT */

.extraContent { margin: 20px auto; text-align: center; }

.extraContentImageDIV { margin: 0px auto; text-align: center; }
.extraContentImage   { border: none; text-align: center; margin: 0px auto; vertical-align: middle;}
.extraContentcaption { margin: 5px auto 5px 10px; text-align: left; font-size: 0.9em; font-family: verdana, arial, san-serif;}

a.extraContentLink:link, a.extraContentLink:visited {text-decoration: none; }



/* FOOTER */

#footer {
	height: 37px;
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	background-image: url('footer_bg.gif');
	background-repeat: repeat-x;
	clear: both;
	padding-bottom: 2px;
	text-indent: 25px;
	line-height: 45px;
	background-color: #FFFFFF;
}



/* FOOTER */

#subcontent_container {
	width: 650px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	clear: both;
	padding-bottom: 2px;
	line-height: 20px;
}



#bread_crumb {
	width: 650px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	clear: both;
	padding-bottom: 2px;
	line-height: 20px;
	padding-top: 10px;
	font-size: 12px;
}




#headline {
	width: 650px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	clear: both;
	padding-bottom: 12px;
	line-height: 20px;
	padding-top: 10px;
}


/* Revised Footer - left and right containers */


#leftFooter {
        text-align: left;
        float: left;
}

#leftFooter {
        text-align: center;
        margin: 0pt auto;
}



#rightFooter  {
        float: right;
        margin-right: 0.2in;
}


/* LAYERS USED FOR MOUSEOVERS IN THE SEARCH BOX AREA */
/* Include id's for all your layers here, with commas between. 
	 Set width, left and top */

#lyr1, #lyr2, #lyr3 {
	width:467px;
	visibility: hidden;
	margin-right: auto;
	margin-left: auto;
	position: absolute;
	z-index: 100;
	padding-top: 25px;
}


.sblyr {
        width:467px;
        visibility: hidden;
        margin-right: auto;
        margin-left: auto;
        position: absolute;
        z-index: 100;
        padding-top: 25px;
}

	

#searchfieldcontainer {
	width: 425px;
	margin-bottom: 10px;
}


.searchFieldDiv {
        width: 425px;
        margin-bottom: 10px;
  }

.searchBoxDiv {
        text-align: right;
        width: 425px;
        margin-right:  5px;
        margin-bottom: 10px;
  }

.suckerfishDiv {
        text-align: left;
        width: 400px;
        margin-left:   25px;
        margin-bottom: 10px;
  }


.searchOptionDiv {
        width: 425px;
        margin-bottom: 6px;
        font-weight: bold;
        padding-top: 6pt;
  }

.searchOptionHead {
        font-weight: bold; 
		text-align: left; 
		margin: 2pt auto 4pt 16px;
        font-size: 12px;
        font-family: "Verdana", Helvetica, Arial, Sans-Serif;
        color: #333333; 
  }


.searchOptionRight {
        text-align: left;
        vertical-align: middle;
        line-height: 15px;
}


.searchOption {
        width: 425px;
        text-align: center;
        padding: 3px;
}


.searchOptionText {
        width: 200px;
        text-align: right;
        padding: 3px;
        clear: both;
        float: left;
}


#searchfieldtext {
	width: 125px;
	text-align: right;
	padding: 3px;
	clear: both;
	float: left;
	white-space: nowrap;
}


#searchfieldtextFor {
        width: 125px;
        text-align: right;
        padding: 3px;
        clear: both;
        float: left;
}

#searchOption1Left {
        width: 225px;
        text-align: right;
        line-height: 15px;
        clear: both;
        float: left;
        vertical-align: middle;
}

#searchOption1Right {
        width: 200px;
        text-align: left;
        padding: 3px;
}


.breadCrumbImage {
       margin: 10pt auto;
       text-align: center; 
}






#bottom_footer {
	width: 977px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 10px;
	line-height: 15px;
	margin-top: 10px;
	padding-left: 23px;
}


/* ROLLOVER */

a	        { font-size:12px; text-decoration: none; font-family: "Verdana", Helvetica, Arial, Sans-Serif; }
a:link		{ color: #A72D08; text-decoration: none; }
a:visited	{ color: #A72D08; text-decoration: none; }
a:hover		{ color: #A72D08; text-decoration: underline; }
a:active	{ color: #A72D08; text-decoration: underline; }

.rollovergray  {
        display:block;
        width: 206px;
        height: 17px;
        color:#333;
        background-color: #E2E0E0;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 11px;
        margin: 2px auto 2px 0px;
        padding-left: 15px;
        line-height: 17px;
        text-indent: -5px;
        font-weight: 500;
}


.rollovergray a:link, .rollovergray a:visited  {
    font-family: Arial, Helvetica, sans-serif;
    color:#333;
    font-size: 11px;
	text-decoration: none;
	font-weight: 500;
}

.rollovergray a:hover  {
        color: #333;
        background-color: #BFBFBF;
 }


.rollovergray a:active { 
	color: #cc1000;
    text-decoration: underline;
	background-color: #BFBFBF;
}


.rolloverlight {
        display:block;
        width: 206px;
        height: 17px;
        color:#333;
        background-color: #EBE8E9;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 11px;
        text-decoration: none;
        margin: 2px 0px 2px 0px;
        line-height: 17px;
        text-indent: -5px;
        padding-left: 15px;
        font-weight: 500;
}



.rolloverlight a:link, .rolloverlight a:visited {
    color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	font-weight: 500;

}

.rolloverlight a:hover {
	color: #333;
	background-color: #BFBFBF;
}

.rolloverlight a:active {
        color: #cc1000;
        text-decoration: underline;
        background-color: #BFBFBF;
}

.white a {
	color:#FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	font-weight: 500;
}

.white a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}

.white a:active {
	color:#FFFFFF;
}

.white a:visited {
	color:#FFFFFF;
}



.rolloverresourcegray {
	display:block;
	width: 150px;
	height: 17px;
	color:#333;
	background-color: #E2E0E0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	margin-top: 2px;
	margin-bottom: 5px;
	line-height: 17px;
	text-indent: 5px;
	font-weight: 500;
	margin-left: 6px;

}


.rolloverresourcegray a:link {
        color: #333;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 11px;
        text-decoration: none;
}

.rolloverresourcegray a:visited {
        color: #333;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 11px;
        text-decoration: none;
}


.rolloverresourcegray a:hover {
	color: #333;
	background-color: #BFBFBF;
}

.rolloverresourcegray a:active {
	color:#cc1000;
	background-color: #E2E0E0;
        text-decoration: underline;
}



.rolloverresourcewhite {
        display:block;
        width: 150px;
        height: 17px;
        color:#333;
        background-color: #EBE8E9;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 11px;
        text-decoration: none;
        line-height: 17px;
        text-indent: 5px;
        font-weight: 500;
        margin-left: 6px;
        margin-bottom: 5px;
        margin-top: 2px;
}

.rolloverresourcewhite a:link, .rolloverresourcewhite a:visited {
	color:#333;
	background-color: #EBE8E9;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	font-weight: 500;

}

.rolloverresourcewhite a:hover {
	color: #333;
	background-color: #BFBFBF;
}


.rolloverresourcewhite a:active {
        color:#cc1000;
        background-color: #E2E0E0;
        text-decoration: underline;
}



/*  link styles for Menut Title links added by John */

.menuTitleImage { border: none 0pt; text-decoration: none; }

.menuTitleLink a:link { 
       border: none 0pt; 
       text-decoration: none; }

.menuTitleLink a:visited { 
       border: none 0pt; 
       text-decoration: none; }


/* search tab styles added by John */

.searchTabHead { font-weight: bold; text-align: left; margin: 0pt auto 8pt 8px;  
        font-size: 12px;
        line-height: 17px;
        font-family: "Verdana", Helvetica, Arial, Sans-Serif;
        color: #333333;
  }

.searchTabHeadParen {
       font-weight: normal;
       margin-left: 10px;
       font-size: 0.8em; 
   }

.searchTabSubHead { font-weight: bold; text-align: left; margin: 12pt auto 4pt 0.1in;
        font-size: 12px;
        line-height: 17px;
        font-family: "Verdana", Helvetica, Arial, Sans-Serif;
        color: #333333;
  }



/* FONTS */

.h1, h2, h3
	{
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #333333;
}

.h1
	{
	font-size: 36px;
	font-weight: bold;
	margin-top: 15px;
	margin-bottom: 30px;
	line-height: 30px;
}

.h2
	{
	font-size: 18px;
	margin-top: 15px;
	font-weight: bold;
}

.h3
	{
	font-size: 16px;
	font-weight: bold;
	margin-top: 15px;
}



.font9white
	{
	font-size: 9px;
	line-height: 13px;
	font-family: "Verdana", Helvetica, Arial, Sans-Serif;
	color: #FFFFFF;
	font-weight: normal;
}



.font9
	{
	font-size: 9px;
	line-height: 13px;
	font-family: "Verdana", Helvetica, Arial, Sans-Serif;

	color: #666;

	font-weight: normal;

}



.font10{

	font-size: 11px;

	line-height: 13px;

	font-family: "Verdana", Helvetica, Arial, Sans-Serif;

	color: #666;

}

.font11{ font-size: 11px; line-height: 13px; font-family: "Verdana", Helvetica, Arial, Sans-Serif; }

.font12nobold, .font12	{
	font-size: 12px;
	line-height: 17px;
	font-family: "Verdana", Helvetica, Arial, Sans-Serif;
	color: #333333;
}



.font12	{

	font-weight: 500;

}

/* NEW ADDED BY JOHN */

.specialNote      { margin: 30px 40px 10px 20px; border: solid 1pt #cc0000; padding: 10px; text-align: center; font-family: "Verdana", Helvetica, Arial, Sans-Serif; }
.specialNoteIntro { font-weight: bold; font-size: 1.2em; }
.specialNoteDesc  { font-weight: normal; font-size: 0.9em; margin: 10px auto; text-align: center; font-family: "Verdana", Helvetica, Arial, Sans-Serif; }

A.specialNote:link, A.spcialNote:visited     { font-size: 1.0em; font-weight: normal; font-family: "Verdana", Helvetica, Arial, Sans-Serif; }

A.moreoptions:link, A.moreoptions:visited { margin-left: 5px; margin-right: 5px; font-size: 0.9em; font-weight: normal; font-style: italic; }

A.moreoptions:hover, A.moreoptions:active { text-decoration: underline; }

.moreOptionsDiv { text-align: left; margin: 2px auto 10px 80px; font-size: 0.8em;}

.paren { font-size: 0.9em; margin-left: 10px; }

.mainContentDiv {
        width: 650px;
        margin-bottom: 10px;
  }


.pageTitle {   font-size: 1.5em;
  font-weight: bold;
  margin: 12pt auto 8pt auto;
  font-family: "Verdana", Helvetica, Arial, Sans-Serif;
  text-align: center;
}

.pageTitleSubtitle  
  { 
    font-size: 1.25em;
    font-weight: bold;
    margin: 8pt auto 12pt auto;
    font-family: "Verdana", Helvetica, Arial, Sans-Serif;
    text-align: center;
  }

.pageDesc {   font-size: 1.0em;
  font-weight: normal;
  margin: 8pt auto 12pt auto;
  font-family: "Verdana", Helvetica, Arial, Sans-Serif;
  text-align: center;
}


.sectionTitle {   font-size: 1.2em;
  font-weight: bold;
  margin: 10pt auto 6pt auto;
  font-family: "Verdana", Helvetica, Arial, Sans-Serif;
  text-align: center;
}




.sectionDesc {   font-size: 0.9em;
  font-weight: normal;
  margin: 6pt auto 10pt auto;
  font-family: "Verdana", Helvetica, Arial, Sans-Serif;
  text-align: center;
}
 

.highlightSection {
   background-color: #FFCC66;
   padding: 5px;
   margin: 20px 20px 10px auto;
}


.highlightHead {
        font-weight: bold; text-align: left; margin: 10px auto 8px 8px;
        font-size: 12px;
        line-height: 17px;
        font-family: "Verdana", Helvetica, Arial, Sans-Serif;
        color: #333333;
}


.highlightLink {
        font-weight: bold; text-align: left; margin: 8px auto 8px 20px;
        font-size: 12px;
        line-height: 17px;
        font-family: "Verdana", Helvetica, Arial, Sans-Serif;
        color: #333333;
}

.searchSection {
   background-color: #FFCC66;
   padding: 5px;
   margin-right: 20px;
  }

.mainSearchBoxDiv {
        text-align: left;
        width: 540px;
        padding: 2px; 
  }

 

.columns {
 /* CONTAINER FOR CSS FLOAT COLUMNS */
}

.columnLeft {
        text-align: left;
        padding: 3px;
        clear: both;
        float: left;
        margin-right: 10px;
}

.columnRight {
  padding: 3px; 
}


.columnRightFloat {
 padding: 3px;
 float: right;
}



#mainContentLeft {
        width: 410px;
        text-align: left;
        padding: 3px;
        clear: both;
        float: left;
        margin-right: 20px;
}


.mainLeftHead {
  font-size: 1.5em;
  font-weight: bold;
  margin: 18pt 0pt 6pt 0.25in;
  text-indent: -0.25in; 
}

.mainLeftResource {
  margin: 6pt 0pt 6pt 0pt;
  }

.mainLeftResLink {
  font-size: 1.2em;
  font-weight: bold;
  margin-left: 0.35in;
  text-indent: -0.25in; 
}

.mainLeftResLinkParen {
   font-size: 0.9em;
   font-weight: normal;
  }

.mainLeftResDesc {
  font-size: 0.9em;
  font-weight: normal; 
  margin-left: 0.5in;
  text-indent: -0.25in;
}

.mainLeftResList {
  margin: 3pt 0pt 3pt 0.35in;
  font-size: 1.2em;
  font-weight: normal;
  text-indent: -0.25in;
}

.mainLeftResListMore {
  margin: 3pt 0pt 3pt 100px;
  font-size: 1.1em;
  font-weight: normal;
  font-style: italic;
  text-indent: -50px; 
}


.subjectListTable {
  margin: 6pt auto;
  text-align: center;
 }

.subjectListTD {
  text-align: left; 
  vertical-align: top;
 }

.subjectListDiv { 
  margin: 0pt 10px;
  text-indent: -5px;
  }

.mainRightHead {
  font-size: 1.3em;
  font-weight: bold;
  margin: 18pt 0pt 6pt 0pt;
  text-indent: -0.15in;
 }

.mainRightResource {
  margin: 6pt 0pt 6pt 0.1in;
  }

.mainRightResLink {
  margin-left: 20px;
  font-size: 1.1em;
  font-weight: bold;
 }

.mainRightResDesc {
  font-size: 0.8em;
  font-weight: normal;
  margin-left:  0.25in;
  text-indent: -0.05in;
}

.mainRightResList {
  margin: 3pt 0pt 3pt auto;
  font-size: 1.2em;
  font-weight: normal;
  text-indent: -0.15in;
}





A.moreinfo:link, A.moreinfo:visited { font-weight: normal; font-size: 0.9em; margin-left: 0.1in; }
A.moreinfo:hover, A.moreinfo:active { text-decoration: underline; } 

A.moreinfohead:link, A.moreinfohead:visited { font-weight: normal; font-size: 0.8em; margin-left: 0.1in; font-style: italic;}
A.moreinfohead:hover, A.moreinfohead:active { text-decoration: underline;}

.moreinfoButton { border-style: none; text-align: right; margin: 0px 10px 10px 0px; }

#mainContentRightFloat  {
 padding: 3px;
 float: right;

}

#mainContentLeftStatic  {
        width: 410px;
        text-align: left;
        padding: 3px;
        margin-right: 20px;
}

.mainContentRight {
        padding: 3px;
}


.centered { margin-left: auto; margin-right: auto; text-align: center; }

/* USED FOR EZPROXY LOGIN PAGE */


h1 {
  margin: 18px auto;
}

.highlightBox {
   background-color: #FFCC66;
   margin-top: 0px; 
 }

#dividerBlack {
        height: 24px;
        width: 1000px;
        background-color: #333333;
	text-align: left;
        margin: 16px auto;
}