/**
 * common.css
 * General layout css, to be used in every page
 */

/*** General settings ***/

* { margin: 0; padding: 0; border: 0; }
a { color: #797979; text-decoration: none; }
a:hover { color: #393939; text-decoration: underline; }
img { border:0px; }

/*body*/
.LTR, .RTL
{
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 0.7em; 
	background: #70B244 url('/App_Themes/REUSStyle/images/background_extended.jpg') no-repeat fixed left top;
} /* hide green background from Kentico CMSDesk */


/*** Page layout ***/

#wrap
{
	width: 900px; 
	margin: auto;
}

#header
{
	height: 160px;
	position: relative;		/* set context for absolute positioning of child items */
	background-image: url('/App_Themes/REUSStyle/images/header_bottom.png');
	background-position: left bottom;
	background-repeat: no-repeat;
	z-index: 100;			/* display Kentico menu above main contents */
}


#mainFrame
{
	background: transparent url('/App_Themes/REUSStyle/images/mainFrame.png') repeat-y scroll left top;
	padding: 0px 8px;
}
#mainFrame #main
{
	position: relative;		/* set context for absolute positioning of child items */
	background: white url('/App_Themes/REUSStyle/images/main_background.png') repeat-x scroll left top;
	color: Black;
}


#footer
{
	position: relative;		/* set context for absolute positioning of child items */
}



/*** Item-specific styles ***/

/* Header */


#header #topMenu
{
	position: absolute;
	top: 0px; right: 5px;
}

#header #topMenu a
{
	display: inline-block;
	width: 55px;
	padding-top: 5px;
	text-align: center;
	font-size: 1em;
	color: #ACC993;
	
	background-image: url('/App_Themes/REUSStyle/images/header_topMenu_top.png');
	background-position: center top;
	background-repeat: no-repeat;
}


#header #logo
{
	position: absolute;
	bottom: 0px; left: 0px;
	padding-bottom: 15px;
}

#header #slogan
{
	position: absolute;
	top: 40px; left: 150px;
}


#header #mainMenu
{
	position: absolute;
	bottom: 0px; left: 120px;

	color: White;
	font-size: 1.4em;
	letter-spacing: -1px; /*-0.05em;*/
}

#header #mainMenu .l1CMSMenu
{
	border-collapse: separate !important;	/* fix offset highlighting of selected menu item in Firefox */
}

#header #mainMenu .l1CMSMenuItem, 
#header #mainMenu .l1CMSMenuItemMouseOver, 
#header #mainMenu .l1CMSMenuHighlightedMenuItem, 
#header #mainMenu .l1CMSMenuHighlightedMenuItemMouseOver
{
	text-shadow: Black 1px 1px 3px;
	filter: Shadow(Color=#000000, Direction=135, Strength=1);	/* shadow for IE */
	padding: 0px 10px 8px 10px;
}

#header #mainMenu .l1CMSMenuItem,
#header #mainMenu .l1CMSMenuItemMouseOver
{
	border-bottom: solid 9px transparent;
}
#header #mainMenu .l1CMSMenuHighlightedMenuItem, 
#header #mainMenu .l1CMSMenuHighlightedMenuItemMouseOver
{
	border-bottom: solid 9px #CA1C25;
}

#header #mainMenu .l1CMSMenuItem img, 
#header #mainMenu .l1CMSMenuItemMouseOver img, 
#header #mainMenu .l1CMSMenuHighlightedMenuItem img, 
#header #mainMenu .l1CMSMenuHighlightedMenuItemMouseOver img
{
	display: none;		/* show 'submenu' bullet only for l2 menus and below */
}

#header #mainMenu .separator
{
	width: 5px;
	background-image: url('/App_Themes/REUSStyle/images/header_mainMenu_separator.png');
	background-position: center top;
	background-repeat:no-repeat;
}

#header #mainMenu .l2CMSMenu
{
	background-color: #555;
	font-size: 0.9em;
	letter-spacing: 0px; /*-0.05em;*/
} 

#header #mainMenu .l2CMSMenuItem, 
#header #mainMenu .l2CMSMenuItemMouseOver, 
#header #mainMenu .l2CMSMenuHighlightedMenuItem, 
#header #mainMenu .l2CMSMenuHighlightedMenuItemMouseOver
{
	padding: 5px 10px;
	text-shadow: Black 1px 1px 2px;
	filter: Shadow(Color=#000000, Direction=135, Strength=1);	/* shadow for IE */
	vertical-align: top;
}

#header #mainMenu .l2CMSMenuItem img, 
#header #mainMenu .l2CMSMenuItemMouseOver img, 
#header #mainMenu .l2CMSMenuHighlightedMenuItem img, 
#header #mainMenu .l2CMSMenuHighlightedMenuItemMouseOver img
{
	padding: 0px 20px;
}


/* Main part */

#mainFrame #main #breadcrumb
{
	padding: 10px 10px 10px 112px;
	/*background: blue;/**/
}

#mainFrame #main #broccoli
{
	position: absolute;
	left: -153px;
	top: 52px;
	width: 237px;
	height: 215px;
	background-image: url('/App_Themes/REUSStyle/images/treebulb.png');
	background-position: left center;
	background-repeat: no-repeat;
	z-index: 1000;	/* displayed over floating div with left column below */
}


#mainFrame #main #contents #photo
{
	width: 700px;
	height: 214px;
	/*background-color: yellow;*/
}


#mainFrame #main #contents #rightColumn 
{
	float:right;
	width: 150px;	/* + padding = 180px */
	padding: 0px 15px 15px 15px;
	position:relative; /* IE6 float bug fix */
	/*background: magenta;/**/
}

#mainFrame #main #contents #leftColumn
{
	float:left;
	width: 170px; /* + padding = 210px */
	padding: 30px 15px 15px 25px;
	position:relative; /* IE6 float bug fix */
	/*background: silver;/**/
}

#mainFrame #main #contents #mainColumn
{
	float:left;
	position:relative; /* IE6 float bug fix */
	width: 460px; /* + padding = 490px == rest of space between right and left column */
	padding: 30px 15px 15px 15px;
	/*background: green;/**/
}
#mainFrame #main #contents #mainColumnWide
{
	float:left;
	position:relative; /* IE6 float bug fix */
	width: 630px; /* + padding =  */
	padding: 30px 15px 15px 50px;
	/*background: green;/**/
}
#mainFrame #main #contents #mainColumnFull
{
	/* full width of page */
	padding: 30px 60px 40px 110px;
	/*background: green;/**/
}


#mainFrame #main #contents #rightBottomColumn
{
	float:right;
	clear:right;
	width:150px; 	/* + padding = 180px */
	padding: 50px 15px 10px 15px;
	position:relative; /* IE6 float bug fix */
	/*background:blue;*/
}


#mainFrame #main #contents #rightColumn, 
#mainFrame #main #contents #leftColumn, 
#mainFrame #main #contents #mainColumn, 
#mainFrame #main #contents #mainColumnWide, 
#mainFrame #main #contents #mainColumnFull, 
#mainFrame #main #contents #rightBottomColumn
{
	/* common text settings for all columns */
	text-align: justify;
	color: #333;
	line-height: 1.5em;
}

#mainFrame #main #contents #rightColumn a, 
#mainFrame #main #contents #leftColumn a, 
#mainFrame #main #contents #mainColumn a, 
#mainFrame #main #contents #mainColumnWide a, 
#mainFrame #main #contents #mainColumnFull a, 
#mainFrame #main #contents #rightBottomColumn a
{
	color: #888;
}


#mainFrame #main #contents #rightColumn p, 
#mainFrame #main #contents #leftColumn p, 
#mainFrame #main #contents #mainColumn p, 
#mainFrame #main #contents #mainColumnWide p, 
#mainFrame #main #contents #mainColumnFull p, 
#mainFrame #main #contents #rightBottomColumn p
{
	padding-bottom: 15px;
}

#mainFrame #main #contents #rightColumn ul, 
#mainFrame #main #contents #rightColumn ol, 
#mainFrame #main #contents #leftColumn ul, 
#mainFrame #main #contents #leftColumn ol, 
#mainFrame #main #contents #mainColumn ul, 
#mainFrame #main #contents #mainColumn ol, 
#mainFrame #main #contents #mainColumnWide ul, 
#mainFrame #main #contents #mainColumnWide ol, 
#mainFrame #main #contents #mainColumnFull ul, 
#mainFrame #main #contents #mainColumnFull ol, 
#mainFrame #main #contents #rightBottomColumn ul,
#mainFrame #main #contents #rightBottomColumn ol
{
	padding-left: 20px;
	padding-bottom: 15px;
}

#mainFrame #main #contents #rightColumn h1, 
#mainFrame #main #contents #leftColumn h1, 
#mainFrame #main #contents #rightBottomColumn h1
{
	color: #000;
	font-size: 1.3em;
	text-align: left;
	padding-bottom: 20px;
	text-shadow: #bbb 1px 1px 1px;
}

/* right column styles */
#mainFrame #main #contents #rightColumn #newsList .news
{
	padding-bottom: 20px;
}
#mainFrame #main #contents #rightColumn #newsList .newsDate
{
	font-weight: bold;
	margin-bottom: 10px;
	padding-left: 12px;
	background-image: url('/App_Themes/REUSStyle/images/news_date_bullet.png');
	background-position: left center;
	background-repeat: no-repeat;
}
#mainFrame #main #contents #rightColumn #newsList p
{
	padding-bottom: 10px;
}
#mainFrame #main #contents #rightColumn #newsList .newsMore
{
	padding-left: 18px;
	background-image: url('/App_Themes/REUSStyle/images/link_bullet.png');
	background-position: left center;
	background-repeat: no-repeat;
}



/* main column styles */
#mainFrame #main #contents #mainColumn, 
#mainFrame #main #contents #mainColumnWide,
#mainFrame #main #contents #mainColumnFull 
{
	font-size: 1.15em;
}


#mainFrame #main #contents #mainColumn h1, 
#mainFrame #main #contents #mainColumn h2, 
#mainFrame #main #contents #mainColumn h3, 
#mainFrame #main #contents #mainColumn h4, 
#mainFrame #main #contents #mainColumn h5,
#mainFrame #main #contents #mainColumnWide h1, 
#mainFrame #main #contents #mainColumnWide h2, 
#mainFrame #main #contents #mainColumnWide h3, 
#mainFrame #main #contents #mainColumnWide h4, 
#mainFrame #main #contents #mainColumnWide h5,
#mainFrame #main #contents #mainColumnFull h1, 
#mainFrame #main #contents #mainColumnFull h2, 
#mainFrame #main #contents #mainColumnFull h3, 
#mainFrame #main #contents #mainColumnFull h4, 
#mainFrame #main #contents #mainColumnFull h5
{
	color: #000;
	text-align: left;
}
#mainFrame #main #contents #mainColumn h1,
#mainFrame #main #contents #mainColumnWide h1,
#mainFrame #main #contents #mainColumnFull h1
{
	font-size: 1.3em;
	padding-bottom: 20px;
	text-shadow: #bbb 1px 1px 1px;
}

#mainFrame #main #contents #mainColumn h2,
#mainFrame #main #contents #mainColumnWide h2,
#mainFrame #main #contents #mainColumnFull h2
{
	font-size: 1.1em;
	padding-bottom: 10px;
	text-shadow: #bbb 1px 1px 1px;
}

#mainFrame #main #contents #mainColumn p,
#mainFrame #main #contents #mainColumnWide p,
#mainFrame #main #contents #mainColumnFull p
{
	padding-bottom: 15px;
}

#mainFrame #main #contents #mainColumn .linkMore,
#mainFrame #main #contents #mainColumnWide .linkMore,
#mainFrame #main #contents #mainColumnFull .linkMore
{
	padding-left: 15px;
	background-image: url('/App_Themes/REUSStyle/images/link_bullet.png');
	background-position: left center;
	background-repeat: no-repeat;
}


#mainFrame #main #contents #mainColumnFull #news,
#mainFrame #main #contents #mainColumnFull #news .NewsPBody
{
	padding-bottom: 15px;
}

#mainFrame #main #contents #mainColumnFull #news h1
{
	font-size: 1.3em;
	text-shadow: none;
	filter: none;
	padding-bottom: 0.4em;
}

#mainFrame #main #contents #mainColumnFull #sitemap ul
{
	padding-left: 40px;
}


/* right bottom column styles */

#mainFrame #main #contents #rightBottomColumn #pdfInfo
{
	text-align: left;
	margin-left: -20px;
}
#mainFrame #main #contents #rightBottomColumn #pdfInfo img
{
	margin-right: -2px;
	float: left;
}


/* Footer */

#footer a
{
	color: White;
}

#footer #footerMenu
{
	position: relative;
	font-size: 1em;
	height: 40px;
	background-image: url('/App_Themes/REUSStyle/images/footer_bottomMenu.png');
	background-repeat: no-repeat;
	background-position: left top;
}


#footer #footerMenu #bottomMainMenu
{
	position: absolute;
	left: 10px;
	padding: 10px 0px;
	/* list separator */
	overflow-x:hidden;		/* hides the first list separator */
}

#footer #footerMenu #bottomMainMenu li
{
	display: inline;
	list-style-type: none;
	padding: 0px 15px;

	/* list separator */
	margin-left: -2px;		/* hides the first list separator */
	background-image: url('/App_Themes/REUSStyle/images/footer_bottomMenu_separator.png');
	background-position: left center;
	background-repeat:no-repeat;
}



#footer #footerMenu  #bottomTopLink
{
	position: absolute;
	top: 10px;
	right: 20px;
}

#footer #bottomTopLink img
{
	vertical-align: middle;
}



#footer #copyright
{
	text-align: right;	
	color: #ACC993;
	padding: 1px 6px 6px 6px;
}
#footer #copyright a
{
	color: #ACC993;
}