/* --- css text for blue galery .vu --- */
/* -- modified 6.jan.2005 .vu --*/
/* -- modified 1.jan.2006 .vu --*/
a {
	color:#003366;
	text-decoration:none;
}

a.current {
	color:#999999;
}

a:hover {
	text-decoration: underline;
}

body {
	font-family: verdana, tahoma, helvetica, arial, sans-serif;
	font-size: 100%;
	background-color:#FFFFFF;
	margin: 0em;
}

/* --- Fonts --- */
ul {
	font-size:60%;
	color:#666666;
	line-height: 1.5em;
	list-style: none;
}


h1 {
	color:#0000FF;
	font-weight:bold;
	padding-left: 0.5em;
	padding-top: 0.2em;
}

h2 {
	color:#000080;
	font-size:70%;
	font-weight:bold;
	border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:#99CCFF;
}

h3 {
	color:#FF9933;
	font-size:70%;
	font-weight:bold;
}

h3 a{
	color:#000077;
}

p{
	text-align:justify;
	color:#777777;
	font-size: 60%;
	line-height: 1.5em;
}

/* galeri page use h4 h5 fonts */
h4 {
	font-size:70%;
	font-weight:bold;
	text-align:center; 
	background-color:#000080;
	color:#6699FF;
}
h4 a{
	color:#003099;
	background-color:#FFFFFF;
}

h5 {
/*	color:#8F3F8F; */
	color:#335599;
	font-size:55%;
	line-height: 1.5em;
}
h5 a{
	color:#FF9933;
	font-size:110%;
	margin: 0em 0em 0em 0.5em
}

h6 {
	color:#F0F0F0; 
	font-size:70%;
}
h6 a{
	color:#C8C8C8;
	font-weight:bold;
}

/* --- colors --- */
.orange {
	color: #FF9933;
}

.blue {
	color: #003366;
}

.bluepalefont {
	font-weight:normal;
	font-size:50%;
	color: #99CCFF;
}

.red {
	color: #FF0000;
}
.bluepale {
	color: #99CCFF;
}

.bluedark {
	color: #000080;
}

.bluelight {
	color: #0000FF;
}

.green {
	color: #DFFFBE;
}

.gray {
	font-weight:normal;
	font-size:70%;
	color: #F0F0F0;
}

/* ----- Superior Bar -----  */
div.supBar {
	vertical-align: middle;
}

/* ----- flag for lang .vu -----  */
div.flagBox{
	width: 20em;
	float: right;
	clear: right;
	color:#003366;
	font-size: 70%;
	margin: 0.2em 0.2em 0em 0em;
}

/* --- Serach box in page ----*/
div.search {
	width: 17.6em;
	background-color:#FFFFFF;
	border-style:solid; border-width:1px; border-color:#F0F0F0;
	color:#0000FF;
	font-size: 70%; 
	margin: 0em 0em 0.5em 0em;
	padding: 0.5em 0.5em 0.5em 0.5em;
}

div.search a:hover {
	text-decoration: none;
}
div.search p {
		font-size: 100%;
}

.searchbox {
	color:#666666;
	background-color:#F8F8F8;
	border-style:solid; 
	border-width:1px; 
	border-color:#F0F0F0;
}

/* ----- Menu -----*/
div.menu {
	width: auto;
	vertical-align: middle;
	font-size:80%;
	background-color:#000080;
	padding: 0.8em 0.8em 0.8em 0.8em;
	text-align: right;
	color:#FFFFFF;
}

div.menu a{
	color:#FFFFFF;
}

/* ----- dark blue line .vu-----*/
div.lineThin {
	width: auto;
	vertical-align: middle;
	background-color:#000080;
	border-style:solid;	border-width:1px;border-color:#000080;
	color:#FFFFFF;
}
/* ----- dark blue line .vu-----*/
div.lineThick {
	width: auto;
	vertical-align: middle;
	background-color:#3366FF;
	border-style:solid;	border-width:3px;border-color:#000080;
	color:#FFFFFF;
}

/* ----- pale blue line .vu-----*/
div.lineBluepale {
	width: auto;
	vertical-align: middle;
	background-color:#99CCFF;
	border-style:solid;	border-width:1px;border-color:#99CCFF;
	color:#FFFFFF;
}

/* ----- logo container .vu-----*/
div.logoContainer{
	width: auto;
	background-color:#FFFFFF;
	border-style:solid; border-width:1px; border-color:#FFFFFF;
}

/* ----- logo box .vu-----*/
div.logoBox{
	float : left;
	clear : left;
	background-color:#FFFFFF;
	margin-left: 0.5em;
	padding: 0.2em 0.3em 0.2em 0.3em;	
}

/* ----- upper corp name .vu-----*/
div.corpnameInfo{
   	margin-left: 6.5em;
	width: auto;
	background-color:#FFFFFF;
	margin: 0em 0em 0em 1em;
}

/* -----  News -----*/
div.newsContainer{
	float: left;
	clear: left;
	width: 12em;
	margin: 0.5em 0.5em 0em 0.5em;
}
/* --- today's date .vu--- */
div.date1{
	width: 12em;
	text-align:center;
	background-color:#F5FAFE;
	border-style:solid; border-width:1px; border-color:#F0F0F0;
	margin-bottom: 0.5em;
	padding: 0.5em 0.5em 0.5em 0.5em;
}

div.news1{
	width: 12em;
	background-color:#FDFDFD;	
	border-style:solid; border-width:1px; border-color:#F0F0F0;
	margin-bottom: 0.5em;
	padding: 0.5em 0.5em 0.5em 0.5em;	
}

div.news2{
	width: 12em;
	background-color:#F7F7F7;
/* 	background-color:#F8F3F8; */
	border-style:solid; border-width:1px; border-color:#F0F0F0;
	margin-bottom: 0.5em;
	padding: 0.5em 0.5em 0.5em 0.5em;
}

div.galeryThumb{
	float: left;
	clear: left;
	width: 18em;
	margin: 0em 0em 0em 0em;
}

div.galeryThumbLeft{
	float: left;
	width: 6em;
	-moz-border-radius: 10px 10px 10px 10px;
	background-color:#FFFFFF;
	border-style:solid; border-width:1px; border-color:#000080;
	margin: 0.5em 0.5em 0em 0.5em;
}
div.galeryThumbLeft h4{
	-moz-border-radius: 10px 10px 0px 0px;
	margin: 0em 0em 0.5em 0em;
	padding: 0em 0em 0.2em 0em;	
}

div.galeryThumbRight{
	float: left;
	width: 5em;
	background-color:#F5FAFE; 
	border-style:solid; border-width:0px; border-color:#99CCFF;
	margin: 0.5em 0em 0em 0em;
	padding: 0.2em 0em 0.2em 0em;
}


/* -- Calender news box -- */
div.calenderContainer{
	width:12em;
/*	background-color:#99CCFF; */
	background-color:#FFFFFF;
	border-style:solid; border-width:0px; border-color:#F0F0F0;
/*	margin : 0.5em 0.5em 0.5em 0.5em;  */
    margin-bottom: 0.5em; 
	padding: 0.5em 0.5em 15em 0.5em; 
}

div.calenderMonth{
	width: 11.5em;
/*	margin: 0em 0.1em 0.1em 0.1em; */
/*	padding: 0em 0.1em 0em 0.1em;  */
}
div.calenderDayCon{
	float:left;
	width: auto;
}
div.calenderDay{
	float:left;
	font-size:80%;
	text-align:center;
	width: 1.8em;
	background-color:#F0F0F0;
	border-style:solid; border-width:1px; border-color:#000080;
	margin: 0em 0.1em 0.1em 0em;
}

div.calenderDay h3 {
	color:#0099FF;
}
div.calenderDay h3 a{
	color:#FF9955;
}

/* ----- main Container ----margin:ust sag alt sol-- */
div.mainContainer{
	margin: 0em 0em 0em 14em;
}

/* ----- main Container Galery----margin:ust sag alt sol-- */
div.mainContainerGal{
	margin: 0em 0em 0em 17em;
}

/* ----- ad Container ----margin:ust sag alt sol-- */
div.adContainer{
	margin: 0.5em 0.5em 0em 14.5em;
	background-color:#FFFFFF;
	border-style:solid; border-width:0px; border-color:#FFF3CE;
	margin-bottom: 0.5em;
	padding: 0em 0em 5em 0em;
}

div.rightInfo{
	float: right;
	clear: right;
	width: 12em;
	background-color:#FFFFFF;
	border-style:solid; border-width:1px; border-color:#000080;
	margin: 0.5em 0.5em 0.5em 0em;
	padding: 0.5em 0.5em 0.5em 0.5em;
}

div.rightInfo h2{
	color:#000080;
	background-color:#99CCFF;
	border-style:solid; border-width:1px; border-color:#99CCFF;
}

div.mainInfo{
	width: auto;
	border-style:solid; border-width:1px; border-color:#99CCFF;
	margin: 0.5em 14.5em 0.5em 0.5em;
	padding: 0.5em 0.5em 0.5em 0.5em;
}

div.mainInfo h3 a{
	color:#003366;
}

div.mainInfoGal{
	width: auto;
	border-style:solid; border-width:1px; border-color:#FFFFFF; 
	margin: 0.5em 14.5em 0em 1em;
	padding: 0.5em 0.5em 28em 0.5em;
}

div.mainInfoGal h3 a{
	color:#003366;
}

div.image {
	float:left;
	width: 80px;
	height: 80px;
	margin-right:0.5em;
	margin-bottom:0.5em;
	background-color:#F0F0F0;
	border-style:solid; 
	border-width:2px; 
	border-color:#000000;
}
div.imagePhoto{
	float:left;
	width: auto;
	height: auto;
	margin-right:0.5em;
	margin-bottom:0.5em;
	background-color:#FFFFFF;
	border-style:solid; border-width:1px; border-color:#808080;
	padding: 0.5em 0.5em 0.5em 0.5em;
}

div.imagePhotoThumb{
	float:left;
	width: auto;
	height: auto;
	margin: 0.2em 0.2em 0em 0.2em;
	background-color:#FFFFFF;
	border-style:solid; border-width:1px; border-color:#808080;
	padding: 0.2em 0.2em 0em 0.2em; 
/*	padding: 0.2em 0.2em 0.2em 0.2em; for css image*/
}

div.image h3{
	color:#CCCCCC;
}
/* ----- index page ----- */

div.indexLeft{
	width: 8em;
	height: auto;
	background-color:#FFFFFF;
	padding: 0.5em 0.5em 0.5em 0.5em;
}

div.indexpanel {
	 max-width : 810px;
	 margin-left: auto; 
	 margin-right: auto;
	 margin-top:0.5em;
	 margin-bottom:0.5em;
}

div.indexPhoto{
    	/* float:left; */
	/*-- width: auto; --*/
	/* max-width : 1000px; */
 	/* height: auto; */
	/* text-align:center; */
	/* -- margin-left:50px; --*/
	/* clear:both; */
	/* position : center; */
	/* align: center; */
	/* margin-top:0.5em;
	margin-bottom:0.5em; */
	color:#FFFFFF;
	background-color:#FFFFFF;
	border-style:solid; border-width:1px; border-color:#808080;
	padding: 2px 4px 2px 4px;
}
/* -- div.indexPhoto a:first-child { border-top: none } -- */
/* -- div.indexPhoto a:link { text-decoration: none; color: white } -- */
/* -- div.indexPhoto a:active { text-decoration: none; color: white } -- */
/* -- div.indexPhoto a:visited { text-decoration: none; color: white } -- */
/* -- div.indexPhoto a:hover { background: black; color: white } -- */

div.indexPhoto img { 
	border:none;
}

div.imgMap {
	float:left;
	color:#FFFFFF;
	background-color:#FFFFFF;
	border-style:solid; border-width:0px; border-color:#808080;
}

div.imgMap img { 
	border:none;
}


div.indexRight{
	width: auto;
	height: auto;
	background-color:#FFFFFF;
}

/* ----- sub Compainer ----- */
div.subContainer{
	clear:both;
	width: auto;
	font-size:60%;
	background-color:#99CCFF;
	border-style:solid; border-width:0px; border-color:#000080;
	margin: 0em 0em 0em 0em;
	padding: 1em 0.5em 1em 0.5em;
}

/*-- sub Information --*/
div.subInfo {
	clear:both;
	width: auto;
	text-align:center;
	font-size:60%;
	background-color:#FFFFFF;
	color:#000000;
	padding: 0.3em 0.3em 0.3em 0.3em;
}

div.subInfo a{
	color :#969696;
}

div.subValidate {
/*--	float:right; --*/
	text-align:center;
	color:#FFFFFF;
	background-color:#FFFFFF;
	margin: 0em 0.5em 0em 0.5em;
	padding: 0em 0em 0em 0em;
}
	
div.copyright {
	color: #666699;
	text-align:right;
	margin-left:20em;
	margin-right:0.5em;
	font-size:100%;
}

div.copyright a{
	color :#3333FF;
}

div.subLinks{
	float:left;
	clear:left;
	color:#777777;
	margin-left:2em;
}

div.subLinks a{
	color:#0000FF;
}
/* -- end of CSS file -- */
/* -- following parts is used to change images */
div.imageFlag {
	float:left;
	font-size:70%;
	color:#0F0F0F;
	background-color:#F0F0F0;
	margin: 0em 0.1em 0em 0.1em;
	padding: 6px 8px 6px 8px; 
}

div.imageLogo {
	float:left;
	font-size:60%;
	color:#0F0F0F;
	background-color:#F0F0F0;
	margin: 0em 0.5em 0em 0.5em;
	padding: 35px 35px 35px 35px;
}

div.imageAdv {
	float:left;
	font-size:100%;
	color:#0F0F0F;
	background-color:#F0F0F0;
	padding: 22px 120px 22px 120px;
}

div.imageThImg {
	font-size:60%;
	color:#0F0F0F;
	background-color:#F0F0F0;
	padding: 40px 35px 40px 35px;
}
div.imageThImg2 {
	font-size:60%;
	color:#0F0F0F;
	background-color:#F0F0F0;
	padding: 65px 8px 65px 8px;
}
div.imageThImg3 {
	font-size:60%;
	color:#0F0F0F;
	background-color:#F0F0F0;
	padding: 16px 19px 16px 19px;
}
div.imageThImg4 {
	font-size:60%;
	color:#0F0F0F;
	background-color:#F0F0F0;
	padding: 28px 7px 28px 7px;
}
div.imageBigImg {
	font-size:120%;
	color:#0F0F0F;
	background-color:#F0F0F0;
	padding: 120px 150px 120px 150px;
}