/*CSS Document for CSS final project
CIS 290 at Edmonds Community College
Author: Michelle Lawson
September 2013*/

/*Sets the font family and size for document*/
body	{
			font-family:Verdana;
			font-size:9pt;
}

/*sets the height of the page*/		
div#container	{
			height:2000px;
									
}	
						
/*gradient coloring with white text for top heading*/
#topBar	{
			background: rgb(195,216,37); /* Old browsers */
			background: -moz-linear-gradient(top,  rgba(195,216,37,1) 73%, rgba(230,240,163,1) 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(73%,rgba(195,216,37,1)), color-stop(100%,rgba(230,240,163,1))); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top,  rgba(195,216,37,1) 73%,rgba(230,240,163,1) 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top,  rgba(195,216,37,1) 73%,rgba(230,240,163,1) 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(top,  rgba(195,216,37,1) 73%,rgba(230,240,163,1) 100%); /* IE10+ */
			background: linear-gradient(to bottom,  rgba(195,216,37,1) 73%,rgba(230,240,163,1) 100%); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c3d825', endColorstr='#e6f0a3',GradientType=0 ); /* IE6-9 */
			height:10%;
			width:100%;	
			color:white;										
}
	
/*Sets the issue no and month to float to the left of the main title in the top bar, also sets font size*/		
#issueNo	{	
				float:left;
				font-size:medium;
				margin-top:50px;
				margin-left:15px;												
}

/*Sets the font size and float for the main title*/
#title	{	
			float:right;
			font-size: 150px;
}

/*Since the text in the heading was set to white, these lines are needed to make the subtitle text black. It also set the float*/
#subtitle	{	float:right;
				margin-top:50px;
				color:black;
}

/*Sets widht, padding, color and font size for the secondary title in the main section*/
.page1Heading	{	width:100%;
					padding:15px;
					color:yellowgreen;					
					font-size:28pt;				
	
}

/*Sets the height, width, padding, float and background color of the right hand margin*/
#rightBar	{
				height:2200px;
				width:12%;	
				padding:10px;
				float:right;
				background-color:midnightblue;										
}
	

/*Sets the font family, size, color and alignment of the first heading in the right hand margin*/			
.rightHeading1	{
					font-family:arial;
					font-size:16pt;
					color:white;
					text-align:right;					
}

/*Sets the font family, size, color, weight and float for the TOC page numbers*/
.TOCPageNumber	{
					font-family:arial;
					font-size:8pt;
					color:orange;
					font-weight:bold;
					float:right;
}
			
/*Sets the font family, size, color and aligment of the title of each TOC item*/
.TOC1	{
			font-family:arial;
			font-size:8pt;
			color:white;
			text-align:left;
}

/*Sets the height, width, padding, float, background color and text color for the left hand margin*/
#leftBar	{	
				height:2200px;
				width:12%;
				padding:10px;	
				float:left;	
				background-color:midnightblue;
				color:white;									
}
				
/*Sets the color and font size for the headings in the left hand margin*/
.leftHeading1	{
					color:orange;					
					font-size:25px;		
}

/*Sets text color for the left hand text that needs to be green*/				
.leftHeadingTextgreen	{
							color:greenyellow;												
}

/*Sets the color and font size for the second heading in the left hand margin*/
.leftHeading2	{
					color:orange;
					font-size:18px;
}

/*Sets the color and font size for the third heading in the left hand margin*/
.leftHeading3	{
					color:orange;
					font-size:18px;
}

/*Sets the color and font size for the fourth heading in the left hand margin*/
.leftHeading4	{
					color:orange;
					font-size:18px;
}

				
#mainBar	{
				width:70%;
				padding:20px;
				float:right;
}
	
/*Sets padding, alignment, height, width and float for the right hand column of text*/		
#columnRight	{	
					
					padding:15px;
					text-align:justify;
					height:90%;
					width:45%;
					float:right;
}

/*Sets the color and font size for the second heading in the right column*/
.rightHeading2	{
					color:orange;					
					font-size:25px;		
}

/*Sets the color and font size for the third heading in the right column*/
.rightHeading3	{
					color:orange;					
					font-size:25px;		
}

/*Sets the color and font size for the heading in the right column that needs to be white text*/				
.rightHeadingWhite	{	
						font-family:arial;
						font-size:13pt;
						color:white;
						text-align:left;
}

/*Sets the color and font size for the heading in the right column that needs to be white text*/
.rightTextWhite	{	
				color:white;
}

/*Sets padding, alignment, height, width and float for the left hand column of text*/
#columnLeft	{	
				padding:15px;
				text-align:justify;
				height:90%;
				width: 45%;
				float:left;
}


#address	{
				font-family:arial;
				font-size:16pt;
				color:black;
				
}	

/*Sets the padding, alignment, height, width, and float for the right hand column on page 2*/

#pg2ColumnRight	{
	
					padding:15px;
					text-align:justify;
					height:90%;
					width:20%;
					text-align:justify;
					float:right;
}				

/*Sets the padding, alignment, height, width, and float for the left hand column on page 2*/
#pg2ColumnLeft	{
					padding:15px;
					text-align:justify;
					height:90%;
					width:20%;
					float:left;				
}

/*Sets the padding, alignment, height, width, and float for the center column on page 2*/
#pg2ColumnCenter	{
					padding:15px;
					text-align:justify;
					height:90%;
					width:25%;
					float:right;
}

/*Sets the padding, alignment, width, font family size color and float for the heading on page 2*/
.p2Heading	{	
				padding:15px;
				text-align:justify;
				width:53%;
				font-family:Arial;
				font-size:20pt;
				color:blue;
				float:right;
				
}

/*Sets the float, height and width of the image on page 2*/
p2image	{
				float:left;
				height:250px;
				width:300px;			
}

/*Sets the font color, size, and float of the smaller left heading*/
.leftHeadingSmaller	{
						color:orange;					
						font-size:15px;
						width:54%;
						float:right;	
}

/*Sets the float, height and width of the image on page 3*/
#page3image	{	float:left;
				height:250px;
				width:300px;
}


/*Sets the padding, alignment, height, width and float of the right hand column on page 3*/
#pg3ColumnRight	{
	
					padding:15px;
					text-align:justify;
					height:90%;
					width:20%;
					float:right;
}				

/*Sets the padding, alignment, height, width and float of the left hand column on page 3*/
#pg3ColumnLeft	{
					padding:15px;
					text-align:justify;
					height:90%;
					width:20%;
					float:left;				
}

/*Sets the padding, alignment, height, width and float of the center column on page 3*/
#pg3ColumnCenter	{
					padding:15px;
					text-align:justify;
					height:90%;
					width:25%;
					float:right;
}

/*Sets the padding, alighment, width, font, font size, color and foat of the heading on page 3*/
.p3Heading	{	
				padding:15px;
				text-align:justify;
				width:53%;
				font-family:Arial;
				font-size:20pt;
				color:blue;
				float:right;
				
}

/*Sets the border, width, height, background color, font family, font size, font color and float of the page 3 inset*/
#p3inset	{
	border:thin black solid;
	width:25%;
	height:20%;
	background-color:#9966FF;
	font-family:Arial;
	color:yellow;
	float:right;
}
	
/*Sets the padding, background color, font family, font weight, and font color of the title of the page 3 inset*/
#p3insetTitle	{
	padding:5px;
	background-color:midnightblue;
	font-family:Arial;
	font-weight:bolder;
	color:white;
}

/*Sets the padding, font family, font size, font weight and text color for the Q on Q and A in the page 3 inset*/
#Q	{
	padding:5px;
	font-family:Arial;
	font-size:12pt;
	font-weight:bolder;
	color:orange;
	
}

/*Sets the padding, height, width, and float for the right hand column of text in the page 3 inset*/
#insetColumnRight	{
	padding:15px;
	height:90%;
	width:40%;
	float:right;

}

/*Sets the padding, height, width, and float for the left hand column of text in the page 3 inset*/
#insetColumnLeft	{
	padding:15px;
	height:90%;
	width:40%;
	float:left;
	
}