/*This style sheet is concerned only with the types of text formatting available for the Randall Library website

/* these  next two are important because i often use UL or OL to list items.  This sets the additional styles for them.  The styles may be altered within the actual html HEAD tag or using inline styles */
.bullets{list-style-type:disc;
line-height:1.3em;}
.bullets li {margin-bottom:10px;}
.squares{list-style-type:square;}

#nomarginright{padding:0px;margin:0px;text-align:right;font-size:0.8em;list-style-type:none;}
#nomarginleft{padding:0px;margin:0px;text-align:left;font-size:0.8em;list-style-type:none;}
#somemarginleft{padding:0px;margin:5px 0px 35px 15px;color:#006;}

h1{font-size:2.0em; font-weight:normal;}h2{font-size:1.7em; font-weight:normal;}
h3{font-size:1.4em; font-weight:normal;}h4{
	font-size:1.2em;
	font-weight:bold;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
h5{font-size:1.0em; font-weight:bold;}h6{font-size:0.8em; font-weight:bold;}
p{font-size:1em;
line-height:1.3em;}

/* use this class to add a caption to your pictures */
.caption {font-size:10px; text-align:center;}

/*this lets us float a selection (or div tag)to the left or the right of the main box */
.left{float:left; padding:5px;}
.right{float:right; padding:5px;}

/*use this class to create hanging indents such as for citations. */
.hanging {text-indent:-25px; margin-left:25px;}

/* two ways to provide those using screen readers to navigate - without showing those links to visual users. I have two because I just wanted to try each method and see what's up.  */
.invisible{visibility:hidden;} /* supposed to maintain the space taken by the 'invisible' text*/
.hidden{display:none;} /*supposed to collapse the space that is hidden */

/*these three classes, in order, 1)force a the contents to not appear in a browser window (but elsewhere, say, when you print the page), 2)format a font style (which I use in Intranet pages to demonstrate code syntax), & 3)to make the background of text a bright yellow color*/
.url {display:none;}
.code {font-family:"system", "berlin sans","arial narrow","lucida console", "Arial unicode";font-size:1.1em;}
.highlight {background-color:#FFFFCC;}

/* this element creates a yellow box in which you can put stuff - such as contact information */
.yellowbox{z-index:1;background-color:#FFFFCC;text-align:left;width:145px;overflow:visible;margin:5px 5px 15px 10px;padding:9px;float:right;border:1px solid #006;}

/*various other tags */
.indenttext {text-indent:15px;}
.underline{text-decoration:underline;}
.textcentered{text-align:center;}
.textalignedright{text-align:right;}
.textalignedleft{text-align:left;}
.textteal{color:#066;}
.textblue{color:#006;}
.textyellow{color:#FF6;}
.textkerning{letter-spacing:0.5cm;}
img.center{vertical-align:middle;}
img.top{vertical-align:text-bottom;}
img.bottom{vertical-align:text-top;}

#instructionaction{text-align:center;font-weight:600;}
#instructionaction p{line-height:1.5em;}