/* YGilbert's external CSS for BOR Project */
/* last edited:  OCT 29 BY AW/

	/*  sets h1 effects  */ 
	h1 {
		color: 		white; 
		font-style: 	italic; 
		text-align: 	center; 
		border-right-width: 10px; 
		background-color: #483D8B;	} 

 	/*  sets h2 effects  */ 
	h2 {
		color: 		white; 
		font-style: 	italic; 
		text-align: 	center; 
		border-right-width: 10px; 
		background-color: #483D8B;
		margin-top:	1em;
		padding-bottom: .25em; 
		padding-top: 	.25em; 		} 

 	/*  sets body effects; adding margins and background image etc.  */ 
	body {
		font-family: 	verdana, helvetica, sans-serif; 	
		margin: 	5em .5em .5em .5em; 
		background-color: 	#E0FFFF; 
		background-image: url(../images/bill1.jpg);
		background-position: top left; 
		background-attachment: fixed; 
		background-repeat: repeat;	}

 	/*  sets paragraph effects  */ 
	p { 
		color: 		navy; 	
		margin: 	1.0em; 
		font-size:	20px;		}

 	/*  sets div id to hold my h1, h2, h3 at the top of the pages */ 
	/*  I must have margin contention between some of the elements, */
	/*  and ended up having to force the contents higher, as well  */
	#HEADER1 {
		margin-top:	-4em;		}
	#HEADER2 {
		width: 100%;
		}

	#HEADER3 {
		padding-bottom: .25em; 
		padding-top: 	.25em; 
		margin-left:	10em;
		margin-right: 	10em;		}

 	/*  sets div id to hold some main content  */ 
	#MAIN {
		padding-bottom: .25em; 
		padding-top: 	.25em; 
		margin-left:	4em;
		margin-right: 	4em;		}

 	/*  next two ids are to flow ontents to the left and to the right; */
	/*  not working; therefore, not in use  */ 
	#CONTENT_LEFT {
		margin-left: 	2em;
		margin-right: 	30em;		}

	#CONTENT_RIGHT {
		margin-left: 	43em;		
		margin-right: 	4em;		}

 	/* effects for first line of text; not in use   */ 
	#FIRST_LINE_OF_TEXT {
		font-style: 	italic; 
		text-align:	center; 	}

	/*  used to move content to left by specific units	*/
	.RIGHT2EM {	
		margin-left:	2em;		}

	.RIGHT5EM { 
		margin-left:	5em;		}

	.RIGHT8EM{ 
		margin-left:	8em;		}


 	/*  next two classes are to position images  */ 
	.IMAGE_CENTER{
		margin-left: 	20em;
		margin-right: 	10em;
		margin-top:	5em;		}

	.IMAGE_CENTER2{
		margin-left: 	11em;
		margin-right: 	10em;
		margin-top:	2em;		}

 	/*  next three classes are to position text, in smaller font  */ 
	.NOTE_RIGHT {
		font-size:	12px;
		font-style: 	italic; 
		text-align:	right;		
		margin-right: 	6em;		}

	.NOTE_LEFT {
		font-size:	12px;
		font-style: 	italic; 
		text-align:	left;		
		margin-left: 	6em;		}

	.NOTE_CENTER {
		font-size:	12px;
		font-style: 	italic; 
		text-align:	left;		
		margin-left: 	23em;}


 	/*  3 classes are the red, white, blue effects of text, size, etc.  */ 
	.RED { 
		margin-left:	4em;
		margin-right: 	4em;
		color: 		#903; 
		font-size:	18px;
		clear:		left;		}

	.WHITE {		/* NOT BEING USED */
		background-color: #87CEFA;
		color:		white;		}

	.BLUE {   			
		margin-left:	4em;
		margin-right: 	4em;
		color: 		navy; 
		font-size:	18px;		}

 	/*  span class to enlarge Amendment #s  */ 
	.AMENDNUM {
		font-style: 	bold; 
		font-size:	28px; 		}

 	/*  class to maintain quiz question colors; blue not in use  */ 
	.REDQ {
 
		margin-left:	4em;
		margin-right: 	4em;
		color: 		#903; 
		font-size:	23px;
		clear:		left;		}

	.BLUEQ {
		margin-left:	4em;
		margin-right: 	4em;
		color: 		navy; 
		font-size:	24px;
		clear:		right;		}

 	/*  class to maintain quiz answer effects  */ 
	.ANSWER {
		margin-left:	9em;
		font-style:	italic;
		font-size:	17px;
		color:		navy; 		}

 	/*  not in use  */ 
	.AMEND_BACKGRD {
		background-color: white; 
		margin: 1em;			}

	/*  These are temp-fixes; ended up using h1, etc. to do the same thing  */
	/*  therefore, these are not in use 	*/
	.MOVEUP3EM {
		margin-top: -3em;		}

	.MOVEUP5EM {
		margin-top: -5em;		}