/*	// - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	HTML
	Body
	// - - - - - - - - - - - - - - - -     */

	html {
		margin: 0;
		padding: 0;
	}

	body {
		margin: 0;
		padding: 0;

		background-color: black;

		color: #dcc8b4;
		font: normal 12px Georgia, Tahoma, Verdana, Arial;
	}


/*	// - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Common
	// - - - - - - - - - - - - - - - -     */

	img {
		border: none;
	}

	:focus {
		outline: 0;
	}

	a:link,
	a:visited,
	a:active {
		color: #FFB400;
		text-decoration: underline;
	}

	a:hover {
		color: #FFB400;
		text-decoration: none;
	}


	ol {
		list-style-image:none;
	}
	ul ul, ul.normal {
		list-style-image:none;
	}
	ul, ul.shield {
		list-style-image:url(http://mythicmktg.fileburst.com/uo/uosa/images/shield-bullet.gif);
	}
	li
	{
		margin-bottom: 5px;
	}

	.rightFloat {
		margin: 0px auto 1px 5px;
		clear: right;
		float: right;
		}
	.rightFloatLow { /* For bumping rightFloat images down one line */
		margin: 1.5em auto 1px 5px;
		clear: right;
		float: right;
		}

	.leftFloat {
		margin: 0px 5px 1px auto;
		clear: left;
		float: left;
		}

	.centerClear {
		text-align: center;
		width: 100%;
		margin: 0px auto;
		clear: both;
		position: relative;
		}

		.centerClear .imgTitleLeft {
		  text-align: left;
		  color:#DCC8B4;
		}

		.centerClear img {margin: 3px;}

		.centerClear .rowbuffer {
			clear: both;
			height: 10px;
		}
		.centerClear .image2 {
			width: 50%;
			_width: 48%;
			float: left;
			margin: 0px auto 10px;
			color:#9A6235;
		}
		.centerClear .image3 {
			width: 33%;
			_width: 31%;
			float: left;
			margin: 0px auto 10px;
			color:#9A6235;
		}
		.centerClear .image4 {
			width: 24%;
			_width: 24%;
			float: left;
			margin: 0px auto 10px;
			color:#9A6235;
		}
		.centerClear .image5 {
			width: 20%;
			_width: 19%;
			float: left;
			margin: 0px auto 10px;
			color:#9A6235;
		}

	.imgThumb {
		cursor: pointer;
	}

	.imgBorder {
		border: solid 2px #9a6235;
	}

.dropCaps {
	float:left;
	font-size:100px;
	font-family: Corsiva, Times, Georgia, serif;
	color: #9A6235;
	line-height: 70px;
	margin: 0px 5px 0px 0px;
}

.quote {
	font-style: italic;
}



/*	// - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Media: Images
	// - - - - - - - - - - - - - - - -     */

	.imageItem {
	  position: relative;
	  padding: 0px;
	  _zoom:1;
	}
	.imageItem .updated {
	  position: absolute;
	  left: 0px;
	  bottom: 0px;
	  margin: 0px;
	  width: 57px;
	  height: 45px;
	  text-align:left;
	}
	.imageItem img {
	  margin: 0px;
	  position: relative;
	  display:inline;
	  vertical-align: text-bottom;
	}


/*	// - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Media: Sounds
	// - - - - - - - - - - - - - - - -     */

.audiobox {
  margin:20px auto;
  width:580px;
}
.audiobox .image {
  float:left;
  margin:0 auto;
  width:150px;
}
.audiobox .text {
  float:left;
  margin:0 0 30px 5px;
  text-align:left;
  width:425px;
}
.audiobox .text .title {
color:#9A6235;
font-family:Georgia,Tahoma,Verdana,Arial;
font-size:16px;
font-weight:bold;
text-decoration:none;
}
.audiobox .text .date {
  color:#666666;
  font-size:1em;
  margin:4px 0 5px;
}
.audiobox .text .post {
  margin:10px 0 0;
}
.audiobox .text .desc {
  font-size:0.8em;
  margin:5px 0;
}

/*	// - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Global nav
	// - - - - - - - - - - - - - - - -     */

#gnav-container {
	background: #000000;
	color: #999999;
	font-size: 10px;
	height: 24px;
	margin: 0px;
	padding: 0px;
	text-align: center;
	width: 985px;
	font-family: Veranda,Arial,Geneva,sans-serif;
	}

	.gnav {
		background: #000000 url('http://mythicmktg.fileburst.com/war/us/global/gnav_mythic-logo.gif') no-repeat;
		margin: 0px auto;
		padding: 6px 0px 4px 45px;
		text-align: left;
		width: 600px;
		float: left;
		}

	.gnav a, gnav a:link, gnav a:visited {
		color: #999999;
		text-decoration: none;
		}

	.gnav a:hover {
		color: #990000;
		text-decoration: underline;
		}

	.gnav a.active {
		color: #990000;
		text-decoration: underline;
		}


/*	// - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Header
	Footer
	Copyright
	// - - - - - - - - - - - - - - - -     */

	#header {
		height: 70px;

		margin-bottom: 10px;
		padding-top: 544px;

		background: url(http://mythicmktg.fileburst.com/uo/uosa/images/background_navigation_2.jpg) top center no-repeat;
/*
		width: 950px;
		height: 87px;

		padding-top: 172px;

		background: url(http://mythicmktg.fileburst.com/uo/uosa/images/background_navigation.jpg);
*/
	}

	#copyright {
		width: 760px;
		height: 55px;

		padding-top: 10px;
		padding-bottom: 40px;

		color: #666;
		font-size: 10px;

		line-height: 16px;
		text-align: left;
	}

	#copyright .ESRB {

		padding: 20px 15px 0px 0px;
		float: left;
	}

	#copyright .column-left {
		float: left;

		width: 512px;
		padding-top: 20px;

		text-align: right;
	}

	#copyright .column-right {
		float: left;

		width: 72px;
		padding-left: 30px;
	}


/*	// - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Frontpage
	// - - - - - - - - - - - - - - - -     */

	#front {
		width: 800px;
		height: 544px;

		padding: 20px 0px 0px 150px;

		text-align: left;

		background: url(http://mythicmktg.fileburst.com/uo/uosa/images/background_frontpage.jpg);
	}

	#front-half {
		width: 800px;
		height: 354px;

		padding: 20px 0px 0px 150px;

		text-align: left;

		background: url(http://mythicmktg.fileburst.com/uo/uosa/images/background_frontpage_half_2.jpg);
	}

	#front h1,
	#front-half h1{
		margin-top: 0px;
		margin-bottom: 30px;

		color: #9a6235;
		font: normal 18px Georgia, Tahoma, Verdana, Arial;
	}

	#front .column-one,
	#front-half .column-one{
		float: left;

		width: 625px;

		margin-top: 25px;
		margin-right: 95px;

		line-height: 18px;
	}

	#front .column-left,
	#front-half .column-left{
		float: left;

		width: 275px;

		margin-right: 95px;

		line-height: 18px;
	}

	#front .column-right,
	#front-half .column-right {
		float: left;

		width: 270px;
	}


/*	// - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Subpage
	// - - - - - - - - - - - - - - - -     */

/*	#subpage {
		width: 790px;
		height: 544px;

		padding: 20px 0px 0px 160px;

		text-align: left;

		background: url(http://mythicmktg.fileburst.com/uo/uosa/images/background_site.jpg);
	}*/
#subpage {
		width: 950px;
		/*height: 564px;*/

		text-align: left;

		background: url(http://mythicmktg.fileburst.com/uo/uosa/images/background_site.jpg) no-repeat;
	}

	#subpage td {
		padding: 20px 160px 0px 160px;
		line-height: 18px;
	}

	#subpage h1 {
		margin-top: 40px;
		margin-bottom: 30px;

		color: #9a6235;
		font: normal 18px Georgia, Tahoma, Verdana, Arial;
	}

	#subpage h2 {
		color:#9A6235;
		font-family:Georgia,Tahoma,Verdana,Arial;
		font-size:16px;
		margin: 30px 0px 0px;
	}

	#subpage h3 {
		font-family:Georgia,Tahoma,Verdana,Arial;
		font-size:1.2em;
		font-weight: bold;
		margin: 15px 0px 0px;
	}


	#subpage .column-single {
		float: left;

		width: 620px;
		height: 500px;

		line-height: 18px;
	}

	#subpage .information {
	 border: solid #DCC8B4 2px;
	 margin: 15px auto;
	 text-align: center;
	 width: 400px;
	}

	#subpage .information td {
	 border:solid #DCC8B4 1px;
	 vertical-align: top;
	 padding: 5px;
	}

	#subpage .information th {
	 border:solid #DCC8B4 1px;
	 vertical-align: top;
	 padding: 5px;
	 font-weight: bold;
	}



/*	// - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Navigation
	// - - - - - - - - - - - - - - - -     */

	#navigation {
		width: 900px;
		height: 39px;

		padding-left: 50px;

		text-align: left;
		position: relative;
	}

	#navigation a:link,
	#navigation a:visited,
	#navigation a:active {
		display: block;
		position: absolute;
		white-space: nowrap;

		height: 29px;
		padding: 10px 5px 0px 5px;

		color: white;
		font: bold 14px Georgia, Tahoma, Verdana, Arial;

		text-decoration: none;
	}

/*
	#navigation a:link,
	#navigation a:visited,
	#navigation a:active {
		display: block;
		float: left;

		height: 39px;
		padding: 10px 5px 5px 5px;

		margin-right: 22px;

		color: white;
		font: bold 14px Georgia, Tahoma, Verdana, Arial;

		text-decoration: none;
	}
*/
	#navigation a:hover {
		color: #d12508;
	}

	#navigation-left {
		float:left;
	}
	#navigation-right {
		float:right;
		margin-right: 42px !important;
		margin-right: 10px;
	}

	#navigation a.current {
		background:url(http://mythicmktg.fileburst.com/uo/uosa/images/selection_arrows.gif) center top no-repeat;
	}

/*	// - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Sub-Navigation
	// - - - - - - - - - - - - - - - -     */

	.sub-navigation {
		width: 950px;
		height: 32px;

		margin-top: 20px;

		padding-top: 14px;

		background: url(http://mythicmktg.fileburst.com/uo/uosa/images/background_subnavigation.jpg) top center no-repeat;
		text-align: center;
		cursor:default;
	}

	.sub-navigation a{
	  position: relative;
	  _zoom:1;
	}

	.sub-navigation a:link,
	.sub-navigation a:visited,
	.sub-navigation a:active {
		padding: 5px 5px 0px 5px;
		margin-right: 20px;

		color: #CCCCCC;
		font: bold 11px Georgia, Tahoma, Verdana, Arial;

		text-decoration: none;
	}

	.sub-navigation a:hover {
		color: #FFB400;
	}

	.sub-navigation .disabled {
		color: #666666;
		padding: 5px 5px 0px 5px;
		margin-right: 20px;
		font: bold 11px Georgia, Tahoma, Verdana, Arial;
		text-decoration: none;
	}

	.sub-navigation a.current:link,
	.sub-navigation a.current:visited,
	.sub-navigation a.current:active,
	.sub-navigation a.current {
		color: #FFB400;
	}

	.sub-navigation .updated {
	  position: absolute;

	  left: 50%;
	  top: -29px;
	  margin-left: -32px;
	  height: 29px;
	  width: 65px;
	  text-align:center;
	  /*background: transparent url(http://mythicmktg.fileburst.com/uo/uosa/images/updated.png) top center no-repeat;*/
	}