/* HTML ATTRIBUTES */
body {
	font-family: Tahoma, Verdana, Arial, Helvetica;
	font-size: 11px;
	color: #555555;
	line-height: 18px;
	margin-top: 28px;
}

img { /* Needed for the alignment of the picture in vertical way */
   display: block;
   margin: auto;
}


/* CONTAINERS */
#Container {
	position: relative;
	width: 752px;
	margin-left: auto;
	margin-right: auto;
}

#Header {
	position: relative;
	width: 750px; height: 69px;
	background: #ffffff url('../images/body/header.gif') no-repeat;
	border-left: solid 1px #928868;
	border-right: solid 1px #928868;
	border-top: solid 1px #928868;
	text-align: right;
}

#Menu {
	position: relative;
	width: 750px; height: 28px;
	background: #ffffff url('../images/body/menu.gif') repeat-x;
	border-left: solid 1px #928868;
	border-right: solid 1px #928868;
	text-align: right;
}

#MenuFooter {
	position: relative;
	width: 750px; height: 5px;
	background: #ffffff url('../images/body/menu_footer.gif') repeat-x;
	border-left: solid 1px #928868;
	border-right: solid 1px #928868;
	font-size: 0px;
}
#ContentContainer {
	position: relative;
	width: 750px; height: 369px;
	overflow: auto;
	background: #ffffff;
	border-left: solid 1px #928868;
	border-right: solid 1px #928868;
	border-top: solid 1px #928868;
	text-align: left;
}
#Footer { 
	position: relative;
	width: 750px; height: 51px;
	background: #ffffff url('../images/body/footer.gif') no-repeat;
	border-left: solid 1px #928868;
	border-right: solid 1px #928868;
	border-bottom: solid 1px #928868;
}
#Selection { 
	position: relative;
	width: 752px;
	text-align: right;
}
.clsContent { padding: 10px; }
.clsContentLeft { padding: 10px; width: 510px; float: left; }
.clsContentRight { width: 172px; height: 100%; float: left; border-left: solid 1px #aabbaa; padding: 10px; }
#clsLeftContent { position: relative; background: #ffffff; width: 160px; float: left; padding: 10px; }
#clsRightContent { position: relative; width: 530px; background: #ffffff; float: left; padding: 10px; }
.clsLine { position: relative; float: left; width: 1px; height: 100%; background: #dddddd; }
.clsMenuPadding { font-size: 11px; padding-top: 6px; padding-right: 10px; }





/* BOX THAT SHOWS THE ART*/
.clsArtBox {
	position: relative; width: 160px; height: 182px; background: #ffffff; border: solid 1px #dddddd; float: left; margin: 5px; cursor: pointer;
}
.clsArtContainer {
   background: #ffffff;
   height: 160px;
   overflow: hidden;
   position: absolute; left: 0px; top: 0px;
   width: 160px;
}
.clsArtContainer[class] {
   display: table;
   position: static;
}
.clsArtLabel {
	position: absolute; left: 0px; top: 160px; width: 160px; height: 22px; background: #ffffff; text-align:center;
}
.image-align[class] {
   display: table-cell;
   position: static;
   vertical-align: middle;
}
/*IE FIX*/
.image-iefix {
  position: relative; top: -50%; 
}
.image-align {
   position: absolute;
   top: 50%;
}






/* FONTS */
h1 {
	margin-top: 0px;
	margin-bottom: 8px;
	font-size: 14px;
	color: #F17904;
}
h2 {
	margin-top: 0px;
	margin-bottom:2px;
	font-size: 11px;
	font-weight: bold;
	color: #F17904;
}
p {
	margin-top: 0px;
	margin-bottom: 8px;	
}

.clsList {
	padding: 0px;
	margin-left: 18px;
}
.clsListItem {
	font-weight: bold;
	margin-bottom: 5px;
}


a.clsMenuLink:link, a.clsMenuLink:active, a.clsMenuLink:visited {
	text-decoration: none;
	color: #000000;
	font-weight: bold;
}
a.clsMenuLink:hover {
	text-decoration: underline;
	color: #ffffff;
	font-weight: bold;
}

a:link, a:active, a:visited {
	text-decoration: none;
	color: #F17904;
}
a:hover {
	text-decoration: underline;
	color: #F17904;
}

.clsForm {
	font-size: 12px;
	color: #777777;
}