@media screen {
html, body	{ 
	font:95% Arial, Helvetica, sans-serif;
	color:#000; 
	margin:0; 
	padding:0; 
	background:none #fff; 
}	
a:link{ 
	color:rgb(204, 0, 0); 
	text-decoration:none; 
}
a:hover, 
a:active { 
	color:rgb(204, 0, 51); 
	/* text-decoration:underline; */
	text-shadow: 1px 1px 1px #999;
}
a:visited { 
	color:rgb(204, 51, 0);
	text-decoration:none; 
}
a.external {
	background:transparent url("i/external.png") no-repeat scroll right center;
	padding-right:12px;
}
h1	{ 
	font-size:1.3em; 
	color:#555;
	text-shadow:1px 1px 1px #ccc;
	letter-spacing:2px;
	border-bottom:1px solid #ccc;
	font-weight:normal;
	text-transform:uppercase;
}
h2	{ 
	font-size:1.2em; 
	padding:0; 
	margin:2em 0 0 0; 
	font-weight:normal;
}
h3	{ 
	font-size:1.1em; 
	padding:0; 
	margin:1em 0 0 0;
	font-weight:normal;
}
blockquote	{ 
	color:#555; 
	margin:5px 0; 
}
sup	{ 
	font:.5em Arial, Helvetica, sans-serif;
}
.wrapper {
	margin:0 auto; 
	padding:1em 0;
	width:760px
}
.breadcrumbs { 
	display:none; 
}
.navigation ul { /* all lists */
	padding:0;
	margin:0;
	list-style:none;
}
.navigation li { /* all list items */
	float:left;
	position:relative;
	width:150px;
	text-align:right;
}
.navigation li.logo {
	float:left;
	position:relative;
	width:160px;
	padding:0 !IMPORTANT;
	border:0 !IMPORTANT;
	text-align:left !IMPORTANT;
	font-weight:bold;
}
a.parent:link,
a.parent:visited {
	padding:0 0 0 1em ;
	background:url("i/arrow.png") no-repeat scroll left center;
}
a.parent:hover {
	padding:0 0 0 1em ;
	background:url("i/arrow.png") no-repeat scroll left center;
}
.navigation li ul { /* second-level lists */
	display:none;
	position:absolute;
	top:1em;
	left:0;
}
.navigation li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
	top:auto;
	left:auto;
}
.navigation li:hover ul, 
.navigation li.over ul { /* lists nested under hovered list items */
	display:block;
}
.content  { 
	clear:left;
	padding:4em 0 0 0;
}
.content ul { 
	list-style:none;
	margin:0; 
	padding:0;
}
.content ul li { 
	padding:0 0 1em 0;
}
.item {
	clear:both;
}
.content ul#details { 
	list-style:none; 
	margin:0; 
	padding:0;
	color:#555;
	width:250px;
	float:left;
	font-size:.8em;
}
.imagecaptions { 
	font-size:.8em; 
	font-style:italic; 
	color:#555; 
	margin:.2em 0 2em 0;
	text-align:right;
	border-top:1px solid #ccc;
}
img.hero  {
	width:760px;
	height:600px;
	border:0;
}
img.hero4x3  {
	width:191px;
	height:143px;
	border:0;
}
img.hero16x9  {
	width:191px;
	height:107px;
	border:0;
}
img.thumbnail  {
	width:70px;
	height:50px;
	border:0;
	float:left;
	margin:0 10px 10px 0;
}
.summary {
	float:right;
	width:670px;
	margin:0 0 10px 0;
}
.summary a {
	text-transform:uppercase;
}
.description {
	text-align:justify;
	width:510px;
	float:right;
	padding:0 0 2em 0;
}
.illustration { 
	margin:1.5em 0 .5em 2em; 
	padding:0;
	float:right;
	font-size:.8em; 
	font-style:italic; 
	color:#555;
}
.footnotes { 
	font:.7em Arial, Helvetica, sans-serif;
	padding:1em;
	margin:1em 0 0 0;
	border-top:1px solid #333;
}
.footer { 
	clear:both;
	width:8px;
	height:52px;
	background:url("i/BullMiletic.gif") no-repeat; 
}

/* gallery */

#gallery {
	position:relative;
	height:600px;
	margin:6em 0 1em 0;
}
#gallery a {
	float:left;
	position:absolute;
}
#gallery a img {
	border:none;
}
#gallery a.show {
	z-index:500
}
#gallery .caption {
	z-index:600; 
	background-color:#000; 
	color:#fff; 
	height:100px; 
	width:100%; 
	position:absolute;
	bottom:0;
}
#gallery .caption .content {
	padding:5px;
}
#gallery .caption .content h3 {
	margin:0;
	padding:0;
	color:#fff;
}
}
@media print {
body { 
	font: 11pt Arial, Helvetica, sans-serif
}
.breadcrumbs, .navigation, .footer  { 
	display: none; 
}
}
@page :left {
  	margin: 2cm 4cm 2cm 3cm;
}
@page :right {
  	margin: 2cm 3cm 2cm 4cm;
}