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

body
{
	margin: 0px;
	padding: 0px;
	background-color: #AAA;
	font: normal 12px Verdana;
}

/*  01 | Layout
/***********************************/

#wrap
{
	margin: 0px auto;
	width: 800px;
}

	#banner
	{
		line-height: 0px;
	}

	/*  02 | Navigation
	/***********************************/
	
	#navigation
	{
		background-color: #212121;
	}
	
		#navigation ul
		{
			margin: 0px;
			padding: 0px;
			height: 40px;
			list-style-type: none;
		}
		
		#navigation ul li
		{
			float: left;
			display: block;
			position: relative;
		}
		
			#navigation li ul
			{
				display: none;					/*  So it doesn't take up space on the navigation bar  */
				visibility: hidden;
			}
			
			#navigation li:hover ul
			{
				display: block;
				top: 40px;
				position: absolute;
				margin: 0px;
				padding: 0px;
				background-color: #212121;
				width: 200px;
				height: 120px;
				list-style-type: none;
				visibility: visible;
			}
	
		#navigation a
		{
			float: left;
			padding: 13px 20px 13px 20px;
			color: #CCC;
			font: normal 14px/14px Arial;
			text-decoration: none;
			text-transform: uppercase;
			outline: none;
		}
		
		#navigation a:hover, #navigation .active
		{
			background-color: #223d50;
			color: #FFF;
		}
		
		#navigation a.drop, #navigation a.active-drop
		{
			color: #FFF;
			cursor: default;
		}
		
		#navigation a.active-drop
		{
			background-color: #223d50;
		}
			
			#navigation ul ul li a
			{
				display: block;
				width: 160px;
			}
			
			#navigation ul ul li a:hover.gta4
			{
				background-color: #084477;
			}
			
			#navigation ul ul li a:hover.gw
			{
				background-color: #996633;
			}
			
			#navigation ul ul li a:hover.r6v2
			{
				background-color: #990000;
			}

/*  01 | Layout (Cont'd)
/***********************************/

#event
{
	padding: 20px;
	background-color: #CCC;
	line-height: 0px;
}
	
	#event a
	{
		outline: none;
	}
	
		#event a img
		{
			border: 0px;
		}

#event_details
{
	padding: 160px 40px 30px 40px;
	background: #CCC url("http://www.grscgaming.com/preview/images/r6v2_coop_event_details.jpg") 20px 20px no-repeat;
	color: #FFF;
	font: bold 14px Helvetica;
	text-align: right;
}	

#guildwars
{
	padding: 10px;
	background-color: #996633;
	color: #FFF;
	font: bold 16px Helvetica;
}

#vegas2
{
	padding: 10px;
	background-color: #990000;
	color: #FFF;
	font: bold 16px Helvetica;
}

#content
{
	padding: 10px;
	background-color: #FFF;
	min-height: 300px;
}

	/*  03 | Content Layout
	/***********************************/
	
	#content h1
	{
		margin: 0px;
		border-bottom: 1px solid #000;
		color: #000;
		font: bold 16px Helvetica;
	}
	
	#content p
	{
		text-indent: 3.5em;
	}
	
	#content .mod
	{
		float: right;
		margin: 0 0 0 1em;
	}
	
		#content .mod .block
		{
			margin-bottom: 1em;
			border: 1px solid #000;
			width: 200px;
		}
	
			#content .mod .block h1
			{
				margin: 0px;
				padding: 7px 10px 7px 10px;
				background-color: #000;
				color: #FFF;
				font: bold 12px Verdana;
			}
			
			#content .mod .block div
			{
				padding: 7px 10px 7px 10px;
				background-color: #FFF;
				color: #000;
				font: bold 12px/16px Verdana;
				list-style-type: none;
			}
			
				#content .mod .block div .clothes
				{
					display: inline-block;
					margin-left: 3px;
					padding: 5px 10px;
					background-color: #003366;
				}
			
				#content .mod .block div .armor
				{
					display: inline-block;
					margin-left: 2px;
					padding: 5px 10px;
					background-color: #000;
				}
			
		#content .mod .block a
		{
			color: #000;
			font: bold 12px Verdana;
		}
		
		#content .mod .block a:hover
		{
			color: #1695de;
			text-decoration: none;
		}
		
	#content .profiles
	{
		padding: 10px 0 10px 0;
		width: 600px;
	}
	
		#content .profiles .rankhead,
		#content .profiles .namehead,
		#content .profiles .unithead,
		#content .profiles .header, 
		#content .profiles .officer,
		#content .profiles .unitco,
		#content .profiles .member,
		#content .profiles .name,
		#content .profiles .unit,
		#content .profiles .col
		{
			float: left;
			border-right: 1px solid #FFF;
			border-bottom: 1px solid #FFF;
			padding: 3px 5px;
			background-color: #000;
			width: 220px;
			color: #FFF;
			font: bold 11px Verdana;
		}
		
		#content .profiles .rankhead,
		#content .profiles .unithead
		{
			width: 80px;
		}
		
		#content .profiles .namehead,
		#content .profiles .name
		{
			width: 120px;
		}
		
		#content .profiles .officer
		{
			background-color: #990000;
			width: 80px;
		}
		
		#content .profiles .unitco
		{
			background-color: #669900;
			width: 80px;
		}
		
		#content .profiles .member
		{
			background-color: #003399;
			width: 80px;
		}
		
		#content .profiles .unit
		{
			background-color: #777;
			width: 80px;
			font-weight: normal;
		}
		
		#content .profiles .name,
		#content .profiles .col
		{
			background-color: #777;
			font-weight: normal;
		}

#footer
{
	padding: 10px;
	background-color: #000;
	color: #CCC;
}

	/*  03 | Content Layout
	/***********************************/
	
	#footer a
	{
		color: #CCC;
		font: normal 12px Verdana;
	}
	
	#footer a:hover
	{
		color: #1695de;
	}

#validation
{
	padding: 5px;
	background-color: #444;	
	text-align: right;
	color: #FFF;
}

	#validation a
	{
		color: #CCC;
		font: normal 12px Verdana;
		text-decoration: none;
	}

	#validation a:hover
	{
		color: #1695de;
	}
	
/*  04 | Other Items
/***********************************/
	
a
{
	outline: none;
}