/*-----------------------------------------------------------------------------------------------
  Global Styles
-----------------------------------------------------------------------------------------------*/

* {
	padding:0;
	margin:0;
}
h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, fieldset, address { margin:1em 0; }
li, dd { margin-left:0; }
fieldset { padding: .5em; }
select option{ padding:0 5px; }

.hide, .print-logo, .close-button{ display:none; }
.left{ float:left; }
.right{ float:right; }
.clear{ clear:both; height:0px; font-size:0px; line-height:0px; }
a img{ border:none; }

/*-----------------------------------------------------------------------------------------------
  Layout / Base Page Styling
-----------------------------------------------------------------------------------------------*/


body{
	background:#222;
	color:#BFBFBF;
	font-size:11px;
	font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif;
}

.inside{
	width:80%;
	min-width:65em;
	max-width:85em;
	margin:0 auto;
}

.inside2{

	width:100%;
	min-width:65em;
	max-width:85em;
	margin:0 auto;
}

.box{ 
	text-align:center;
	padding: 1px; 
	margin-bottom: 10px; 
	margin-left: 2%; 
	margin-right: 0; 
	margin-top: 20px; 
} 


a{
	color:#000;
}

h1{
	font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif;	
	text-align:center;
	color:#FFF;
	font-size:1.75em;
	font-weight:normal;
	margin:0.7em 0;
}

h2, h3{
	font-size:1.15em;
	color:#222;
	font-weight:normal;
}

h4{
	font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif;
	text-align:center;	
	font-size:0.75em;
	color:#999999;
	font-weight:normal;
}


h5{
	font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif;
	text-align:center;	
	font-size:0.75em;
	color:#FFF;
	font-weight:normal;
}

#primary h2{
	color:#F06;
}

p{
	line-height:1.75em;
}

ul li{
	list-style-type:square;
	margin:0.5em 0 0.5em 2em;
}

table{
	width:60%;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}

hr{
	width:60%;
	margin-left:auto;
	margin-right:auto;
	color:#333333;
	height:auto;
}
	
table th, table td{ padding:0.3em 0.6em }

table th{
	background:#CCC;
	color:#000;
	text-align:left;
}
table td{
	text-align:left;
	background:#333;
	color:#FFF;
}
table caption{
	text-align:left;
	color:#FFF;
}


em{
	background-color:#FFC;
	color:#333;
	font-style:normal;
	padding:2px;
	border-bottom:1px solid #999;
	border-right:1px solid #999;
}

/*-----------------------------------------------------------------------------------------------
  Header
-----------------------------------------------------------------------------------------------*/
#header{
	background:#FFF url(../IMG/bgr_header_night.jpg) repeat-x left top;
	height:80px;
	border-bottom:1px solid #DDD;
}
#header .inside{
	padding:0;
}

#header h2{ 
	font-size:2.25em;
	margin:0;
	padding:0;
	float:left;
}
#header h2 a{ 
	text-decoration:none; 
	display:block;
	width:305px;
	height:80px;
	border:0;
	text-indent:-9999px;
	background: transparent url(../IMG/logo_ap.jpg) no-repeat left top;
}

#header p{
	padding:1em 0;
	margin:0;
	line-height:1em;
}

/*-----------------------------------------------------------------------------------------------
  Primary Items
-----------------------------------------------------------------------------------------------*/

#primary{
	background:#222 url(../IMG/bgr_page_night.jpg) repeat-x left top;
	padding:2em 0 2em 0;
	color:#EEE;
	text-align: center;
	border-top:1px solid #DDD;
}

#primary .primary{
	float:left;
	width:60%;
	/*background: transparent url(../IMG/bg_trans.png) repeat left top;*/
	color:#BBB;
	padding:10px 0 30px 0;
}
#primary .primary h1, #primary .secondary h1{
	font-size:1.95em;
	margin:0;
	font-weight:normal;
	/*border-top:3px solid #F06;*/
	padding-top:10px;
	color:#FFF;
}
#primary .primary h4, #primary .secondary h4{
	font-size:1em;
	margin:5px 0 0 0;
	font-weight:normal;
	border-bottom:1px solid #555;
	padding-bottom:10px;
	color:#999;
}
#primary .primary a, #primary .secondary a{
	color:#C00;
	text-decoration:none;
}
#primary .primary a:hover, #primary .secondary a:hover{
	color:#FFF;
}
#primary .secondary{
	float:right;
	width:27%;
	/*background: transparent url(../images/bg_trans.png) repeat left top;*/
	margin-left:5%;
	padding:10px;
	padding-top:0.65em;
	display:inline;
}
* html #primary .secondary{ margin-right:3%; }


#secondary{
	background:#222 url(../IMG/bgr_secondary.jpg) repeat-x left top;
	padding:2em 0 2em 0;
	color:#EEE;
	text-align: center;
	border-top:1px solid #DDD;
}

.secondary a{
	text-decoration:none;
	color:#999999;
}
.secondary a:hover{
	text-decoration:underline;
	color:#FFF;
}

/*-----------------------------------------------------------------------------------------------
  Ancillary Items
-----------------------------------------------------------------------------------------------*/

.ancillary{
	background:#000000 url(../IMG/bgr_footer.jpg) repeat-x;
}

.ancillary .inside2{
	background:transparent;
}


/*-----------------------------------------------------------------------------------------------
  Foooter
-----------------------------------------------------------------------------------------------*/

#footer{
	clear:both;
	color:#777;
	margin:1em 0 0 0;
}
#footer .inside{
	padding: 0 ;
}
#footer p{
	margin:0;
	font-size:11px;

}
#footer p.attributes{ 
	float:right;
	padding:0 0 0 1em;
}
#footer p.attributes a{
	text-decoration:none;
	color:#777;
}
#footer p.attributes a:hover{
	color:#FFF;
}
#footer div.foot-notes{
	float:none;
	font-size:11px;
	text-align:center
}

#footer a{
	color: #FFF;
	text-decoration:none;
	font-size:11px;
}


#footer a:hover {
	text-decoration:underline;
}


/*-----------------------------------------------------------------------------------------------
  Utils Items
-----------------------------------------------------------------------------------------------*/

a.nav{
	display:block;
	float:right;
	margin:0;
	padding:10px 10px 9px 10px;
	background:#EEE url(../IMG/bg_menu.jpg) repeat-x left top;
	border-left: 1px solid #FFF;
	border-right:1px solid #FFF;
	font-size:10px;	color:#666;
	text-decoration:none;}a.nav:hover{	color:#000;
	background:#F06 url(../IMG/bg_menu_over_pink.jpg) repeat-x left top;
}

p.flavour{
	border-top:1px solid #333;
	padding: 12px 0 0 0;
}


/*-----------------------------------------------------------------------------------------------
  Image Styles
-----------------------------------------------------------------------------------------------*/


.primary img, .secondary img{
	background-color:#BBB;
	padding:5px;
	margin:0;
}
.story img:hover, .primary img:hover, .secondary img:hover {
	background-color:#FFF;
}
.ancillary img, .block img {
	background-color:#999;
	padding:4px;
}
.ancillary img:hover, .block img {
	background-color:#FFF;
}

/*-----------------------------------------------------------------------------------------------
  Other Styles
-----------------------------------------------------------------------------------------------*/


ul.thumbs{
	border:0;
	padding:0;
	margin:0px 0px 0px 70px;	
}

ul.thumbs li{
	float: left;	display: inline;		margin: 0 10px 5px 0;
	padding: 0 0 0 0;	list-style-type: none;
	border:0;
	background-color: #BBB;
	color: #000;
	font-size: 0.9em;
}
ul.thumbs li:hover{
	background-color: #FFF;
	color: #000;
}
ul.thumbs li:hover img{
	background-color: #FFF;
}
ul.thumbs li .caption {
	padding: 2px 2px 2px 5px;
	}


ul.thumbs li a {
	text-decoration:none;
	color:#000;
	}


ul.thumbs li a:hover{
	text-decoration:underline;
	color:#666666;
}

	

/*-----------------------------------------------------------------------------------------------
  Menu Styles
-----------------------------------------------------------------------------------------------*/
ul#navigation{
	border:0;
	padding:0;
	margin:0;
	float:right;
}
ul#navigation li{
	float: left;	display: inline;		margin: 0 0 5px 0;
	padding: 0;	list-style-type: none;
	border:0;
	font-size: 14px;
	font-weight: normal;
}
ul#navigation li a{
	float: left;
	display: block;
	height: 45px;
	margin:5px 0 0 0;
	padding: 25px 22px 0 23px;
	color: #FFF;
	text-decoration: none;
	text-transform: lowercase;
	border-left:1px solid #505050;
}
ul#navigation li a.last{
	border-right:1px solid #505050;
}
ul#navigation li a:hover, ul#navigation li a.selected{
	background: transparent url(../IMG/bgr_menu_night.jpg) repeat-x left center;
	color: #CCC;
}