/***********************************************************
************************************************************ 
*	Origin:				
*							This style sheet design in based on 
*							The University of Chicago Press,
*							The Chicago Manual of Style 14th Edition (Chicago, 1993) 
*	
*	Created by: 		
*							Scott Calkins, 
*							Technology Training Center
*							Binghamton University 
*						
*	Date:					
*							April 21, 2003
*	
*	Media Type:		
*							Screen
*
************************************************************	
************************************************************/
.scroll {
	
	overflow: auto;
	position: absolute;
	visibility: visible;
	background-color: #FFFFCC;
	height: 500px;
	width: 165px;
}


/* 
	The font selected for printing is Times New Roman. It is a serif font with 
	excellent readablity on paper. 
	The line leading is to be 20 pixels do to the wide width of the print out.
*/
#TextBody {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	line-height: 16px;
	margin: 20px;
	padding: 10px;
	text-align: justify;



}

/*
	No specific typogrpahic direction is given for the font-size of a figure
*/
.figure {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
}

#title {
	font-family: "Times New Roman", Times, serif;
	font-size: 24px;
	color: #333333;
	font-weight: normal;
	text-align: center;
	padding-top: 15px;
}

#author {
	font-family: "Times New Roman", Times, serif;
	font-size: 18px;
	color: #333333;
	text-align: center;
}

/*
	Footnotes are set in type at least two sizes smaller that that of the text
	but no smaller than 8-points solid.
*/
#footer {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	line-height: 18px;
	padding-bottom: 3px;
}

/*
	Insert an image that looks like page edges and have in repeat down the column
*/
.bookedge {
	background-image: url(file:///Q180G/ PROJECTS/WEB SITES/SAPFMMay2003/CSS/bookborder.gif);
	background-repeat: repeat-y;
	width: 15px;
	text-align: right;
}

.sectionseparator {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
}

/* 
	Hairline is used with footnotes
	In closely set text it is sometimes desirable to insert a 3- or 5-pica hairline
	rule flush left above the footnotes on each page.
*/
.footnotehairline {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
	text-align: left;
	width: 5pc;
}

/*
	Links column style
*/
#linkcolumn {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #999999;
	text-decoration: none;
	top: 15px;
	border-top-width: 0px;
	border-right-width: 3px;
	border-bottom-width: 3px;
	border-left-width: 3px;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	border-right-style: groove;
	border-top-style: solid;
	padding: 1px 10px 10px;
	width: 144px;
	vertical-align: top;
}

/*
	Bottom links style
*/
#linksbottom {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	text-decoration: none;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
	text-transform: lowercase;
	border-top-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #CCCCCC;

}

/*
	Copyright style
*/
#copyright {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #666666;
	text-decoration: none;
	text-align: center;
	text-transform: uppercase;
}

/*
	Set up the link style on all four link types
*/
a:link { /*Link style before being clicked*/
background-color: transparent;
color: #333333;
text-decoration: none;
font-weight: bold;
}

 a:visited { /*Link style after being visited*/
background-color: transparent;
color: #333333;
text-decoration: none;
font-weight: bold;
}

a:hover { /*Link style when cursor is over the link*/
background-color: #CCCCCC;
color: #333333;
text-decoration: underline;
font-weight: bold;
}

a:active{ /*Link style as it is pressed*/
background-color: transparent;
color: #333333;
text-decoration: none;
font-weight: bold;
}

/* 
	Set an image in the background to simulate paper and align everything center
*/
body {
	background-image: url(file:///Q180G/ PROJECTS/WEB SITES/SAPFMMay2003/Workshops/images/background4.gif);
	text-align: center;
	vertical-align: top;
	background-position: center;

}

/*
	Set the overall table width and style.  A width of 760 pixel ensures that a user with
	there screen set to 800 X 600 pixels will see the full width of the screen without
	having to scroll horizontally
*/
table#main {
	width: 760px;
	border-top-width: 1px;
	border-right-width: 2px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-right-style: groove;
	border-bottom-style: solid;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
	border-left-width: 1px;
	border-left-style: solid;
	background-color: #FFFFFF;
	padding: 0px;
}
table#body {
	width: 540px;
	
	background-color: #FFFFFF;
	padding: 0px;
}

#maincolumn {
	padding-right: 15px;
	padding-left: 15px;
	width: 560px;
}

/*
	Extracts are commonly intended to illustrate points made in the text and
	are therefore considered part of the text proper. They must however, not
	only be identifiable as extracts but also must be readable.
	The traditional method for indicating extracts is to set the font size and line
	leading down by on point.  
	Below the font size is reduced to 13 pixels and the leading to 19 pixels.
*/
.extract {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: 19px;
	color: #333333;
	padding-bottom: 25px;
	padding-top: 5px;
}

.indentpara {text-indent: 1em;}
.bold {
	font-weight: bold;
	color: #666666;
}
.topbottomline {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	border-top-style: solid;
	border-bottom-style: solid;



}
.center {
	text-align: center;
}
.bottombar {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	color: #666666;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;


}
.bulletinboard {
	background-color: #FFFFCC;
	height: auto;
	width: 165px;
	border: 1px solid #FFFF00;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	text-transform: capitalize;

}
.toplink {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	text-decoration: underline;
}
.title {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #0066CC;
	text-transform: uppercase;
	font-weight: bold;
	text-align: center;



}
.textbody {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	text-align: left;
	line-height: 18px;


}
.linkstop {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	text-decoration: none;
	text-align: left;
	text-transform: lowercase;
	border: none;
	padding-left: 1em;



}
.italictitle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	text-align: left;
	font-style: italic;

}
.bulletindate {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
}
select, textarea {
	border: 1px solid #999999;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #333333;
	text-transform: none;
	background-color: #FFFFFF;


}
input {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #333333;
	text-transform: none;
	background-color: #FFFFFF;
	border: 1px solid #999999;




}
input#submit {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #333333;
	text-transform: none;
	background-color: #CCCCCC;
	border: 1px solid #999999;




}

.titleSub {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333333;
	text-transform: none;
	font-weight: bold;
	text-align: center;
}
.formlabels {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	text-align: left;
}
.smallprint {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #666666;
	text-align: left;

}
.textbodyGallery {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	text-align: left;
	line-height: 19px;
}
table#zoom {
	border-top-width: 1px;
	border-right-width: 2px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-right-style: groove;
	border-bottom-style: solid;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
	border-left-width: 1px;
	border-left-style: solid;
	background-color: #FFFFFF;
	padding: 0px;
}
.titleGray {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333333;
	text-transform: uppercase;
	font-weight: bold;
	text-align: left;
}
.topbar {
	color: #666666;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	border-top-width: 1px;
	border-top-style: solid;

}
.smalldate {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #666666;
}
table#thinBorder {
	border: 1px solid #666666;
	background-color: #FFFFFF;
	text-align: center;
	width: 760px;




}
.smallprintcenter {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #666666;
	text-align: center;
}
.super {
	vertical-align: super;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8px;
	font-weight: normal;
	color: #333333;
	text-decoration: none;

}
.under {
	border-bottom-style: solid;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
	border-bottom-width: 1px;
}
.radio {
	border: none;
}