/*	unveiled.css

	Notes:
	All positioning is done using floats (no absolute positioning).

	We encounter the IE div spacing bug frequently, and use the "* html" hack to
	get around it. Layout is nearly identical in IE & FF.
	
	Anytime you make positioning changes, look for a corresponding "* html" rule for WinIE specific layout.
*/
/* debugging:
div { border: solid 1px red; }
*/

/*Zero the defaults
*/
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, a { 
	margin: 0; 
	padding: 0; 
	border: 0; 
}


/* global stuff */
.image { border: 0px; }
.clear { clear: both; }
.smallcaps { font-variant: small-caps;font-size: 80%; }

a { text-decoration: none; }
a:link { color: #039; }
a:visited { color: #039; }
a:hover {  text-decoration:underline; }


h1 { font-size: 24px; text-align: center; font-weight: normal; margin-bottom: 25px; color: #039; }
h3 { font-size: 14px; text-align: center; margin-bottom: 25px; color: #039; text-transform: uppercase; }
h2 { font-size: 16px; color: #039; }
.bold {font-weight: bold; }
.title { color: #039; }
.firstletter { font-size: 150%; color: #039; }
.imagecenter { text-align: center;  border: 0; margin: 10px 0 10px 0; }
div.pictureleft {float: left; margin: 0px 5px 0px 0px; }
div.pictureright {float: right; margin: 0px 0px 0px 5px; }
.italic { font-style: italic; }
.shiftleft { margin-left: 55px; }
.textleft { text-align: left; }
.blue { color: #039; }
.center { text-align: center; }
li { margin-left: 40px; margin-top: 5px; }

hr { border: 0; width: 95%; color: #039; background-color: #039; height: 1px; margin-bottom: 20px; }

html { font-size: 100.01%; }

body { color: #000; font-family: Verdana, Arial, Sans-Serif; font-size:14px; text-align: center; background-color:#d0dbde; }

div#entirepage { margin-left: auto; margin-right: auto; text-align: center;  width: 800px; height: auto; border: 2px solid #039; margin-top: 30px; margin-bottom: 30px;  background-color: white; }



/*	the nav div is for the navigation elements. in this case, the section titles.
 */
 
div.nav { font-size: 16px; margin-bottom: 20px; color: #666; }
div.nav div { margin: 15px 0 15px 0; }
div.nav a { width: 130px; }

/*	the subsection div is for the subsection navigation elements. 
 */
 
div.subsection { font-size: 14px; margin-bottom: 30px; color: #666; text-align: center; }
div.subsection div { margin: 15px 0 15px 0; }
div.subsection a { width: 130px; }



/*	the logo div is where we put the logo and the address information beneath it
The margin-left is in the negative digits so that the images in the topspace div can overlap the logo div
 */
div#top { width: 800px; height: 120px; margin-top: 20px; }
div#logo { height: 120px; width: 800px; text-align: center; float: left; }

/*	the main div is where content is rendered on the various pages.
 */
div#main { width: 750px; line-height: 18px; text-align: left; margin-left: 25px; margin-right: 25px; margin-top: 25px; height: auto; margin-bottom: 25px; }
 
/*bottom info */
div#bottominfo { width: 800px; text-align: center; margin-top:10px; }

/*	the bottom nav div is for the navigation elements. in this case, the section titles.
 */
 
div.nav_bottom { font-size: 14px; margin-bottom: 20px; color: #666; }
div.nav_bottom div { margin: 15px 0 15px 0; }
div.nav_bottom a { width: 800px; }


/* copyright */

div#copyright { font-size: 85%; margin-top: 20px; margin-bottom: 20px; }

.services_title { color: #039; font-weight: bold; }
.seminars_title { color: #039; }

div#contactinfo { width: 800px; margin-top: 10px; font-size: 85%; }