/* CSS Document For 501st Legion Firefox */
.body					{
						background-color: #405664;
						margin: 15px 0px 30px 0px;
						text-align: center;
						}

.urlBar					{
						width: 840px;
						height: 30px;
						background-color: #FF9900;
						padding: 0;
						margin: 10px 0px 0px 10px;
						float: left;
						}

.flashMovie				{
						width: 840px;
						height: 250px;
						background-color: transparent;
						background-image: url('images/banner.jpg');
						background-repeat: no-repeat;
						padding: 0;
						margin-left: 10px;
						float: left;
						}

.urlButton01:link		{
						width: 109px;
						height: 22px;
						background-color: #6D8391;
						border-right: 2px solid #000;
						padding-top: 8px;
						margin: 0;
						font-family: Arial;
						font-size: 10px;
						color: #fff;
						letter-spacing: 1px;
						line-height: 130%;
						text-align: center;
						text-decoration: none;
						float: left;
						}

.urlButton01:visited	{
						width: 109px;
						height: 22px;
						background-color: #6D8391;
						border-right: 2px solid #000;
						padding-top: 8px;
						margin: 0;
						font-family: Arial;
						font-size: 10px;
						color: #FFF;
						letter-spacing: 1px;
						line-height: 130%;
						text-align: center;
						text-decoration: none;
						float: left;
						}

.urlButton01:hover		{
						width: 109px;
						height: 22px;
						background-color: #4C606E;
						padding-top: 8px;
						margin: 0;
						font-family: Arial;
						font-size: 10px;
						color: #BAFF00;
						letter-spacing: 1px;
						line-height: 130%;
						text-align: center;
						text-decoration: none;
						float: left;
						}

.urlButton01:active		{
						width: 109px;
						height: 22px;
						background-color: #4C606E;
						padding-top: 8px;
						margin: 0;
						font-family: Arial;
						font-size: 10px;
						letter-spacing: 1px;
						line-height: 130%;
						text-align: center;
						text-decoration: none;
						float: left;
						}

.urlButton02:link		{
						width: 109px;
						height: 22px;
						background-color: #6D8391;
						padding-top: 8px;
						margin: 0;
						font-family: Arial;
						font-size: 10px;
						color: #fff;
						letter-spacing: 1px;
						line-height: 130%;
						text-align: center;
						text-decoration: none;
						float: left;
						}

.urlButton02:visited	{
						width: 109px;
						height: 22px;
						background-color: #6D8391;
						padding-top: 8px;
						margin: 0;
						font-family: Arial;
						font-size: 10px;
						color: #FFF;
						letter-spacing: 1px;
						line-height: 130%;
						text-align: center;
						text-decoration: none;
						float: left;
						}

.urlButton02:hover		{
						width: 109px;
						height: 22px;
						background-color: #4C606E;
						padding-top: 8px;
						margin: 0;
						font-family: Arial;
						font-size: 10px;
						color: #BAFF00;
						letter-spacing: 1px;
						line-height: 130%;
						text-align: center;
						text-decoration: none;
						float: left;
						}

.urlButton02:active		{
						width: 109px;
						height: 22px;
						background-color: #4C606E;
						padding-top: 8px;
						margin: 0;
						font-family: Arial;
						font-size: 10px;
						letter-spacing: 1px;
						line-height: 130%;
						text-align: center;
						text-decoration: none;
						float: left;
						}

.disclaimer				{
						width: 840px;
						height: 35px;
						background-color: transparent;
						padding: 0;
						margin: 10px 0px 0px 10px;
						float: left;
						}

.bottomLinks			{
						width: 860px;
						height: 30px;
						background-color: transparent;
						padding: 0;
						margin: 0 auto;
						}

.clearBoth				{
						clear: both;
						}


/* This covers the drop-down menu */
*						{
						padding: 0;
						margin: 0;
						}

.dropdown				{
						font-family: Arial;
						font-size: 10px;
						color: #FFFFFF;
						letter-spacing: 1px;
						line-height: 130%;
						text-align: center;
						border-right: 2px solid #000;
						float: left;
						}

.dropdown dt			{
						width: 106px;
						height: 14px;
						padding: 8px;
						cursor: pointer;
						background-color: #6D8391;
						}

.dropdown dt:hover		{
						color: #BAFF00;
						background-color: #4C606E;
						}

.dropdown dd			{
						position: absolute;
						overflow: hidden;
						width: 122px;
						display: none;
						background: transparent;
						z-index: 200;
						opacity: 0;
						}

.dropdown ul			{
						width: 105px;
						margin-left: -2px;
						list-style: none;
						border-top: none;
						}

.dropdown li			{
						display: inline;
						}

.dropdown a,
.dropdown a:active,
.dropdown a:visited		{
						display: block;
						padding: 5px 5px 5px 5px;
						color: #FFF;
						text-decoration: none;
						background: #8ba5b5;
						width: 194px;
						}

.dropdown a:hover		{
						background: #CCFF00;
						color: #000;
						}

.dropdown .underline	{
						font-family: Arial;
						font-size: 10px;
						color: #FFF;
						letter-spacing: 1px;
						line-height: 130%;
						text-align: left;
						text-decoration: none;
						border-bottom: 1px solid #B9D6DC;
						}


/* This covers the link classes */
.linkOne:link			{
						font-family: Arial;
						font-size: 11px;
						color: #FFFFFF;
						text-align: left;
						letter-spacing: 1px;
						line-height: 130%;
						text-decoration: underline;
						}

.linkOne:visited		{
						font-family: Arial;
						font-size: 11px;
						color: #FFFFFF;
						text-align: left;
						letter-spacing: 1px;
						line-height: 130%;
						text-decoration: underline;
						}

.linkOne:hover			{
						font-family: Arial;
						font-size: 11px;
						color: #CCFF00;
						text-align: left;
						letter-spacing: 1px;
						line-height: 130%;
						text-decoration: none;
						}

.linkOne:active			{
						font-family: Arial;
						font-size: 11px;
						color: #CCFF00;
						text-align: left;
						letter-spacing: 1px;
						line-height: 130%;
						text-decoration: none;
						}

.linkTwo:link			{
						font-family: Arial;
						font-size: 10px;
						color: #FFFFFF;
						text-align: left;
						letter-spacing: 0.5px;
						line-height: 130%;
						text-decoration: underline;
						}

.linkTwo:visited		{
						font-family: Arial;
						font-size: 10px;
						color: #FFFFFF;
						text-align: left;
						letter-spacing: 0.5px;
						line-height: 130%;
						text-decoration: underline;
						}

.linkTwo:hover			{
						font-family: Arial;
						font-size: 10px;
						color: #BAFF00;
						text-align: left;
						letter-spacing: 0.5px;
						line-height: 130%;
						text-decoration: none;
						}

.linkTwo:active			{
						font-family: Arial;
						font-size: 10px;
						color: #BAFF00;
						text-align: left;
						letter-spacing: 0.5px;
						line-height: 130%;
						text-decoration: none;
						}

.archiveButton:link		{
						width: 100px;
						height: 22px;
						background-color: #404D56;
						padding-top: 8px;
						margin-left: 65px;
						font-family: Arial;
						font-size: 10px;
						font-weight: bold;
						color: #FFFFFF;
						letter-spacing: 1px;
						line-height: 130%;
						text-align: center;
						text-decoration: none;
						float: left;
						}

.archiveButton:visited	{
						width: 100px;
						height: 22px;
						background-color: #404D56;
						padding-top: 8px;
						margin-left: 65px;
						font-family: Arial;
						font-size: 10px;
						font-weight: bold;
						color: #FFFFFF;
						letter-spacing: 1px;
						line-height: 130%;
						text-align: center;
						text-decoration: none;
						float: left;
						}

.archiveButton:hover	{
						width: 100px;
						height: 22px;
						background-color: #51616C;
						padding-top: 8px;
						margin-left: 65px;
						font-family: Arial;
						font-size: 10px;
						font-weight: bold;
						color: #FFFFFF;
						letter-spacing: 1px;
						line-height: 130%;
						text-align: center;
						text-decoration: none;
						float: left;
						}

.archiveButton:active	{
						width: 100px;
						height: 22px;
						background-color: #51616C;
						padding-top: 8px;
						margin-left: 65px;
						font-family: Arial;
						font-size: 10px;
						font-weight: bold;
						color: #FFFFFF;
						letter-spacing: 1px;
						line-height: 130%;
						text-align: center;
						text-decoration: none;
						float: left;
						}


/* This covers font classes */
.textOne				{
						font-family: Arial;
						font-size: 11px;
						color: #FFFFFF;
						text-align: left;
						letter-spacing: 1px;
						line-height: 125%;
						text-decoration: none;
						}

.textTwo				{
						font-family: Arial;
						font-size: 11px;
						color: #CCFF00;
						text-align: justify;
						letter-spacing: 1px;
						line-height: 130%;
						text-decoration: none;
						}

.textThree				{
						font-family: Arial;
						font-size: 9px;
						color: #FFFFFF;
						text-align: left;
						letter-spacing: 1px;
						line-height: 130%;
						text-decoration: none;
						}


/* This covers Index.php */
.indexContainer			{
						width: 860px;
						height: 1630px;
						background-color: #000000;
						padding: 0;
						margin: 0 auto;
						}

.leftColumn				{
						width: 250px;
						height: 1270px;
						background-color: transparent;
						padding: 0;
						margin: 10px 0px 0px 10px;
						float: left;
						}

.middleColumn			{
						width: 320px;
						height: 1270px;
						background-color: transparent;
						padding: 0;
						margin: 10px 0px 0px 10px;
						float: left;
						}

.rightColumn			{
						width: 250px;
						height: 1270px;
						background-color: transparent;
						padding: 0;
						margin: 10px 0px 0px 10px;
						float: left;
						}

.newsLeft				{
						width: 250px;
						height: 500px;
						background-color: #6D8391;
						background-image: url('images/latest-news-Gradient.jpeg');
						background-repeat: no-repeat;
						padding: 0;
						margin: 0;
						float: left;
						}

.randomPic				{
						width: 320px;
						height: 410px;
						background-color: transparent; /*#5F8197*/
						padding: 0;
						margin: 0;
						float: left;
						}

.newsRight				{
						width: 250px;
						height: 500px;
						background-color: #6D8391;
						background-image: url('images/501st-news-Gradient.jpeg');
						background-repeat: no-repeat;
						padding: 0;
						margin: 0;
						float: left;
						}

.newsBoxTop				{
						width: 230px;
						height: 30px;
						background-color: transparent;
						padding: 0;
						margin: 0;
						float: left;
						}

.newsBoxBottom			{
						width: 230px;
						height: 80px;
						background-color: transparent;
						padding-top: 10px;
						margin: 0;
						float: left;
						}

.newsBox01				{
						width: 230px;
						height: 130px;
						background-color: transparent;
						padding: 0;
						margin: 40px 0px 0px 10px;
						float: left;
						}

.newsBox02				{
						width: 230px;
						height: 130px;
						background-color: transparent;
						padding: 0;
						margin: 10px 0px 0px 10px;
						float: left;
						}

.newsBox03				{
						width: 230px;
						height: 130px;
						background-color: transparent;
						padding: 0;
						margin: 10px 0px 0px 10px;
						float: left;
						}

.latestBox01			{
						width: 230px;
						height: 130px;
						background-color: transparent;
						padding: 0;
						margin: 35px 0px 0px 10px;
						float: left;
						}

.latestBox02			{
						width: 230px;
						height: 130px;
						background-color: transparent;
						padding: 0;
						margin: 10px 0px 0px 10px;
						float: left;
						}

.latestBox03			{
						width: 230px;
						height: 130px;
						background-color: transparent;
						padding: 0;
						margin: 10px 0px 0px 10px;
						float: left;
						}

.archiveBox				{
						width: 230px;
						height: 30px;
						background-color: transparent;
						padding: ;
						margin: 10px 0px 0px 5px;
						float: left;
						}

.randomQuote			{
						width: 250px;
						height: 147px;
						background-color: transparent;
						padding: 0;
						margin: 0;
						float: left;
						}

.randomTrivia			{
						width: 250px;
						height: 195px;
						background-color: transparent;
						background-image: url('images/random-trivia.jpg');
						background-repeat: no-repeat;
						padding: 0;
						margin-top: 10px;
						float: left;
						}

.triviaBox				{
						width: 240px;
						height: 150px;
						background-color: transparent;
						padding: 0;
						margin: 25px 0px 0px 8px;
						float: left;
						}

.costumeContainer		{
						width: 320px;
						height: 625px;
						background-color: #84A6BE;
						padding: 0;
						margin: 0;
						float: left;
						}

.costumeCount			{
						width: 80px;
						height: 40px;
						background-color: #4C606E;
						padding-top: 8px;
						margin: 8px 8px 8px 8px;
						float: left;
						}

.costumeDescription		{
						width: 215px;
						height: 40px;
						background-color: #4C606E;
						padding-top: 8px;
						margin: 8px 0px 8px 0px;
						float: left;
						}

.costumeAmount			{
						width: 80px;
						height: 25px;
						background-color: #C3D5E2;
						padding-top: 10px;
						margin: 0px 8px 8px 8px;
						float: left;
						}

.costumeTKID			{
						width: 40px;
						height: 25px;
						background-color: #C3D5E2;
						padding-top: 10px;
						margin: 0px 8px 8px 0px;
						float: left;
						}

.costumeName			{
						width: 166px;
						height: 25px;
						background-color: #C3D5E2;
						padding-top: 10px;
						margin-bottom: 8px;
						float: left;
						}

.costumeTotal			{
						width: 302px;
						height: 25px;
						background-color: #4C606E;
						padding-top: 10px;
						margin-left: 8px;
						float: left;
						}

.buttonJoin				{
						width: 250px;
						height: 150px;
						background-color: transparent;
						background-image: url('images/button-Join.jpeg');
						background-repeat: no-repeat;
						padding: 0;
						margin: 0;
						float: left;
						}

.buttonEvent			{
						width: 250px;
						height: 147px;
						background-color: transparent;
						background-image: url('images/button-Event.jpeg');
						background-repeat: no-repeat;
						padding: 0;
						margin: 0;
						float: left;
						}

.button-Movie-Carnival	{
						width: 250px;
						height: 318px;
						background-color: #eee;
						padding: 0;
						margin-top: 10px;
						float: left;
						}

.buttonFacebook			{
						width: 250px;
						height: 100px;
						background-color: transparent;
						background-image: url('images/501st-facebook.jpg');
						background-repeat: no-repeat;
						padding: 0;
						margin-top: 10px;
						float: left;
						}

.index-GreyLeft			{
						width: 250px;
						height: 80px;
						background-color: #333333;
						padding: 0;
						margin-top: 10px;
						float: left;
						}

.index-GreyMiddle		{
						width: 320px;
						height: 178px;
						background-color: #333333;
						padding: 0;
						margin-top: 10px;
						float: left;
						}

.index-GreyRight		{
						width: 250px;
						height: 353px;
						background-color: #333333;
						padding: 0;
						margin-top: 10px;
						float: left;
						}

.counterBox				{
						width: 320px;
						height: 27px;
						background-color: #606b72;
						padding-top: 10px;
						margin-top: 10px;
						float: left;
						}


/* This covers About.php */
.aboutContainer			{
						width: 860px;
						height: 995px;
						background-color: #000000;
						padding: 0;
						margin: 0 auto;
						}

.aboutLeftColumn		{
						width: 560px;
						height: 610px;
						background-color: #6D8391;
						background-image: url('images/about-title.jpg');
						background-repeat: no-repeat;
						padding: 40px 10px 0px 10px;
						margin: 10px 10px 0px 10px;
						float: left;
						}

.aboutRightColumn		{
						width: 250px;
						height: 294px;
						background-color: transparent;
						padding: 0;
						margin-top: 10px;
						float: left;
						}

.about-GreyRight		{
						width: 250px;
						height: 346px;
						background-color: #333333;
						padding: 0;
						margin-top: 10px;
						float: left;
						}

.aboutImage				{
						width: 150px;
						height: 200px;
						background-color: transparent;
						background-image: url('images/vector-trooper.jpg');
						background-repeat: no-repeat;
						border: 6px solid #FFF;
						padding: 0;
						margin: 0px 12px 4px 0px;
						float: left;
						}


/* This covers Message.php */
.messageContainer		{
						width: 860px;
						height: 960px;
						background-color: #000000;
						padding: 0;
						margin: 0 auto;
						}

.messageLeft			{
						width: 530px;
						height: 612px;
						background-color: transparent;
						padding: 0;
						margin: 10px 0px 0px 10px;
						float: left;
						}

.messageRight			{
						width: 300px;
						height: 612px;
						background-color: transparent;
						padding: 0;
						margin: 10px 0px 0px 10px;
						float: left;
						}

.messageMain			{
						width: 530px;
						height: 465px;
						background-color: #6D8391;
						background-image: url('images/message-title.jpg');
						background-repeat: no-repeat;
						padding: 0;
						margin: 0;
						float: left;
						}

.messageContent			{
						width: 512px;
						height: 300px;
						background-color: transparent;
						padding: 0px 10px 0px 8px;
						margin-top: 30px;
						float: left;
						}

.messageSignature		{
						width: 236px;
						height: 55px;
						background-color: transparent;
						background-image: url('images/albinsig.gif');
						background-repeat: no-repeat;
						padding: 0;
						margin: 0;
						float: left;
						}

.messageKatie			{
						width: 300px;
						height: 300px;
						background-color: transparent;
						padding: 0;
						margin: 0;
						float: left;
						}

.messageR2-KT			{
						width: 300px;
						height: 300px;
						background-color: transparent;
						padding: 0;
						margin-top: 7px;
						float: left;
						}

.message-GreyLeft		{
						width: 530px;
						height: 132px;
						background-color: #333333;
						padding: 0;
						margin-top: 10px;
						float: left;
						}


/* This covers Members.php */
.memberContainer		{
						width: 860px;
						height: 1000px;
						background-color: #000000;
						padding: 0;
						margin: 0 auto;
						}

.memberMain				{
						width: 790px;
						height: 500px;
						background-color: #6D8391;
						padding: 200px 0px 0px 50px;
						margin: 10px 0px 0px 10px;
						float: left;
						}

.memberRowBox			{
						width: 730px;
						height: 150px;
						background-color: #ccc;
						padding: 0;
						margin-bottom: 20px;
						float: left;
						}

.memberThumbGap			{
						width: 90px;
						height: 150px;
						background-color: #aaa;
						padding: 0;
						margin: 0;
						float: left;
						}

.memberThumbnail		{
						width: 74px;
						height: 100px;
						background-color: #333;
						padding: 0;
						margin: 0;
						float: left;
						}


/* This covers Droidhunt.php */
.droidContainer			{
						width: 860px;
						height: 1940px;
						background-color: #000000;
						padding: 0;
						margin: 0 auto;
						}

.droidMain				{
						width: 820px;
						height: 1550px;
						background-color: #6D8391;
						background-image: url('images/droidhunt-title.jpg');
						background-repeat: no-repeat;
						padding: 50px 10px 0px 10px;
						margin: 10px 0px 0px 10px;
						float: left;
						}

.droid-MITF				{
						width: 201px;
						height: 284px;
						background-color: transparent;
						padding: 0;
						margin-left: 300px;
						float: left;
						}

.droidLeft				{
						width: 450px;
						height: 350px;
						background-color: transparent;
						background-image: url('images/droidhunt-flashbg.jpg');
						background-repeat: no-repeat;
						padding: 0;
						margin: 0;
						float: left;
						}

.droidRight				{
						width: 300px;
						height: 300px;
						background-color: transparent;
						padding: 0;
						margin: 5px 0px 0px 10px;
						float: left;
						}

.droidFlashBox			{
						width: 390px;
						height: 290px;
						background-color: #ff9900;
						padding: 0;
						margin: 15px 0px 0px 20px;
						float: left;
						}

.droidBadge				{
						width: 300px;
						height: 163px;
						background-color: transparent;
						padding: 0;
						margin: 5px 10px 0px 0px;
						float: left;
						}

.droidRules				{
						width: 98px;
						height: 163px;
						background-color: transparent;
						padding: 0;
						margin: 5px 0px 0px 70px;
						float: left;
						}

.droidBadgeText			{
						width: 150px;
						height: 163px;
						background-color: transparent;
						padding: 0;
						margin: 5px 10px 0px 0px;
						float: left;
						}

.droidRulesText			{
						width: 150px;
						height: 163px;
						background-color: transparent;
						padding: 0;
						margin: 5px 0px 0px 10px;
						float: left;
						}

.MITF-logo				{
						width: 143px;
						height: 200px;
						background-color: transparent;
						background-image: url('images/MITF-logo.jpg');
						background-repeat: no-repeat;
						padding: 0;
						margin: 5px 135px 0px 0px;
						float: left;
						}

.fiveone-logo				{
						width: 200px;
						height: 200px;
						background-color: transparent;
						background-image: url('images/501st-logo.jpg');
						background-repeat: no-repeat;
						padding: 0;
						margin: 5px 135px 0px 0px;
						float: left;
						}

.MBO-logo				{
						width: 201px;
						height: 200px;
						background-color: transparent;
						background-image: url('images/MBO-logo.jpg');
						background-repeat: no-repeat;
						padding: 0;
						margin-top: 5px;
						float: left;
						}


/* This covers Links.php */
.linkContainer			{
						width: 860px;
						height: 1000px;
						background-color: #000000;
						padding: 0;
						margin: 0 auto;
						}

.linkMain				{
						width: 570px;
						height: 600px;
						background-color: #6D8391;
						padding: 30px 0px 0px 10px;
						margin: 10px 0px 0px 10px;
						float: left;
						}

.linkRight				{
						width: 250px;
						height: 20px;
						background-color: #333;
						padding: 0;
						margin: 10px 0px 0px 10px;
						float: left;
						}


/* THis covers Contact Us.php */
.contactContainer		{
						width: 860px;
						height: 1000px;
						background-color: #000000;
						padding: 0;
						margin: 0 auto;
						}

.contactMain			{
						width: 570px;
						height: 600px;
						background-color: #6D8391;
						padding: 30px 0px 0px 10px;
						margin: 10px 0px 0px 10px;
						float: left;
						}

.contactTextStrip		{
						width: 450px;
						height: 30px;
						background-color: #aaa;
						padding: 0;
						margin: 0;
						float: left;
						}

.contactBoxLeft			{
						width: 100px;
						height: 30px;
						background-color: #666;
						padding: 0;
						margin-right: 10px;
						float: left;
						}

.contactBoxRight		{
						width: 310px;
						height: 30px;
						background-color: #666;
						padding: 0;
						margin: 0;
						float: left;
						}

.contactRight			{
						width: 250px;
						height: 20px;
						background-color: #333;
						padding: 0;
						margin: 10px 0px 0px 10px;
						float: left;
						}

.contactText			{
						width: 300px;
						margin-top: 3px;
						}

.contactSelect			{
						margin: 5px 0px 0px 3px;
						float: left;
						}