﻿/* this css file define styles for President_Office portal begin */ 
* {
	margin:0;
	padding:0;
}
body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:62.5%;
	color:#646464;
	background-color:#495373;
}
a, a:link, a:active, a:visited {
	color:#646464;
}
a:hover {
	text-decoration:none;
}
img {
	border:0px;
}
#pageConatiner {
	width:744px;
	margin:3px auto 0 auto;
}
#logoCro, #logoEng, #logoCro a, #logoEng a {
	width:279px;
	height:17px;
	text-indent:-9999px;
	display:block;
	float:left;
}
#logoCro {
	background:url(../../images/_gui/logoCro.gif) left top no-repeat;
}
#logoEng {
	background:url(../../images/_gui/logoEng.gif) left top no-repeat;
}
/*accessibility_navigation begin*/
.accessibility_navigation {
	left:-9999px;
	position:absolute;
	top:-9999px;
}
.accessibility_navigation li {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}
/*accessibility_navigation end*/

/*top_links begin*/  
#top_links {
	width:460px;
	float:right;
	text-align:right;
}
#top_links a, #top_links a:link, #top_links a:active, #top_links a:visited {
	text-transform:uppercase;
	color:#FFFFFF;
	text-decoration:none;
	padding:0 0 0 10px;
	background:url(../../images/_gui/top_links_Bcg.gif) 0px 4px no-repeat;
	margin:3px 5px 0 5px;
	font-size:1.0em;
}
#top_links a:hover {
	text-decoration:underline;
}
/*top_links end*/


/*navigation begin*/
#navigation {
	clear:both;
	width:742px;
	overflow:hidden;
	height:190px;
	background:url(../../images/_gui/header_Bcg.jpg) left top no-repeat;
	border:1px solid #fff;
}
.level1 {
	width:200px;
	float:left;
	margin:45px 0 0 20px;
	text-align:right;
	list-style:none;
}
.level1 li {
}
.level1 a, .level1 a:link, .level1 a:active, .level1 a:visited {
	color:#ffffff;
	text-decoration:none;
	font-size:1.0em;
	text-align:right;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	background:url(../../images/_gui/level1-bullet.gif) no-repeat right 4px;
	padding:0 9px 5px 0;
	display:block;
}
.level1 a:hover {
	color:#000000;
	background:url(../../images/_gui/level1-bullet-hover.gif) no-repeat right 5px;
}
.level2 {
	width:200px;
	margin:10px 0 20px 0;
	text-align:right;
	list-style:none;
}
.level2 li {
}
.level2 a, .level2 a:link, .level2 a:active, .level2 a:visited {
	font-size:1.0em;
	text-decoration:none;
	color:#8383A3;
	background:url(../../images/_gui/level2-bullet.gif) no-repeat right 7px;
	display:block;
	padding:2px 8px 2px 5px;
}
.level2 li a:hover {
	color:#000000;
	background:url(../../images/_gui/level2-bullet-hover.gif) no-repeat right 7px;
	background-color:#F5F5F5;
}
.levelN {
	list-style:none;
}
.levelN li {
	padding:0px;
	background:none;
}
.levelN a, .levelN a:link, .levelN a:active, .levelN a:visited {
	font-size:1.0em;
	background-image:none !important;
}
.levelN a:hover {
	background-image:none !important;
}
/*navigation end*/

/*content begin*/
#content {
	clear:both;
	background-color:#FFFFFF;
	overflow:hidden;
}
#left_sidebar {
	width:240px;
	float:left;
	padding:15px 20px 15px 20px;
	overflow:hidden;
}
#main {
	padding:15px 20px 15px 0;
	width:444px;
	float:right;
	overflow:hidden;
}
.link_image_index {
	text-align:center;
	display:block;
}
/*search begin*/
#search {
	padding:0 0 20px 0;
	width:230px;
	margin:0 auto 0 auto;
}
.SearchTextInput {
	border:1px solid #666666;
	width:155px;
	height:20px;
}
.SearchBtn {
	background:none;
	background-color:#FFFFFF;
	border:0px;
	color:#666666;
	font-size:1.5em;
	outline-style:none;
}
h1.search_results {
	font-size:1.4em;
	font-weight:normal;
	line-height:16px;
	margin:0 0 5px 0;
	color:#8384A3;
}
div.search_results {
	font-size:1.2em;
}
div.search_results ul {
	font-size:0.9em;
	margin:10px 0 10px 0;
}
div.search_results ul li {
	margin:0 0 5px 0;
	padding:0 0 0 10px;
	display:block;
	background:url(../../images/_gui/arrow_main.gif) 0px 4px no-repeat;
}
div.search_results ul li a, div.search_results ul li a:link, div.search_results ul li a:active, div.search_results ul li a:visited, div.search_results ul li a:hover {
	color:#8384A3;
	display:block;
	margin-bottom:2px;
}
.searchprevious:link, .searchprevious:active, .searchprevious:visited, .searchprevious:hover, .searchnext:link, .searchnext:active, .searchnext:visited, .searchnext:hover {
	text-decoration:none;
	color:#8384A3;
	font-weight:bold;
}
/*search end*/
/*article begin*/
.article {
	clear:both;
	overflow:hidden;
	margin:0 0 20px 0;
}
.article-content {
	width:320px;
	float:right;
}
.article-content h1 {
	font-size:1.1em;
	font-weight:bold;
	line-height:16px;
	margin:0 0 5px 0;
}
.article-content h1 p {
	margin:0;
	padding:0;
}
.article-content h1 a, .article-content h1 a:link, .article-content h1 a:active, .article-content h1 a:visited {
	color:#8384A3;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
}
.article-content h1 a:hover {
	text-decoration:underline;
	font-family:Arial, Helvetica, sans-serif;
}
.lead {
	font-size:1.1em;
	color:#666666;
	line-height:14px;
}
.lead p, .text p {
	margin-bottom:5px;
}
.lead a, .lead a:link, .lead a:active, .lead a:visited, .lead :hover, .text a, .text a:link, .text a:active, .text a:visited, .text a:hover {
	color:#8384A3;
}
.text {
	margin:5px 0 0 0;
	font-size:1.1em;
	color:#666666;
	line-height:14px;
}
.lead h1, .text h1, .lead h2, .text h2, .lead h3, .text h3, .lead h4, .text h4, .lead h5, .text h5, .lead h6, .text h6 {
	color:#666666;
	margin:5px 0 5px 0;
	font-weight:bold;
}
.lead h1, .text h1 {
	font-size:1.4em;
}
.lead h2, .text h2 {
	font-size:1.2em;
}
.lead h3, .text h3 {
	font-size:1.0em;
}
.lead h4, .text h4 {
	font-size:0.9em;
}
.lead h5, .text h5 {
	font-size:0.8em;
}
.lead h6, .text h6 {
	font-size:0.7em;
}
.article-details:link, .article-details:active, .article-details:visited, .article-details:hover {
	color:#8384A3;
}
/*article-gallery begin*/
.article-gallery-placeholder {
	width:120px;
	float:left;
}
.article-gallery-wrapper {
	float: left;
	margin: 5px 20px 10px 0;
	position: relative;
	width: 100px;
}
.article-gallery-wrapper ul, .article-gallery-wrapper ul li {
	display:block;
	list-style:none;
	margin:0;
	padding:0;
	text-align: center;
}
.article-gallery {
	border: 1px solid #d1d1d1;
	width: 100px;
	height: 72px;
	overflow: hidden;
}
.article-gallery img {
	position: static;
	visibility: visible;
}
.jcarousel-container {
	position:relative;
}
.jcarousel-clip {
	z-index: 2;
	width:100px;
	height: 72px;
	overflow: hidden;
	position: relative;
	margin:0;
	padding:0;
}
.jcarousel-list {
	z-index:1;
	overflow:hidden;
	position:relative;
	top:0;
	left:0;
	margin:0;
	padding:0;
}
.jcarousel-list li, .jcarousel-item {
	float: left;
	list-style: none;
	width: 100px;
	overflow: hidden;
}
.jcarousel-scroll {
	font-size: 1.1em;
	height: 19px;
	text-align: center;
	vertical-align: middle;
	width: 100px;
}
a.jcarousel-next:link, a.jcarousel-next:visited, a.jcarousel-next:active, a.jcarousel-next:hover {
	display: block;
	background-image:url(../../images/_gui/jcarosel_scroll_next.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width:10px;
	height:10px;
	float:right;
	outline-style:none;
	margin:3px 0 0 0;
}
a.jcarousel-prev:link, a.jcarousel-prev:visited, a.jcarousel-prev:active, a.jcarousel-prev:hover {
	display: block;
	background-image:url(../../images/_gui/jcarosel_scroll_prev.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width:10px;
	height:10px;
	float:left;
	outline-style:none;
	margin:3px 0 0 0;
}
a.jcarousel-next span, a.jcarousel-prev span {
	display: none;
}
.jcarousel-numberof {
	display:block;
	float:left;
	width:75px;
	line-height:18px;
	vertical-align:middle;
	text-align:center;
	font-size:0.8em;
}
.jcarousel-enabled {
	filter:alpha(opacity=100);
	-moz-opacity:1px;
	opacity:1px;
}
.jcarousel-disabled {
	filter:alpha(opacity=30);
	-moz-opacity:0.3px;
	opacity:0.3px;
	cursor:default;
}
.jcarousel-container {
	background-color:#fff;
}
.jcarousel-container-horizontal {
	width:100px;
	padding:0;
}
.jcarousel-item-horizontal {
	margin-right:10px;
}
.jcarousel-item-placeholder {
	background:#fff;
	color:#000;
}
.jcarousel-item img {
	border-collapse: collapse;
	border: 0 none;
	max-height: 72px;
	max-width: 100px;
}
/*article-gallery end*/
/*article end*/

/*sitemap begin*/
.sitemap1, .sitemap2, .sitemapN {
	list-style:none;
}
.sitemap1 li, .sitemap2 li, .sitemapN li {
	margin:3px 0 2px 0;
	overflow:hidden;
}
.sitemap1 li {
	padding-left:14px;
	background:url(../../images/_gui/jcarosel_scroll_next.gif) no-repeat left 2px;
}
.sitemap1 a:link, .sitemap1 a:active, .sitemap1 a:visited {
	font-size:1.3em;
	text-decoration:none;
}
.sitemap1 a:hover {
	text-decoration:underline;
}
.sitemap2 li {
	padding-left:12px;
	background:url(../../images/_gui/links_index.gif) no-repeat left 4px;
}
.sitemap2 a:link, .sitemap2 a:active, .sitemap2 a:visited {
	font-size:1.2em;
	text-decoration:none;
}
.sitemap2 a:hover {
	text-decoration:underline;
}
.sitemapN li {
	padding-left:3px;
	background:none;
}
.sitemapN a:link, .sitemapN a:active, .sitemapN a:visited {
	font-size:1.1em;
	text-decoration:none;
}
.sitemapN a:hover {
	text-decoration:underline;
}
/*sitemap end*/
.link_text:link, .link_text:active, .link_text:visited {
	display:block;
	text-decoration:none;
	font-size:1.1em;
	color:#8384A3;
	margin:0 0 5px 0;
	padding:0 0 0 10px;
	line-height:15px;
	background:url(../../images/_gui/links_index.gif) no-repeat left 5px;
}
.link_text:hover {
	text-decoration:underline;
}
/*footer begin*/
#footer {
	clear:both;
	overflow:hidden;
	position:relative;
	padding:5px 0 5px 10px;
}
#footer_links {
	position:absolute;
	right:0px;
	top:5px;
	width:42px;
	height:20px;
	list-style:none;
}
#footer_links li {
	float:left;
}
#footer_links a, #footer_links a:link, #footer_links a:active, #footer_links a:visited, #footer_links a:hover {
	display:block;
	text-indent:-9999px;
	width:11px;
	height:10px;
	margin-left:5px;
}
#footer_homepage:link, #footer_homepage:active, #footer_homepage:visited, #footer_homepage:hover {
	background:url(../../images/_gui/footer_links_homepage.gif) no-repeat left top;
}
#footer_sitemap:link, #footer_sitemap:active, #footer_sitemap:visited, #footer_sitemap:hover {
	background:url(../../images/_gui/footer_links_sitemap.gif) no-repeat left 1px;
}
/*footer end*/

/*content end*/

/* this css file define styles for President_Office portal end */
