/****************************************************************************************
 *	EAAE - CSS Main File
 *	@media		screen
 *	@author		Kreativne ideje d.o.o.
 *	@URL		www.kreativne-ideje.si
 *	@date		December 2009
 ***************************************************************************************/
 
 
 /********************************************************************
 *	General Styles
 *******************************************************************/
* {
	margin: 0;
	padding: 0;
	}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #181A19;
	background-color: #FFFFFF;
	text-align: center;
	}

img {
	border: 0;
	}
	
h1 {
	font-size: 24px;
	/*color: #001163;*/
	color: #516194;
	padding-bottom: 25px;
	}
	
h2 {
	font-size: 18px;
	/*color: #001163;*/
	color: #516194;
	padding-bottom: 10px;
	padding-top: 5px;
	}

ol {
	padding-left: 20px;
	}

ul {
	padding-left: 15px;
	}

ul li {
	padding-bottom: 5px;
	list-style-type: disc;
	}

a {
	text-decoration: underline;
	color: #598DB7
	}
	
a:hover {
	text-decoration: none;
	}
	
.blue {
	color: #598DB7;
	}

.orange {
	color: #FFA000;
	}
	
.bodyImage {
	padding-bottom: 15px;
	}
	
/********************************************************************
 *	General Structure
 *******************************************************************/
#container {
    width: 980px;
    margin: 15px auto 0;
	}
	
/********************************************************************
 *	Header
 *******************************************************************/
#header {
	float: left;
    width: 980px;
    height: 267px;
    background-image: url(../images/header.jpg);
    background-repeat: no-repeat;
	}
	
#header .inHeader {
	float: left;
	width: 125px;
	padding-left: 855px;
	padding-top: 20px;
	}
	
#header .inHeader a {
	display: block;
	width: 100px;
	height: 100px;
	}
	
/********************************************************************
 *	Navigation
 *******************************************************************/
#navigation {
	clear: left;
	float: left;
    width: 980px;
    height: 102px;
    text-align: left;
	}
	
#navigation .navBar {
	float: left;
	width: 650px;
	}
	
#navigation .navBar .inNavbar {
	float: left;
	width: 650px;
	padding-top: 11px;
	}
	
#navigation .navBar .menu0 {
	float: left;
	width: 650px;
	height: 31px;
	}
	
#navigation .navBar .menu0 .menuLink, .menu0 .menuLinkActive {
	float: left;
	padding-right: 5px;
	}
	
#navigation .navBar .menu0 .menuLink a {
	display: block;
	float: left;
	height: 31px;
	line-height: 31px;
	padding-left: 9px;
	padding-right: 39px;
	font-size: 16px;
	color: #FFFFFF;
	background-image: url(../images/bg_navigation_01.gif);
	background-repeat: repeat-x;
	text-decoration: none;
	}
	
#navigation .navBar .menu0 .menuLink a:hover {
	display: block;
	float: left;
	height: 31px;
	line-height: 31px;
	padding-left: 9px;
	padding-right: 39px;
	font-size: 16px;
	color: #FFFFFF;
	background-image: url(../images/bg_navigation_01_hov.gif);
	background-repeat: repeat-x;
	text-decoration: none;
	}
	
#navigation .navBar .menu0 .menuLinkActive a {
	display: block;
	float: left;
	height: 31px;
	line-height: 31px;
	padding-left: 9px;
	padding-right: 39px;
	font-size: 16px;
	color: #FFFFFF;
	background-image: url(../images/bg_navigation_01_hov.gif);
	background-repeat: repeat-x;
	text-decoration: none;
	}

	
#navigation .navBar .menu1 {
	clear: left;
	float: left;
	width: 620px;
	height: 31px;
	background-image: url(../images/bg_navigation_01_hov.gif);
	background-repeat: repeat-x;
	}
	
#navigation .navBar .menu1 .subMenuLink, .menu1 .subMenuLinkActive {
	float: left;
	}
	
#navigation .navBar .menu1 .subMenuLink a {
	display: block;
	float: left;
	height: 31px;
	line-height: 31px;
	padding-left: 9px;
	padding-right: 9px;
	font-size: 14px;
	color: #FFFFFF;
	text-decoration: none;
	}
	
#navigation .navBar .menu1 .subMenuLink a:hover {
	/*text-decoration: none;
	color: #FFA000;*/
	display: block;
	float: left;
	height: 31px;
	line-height: 31px;
	padding-left: 9px;
	padding-right: 9px;
	font-size: 14px;
	color: #FFFFFF;
	background-image: url(../images/bg_navigation_01.gif);
	background-repeat: repeat-x;
	text-decoration: none;
	}
	
#navigation .navBar .menu1 .subMenuLinkActive a {
	display: block;
	float: left;
	height: 31px;
	line-height: 31px;
	padding-left: 9px;
	padding-right: 9px;
	font-size: 14px;
	color: #FFA000;
	text-decoration: none;
	}
	
#navigation .navBar .breadcrumb {
	clear: left;
	float: left;
	width: 600px;
	height: 29px;
	line-height: 29px;
	}
	
#navigation .navBar .breadcrumb p {
	padding-left: 3px;
	font-size: 11px;
	font-weight: bold;
	}
	
#navigation .navBar .breadcrumb a {
	font-size: 11px;
	color: #598DB7;
	text-decoration: none;
	}
	
#navigation .navBar .breadcrumb a:hover {
	text-decoration: underline;
	}
	
#navigation .logotips {
	float: left;
	width: 330px;
	}
	
#navigation .logotips .logo {
	float: left;
	}
	
/********************************************************************
 *	Content
 *******************************************************************/
#content {
	clear: left;
	float: left;
    width: 980px;
    padding-bottom: 55px;
    text-align: left;
	}
	
#content .mainColumn {
	float: left;
	width: 720px;
	} 
	
#content .mainColumn p {
	padding-bottom: 10px;
	line-height: 130%;
	}
	
#content .mainColumn .inMain {
	float: left;
	width: 707px;
	padding-right: 13px;
	}
	
#content .mainColumn .contentBox {
	float: left;
	width: 707px;
	background-color: #FEF3E0;
	}
	
#content .mainColumn .contentBox .inContentbox {
	float: left;
	width: 682px;
	padding-top: 15px;
	padding-left: 10px;
	padding-right: 15px;
	padding-bottom: 15px;
	} 
	
#content .mainColumn .contentBox .contentText {
	float: left;
	width: 682px;
	}
	
#content .mainColumn .contentBox .refImage {
	float: left;
	width: 195px;
	height: 110px;
	}
	
#content .mainColumn .contentBox .fileItem {
	clear: left;
	float: left;
	width: 600px;
	padding-bottom: 7px;
	}
	
#content .mainColumn .contentBox .fileItem .fileIcon {
	float: left;
	width: 27px;
	}
	
#content .mainColumn .contentBox .fileItem .fileLink {
	float: left;
	width: 570px;
	}
	
#content .mainColumn .contentBox .photoTitle {
	float: left;
	width: 682px;
	padding-top: 10px;
	}
	
#content .mainColumn .contentBox .photoGallery {
	clear: left;
	float: left;
	width: 682px;
	}
	
#content .mainColumn .contentBox .photoGallery .photoBox {
	float: left;
	width: 120px;
	height: 80px;
	margin-bottom: 10px;
	border: 1px solid #CDCDCD;
	}
	
#content .mainColumn .contentBox .photoGallery .photoBox .inBox {
	float: left;
	width: 110px;
	padding-left: 5px;
	padding-top: 5px;
	}
	
#content .mainColumn .contentBox .photoGallery .galleryDivider {
	float: left;
	width: 10px;
	height: 80px;
	}
	
#content .mainColumn .contentBox .contentLinks {
	clear: left;
	float: left;
	width: 682px;
	padding-top: 25px;
	text-align: right;
	}
	
#content .mainColumn .contentBox .contentLinks .contentArrows {
	float: right;
	width: 660px;
	padding-right: 10px;
	}
	
#content .mainColumn .contentBox .contentLinks .contentArrows .arrow {
	float: right;
	padding-left: 15px;
	}
	
	
	
#content .rightColumn {
	float: left;
	width: 260px;
	} 
	
#content .rightColumn .banner {
	float: left;
	width: 260px;
	padding-bottom: 9px;
	}
	
.dum1 {
	width: 260px;
	height: 48px;
	background-image: url(../images/register.gif);
	background-repeat: no-repeat;
	}
	
.dum2 {
	width: 260px;
	height: 48px;
	background-image: url(../images/submission.gif);
	background-repeat: no-repeat;
	}
	
.dum3 {
	width: 260px;
	height: 48px;
	background-image: url(../images/sign_up.gif);
	background-repeat: no-repeat;
	}
	
#content .rightColumn .banner .inBanner {
	float: left;
	width: 195px;
	padding-top: 12px;
	padding-left: 14px;
	}
	
#content .rightColumn .banner a {
	text-decoration: none;
	font-size: 18px;
	color: #FFFFFF;
	}
	
#content .rightColumn .banner a:hover {
	text-decoration: none;
	color: #0A4CAB;
	}
	
#content .rightColumn .logistics {
	float: left;
	width: 260px;
	padding-top: 31px;
	background-image: url(../images/logistics.gif);
	background-repeat: no-repeat;
	background-color: #95C9F9;
	}
	
#content .rightColumn .logistics .inLogistics {
	float: left;
	width: 240px;
	padding: 10px 10px 15px 10px;
	}