@charset "utf-8";
/* CSS Document */

/* Colors
	main table background = 09031c
*/
html {   
	
	height: 100%;      /* this is required so my table fill the vertical height so of my webpage */
	margin-top: 0px;    /* this is required to remove the extra space around my table at the top of the page */
	margin-bottom: 0px;
}
body {
	background-color: #A2383A; /* this code controls the background color of my website */
	background-image: url("../images/grid_background.jpg"); /* this sets the background image */
	background-repeat: repeat;   /* this tells the image to repeat horizontally and vetically */
	background-position: center;  /*this sets the position of my background*/
	height: 100%;      /* this is required so my table fill the vertical height so of my webpage */
	margin-top: 0px;    /* this is required to remove the extra space around my table at the top of the page */
	margin-bottom: 0px;
	overflow-y: scroll;     /*this removes the visibility of the scroll bar and stops it from shifting to the right when changing pages*/
	
}



/* tabel styles */

.table_main{
	width:975px;       /* this sets the width of my main table */
	background-color:#131419;          /* this sets the background color of my main table*/
	height: 100%;      /* this is required so my table fill the vertical height so of my webpage */
	margin-top: 0px;    /* this is required to remove the extra space around my table at the top of the page */
	margin-bottom: 0px;
	
	border-color: #01050B;    /*this sets the color of our table border*/
	border-style: solid; /*this sets the style*/
	border-width: 0px 3px 0px 3px;  /*this ets the border thicknes for the top right bottom and left in that order*/
}


/* text styles */
.text_footer{
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif"; /* this sets the font */
	color: #ffffff; /*this sets the font color*/
	font-size: 12px;  /*this sets the font sizze in pixels*/
	text-align:center; /*this sets the font alignment I recommend left center or justify*/
	font-weight: normal; /*this sets the text bold or not use bold or normal */
	font-style: normal; /* this sets the text to italic or not use italic or normal */
	text-decoration-line: none; /*this sets the text underline or not use non or underline*/
}
	

.text_page_title {
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif"; /* this sets the font */
	color: #ffffff; /*this sets the font color*/
	font-size: 24px;  /*this sets the font sizze in pixels*/
	text-align:center; /*this sets the font alignment I recommend left center or justify*/
	font-weight: bold; /*this sets the text bold or not use bold or normal */
	font-style: normal; /* this sets the text to italic or not use italic or normal */
	text-decoration-line: none; /*this sets the text underline or not use non or underline*/
}
.text_highlight {
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif"; /* this sets the font */
	color: #ffffff; /*this sets the font color*/
	font-size: 16px;  /*this sets the font sizze in pixels*/
	text-align:justify; /*this sets the font alignment I recommend left center or justify*/
	font-weight: bold; /*this sets the text bold or not use bold or normal */
	font-style:normal; /* this sets the text to italic or not use italic or normal */
	text-decoration-line: none; /*this sets the text underline or not use non or underline*/
	line-height: 30px;/*this sets the spacing between lines*/
}
.text_page_content {
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif"; /* this sets the font */
	color: #ffffff; /*this sets the font color*/
	font-size: 14px;  /*this sets the font sizze in pixels*/
	text-align:left; /*this sets the font alignment I recommend left center or justify*/
	font-weight: normal; /*this sets the text bold or not use bold or normal */
	font-style: normal; /* this sets the text to italic or not use italic or normal */
	text-decoration-line: none; /*this sets the text underline or not use non or underline*/
	margin: 100px; /*this sets the spacing between text objects*/
	line-height: 23px;/*this sets the spacing between lines*/
}



/*link style*/

a:link {
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif"; /* this sets the font */
	color: #ffffff; /*this sets the font color*/
	font-size: 14px;  /*this sets the font sizze in pixels*/
	text-align:left; /*this sets the font alignment I recommend left center or justify*/
	font-weight: normal; /*this sets the text bold or not use bold or normal */
	font-style: normal; /* this sets the text to italic or not use italic or normal */
	text-decoration-line: underline; /*this sets the text underline or not use non or underline*/
	
}
a:hover {
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif"; /* this sets the font */
	color: #0E8EDF; /*this sets the font color*/
	font-size: 14px;  /*this sets the font sizze in pixels*/
	text-align:left; /*this sets the font alignment I recommend left center or justify*/
	font-weight: normal; /*this sets the text bold or not use bold or normal */
	font-style: normal; /* this sets the text to italic or not use italic or normal */
	text-decoration-line: underline; /*this sets the text underline or not use non or underline*/
	
}
a:visited {
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif"; /* this sets the font */
	color: #C51CFB; /*this sets the font color*/
	font-size: 14px;  /*this sets the font sizze in pixels*/
	text-align:left; /*this sets the font alignment I recommend left center or justify*/
	font-weight: normal; /*this sets the text bold or not use bold or normal */
	font-style: normal; /* this sets the text to italic or not use italic or normal */
	text-decoration-line: underline; /*this sets the text underline or not use non or underline*/
	
}
a.footer_link:link {
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif"; /* this sets the font */
	color: #ffffff; /*this sets the font color*/
	font-size: 12px;  /*this sets the font sizze in pixels*/
	text-align:left; /*this sets the font alignment I recommend left center or justify*/
	font-weight: normal; /*this sets the text bold or not use bold or normal */
	font-style: normal; /* this sets the text to italic or not use italic or normal */
	text-decoration-line: underline; /*this sets the text underline or not use non or underline*/
	display: inline-block /*this gets rid of the under in space between text*/
	
}
a.footer_link:hover {
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif"; /* this sets the font */
	color: #0E8EDF; /*this sets the font color*/
	font-size: 12px;  /*this sets the font sizze in pixels*/
	text-align:left; /*this sets the font alignment I recommend left center or justify*/
	font-weight: normal; /*this sets the text bold or not use bold or normal */
	font-style: normal; /* this sets the text to italic or not use italic or normal */
	text-decoration-line: underline; /*this sets the text underline or not use non or underline*/
	display: inline-block /*this gets rid of the under in space between text*/
	
}
a.footer_link:visited {
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif"; /* this sets the font */
	color: #C51CFB; /*this sets the font color*/
	font-size: 12px;  /*this sets the font sizze in pixels*/
	text-align:left; /*this sets the font alignment I recommend left center or justify*/
	font-weight: normal; /*this sets the text bold or not use bold or normal */
	font-style: normal; /* this sets the text to italic or not use italic or normal */
	text-decoration-line: underline; /*this sets the text underline or not use non or underline*/
	
}
/*this will be our image styles*/
	
.image_gallery {  
		border:10px solid #C5272A;   /*changes color*/
		border-width: 5px 5px 5px 5px;   /*this change the width of the border in this order top right bottom left*/
		
	}

/* horizontal line styles <hr />*/ 
	
	.horizontal_lines_footer{
		width: 85%;			/*this sets the width as a percentage*/
		color: #C5272A;		/*this sets ther border coler*/
		height: 2px;		/*this sets the border thickness*/
		background-color: #C5272A;  /*this sets the background color*/
		
	}