/* This is the default style sheet for the Demeter Resolutions website.  Any changes as to ways in which the presentation of the website takes place should occur here.  For the sake of simplicity, we are trying to restrict style definitions to external style sheets and not to use internal style definitions or inline style definitions. */



body
	
	{

	}


/* This sets up the formatting for the paragraph tag.  This will be your normal text throughout the pages.  Font-Family sets the font.  Font-size sets the size.  Color is the color of the text. */


p

	{

		font-family: verdana;

		font-size: 85%;

		color: rgb(0,0,255);

	}


/* The p.italics sets up a class for italicized text within your pages.  All settings are the same except that font-style has been set to italic. */


p.italics

	{

		font-family: verdana;

		font-size: 85%;

		color: rgb(0,0,255);

		font-style: italic;

	}


/* The p.italics sets up a class for caps which have been set up to have all caps with small caps.  This is identical to the paragraph tag except that the text-variant has been set to small-caps. */


p.smallcaps

	{

		font-family: verdana;

		font-size: 85%;

		color: rgb(0,0,255);

		text-variant: small-caps;

	}


/* This is the paragraph tag used for the process of discovery workshop line.  The font size is 10% larger than normal and the font-weight is set so that the font is bolded. */


p.process

	{

		font-family: verdana;

		font-size: 95%;

		color: rgb(0,0,255);

		font-weight: bold;

	}


/* This sets up a paragraph class to be used for text at the bottom of the page.  The font size is reduced by 10% below the rest of the text and is centered in the divider. */


p.footer

	{

		font-family: verdana;

		font-size: 75%;

		color: rgb(0,0,255);

		text-align: center

	}


/* This sets up a paragraph class for whenever you want to center text at the same size as your main text within a divider. */


p.centered

	{

		font-family: verdana;

		font-size: 85%;

		color: rgb(0,0,255);

		text-align: center;

	}


/* This sets up a paragraph class in which the text is the default size for the browser, but is centered and in small-caps rather than mixed text. */

p.centered_smallcaps

	{

		text-align: center;

		font-variant: small-caps;

		font-size:100%

	}


/* Same as above, but text is bolded and underlined. */


p.bold_smallcaps

	{

		text-align: center;

		font-variant: small-caps;

		font-size:100%;

		font-weight: bold;

	}


/* This sets up a divider for the index.html page that includes information about yourself. */


div.info

	{

		position: absolute;

		width: 300px;

		left: 450px;

		top: 415px

	}


/* This sets up a divider for the index.html page that includes the contact info. */


div.contact

	{

		position: absolute;

		width: 300px;

		left: 450px;

		top: 625px

	}


/* This sets up a divider that includes the Demeter Resolutions logo as well as the areas of service on the index page. */


div.logolinks

	{

		position: absolute;

		width: 300px;

		left: 450px;

		top: 165px

	}


/* This is your main body divider.  It is set to a set position 300 px from the left and 130 px from the top.  It is specified with a set width of 690px. */

div.div2

	{

		position: absolute;

		width: 575px;

		left: 250px;

		top: 130px

	}


/* This is the banner divider.   It is set to a position 30px from the top and left. */


div.banner

	{

		position: absolute;

		top: 30px;

		left: 15px

	}


/* This is the navigation divider.  It is set to a position 40px from the left, 175 px from the top, has a width of 175px, the text is aligned to center, and the font size is 90% of browser default. */


div.sidenavigation

	{

		position: absolute;

		left: 25px;

		top: 175px;

		width: 175px;

		text-align: center;

		font-size: 90%

	}


/* This sets up an image class for the banner that removes any padding around it. */


img.banner

	{

		position: absolute;

		top: 0%;

		border: none

	}


/* This sets the behavior of the h1 tag, which is used as page headers. */


h1
	
{

		font-family: verdana;

		font-size: 150%;

		color: rgb(0,0,255);

		font-variant: small-caps;

		text-decoration: underline

	}


/* This sets the font behavior in unordered lists */


ul

	{

		font-family: verdana;

		font-size: 85%;

		
color: rgb(0,0,255)

	}


/* This is the behavior for default links. */
a

	{

		font-family: verdana;

		color: rgb(0,0,255);

		text-decoration: underline;

		font-weight: bold

	}


/* This is the behavior for navigation class of links.  Currently unused. */


a.nav

	{
 
		text-decoration: none

	}


/* This is the behavior for the living class of links. */


a.living

	{

		font-family: verdana;

		color: rgb(0,0,255);

		text-decoration: underline

	}