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

body	{
	margin: 0 auto;
}

#page-wrap	{
	max-width: 1000px;
	margin: 0 auto;
	background-color:#FaFaFa;
}


img {
    width: 100%;
    height: auto;
}

#imagePadding	{
	
	padding-top: 150px;
	width: 300px;
	height: auto;
}

#logoLeftTwo	{
	padding-top: 50px;
	padding-left: 10px;
	width: 25%; /*300px*/
	position:fixed;
	height: auto;
	text-align:;
}

#logoLeft	{
	padding-top: 10px;
	width: 25% /*300px*/;
	height: auto;
	position:fixed;
	text-align:center;
}

#contentRight	{
	padding-top: 100px;
	padding-right: 40px;
	width: 60%;
	height:auto;
	float:right;
}

#contentRight a	{
	text-decoration: none;
	color: #F00;
}

#contentRight img {
	padding-top: 10px;
	padding-bottom: 10px;
}

#contentRight a:hover	{
    background-color:;
	color: black;
}

li {
	float:left;

}

li a	{
	display: block;
    color: black;
    text-align: center;
    padding: 20px 16px;
    text-decoration: none;
	font-size: 18px;
}


li a:hover	{
    background-color:;
	color:#F00;
}

#attackNav a:hover	{
	background-color:;
	color:#0CC;
}


ul	{
	list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
	font-family:"Courier New", Courier, monospace;
	
}

#navBarThree	{
	position:fixed;
}


#navBarTwo	{
	background: rgb( 75, 75, 75); /* Fallback for older browsers without RGBA-support */
    background: rgba( 0, 0, 0, 0.4);
	}
	
#navBarOne	{
	background: rgb( 0, 0, 0); /* Fallback for older browsers without RGBA-support */
    background: rgba( 0, 0, 0, 0.);
	}

#sS	{
	position:relative;
	bottom: 65px;
	z-index: -1;
}

#article	{
	float: left;
	width: 50%;
    margin: 0 auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 18px;
}

#t-shirt	{
	max-width: 900px;
	margin: 0 auto;
}

.clearfloat { 
	clear:both;
}

#top	{
	position: fixed;
	
	
}

#space	{
	padding-top: 50px;
}

#spaceTen	{
	padding-top: 500px;
}

#spaceFive	{
	padding-top: 250px;
}

p	{
	font-family:"Courier New", Courier, monospace;
	font-size:16px;
}

span	{
	font-family:"Courier New", Courier, monospace;
	font-size: 18px;
	color:#F00;
	
}

spanTwo  {
	font-family:"Courier New", Courier, monospace;
	font-size:18px;
	color:#0CC;
}

#pOneText	p	{
	width: 320px;

}

.center {
   	margin: auto;
    width: 300px;
    border:;
    padding:;
}
a:hover {
    text-decoration:none;
}


/* Hide the list item that contains the link that should open and close the topnav on small screens */
ul.topnav li.icon {display: none;}

/* When the screen is less than 680 pixels wide, hide all list items, except for the first one ("Home"). Show the list item that contains the link to open and close the topnav (li.icon) */
@media screen and (max-width:680px) {
  ul.topnav li:not(:first-child) {display: none;}
  ul.topnav li.icon {
    float: right;
    display: inline-block;
  }
}


/* The "responsive" class is added to the topnav with JavaScript when the user clicks on the icon. This class makes the topnav look good on small screens */
@media screen and (max-width:680px) {
  ul.topnav.responsive {position: relative;}
  ul.topnav.responsive li.icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  ul.topnav.responsive li {
    float: none;
    display: inline;
  }
  ul.topnav.responsive li a {
    display: block;
    text-align: left;
  }
}
