/*
 * Begin the site CSS
*/


body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #666666;
	margin: 0; 
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}

.alliescss #container {
	width: 768px;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 1px solid #000000;
	text-align: left; /* this overrides the text-align: center on the body element. */
	background-color: #FFFFFF;
	background-image: none;
}
.alliescss #header {
	background-color: #DDDDDD;

	/* Here is our random image */
		background-image:url( media/images/random/1.jpg ); 

	background-repeat:no-repeat;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 0px;
	margin-bottom: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	height: 150px;
	float: none;
	width: auto;
	position:relative;
}

.alliescss #navbar{
	position:relative;
	height:55px;
	padding-right:5px;
}

.alliescss #navbar div {
	position:absolute;
	bottom:0;
	width:100%;
	text-align:right;
	background-color: #FFFFFF;
	opacity: .80;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;

}
.alliescss #navbar ul {
	bottom:0;
}
.alliescss #navbar li { 
	
	display: inline;
}
.alliescss #navbar  li a {
	position:inheret;
	bottom:0;
	width: auto;
	padding: 0.2em 1em;
	color: Black;
	text-decoration: none;
	float: right;
	border-right: 1px solid #fff;
}
.alliescss #navbar a:hover {
	background-color: #888;
	color: 000;

}
.alliescss #logo {
	/* This div automatically puts the allies logo over the
	 * background image
	 */
	align:  right;
	width: 768px;
	text-align:right;
		background-image:url(allieslogo.png); 
	background-repeat:no-repeat;
	height: 95px;
}

.alliescss #topstory {
	border: 1px solid #000;
	background-color:#cccccc;
	text-align: left;
	padding: 5px;
	opacity: .90;
}

.alliescss #normalstory {
	border: 1px solid #000;
	text-aligh: left;
	padding: 5px;


}
.alliescss #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
.alliescss #mainContent {
	padding: 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background: #FFFFFF;
}
.alliescss #footer { 
	padding: 0 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#DDDDDD;
} 
.alliescss #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}

/***************** div-table styles *************/

.table {
height:auto;
margin:0pt auto;
position:relative;
text-align:center;
}

.table-row {
padding:2px;
text-align:center;
}

.left {
clear:left;
float:left;
height:auto;
margin-top:1px;
padding:2px;
text-align:right;
width:50%;
}

.right {
clear:right;
float:left;
height:auto;
padding:2px;
text-align:left;
}

.clear {
clear:both;
}

.bold { font-weight: bold; }

.title {display:block;font-weight:bold}
.datum {display:block;font-size:0.7em}
.description {font-size:0.8em}
img.image {border:5px #111 solid}
 div.image-item {float: left; padding:25px;height:256px;width:256px;text-align:center}
 div.first-image-item {clear:left} 
div.index-item {float:left;padding:28px;height:270px;width:256px;text-align:center;font-size:x-large} 
span.actual-item {padding-left:10px;font-size:x-large}
 .skin {float:right;clear:right;font-size:0.8em} 

 .clearfix:after {
     content: "."; 
         display: block; 
	     height: 0; 
	         clear: both; 
		     visibility: hidden;
		     }


.gallery {
        float: left;
        padding: 10px;

}
.element a:link img{color:none; border: 4px solid black; clear: both;}
.element a:visited img{color: none;border: 4px solid black; clear: both;}