/* --- css text for blue galery .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:75%;
	font-weight:bold;
	border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:#99CCFF;
	padding-top: 0.2em;
	padding-bottom: 0.2em;
	
	
}

h3 {
	color:#000080;
	font-size:70%;
	font-weight:bold;
}

h3 a{
	color:#0000FF;
}

p{
	text-align:justify;
	color:#777777;
	font-size: 80%;
	line-height: 1.5em;
}

/* galeri page use h4 h5 fonts */
h4 {
	background-color:#FFCC99;
	color:#0000FF;
	font-size:70%;
	font-weight:bold;
	padding: 0.5em 0em 0.5em 1em;
}

h5 {
	font-size:60%;
	line-height: 1.5em;
}

h6 {
	color:#F0F0F0; 
	font-size:70%;
}
h6 a{
	color:#C8C8C8;
	font-weight:bold;
}
ul {
  margin: 2px;
  padding: 2px;
  list-style: square inside;
  text-align: left;
  color: #CEABAB;
}

li {
  list-style: square url(pics/list.png) inside;
  color: #5D4747;
   font-size:13px;
}
/* --- colors --- */
.orange {
	color: #FF9933;
}

.blue {
	color: #003366;
}

.bluepalefont {
	font-weight:normal;
	font-size:50%;
	color: #99CCFF;
}


.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: 20em;
	float: right;
	clear: right;
	color:#003366;
	font-size: 70%;
	margin: 1em 0.2em 0em 0em;
}

.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 -----*/
div.lineThin {
	width: auto;
	vertical-align: middle;
	background-color:#000080;
	border-style:solid;	border-width:1px;border-color:#000080;
	color:#FFFFFF;
}
/* ----- dark blue line -----*/
div.lineThick {
	width: auto;
	vertical-align: middle;
	background-color:#3366FF;
	border-style:solid;	border-width:3px;border-color:#000080;
	color:#FFFFFF;
}

/* ----- pale blue line -----*/
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.logoBoxLeft{
	float : left;
	clear : left;
	background-color:#FFFFFF;
	margin-left: 0.5em;
	padding: 0.2em 0.3em 0.2em 0.3em;	
}
div.logoBoxRight{
	float : right;
	clear : right;
	background-color:#FFFFFF;
	margin-right: 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;
	
}
div.title{
	text-align:justify;
	color:#777777;
	font-size: 85%;	 
	line-height: 1.5em;
	font-weight:bold;
}
div.titleCenter{
	text-align:center;
	color:#000000;
	font-size: 85%;	 
	line-height: 2em;
	 font-weight:bold;

}
div.rightText{
	text-align: right;
	color:#000000;
	font-size: 85%;	 
	line-height: 2em;
	 font-weight:bold;

}
/* ----- right Info - News -----*/
div.newsContainer{
	float: left;
	clear: left;
	width: 12em;
	margin: 0.5em 0.5em 0em 0.5em;
}

div.date1{
	width: 12em;
	text-align:center;
	background-color:#FFFF99;
	border-style:solid; border-width:1px; border-color:#FFCC00;
	margin-bottom: 0.5em;
	padding: 0.5em 0.5em 0.5em 0.5em;
}

div.news1{
	width: 12em;
	background-color:#F8F8F8;
	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;
	background-color:#FFFFFF;
	border-style:solid; border-width:1px; border-color:#FFCC99;
	margin: 0.5em 0.5em 0em 0.5em;
	padding: 0.2em 0em 0.2em 0em;
}

div.galeryThumbRight{
	float: left;
	width: 5em;
	background-color:#F8F3F8; 
	border-style:solid; border-width:0px; border-color:#99CCFF;
	margin: 0.5em 0em 0em 0em;
	padding: 0.2em 0em 0.2em 0em;
}

div.news2{
	width: 12em;
	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;
}
/* -- Calender news box -- */
div.calenderContainer{
	width:12em;
	background-color:#99CCFF; 
	border-style:solid; border-width:1px; border-color:#F0F0F0;
	margin-bottom: 0.5em;
	padding: 0.5em 0.5em 13.5em 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 18em;
	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:none;
	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;
}

div.image h3{
	color:#CCCCCC;
}

/* ----- 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;
	color:#FFFFFF;
	background-color:#FFFFFF;
	margin: 0em 0.5em 0em 0.5em;
	padding: 0em 0em 0em 0em;
}
	
div.copyright {
	color: #666699;
	text-align:center;
	margin-left:20em;
	margin-right:10.5em;
	font-size:88%;
}

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:none;
	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;
}