body
{
    font: 90% "Verdana", "Arial", sans-serif;
	background-color: #FFFFFF;
	color:#003C7D;
	padding: 0;
        margin: 0;
        overflow:auto;
}

/* main layout */

#top

{
	background-color:#0d3968;
  background-image:url('images/topgradient.gif');
  background-position:top left;
  background-repeat:repeat-x;
  border-bottom:1px solid;
  min-height:100px;
  width:100%;
  border-color:#aab;
  color:#ffffff;
  margin:0;
  padding:0;
}

#breadcrumbblock {
	padding-top:7px;
	color:#10375d;
	width:90%;
	height:1.5em;
	font-size:0.75em;
	clear:both;
	padding-left:20px;

}

#wrapper {
overflow:hidden;
}

#colLeft {
   float:left;
   width:18%;
	 min-width: 175px;
	 max-width: 250px;
   margin-top:20px;
   margin-right:0;
   margin-left:20px;
   padding-top:2px;
   padding-left:4px;
   padding-right:4px;
   padding-bottom:10px;
   background:#fff8e8 url('images/contentsgradient.gif') repeat-x top left;
   border:#ddd 1px solid;
   font-size: 1em;
}

#colCenter {
   float:left;
   margin-top:20px;
   margin-left:20px;
   margin-right:0;
   width:70%;
	 max-width:800px;
   margin-bottom:20px;
   overflow:hidden;
         }

#footer{
   clear:both;
   width:90%;
   margin:auto;
   font:75% "Verdana", "Arial", sans-serif;
   text-align:center;
}

#footer hr{
width:80%;
}


/* top div styles*/

#libraryblock {

font-size:0.75em;
padding-top:2px;
padding-right:10px;
text-align:right;
}

#libraryblock a {
color:#10375d;
font-weight:bold;
}

#logo
{
   position:absolute;
   left:0;
   padding-top:10px;
   padding-left:18px;
}

#pagetitle
{
   /*position:absolute; */
   margin-left:90px;
   margin-top:5px;
   float:left;
   padding-top:0;
   width:90%;
   font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
   font-weight:normal;
   font-size:1.8em;
}

#pagetitle a
	{
	color:#ffffff;
	text-decoration: none;
	background-color: none; 
	}

#pagetitle a:hover
	{
	background: transparent !important; 
	}

#pagetitle hr {
   margin:3px 0 0 0;
   border-width:0;
   height:1px;
   width:15.5em;
   color:#ffffff;
	text-align:left;
   background-color: #ffffff;
}

/* breadcrumb div styles*/

#breadcrumbblock a {
color:#10375d;
font-weight:bold;
}

/* menu formatting*/

.menuitem {
   display:block;
   padding-top:10px;
   padding-left:10px;
   padding-bottom:10px;
   color:#10375d;
   font-size:.8em;
   font-weight:bold;
}
.current{
   background:#F9F9FA;
   border: 1px solid #ddd;
}
.submenuitem  {
   display:block;
   margin-top: 0px;
   margin-bottom: 0px;
   margin-left:20px;
   padding-left:5px;
   padding-bottom:3px;
   color:#10375d;
   font-size:.8em;
   font-weight:bold;
}


/* image box formatting*/

.leftImage {
				float:left;
        clear:left;
				padding: 10px;
        background:#fff8e8 url('images/contentsgradient.gif') repeat-x top left;
        border:#ddd 1px solid;
				margin: 5px 15px 5px 15px;

}

.rightImage {
	float: right;
  clear:right;
	padding: 10px;
  background:#fff8e8 url('images/contentsgradient.gif') repeat-x top left;
  border:#ddd 1px solid;
	margin: 5px 15px 5px 15px;
}

.centerImage {

  clear:both;
	padding: 10px;
  background:#fff8e8 url('images/contentsgradient.gif') repeat-x top left;
  border:#ddd 1px solid;
	margin: auto;
	width:250px;
}

.rightImage img
{
   width:250px;   
}

.leftImage img
{
   width:250px;
}

.centerImage img
{
   width:250px;
}


.clearboth{
   clear:both;
   padding-top:20px;
}

/* element formatting*/

h1 {
	text-align: left;
        margin-top:0;
        font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
        font-weight:normal;
        font-size:2em;
}

h2 {
	font-size:1.2em ;
	text-align: left;
}

h3 {
	font-weight: bold;
	font-size: 1.1em;	
}

h4
{
	font-weight: bold;
	font-size: 1em;
	
}

img {
border:0px;
margin:0;
padding:0;
}

ol, ul, p, body
{
	font:90% "Verdana", "Arial", sans-serif;
	color:#003C7D
}

dt
	{
	font: bold 75% "Verdana", "Arial", sans-serif;
	}


dd
{
	font-size: 90%;
	padding-top: .5em;
	padding-bottom: 1em;
}

dt.index
{
	font-weight: bold;
	font-size: 80%;
}

.nobullet   /* applies only to lists*/
	{
    list-style-type: none 
	}

a
{
color:#0033CC;
text-decoration: underline;
}
	
a:visited
{
 	color:#3E4A88; 
}

a:hover
{
    color:#F47F24 !important;
    background:#20478D;
}

a:active
	{
	color:#F47F24;
	}

code {
	 background:#F9F9FA;
   border: 1px solid #ddd;
}

code.codeblock {
	 display:block;
	 margin: 10px 20px;
	 padding: 5px;
	 background:#F9F9FA;
   border: 1px solid #ddd;
}

input, textarea
{

font: 90% "Verdana", "Arial", sans-serif;
	background-color: #FFFFFF;
	color:#003C7D;

}

/* div and span classes for formatting */

.button  /*set class on input buttons to style them better*/
{
color:white;
font-size:1.3em;
font-weight:bold;
background-color:#7C93AA;
border-style:outset;
border-width:.1em;
border-color:navy;
}

.bground
{
   -webkit-border-radius:20px;
   -moz-border-radius: 20px;
   border-radius: 20px;
}

.mdround
{
   -webkit-border-radius:10px;
   -moz-border-radius: 10px;
   border-radius: 10px;
}

.smround
{
   -webkit-border-radius:5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
}

.center
	{
	text-align: center
	}

.strong{   
	font-weight:bold;
}

.underline{
	text-decoration: underline;
}

.bold
{
	font-weight:bold;
}

.italic
{
	font-style:italic;
}

.indent{
   margin-left:35px;
}

.hanging   /* this is used to make a hanging indent on an element */
	{
	margin-left:35pt;
	text-indent:-35pt
    }
.small
	{
	font:75% "Verdana", "Arial", sans-serif;
	}

.note
	{
    font:75% "Verdana", "Arial", sans-serif;
	font-style:italic;
	}	
	
.caption
	{
	font:75% "Verdana", "Arial", sans-serif;
	text-align:center
	}

.callout {
	 display:block;
	 margin: 10px 20px;
	 padding: 5px;
	 background:#fff8e8 url('images/contentsgradient.gif') repeat-x top left;
   border: 1px solid #ddd;
}

	
/* The following rules are for the table that contains global library gateway navbar. */    
    
#gatewaynav {
margin: 0px;
padding: 0px 0px 0px 7px;
border-bottom: 1px solid #C9DEFE;
background-color: #1E59A8;
}

#gatewaynav table {
margin: 0px;
}

#gatewaynav td {
margin: 0px;
border-right: 1px solid #C9DEFE;
text-align: left;
vertical-align: top;
line-height: 14px;
}

#gatewayimage a {
width: 105px !important;
margin: 0px !important;
padding: 0px !important;}

#gatewayimage {
margin: 0px !important;
padding: 0px 0px 0px 4px !important;
}

#gatewaynav a {
padding: 2px 6px 2px 6px;
height: 29px;
width: 106px;
margin: 0px;
display: block; /* Setting display to block makes entire link area clickable, instead of just the actual link text. */
text-decoration: none;
float: left;
font-weight: bold;
font-size: 14px;
font-family: arial, helvetica, sans-serif; /* Used Arial here because it displays for compactly. */
}

#orrlink {
width: 145px !important; /* Makes this link slightly wider so Online Research Resources fits on two lines. */
}

#endcell {
border-right: none !important; /* Set that that last cell has no border. */
}

#gatewaynav a:link {
color: #D4E7FE;
}

#gatewaynav a:visited {
color: #D4E7FE;
}

#gatewaynav a:hover {
color: red;
}

/* DEPRECATED: These can be deleted after home page is replaced */

.navbar
{
font: bold 85% "Verdana", "Arial", sans-serif;
color:#003C7D
}

.nav {
padding:.5em;
margin:5px;
background:#fff8e8 url('images/contentsgradient.gif') repeat-x top left;
border:#ddd 1px solid;
}