/* 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. */

/* Reset styles of the form */
#docContainer div, #docContainer span, #docContainer applet, #docContainer object, #docContainer iframe, #docContainer
h1, #docContainer h2, #docContainer h3, #docContainer h4, #docContainer h5, #docContainer h6, #docContainer p, #docContainer blockquote, #docContainer pre, #docContainer
a, #docContainer abbr, #docContainer acronym, #docContainer address, #docContainer big, #docContainer cite, #docContainer code, #docContainer
del, #docContainer dfn, #docContainer em, #docContainer img, #docContainer ins, #docContainer kbd, #docContainer q, #docContainer s, #docContainer samp, #docContainer
small, #docContainer strike, #docContainer strong, #docContainer sub, #docContainer sup, #docContainer tt, #docContainer var, #docContainer
b, #docContainer u, #docContainer i, #docContainer center, #docContainer
dl, #docContainer dt, #docContainer dd, #docContainer ol, #docContainer ul, #docContainer li, #docContainer
fieldset, #docContainer form, #docContainer label, #docContainer legend, #docContainer
table, #docContainer caption, #docContainer tbody, #docContainer tfoot, #docContainer thead, #docContainer tr, #docContainer th, #docContainer td, #docContainer
article, #docContainer aside, #docContainer canvas, #docContainer details, #docContainer embed, #docContainer 
figure, #docContainer figcaption, #docContainer footer, #docContainer header, #docContainer hgroup, #docContainer 
menu, #docContainer nav, #docContainer output, #docContainer ruby, #docContainer section, #docContainer summary, #docContainer
time, #docContainer mark, #docContainer audio, #docContainer video {
	margin: 0px;
	padding: 0;
	border: 0;
	vertical-align: top;
}

/* HTML5 display-role reset for older browsers */

/*Hiding/showing hints.*/
.hidden_hint {
	display:none !important;
}

input:focus + .fb-hint, select:focus + .fb-hint,
textarea:focus + .fb-hint {
	display:inline-block !important;
}


/* Hiddes the spinning buttons in webkit*/
input[type="date"]::-webkit-outer-spin-button,
input[type="date"]::-webkit-inner-spin-button {
    display: none;
}

/* Placeholder colors */

/* Style to force the submit button to not be standard */

/* Theme CSS */
/* This rule will applied to the form container */
#docContainer {
margin: 40px auto;
margin-top: 50px;
   padding:0px 0px 0px 0px;
   width: 600px;
   font-family: Verdana;
   font-size:13px;
   color: #333;
   background-color: rgb(246,246,246);
   border: 1px solid rgb(193,193,193);
   -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.28);
   -moz-box-shadow: 0 0 10px 0 rgba(0,0,0,0.28);
   box-shadow: 0 0 10px 0 rgba(0,0,0,0.28);
   -webkit-border-radius: 6px;
   -moz-border-radius: 6px;
   border-radius: 6px;
}


/* Special rule to modify the selector by a new one that can be used in both for Mac and Windows. Must be used with !important*/


	/* Column properties. This applies to a common style inside the form  in fb-large mode*/
#docContainer.fb-large .column {
	margin: 0px;
    
	padding: 0 7% 0 7%;
}

	/* Column properties. This applies to a common style inside the form */
#docContainer .column {
	margin: 0px;
	padding: 0 5% 0 5%;
}

	/* Column properties. This applies to a common style inside the form  in fb-small mode*/
#docContainer.fb-small .column {
	margin: 0px;
	padding: 0 0 0 8%;
}


/* Common rule for the items (label and control)*/
#docContainer .fb-item {
	width: 100%;
	display:inline-block;
    zoom:1;
    *display:inline;
}


/* Common rules for the items padding*/

#docContainer.fb-large .fb-item {   
   padding:6px 4px 15px 4px;
}
#docContainer .fb-item {   
   padding:5px 4px 10px 4px;
}
#docContainer.fb-small .fb-item {   
   padding:4px 2px 5px 2px;
}


/* Common rules for the submit button container padding*/

#docContainer.fb-large #fb-submit-button-div {   
   padding: 6px 5px 20px 5px;
}
#docContainer #fb-submit-button-div {   
   padding: 5px 5px 15px 5px;
}
#docContainer.fb-small #fb-submit-button-div {   
   padding: 4px 3px 10px 3px;
}

/*Rules for the width of the item depending on the current mode used for width */

/*fb-large mode classes*/

#docContainer.fb-large .fb-item.fb-100-item-column{ width:100%; }
#docContainer.fb-large .fb-item.fb-75-item-column{ 	width:73%; }
#docContainer.fb-large .fb-item.fb-66-item-column{ 	width:64%; }
#docContainer.fb-large .fb-item.fb-50-item-column{	width:48%; }
#docContainer.fb-large .fb-item.fb-33-item-column{	width:31%; }
#docContainer.fb-large .fb-item.fb-25-item-column{	width:22%; }
#docContainer.fb-large .fb-item.fb-20-item-column{	width:18%; }

/*Normal mode classes*/
#docContainer .fb-item.fb-100-item-column{ 	width:99%; }
#docContainer .fb-item.fb-75-item-column{ 	width:72%; }
#docContainer .fb-item.fb-66-item-column{ 	width:63%; }
#docContainer .fb-item.fb-50-item-column{	width:47%; }
#docContainer .fb-item.fb-33-item-column{	width:30%; }
#docContainer .fb-item.fb-25-item-column{	width:21%; }
#docContainer .fb-item.fb-20-item-column{	width:16%; }

/*fb-small mode classes*/

#docContainer.fb-small .fb-item.fb-100-item-column{	width:98%; }
#docContainer.fb-small .fb-item.fb-75-item-column{ 	width:70%; }
#docContainer.fb-small .fb-item.fb-66-item-column{ 	width:61%; }
#docContainer.fb-small .fb-item.fb-50-item-column{	width:45%; }
#docContainer.fb-small .fb-item.fb-33-item-column{	width:28%; }
#docContainer.fb-small .fb-item.fb-25-item-column{	width:21%; }
#docContainer.fb-small .fb-item.fb-20-item-column{	width:15%; }


/*Form Elements. This rule is common to all elements (inputs/selects) in fb-large Mode*/
#docContainer.fb-large  input[type=text], #docContainer.fb-large  input[type=password], 
#docContainer.fb-large  input[type=email], #docContainer.fb-large  input[type=number],
#docContainer.fb-large  input[type=date], #docContainer.fb-large  input[type=url], 
#docContainer.fb-large  textarea, #docContainer.fb-large  input[type=file] {
	color: #666;
	font: normal 12px Verdana;
	border: 1px solid rgb(220,223,231);
	border-top-color: rgb(170,173,178);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	width:99%;
	max-width:100%;
}

#docContainer select {width:99%;
max-width:100%;}

	/*Form Elements. This rule is common to all elements (inputs/selects)*/
#docContainer input[type=text], #docContainer input[type=password], 
#docContainer input[type=email], #docContainer input[type=number],
#docContainer input[type=date], #docContainer input[type=url], 
#docContainer textarea, #docContainer input[type=file] {
	color: #666;
	font: normal 12px Verdana;
	border: 1px solid rgb(220,223,231);
	border-top-color: rgb(170,173,178);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	width:98%;
	max-width:100%;
}

/*Form Elements. This rule is common to all elements (inputs/selects) in fb-small Mode*/
#docContainer.fb-small input[type=text], #docContainer.fb-small input[type=password], 
#docContainer.fb-small input[type=email], #docContainer.fb-small input[type=number],
#docContainer.fb-small input[type=date], #docContainer.fb-small input[type=url], 
#docContainer.fb-small textarea, #docContainer.fb-small input[type=file] {
	color: #666;
	font: normal 11px Verdana;
	border: 1px solid rgb(220,223,231);
	border-top-color: rgb(170,173,178);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	width:92%;
	max-width:100%;
}

#docContainer input[type=file]  {
   border:none;
}
#docContainer.fb-small input[type=file] {
	border:none;
}
#docContainer.fb-large input[type=file] {
	border:none;
}

	/*Form Elements. This rule is common to all inputs boxes in fb-large Mode*/
#docContainer.fb-large input[type=text], #docContainer.fb-large input[type=password], 
#docContainer.fb-large input[type=email], #docContainer.fb-large input[type=number],
#docContainer.fb-large input[type=date], #docContainer.fb-large input[type=url],
#docContainer.fb-large textarea {
	padding: 9px 6px 9px 6px;
}
	
	/*Form Elements. This rule is common to all inputs boxes*/
#docContainer input[type=text], #docContainer input[type=password], 
#docContainer input[type=email], #docContainer input[type=number],
#docContainer input[type=date], #docContainer input[type=url],
#docContainer textarea {
	padding: 7px 4px 7px 4px;
}

	/*Form Elements. This rule is common to all inputs boxes in fb-small Mode*/
#docContainer.fb-small input[type=text], #docContainer.fb-small input[type=password], 
#docContainer.fb-small input[type=email], #docContainer.fb-small input[type=number],
#docContainer.fb-small input[type=date], #docContainer.fb-small input[type=url],
#docContainer.fb-small textarea {
	padding: 4px 1px 4px 1px;
}



#docContainer .fb-input-number {}


#docContainer .fb-input-number input {color: rgb(69,69,69);
			font: normal 12px Verdana;
			border: 1px solid rgb(220,223,231);
			border-top-color: rgb(170,173,178);
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			border-radius: 3px;}

/* Rule for the title container */
	#docContainer .fb-header { 
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color:#000;
	text-align:left;
}

/* Rule for the title */
#docContainer .fb-header h2 {font-family: Verdana; font-size: 20px; font-weight: bold; padding-top: 0px; color: #333; text-shadow: 0 1px 0 rgba(0,0,0,0.1);}
#docContainer.fb-small .fb-header h2 {font-size: 16px; font-weight: bold; padding-top: 0px; color: #333; text-shadow: 0 1px 0 rgba(0,0,0,0.1);}

/* Rule for the static text container*/
#docContainer .fb-static-text { font-family: Verdana; margin: 0px; color: #999;}

/* Rule for the static text */
#docContainer .fb-static-text p { font-family: Verdana; font-size: 14px; line-height: 1.6em; padding-bottom: 15px;}
#docContainer.fb-small .fb-static-text p { font-family: Verdana; font-size: 13px; line-height: 1.6em; padding-bottom: 15px;}

/*  Rule for Submit button container */
#docContainer #fb-submit-button-div {height: 65px; padding: 10px 0 0 0;}

/*  Rule for Submit button */
#fb-submit-button {
	color: #00F;
	font-family: Verdana;
	font-weight: bolder;
	font-size:15px;
	border: none;
	margin-right: 6%;
	margin-left: 6%;
	width: 102px; height: 31px;
	text-shadow: 0 1px 0 rgba(0,0,0,0.3);
	cursor: pointer;
	background: url("images/btn_submit.png") no-repeat;
}

#fb-submit-button:hover {
	background: url("images/btn_submit_hov.png") no-repeat;

}

/*  Rule for captcha container */
#fb-captcha_control { 
	background-color: rgb(246,246,246)	text-align: center;
	padding: 30px 0 30px 0 !important; 
}

/* Rule to be able to control the position of the captcha when generated */
#fb-captcha_control > div { display:inline-block; }

/*  Rule for captcha input */
#fb-captcha_control input { padding: 2px 0 !important; }

/*  Rule for captcha internal */
#recaptcha_table { background-color: rgb(255,255,255); }

/* Rule for the hints */
#docContainer .fb-hint {
	display:inline-block;
	font-size: 11px;
	color: #888;
	margin: 5px 0px 1px 0px;
}


/* Rule for the text area container */
#docContainer .fb-textarea {}

/* Rule for the text area box */
#docContainer .fb-textarea textarea { height: 140px; color: rgb(69,69,69);
			font: normal 12px Verdana;
			border: 1px solid rgb(220,223,231);
			border-top-color: rgb(170,173,178);
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			border-radius: 3px;}

/* Rule for the checkbox container */
#docContainer .fb-checkbox { padding: 0 0 0 2px; color: #444; }

/* Rule for the checkbox inputs */
#docContainer .fb-checkbox input { padding: 0 0 0 2px; display:inline-block;}

/* Rule for the radio buttons container */
#docContainer .fb-radio { padding: 0 0 0 2px; color: #444; }

/* Rule for the radio buttons inputs */
#docContainer .fb-radio input { padding: 0 0 0 2px; display:inline-block;}

/* Rule for the labels of checkboxes and radios */
#docContainer .fb-fieldlabel {
   display: inline;
   margin-top: 10px;
   margin-left: 5px;
   font-size: 0.9em; 
}

#docContainer .fb-radio label, #docContainer .fb-checkbox label {
  margin-bottom:5px;
  margin-top: 11px;
}

/* Rule for the input-boxes container */
#docContainer .fb-input-box {margin-bottom: 5px;}

/* Rule for the input-boxes */
#docContainer .fb-input-box input {color: rgb(69,69,69);
			font: normal 12px Verdana;
			border: 1px solid rgb(220,223,231);
			border-top-color: rgb(170,173,178);
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			border-radius: 3px;}
		
/* Rule for the dropdown container */
#docContainer .fb-dropdown {}

/* Rule for the dropdown select */
#docContainer .fb-dropdown select { padding: 0px; background: white;
	font: normal 12px Verdana;
	width:92%;
	max-width:100%;
}
/* Rule for the listbox container */
#docContainer .fb-listbox {}

/* Rule for the listbox select */
#docContainer .fb-listbox select {color: rgb(69,69,69);
			font: normal 12px Verdana;
			border: 1px solid rgb(220,223,231);
			border-top-color: rgb(170,173,178);
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			border-radius: 3px;
padding: 3px;
}

/* Rule for the listbox select option (selected element) */
#docContainer .fb-listbox select option { padding: 3px 0px; }
		
/* Rule for the file upload container */
#docContainer .fb-button { margin: 0 0 5px 0;}
 
/* Rule for the file upload input */
#docContainer .fb-button input { color: #777; font-family: Verdana;}

/* Rule for the date container */
#docContainer .fb-input-date { margin: 0 0 5px 0; }

/* Rule for the date input */
#docContainer .fb-input-date input {color: rgb(69,69,69);
			font: normal 12px Verdana;
			border: 1px solid rgb(220,223,231);
			border-top-color: rgb(170,173,178);
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			border-radius: 3px;}

/* Rule for the section break container */
#docContainer .fb-sectionbreak {padding-right: 51px;}

/* Rule for the section break hr */
#docContainer .fb-sectionbreak hr { margin: 0 auto; padding: 0 auto; border:none; border-top: 1px solid #9e9e9e; width: 100%;}

/* Rule for the labels */

 #docContainer .fb-grouplabel {
 margin-bottom: 5px;
 margin-top: 5px;
 padding-right:5px;
 clear:both;

}

#docContainer .fb-grouplabel label{
	font-weight: bold;
	margin-bottom: 0px;
	padding-top: 4px;
}



/* Rule for labels aligned right */
.fb-rightlabel .fb-grouplabel {
	float:left;
	text-align:right;
	width:30%;
}
.fb-rightlabel .fb-input-box,
.fb-rightlabel .fb-dropdown,
.fb-rightlabel .fb-listbox,
.fb-rightlabel .fb-button,
.fb-rightlabel .fb-textarea,
.fb-rightlabel .fb-radio,
.fb-rightlabel .fb-input-number,
.fb-rightlabel .fb-checkbox,
.fb-rightlabel .fb-input-date,
.fb-rightlabel  label.error,
.fb-rightlabel .fb-hint {
	float:left;
	width:65%;
}

/* General rule for hints */
 #docContainer.fb-rightlabel .fb-hint { margin-left: 30%; }

 /* Specific rule for input elements */
 #docContainer.fb-rightlabel .fb-input-box .fb-hint,
 #docContainer.fb-rightlabel .fb-button .fb-hint,
 #docContainer.fb-rightlabel .fb-textarea .fb-hint,
 #docContainer.fb-rightlabel .fb-input-number .fb-hint,
 #docContainer.fb-rightlabel .fb-input-date .fb-hint {
        margin-left: 0px;
 }

/* General rule for hints */
 #docContainer.fb-rightlabel .fb-hint { margin-left: 30%; }

 /* Specific rule for input elements */
 #docContainer.fb-rightlabel .fb-input-box .fb-hint,
 #docContainer.fb-rightlabel .fb-button .fb-hint,
 #docContainer.fb-rightlabel .fb-textarea .fb-hint,
 #docContainer.fb-rightlabel .fb-input-number .fb-hint,
 #docContainer.fb-rightlabel .fb-input-date .fb-hint {
        margin-left: 0px;
 }


/* Rule for labels aligned on the left */
.fb-leftlabel .fb-grouplabel {
	float:left;
	width:30%;
	text-align:left;
}
.fb-leftlabel .fb-input-box,
.fb-leftlabel .fb-dropdown,
.fb-leftlabel .fb-listbox,
.fb-leftlabel .fb-button,
.fb-leftlabel .fb-textarea,
.fb-leftlabel .fb-input-number,
.fb-leftlabel .fb-radio,
.fb-leftlabel .fb-checkbox,
.fb-leftlabel .fb-input-date,
.fb-leftlabel  label.error,
.fb-leftlabel .fb-hint {
	float:left;
	width:60%;
}

/* General rule for hints */
 #docContainer.fb-leftlabel .fb-hint { margin-left: 30%; }

 /* Specific rule for input elements */
 #docContainer.fb-leftlabel .fb-input-box .fb-hint,
 #docContainer.fb-leftlabel .fb-button .fb-hint,
 #docContainer.fb-leftlabel .fb-textarea .fb-hint,
 #docContainer.fb-leftlabel .fb-input-number .fb-hint,
 #docContainer.fb-leftlabel .fb-input-date .fb-hint {
        margin-left: 0px;
 }

#docContainer.fb-leftlabel .fb-static-text { width: 90%}



/* Rule for labels aligned on top */
.fb-toplabel .fb-grouplabel {width: 95%; }
.fb-toplabel .fb-input-box,
.fb-toplabel .fb-dropdown,
.fb-toplabel .fb-listbox,
.fb-toplabel .fb-button,
.fb-toplabel .fb-input-number,
.fb-toplabel .fb-textarea,
.fb-toplabel .fb-radio,
.fb-toplabel .fb-checkbox,
.fb-toplabel .fb-input-date,
.fb-toplabel .fb-hint,
.fb-toplabel  label.error {
	margin: 9px 0 0 0;
	float:none;
	width:95%;
}
#docContainer.fb-toplabel .fb-hint {margin-left: 2px}
#docContainer.fb-toplabel .fb-static-text { width: 90%}


/* Rules checkboxes/radios columns */
.fb-one-column .fb-radio label, .fb-one-column .fb-checkbox label {
	display:inline-block;
	width:100%;
}
.fb-two-column .fb-radio label, .fb-two-column .fb-checkbox label {
	display:inline-block;
	float:left;
	width:47%;
} 
.fb-three-column .fb-radio label, .fb-three-column .fb-checkbox label {
	display:inline;
	float:left;
	width:33%;
}
 


/*  General rules for submit button, static text, and header alignments */
#docContainer .fb-item-alignment-left {
   padding-left:0px;
   text-align:left;
}
#docContainer .fb-item-alignment-center {
   text-align:center;
}
#docContainer .fb-item-alignment-right {
	padding-right:0px;
	text-align:right;
}

/*  Rules for container header alignments */
#docContainer .fb-header.fb-item-alignment-left {}
#docContainer .fb-header.fb-item-alignment-center {}
#docContainer .fb-header.fb-item-alignment-right {}

/*  Rules for element header alignments */
#docContainer .fb-header.fb-item-alignment-left h2 {}
#docContainer .fb-header.fb-item-alignment-center h2 {}
#docContainer .fb-header.fb-item-alignment-right h2 {}

/*  Rules for container static text alignments */
#docContainer .fb-static-text.fb-item-alignment-left {}
#docContainer .fb-static-text.fb-item-alignment-center {}
#docContainer .fb-static-text.fb-item-alignment-right {}

/*  Rules for element static text alignments */
#docContainer .fb-static-text.fb-item-alignment-left p {}
#docContainer .fb-static-text.fb-item-alignment-center p {}
#docContainer .fb-static-text.fb-item-alignment-right p {}


/*  Rules for container submit alignments */
#docContainer #fb-submit-button-div.fb-item-alignment-left {}
#docContainer #fb-submit-button-div.fb-item-alignment-center {}
#docContainer #fb-submit-button-div.fb-item-alignment-right {}

/*  Rules for element submit alignments */
#docContainer #fb-submit-button-div.fb-item-alignment-left input {}
#docContainer #fb-submit-button-div.fb-item-alignment-center input {}
#docContainer #fb-submit-button-div.fb-item-alignment-right input {}

/* Rules for Validation styles */
#docContainer label.error {
    background-color:transparent;
    border-color: transparent;
    border-style: solid solid solid solid;
	font-weight: normal;
    border-width: 2px;
    padding: 5px;
	display:block;
	clear:both;
	color: #BF0000;
	font: italic 12px Helvetica,sans-serif;
	margin: 1px 0 0 0;
}
#docContainer input[type=text].error, #docContainer input[type=password].error, 
#docContainer input[type=email].error, #docContainer input[type=number].error,
#docContainer input[type=date].error, #docContainer input[type=url].error, 
#docContainer textarea.error, #docContainer select.error {
   border: 1px solid #BF0000 !important;
}

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

	}