/* CSS Document */

/* General Settings */
*{margin: 0; padding: 0;}

img{ border: 0; }

body{
background-color: #620108;
background-image: url(../images/bg.jpg);
background-repeat: no-repeat;
background-position: top center;
background-attachment: fixed;
font-family: Arial, Helvetica, sans-serif;
font-size:14px;
font-style:normal;
font-variant:normal;
font-weight:normal;
color: #666666;
}

a{color:#0060a9; font-weight: bold; text-decoration: none;}
a:hover{color:#0060a9; font-weight: bold; text-decoration: underline;}
a { outline: none; }

a.red{color:#ef3d42; font-weight: bold; text-decoration: none; line-height: 60px; text-align:right;}
a.red:hover{color:#ef3d42; font-weight: bold; text-decoration: underline;}

a.storymore{color:#ef3d42; font-weight: normal; text-decoration: none; text-align:right;}
a.storymore:hover{color:#ef3d42; font-weight: normal; text-decoration: underline;}

p { margin: 0 6px 20px 6px; text-align: left; line-height:20px; }


/* Headings */
h1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 28px;
font-weight: bold;
color: #bb2832;	
margin: 5px 0 20px 0;
}

h2.homepage {
font-family: Arial, Helvetica, sans-serif;
font-size: 17px;
font-weight: bold;
color: #fff;
background-color: #1b1d20;
margin: 5px 0 25px 0;
padding: 8px;
}

h2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 22px;
font-weight: bold;
color: #ef3d42;	
margin-bottom: 20px;
margin-top: 3px;
}


h3 {
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: bold;
color: #666666;	
margin: 10px 0px 15px 0px;
}

h4 {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
color: #666666;	
margin: 25px 0px 5px 0px;
}

h4#first {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
color: #666666;	
margin: 0px 0px 5px 0px;
}

/* Main Containers */
#container {
width: 998px;
min-height:100%;
position: relative;
margin-left:auto;
margin-right:auto;
}

#container_main{
width: 998px;
float: left;
background: url('../images/container_bg.png') repeat-y top center;
z-index: -1;
}


/* Header */
#header{
width: 950px;
float: left;
}

#header_top{
width: 950px;
height: 192px;
float: left;
position: absolute;
margin: 0 0 0 0;
background: url('images/top_bg.png') no-repeat top center;
}

.logo{
width: 370px;
float: left;
padding: 10px 0 5px 10px;
}

#apa_header_logo{
width: 107px;
float: right;
padding: 195px 10px 5px 0;
}

.rss{
float: right;
padding: 68px 35px 0 0;
}

#container_header{
width: 960px;
margin: 0 19px 0 19px;
background: url('../images/top_image.jpg') no-repeat top center;
height: 346px;
}

#header_title{
width: 951px;
margin: 0 19px 0 19px;
background: url('../images/header_title_bg.jpg') repeat-x top center;
height: 46px;
font-family: Arial, Helvetica, sans-serif;
font-size:18px;
font-style:normal;
font-variant:normal;
font-weight:normal;
color: #ffffff;
padding: 9px 0 0 9px;
}

#nav_wrap{
width: 998px;
height: 62px;
float: left;
background: url('../images/nav_wrap.png');
}

#menu{
width: 988px;
height: 42px;
float: left;
margin: 10px 5px 10px 5px;
background: url('../images/nav_bg.png') repeat-x top center;
z-index: 1;
}

/* MENU */

#nav {
float: left;
margin: 1px 0 0 13px;
padding: 0;
}

#nav li a, #nav li {
float: left;
}

#nav li {
list-style: none;
position: relative;
}

#nav li a {
padding: 9.2px 31.1px;
text-decoration: none;
font-size: 18px;
font-family:Verdana, Geneva, sans-serif;
font-weight:normal;
color: #bb2832;
text-shadow: 0px 1px 2px #777;
}

#nav li a:hover {
color: #fff;
background: #620208;
background: -moz-linear-gradient(top, #bb2832, #620208);
background: -webkit-gradient(linear, left top, left bottom, from(#bb2832), to(#620208));
}


/* Submenu */

.hasChildren {
position: absolute;
width: 5px; height: 5px;
background: none;
right : 0;
bottom: 0;
}

#nav li ul {
display: none;
position: absolute;
left: 0;
top: 100%;
padding: 0; margin: 0;
}

#nav li:hover > ul {
display: block;
}

#nav li ul li, #nav li ul li a {
float: none;
}

#nav li ul li {
_display: inline; /* for IE6 */
}

#nav li ul li a {
display: block;
background: #eeeeee;
background: -moz-linear-gradient(top, black, #ffffff 0px, #eeeeee 25px);
background: -webkit-gradient(linear, left top, left 25, from(black), color-stop(4%, #ffffff), to(#eeeeee));
}

/* SUBSUB Menu */

#nav li ul li ul {
display: none;
}

#nav li ul li:hover ul {
left: 100%;
top: 0;
}


/* Content Area */
#container_content {
width: 960px;
margin: 0 19px 0 19px;
}

#share_content {
width: 920px;
min-height: 25px;
}

.content_columns {
width: 300px;
padding: 0 10px 20px 10px;
float: left;
}

.content_double {
width: 430px;
padding: 0 15px 20px 15px;
margin: 0 10px 0 10px;
float: left;
}

.videos {
text-align: center;
width: 300px;
padding: 0 2.5px 50px 2.5px;
float: left;
}

ul#home_pics li {
list-style:none;
float:left;
display: inline;
margin: 5px;
}

#content_single {
width: 920px;
margin: 0 20px 0 20px;
float: left;
}

#content_single ol li {
margin: 12px 30px 12px 30px;
}

#content_single ul li {
margin: 12px 30px 12px 30px;
}

.homepage li {
margin-left: 30px;
line-height: 20px;
}

.highlight {
background-color: #f5f5f5;
border: 1px #ccc dashed;
margin: 20px;
padding: 5px;
}

.highlight li {
margin: 12px 30px 12px 30px;
list-style-type:square;
}

.player_story {
	width: 920px;
	margin: 5px 0 30px 0;
	min-height: 200px;
	clear:both;
}

.player_story img {
	border: 0px;
	float:left;
	padding: 0 15px 15px 5px;
}


/* Footer */
#footer{
width: 998px;
float: left;
height: 68px;
background: url('../images/container_bg.png') repeat-y top center;
}

#footer_top{
width: 960px;
margin: 0 19px 0 19px;
height: 53px;
float: left;
background: url('../images/footer_bg.png') repeat-x top center;
z-index: -1;
}

#footer_bottom{
width: 998px;
height: 44px;
float: left;
background: url('../images/footer_bottom.png') no-repeat top center;
}

#copyright{
float: left;
margin-top: 20px;
color: #fff;
font-size: 10px;
}

#APA_footer{
float: left;
margin: 9px 50px 0 10px;
color: #fff;
font-size: 10px;
}

#footer_menu{
width: 600px;
height: 15px;
float: left;
margin-top: 20px;
}

#footer_menu li {
display: inline;
}


#footer_menu li a, #footer_menu li a:hover  { 
font-size:10px;
text-decoration: none;
padding: 0 6px;
color: #fff;
font-weight: bold;
}

#footer_menu ul li a:hover { color: #f9f137; }