@import url("reset.css");

html, body, form {
    height: 100%;
}

body {	
	font-family : "Times New Roman", Times, Arial; 
	font-size : 62.5%;
}

a {
	color : #000;
}

a:hover {
	color : #000;
}


div.clearcontent {
	clear : both;
	height : 70px;
}

div.clearheader {
	height : 50px;
	width : 100%;
}

#wrapper {
	margin-bottom : -70px;
	min-height : 99.75%;
	padding : 0 50px 0 40px;
	position : relative;	
	width : 804px;
}

#wrapper img.logo {
	display : inline;
	float : left;
	margin : 0 0 0 10px;
}

h1 {
	display : block;
	float : left;
	font-size : 1em;
	text-indent : -2000px;
}

h1 span.year {	
	position : absolute;
	top : -250px;
}

h2 {
	/*position : absolute;
	top : -200px;*/
	font-size:16px;
	
}


/******************************
 __  __ ______ _   _ _    _ 
|  \/  |  ____| \ | | |  | |
| \  / | |__  |  \| | |  | |
| |\/| |  __| | . ` | |  | |
| |  | | |____| |\  | |__| |
|_|  |_|______|_| \_|\____/ 
 
*******************************
*/

#menu {	
	/*float : right;
	width : 480px;*/
	position: absolute;
	right: 50px;
	top: 73px;
}

#menu ul {
 	float : right;
	font-size : 16px;
	position  : relative;
	right : -14px;
	top : 45px;
}
 
#menu ul li{
	display : inline;
}
 
#menu ul li a{ 	
	border-left : 1px solid #727272;
	color : #727272;
	padding : 0 5px 0 7px;
	text-decoration : none;	
}

#menu ul li a.first{
	border : 0;
}

#menu ul li a:hover, #menu ul li a.selected { 	
	color : #000;
}

#menu ul li a.selected{ 	
	text-decoration : underline;
}
 

#subnavigation {
	background-color : #f55f49;
 	float : left;
	margin : 30px 0 0 10px;
	width : 100%;
}

#subnavigation ul{
 	line-height : 1.2em;
	font-size : 1.4em;
	padding : 20px 20px 20px 275px;
}
 
#subnavigation ul li{
 	color : #fff;
}
 
#subnavigation ul li a{
 	color : #fff;
	text-decoration : none;
}


/**************************************************
  _____ ____  _   _ _______ ______ _   _ _______ 
 / ____/ __ \| \ | |__   __|  ____| \ | |__   __|
| |   | |  | |  \| |  | |  | |__  |  \| |  | |   
| |   | |  | | . ` |  | |  |  __| | . ` |  | |   
| |___| |__| | |\  |  | |  | |____| |\  |  | |   
 \_____\____/|_| \_|  |_|  |______|_| \_|  |_| 
 
 ****************************************************
 */

#content, #home {
	float : left;
	margin : 0 0 50px 10px;
	padding : 50px 0 0 0;
	width : 100%;
}

#content h3 {
	border-bottom : 3px solid #6c6354;
	color : #6c6354;
	display : inline;
	font-family : Arial;
	font-size : 4.7em;	
	height : 20px;	
	text-transform : uppercase;	
	/*text-decoration : underline;*/
}

#content h4 {
	font-size : 2em;
	font-style : italic;	
	font-weight : normal;
	text-align : justify;
}

#content h4.sponsors {
	margin : 50px 0 50px 0;
}

#content img.photo {
	margin : 10px 0 20px 0;
}

#content h5 {
	background : url("../img/article/ico-links.png") no-repeat 0 16px;
	color : #6c6354;
	font-family : Arial;
	font-size : 1.7em;
	padding : 16px 0 8px 20px;
	text-transform : uppercase;	
}

#content p {
	font-size : 1.4em;		
	margin : 10px 0 10px 0;
	/*text-align : justify;*/
}

/* Article */

#content #text {
	border-right : 1px solid #cfcfcf;
	float : left;
	padding : 0 20px 0 0;
	width : 580px;
}


#content #articletitle  {
padding-bottom:10px;
}
#content #infos {
	float : left;	
	padding : 0 0 0 20px;
	width : 183px;
}

#content #infos ul.copyright{
	background-color : #e5e5e5;
	display : block;	
	font-size : 1.2em;
	padding : 20px;
}

#content #infos ul.copyright li a{
	color : #000;
}

#content #infos ul.links{
	font-size : 1.4em;
}

#content #infos ul.links li{
	background : url("../img/article/ico-document.png") no-repeat 0 2px;
	padding : 0 0 0 20px;
}


#content #infos ul.links li a{
	color : #484848;
}

#content #infos ul.links li a:hover{
	color : #000;
}

/* Sponsors */

#content #logos ul li {
	display:inline;
	margin : 0 75px 0 0;
}

#content #logos ul li img{
	margin : 0 0 45px 0;
}

/* Gallery */
#content #gallery {
	
}

#content #legende {
	background-color : #e5e5e5;	
	color : #7c7c7c;
	margin : 0 0 10px 0;
	padding : 15px 10px 20px 10px;

}

#content #legende p{
	display : inline;
	font-size : 1.4em;
}

#content #legende span.number{
	display : inline;	
	font-style : italic;
	text-decoration : underline;
}

#content #legende ul.nav {
	float : right;
}

#content #legende ul.nav li, #content #legende ul.nav li a {
	float : left;
	height : 21px;
	margin : 5px;
	position : relative;
	top : -5px;
	width : 21px;
}

#content #legende ul.nav li a {
	text-indent : -2000px;
}

#content #legende #previous {
	background : url("../img/gallery/previous.png") no-repeat 0 0;
	height : 21px;
	width : 21px;
}

#content #legende #next {
	background : url("../img/gallery/next.png") no-repeat 0 0;
}

#content #gallery ul li {
	float : left;
	margin-right : 1px;
}

#content #gallery ul li.last {
	margin-right : 0px;
}

#content #gallery img.gallery {
	margin-bottom : 0;
}

#content #gallery a span {
	text-indent : 2000px;
}

/**
 * Special Homepage
 */


#home {
	padding : 30px 0 0 0;
}

/* Force when without Flash */
#home #flash {	
	background-color : #f55f49;
	width : 100%;
	height : 400px;
	margin : 0 0 40px 0;
}


#home h3 {
	color : #6c6354;
	font-family : Arial;
	font-size : 2.2em;
	text-transform : uppercase;	
}

#home h4 {
	color : #000;
	font-size : 1.3em;
	text-decoration : underline;	
}

#home h4 a {
	color : #000;
	font-size : 1.4em;
}

#home h6 {
	background : url("../img/home/list.png") no-repeat 0 9px;
	color : #7b7b7b;	
	float : left;
	font-size : 1.4em;
	padding : 4px 0 0 30px;
}

#home p {
	color : #7b7b7b;
	font-size : 1.4em;
}

#home #blockquote {
	margin : 20px 0 20px 0;
}

#home blockquote {
	color : #979696;
	display : block;
	float :  left;
	font-size : 2.2em;
	font-style : italic;			
	line-height : 1.2em;
	margin : 7px 0 7px 10px;
	width : 720px;
	
	min-height:80px;
	height:auto !important;
    height:80px;
}

#home #blockquote span.decoration{
	font-size : 10em;
}

#home #blockquote span.left{
	background : url("../img/home/quoteleft.png");
	width : 29px;
	height : 90px;
	display : inline;
	float : left;	
	left : -10px;
	position : relative;
}

#home #blockquote span.right{
	background : url("../img/home/quoteright.png");
	width : 29px;
	height : 90px;
	display : inline;
	float : right;
	position : relative;
	right : -10px;
}

#home blockquote a {
	color : #f55f49;
	font-size : .7em; 
	text-decoration : none;
}

#home blockquote a:hover {
	text-decoration : underline;
}

#home #articles {
	float : left;
	margin : 50px 50px 0 0;
	overflow : hidden;
	width : 400px;
}

#home #articles div.article {	
	margin : 10px 0 0 0;
	overflow : hidden;
	width : 100%;
}

#home #articles h3.lastArticles 
{
	display : inline;
}

#home #articles div.lastArticles 
{
	float : right;
	position : relative;
	bottom : -7px;
}
	

#home #articles a.lastArticles 
{
	font-size : 1.4em;
	color : #f55f49;
	margin :  0 5px 0 0 ;
	text-decoration : underline;
}

#home #articles div.content {
	float : right;
	width : 240px;
}

#home #articles div.content p{
	margin : 5px 0 0 0;
}
#home #articles div img {
	
}

#home #contact {
	
	float : right;
	padding : 50px 0 0 0;
	width : 350px;
}

#home #contact ul{
	display : inline;
	float : right;
}

#home #contact ul li, #home #contact ul li a{
	display : block;
	float : left;
	margin : 0 0 0 10px;
}

#home #contact ul li a {
	height : 27px;
	text-indent : -2000px;	
}

#home #contact ul li a.twitter{
	background : url("../media/img/home/twitter.png") no-repeat 0 4px;
	width : 73px;
}

#home #contact ul li a.facebook{
	background : url("../media/img/home/facebook.png") no-repeat;
	width : 72px;
}

#home #contact #newsletter {
	background-color : #e5e5e5;	
	margin : 10px 0 20px 0;	
	padding : 20px;
	position : relative;	
}

#home #contact #newsletter legend {
	color : #727272;
	font-size : 1.2em;
	padding : 10px 0 10px 0;
}

#home #contact #newsletter input {
	border : 1px solid #cecece;
	color : #7b7b7b;
	font-size : 1.4em;
	height : 21px;
	padding : 4px 0 4px 0;
	width : 100%;
}

#home #contact #newsletter input.submit{	
	cursor : pointer;
	display : block;	
	height : 26px;
	left : 302px;
	position : absolute;
	top : 67px;
	width : 26px;
	z-index : 2;
	border : none;
}

/***********************************************
 ______ ____   ____ _______ ______ _____  
|  ____/ __ \ / __ \__   __|  ____|  __ \ 
| |__ | |  | | |  | | | |  | |__  | |__) |
|  __|| |  | | |  | | | |  |  __| |  _  / 
| |   | |__| | |__| | | |  | |____| | \ \ 
|_|    \____/ \____/  |_|  |______|_|  \_\

***********************************************
*/

#footer {
	background-color : #ededed;	
	height : 71px;
	position : relative;
	width : 100%;
}

#footer ul{
	float : left;
	margin : 20px 0 0 50px;
}
/*
#footer ul li, #footer ul li a{
	line-height : 36px;
	display : block;
	float : left;
	height : 30px;	
	margin : 0 25px 0 0;
}*/


#footer ul li{
	line-height : 36px;
	/*display : block;*/
	float : left;
	height : 30px;	
	margin : 0 25px 0 0;
}
#footer ul li a
{
    text-decoration:none;
	line-height : 36px;
	/*display : block;
	float : left;*/
	height : 30px;	
	margin : 0 25px 0 0;
}

#footer p {
	float : right;
}


.subnavigation {
	background-color : #f55f49;
 	float : left;
	margin : 30px 0 0 10px;
	width : 100%;
	min-height:40px;
}

.subnavigation ul{
 	line-height : 1.2em;
	font-size : 1.4em;
	padding : 20px 20px 20px 275px;
}
 
.subnavigation ul li{
 	color : #fff;
}
 
.subnavigation ul li a{
 	color : #fff;
	text-decoration : none;
}

/*Added by Ernad 08.07.2010*/
.subnavigation ul li.competition
{
	color : #fff;
	font-size:18px;
	font-family:Georgia, Times New Roman;
}
.subnavigation ul li.competition a{
 	color : #fff;
	text-decoration : underline;
}
/* //Added by Ernad 08.07.2010*/

#content #articlearchive
{
    padding-top:15px;
    float:left;
}
#content #articlearchive div.article
{
    width : 390px;
    float : left;
	color:#7B7B7B;
	display : block;
	padding-bottom : 10px;
	padding-right: 10px;
}
#content #articlearchive div.article div.photo
{
    width : 160px;
    display:block;
	float:left;
}
#content #articlearchive div.article img
{
    display:block;
    float:left;
}
#content #articlearchive div.article div.content
{
   width : 230px;
    float:right;
}
#content #articlearchive div.article div.content h4
{
    color:#000000;
	font-size:2.25em;
	font-weight: bold;
	font-style : normal;
	text-decoration:underline;
}

/* Competition */

.CompFormLabel
{
	
	font-size: 12px;
	font-family: "Times New Roman", Times, Arial;
	/*color: Red;*/
	height: 60px;
	/*background-color: #e5e5e5;*/
}

.CompFormData
{
	
	font-size: 12px;
	height: 60px;
	
	/*background-color: #e5e5e5;*/
}

.CompFormData input
{
	width: 180px;
	
}

.txtdesc
{
	width: 590px;
	height: 200px;
	font-size: 11px;
}

#infodiv
{
	margin-top: 5px;
	margin-bottom: 5px;
}

.ConfirmDiv
{
	font-size: 18px;
	margin-top: 30px;
}