/*Home Page*/

/*General*/

@font-face {font-family:"Yanone Kaffeesatz Light";src: url(../Font/YanoneKaffeesatz-Light.otf)}
html,body{ margin:0; padding:0; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; direction: ltr; min-width:250px}
.generaldiv{  margin:0 auto; font-size:11px; padding-left:50px;}
.clear{ clear: both}
img {border: none; }
a img {border: 0px; }

.HM-Background { background-image:url(../Images/Background.jpg); background-repeat:no-repeat; background-position:bottom;
 position:relative; min-height:765px;min-width: 1340px }
.Logo { color:#02386e; font-size:90px; text-decoration:none; margin-top:15px; float:left;border-right: 1px solid #02386e;
padding-right: 40px;font-family:"Yanone Kaffeesatz Light" }
.Logo span { color:#00c0ff }
.Brief-Content { color:#02386e; font-size:17px;width: 330px;margin-top: 38px;float: left;margin-left: 17px;font-family:"Yanone Kaffeesatz Light" } 
.Brief-Content span { color:#00c0ff; font-size:17px; }
.Top-Img-BG { background-image:url(../Images/Top-Img-BG.png); background-repeat:no-repeat; position:absolute;top: 15px;
right: 35px;width: 352px;height: 402px}
.Top-Img {border: 0px solid white;border-radius: 190px;margin-left:16px; margin-top:7px }
.Social-Media { float:left;position: absolute;top: 187px}
.Linkedin {position:absolute;left: 0px;top: -24px}
.Facebook {position:absolute;left: 49px;top: -32px;}
.Youtube {position:absolute;left: 99px;top: -38px}
.Twitter { position:absolute;left: 148px;top: -42px;}

.Profile-Button {position:absolute;top: -300px;left: 50px}
.Achv-Button {position:absolute;top: -250px;left: 418px}
.Media-Button {position:absolute;top: -250px;right: 415px}
.Contact-Button {position:absolute;right: 50px;top: -250px;}.Laf-Button {position:absolute;left: 260px;top: 510px;}.Photo-Button {position:absolute;right: 580px;top: -220px;}.Video-Button {position:absolute;right: 273px;top: -220px;}


.Footer-BG { background-color:#e3e3e3; padding:10px }
.Footer { font-size:12px; color:#666666 }

.Col1 {float: left;
width: 81%;}
.Col2 { float:right; width:19%;margin-top: 45px }
.Subpages-header { background-image: url(../Images/Subpages-Header.png); background-repeat:no-repeat; background-position:center 10px;
position:relative; min-height:335px; min-width: 1340px }
.Share-Buttons { float:left;  margin-bottom:23px }
.Share-Buttons ul { margin:0px; padding:0px; list-style:none }
.Share-Buttons li { float:left; padding-right:6px }
.Print  {margin-top: -7px;margin-left: 7px; float:left}
.About-Nada { font-size:14px; color:#666666; float:left;width: 730px;line-height: 22px;text-align: justify;}



/*Left-Nav*/
.Left-Nav-BG {background-color: #00c0ff;padding: 90px 0px 50px 0px;float: right;width: 235px;}
.Left-Nav {margin-top: 85px;margin-left: 35px }
.Left-Nav ul { margin:0; padding:0; list-style:none }
.Left-Nav li {; font-size:17px; padding-bottom:35px}
.Left-Nav li a { text-decoration:none;color:white }
.Left-Nav li a:hover,.Left-Nav li a.selected { color:#02386e }
.Profile-Icon { background-image:url(../Images/Profile-Icon.png); background-repeat:no-repeat; background-position:left;
padding-left:45px; padding-top:10px; padding-bottom:10px; }
.Achivements-Icon { background-image: url(../Images/Achivements-Icon.png); background-repeat:no-repeat; background-position:left;
padding-left:45px; padding-top:10px; padding-bottom:10px; }
.Media-Icon { background-image: url(../Images/Media-Icon.png); background-repeat:no-repeat; background-position:left;
padding-left:45px; padding-top:10px; padding-bottom:10px; }.Photo-Icon { background-image: url(../Images/Photo-Icon.png); background-repeat:no-repeat; background-position:left;padding-left:45px; padding-top:10px; padding-bottom:10px; }.Video-Icon { background-image: url(../Images/Video-Icon.png); background-repeat:no-repeat; background-position:left;padding-left:45px; padding-top:10px; padding-bottom:10px; }
.Contact-Icon { background-image: url(../Images/Contact-Icon.png); background-repeat:no-repeat; background-position:left;
padding-left:45px; padding-top:10px; padding-bottom:10px; }
.Back-Icon { background-image: url(../Images/Back-icon.png); background-repeat:no-repeat; background-position:left;
padding-left:45px; padding-top:10px; padding-bottom:10px; }
.Back-Button { margin-top:50px }



/*Profile*/

.Profile-Icon:hover,.Profile-Icon.selected { background-image: url(../Images/Profile-Icon-Hover.png); background-repeat:no-repeat; background-position:left;
padding-left:45px; padding-top:10px; padding-bottom:10px; }
.Achivements-Icon:hover,.Achivements-Icon.selected { background-image: url(../Images/Achivements-Icon-Hover.png); 
background-repeat:no-repeat; background-position:left;padding-left:45px; padding-top:10px; padding-bottom:10px; }
.Media-Icon:hover,.Media-Icon.selected { background-image: url(../Images/Media-Icon-Hover.png); background-repeat:no-repeat; background-position:left;
padding-left:45px; padding-top:10px; padding-bottom:10px; }.Photo-Icon:hover,.Photo-Icon.selected { background-image: url(../Images/Photo-Icon-Hover.png); background-repeat:no-repeat; background-position:left;padding-left:45px; padding-top:10px; padding-bottom:10px; }.Video-Icon:hover,.Video-Icon.selected { background-image: url(../Images/Video-Icon-Hover.png); background-repeat:no-repeat; background-position:left;padding-left:45px; padding-top:10px; padding-bottom:10px; }
.Contact-Icon:hover,.Contact-Icon.selected { background-image: url(../Images/Contact-Icon-Hover.png); background-repeat:no-repeat; background-position:left;
padding-left:45px; padding-top:10px; padding-bottom:10px; }
.Back-Icon:hover { background-image: url(../Images/Back-icon-Hover.png); background-repeat:no-repeat; background-position:left;
padding-left:45px; padding-top:10px; padding-bottom:10px; }




/*Listing*/


.Listing-Item { padding-bottom:20px }
.Listing-Img { float:left; border:1px solid #00c0ff; margin-top:4px }
.Listing-Content {margin-left: 190px; padding-right: 160px}
.Listing-Title { color:#00c0ff; font-size:18px; margin-bottom:3px; text-decoration:none }
a.Listing-Title:hover { color:#0595c4}
.Listing-Date {margin-top:6px;margin-bottom: 4px}
.Listing-Det { color:#666666; font-size:14px;width: 69%;margin-top: 10px;line-height: 24px; min-height: 75px }


.header-section{ min-height:265px}
.Location { background-image:url(../Images/Location-Icon.png); background-repeat:no-repeat; background-position:left;
padding-left:25px; color:#02386e; font-size:14px; margin-right: 25px; text-decoration:none; margin-right:13px; padding-right:15px; 
border-right: 1px solid #333333;padding-top: 4px;
padding-bottom: 4px }
.Event { background-image: url(../Images/Event-Icon.png); background-repeat:no-repeat; background-position:left;
padding-left:25px; color:#02386e; font-size:14px;text-decoration:none;padding-top: 4px;
padding-bottom: 4px }


/*Pagination*/
.Pagination { float: right; padding-right: 231px;padding-top: 20px; padding-bottom: 40px}
.pagination-button { list-style: none; text-decoration:none }
.pagination-button ul { list-style: none; }
.pagination-button li {  float:left; font-size:16px; 
 margin-left:11px; text-align:center; margin-top:10px }
.pagination-button  a { text-decoration:none; display:inline-block; height:20px; line-height:20px; color:#333333; margin-left:5px;
background-image:url(../Images/Pagination-Hover-Tans.png); background-repeat:no-repeat;width:20px; text-align:center; font-size:12px; }
.pagination-button a:hover,.pagination-button a.active { background-image:url(../Images/Pagination-Hover.png); background-repeat:no-repeat; color:#00c0ff }

.Previous {font-size:16px; color:#333333; text-decoration:none; display:inline-block; margin-right:10px;}
.Previous:hover {color:#00c0ff}

.Next {font-size:16px; color:#333333; text-decoration:none;display:inline-block; margin-left:10px;}
.Next:hover {color:#00c0ff}



/*Achivements*/

.Achivements-Detail { float:left}
.Listing-Content-Detail {margin-left: 310px;padding-right: 160px}
.Achiv-Slider { background-color:#e3e3e3; padding:5px;position: absolute;width: 275px;bottom: 155px;height: 20px; left:51px }
.Achiv-Slider-Previous { background-image:url(../Images/Achivements-Previous.png); background-repeat:no-repeat; position:absolute;
 width:11px; height:21px;left: 10px}
.Achiv-Slider-Next { background-image:url(../Images/Achivements-Next.png); background-repeat:no-repeat; position:absolute;
width:11px; height:21px;right: 10px}



/*Contact-us*/
.Contact-Us { margin-top:15px; float: left;width:28% }
.Contact-Location { font-size:13px; color:#666666; font-weight:bold }
.Contact-Info { color:#00c0ff; font-size:13px; font-weight:bold;margin-top: 4px }
.Contact-Info span { color:#666666; font-size:13px}



/*Media*/
.Media-Tab { color:#333333; font-size:30px; font-family:"Yanone Kaffeesatz Light"; text-decoration:none; margin-right:160px } 
.Media-Tab:hover,.selected { color:#00c0ff; border-bottom: 1px solid #00c0ff; padding-bottom:10px }


.Album-Listing { margin-top:30px;float: left;width: 280px }
.Album-Item {height:179px; float:left; overflow:hidden; position:relative }
.Album-Item .Img { height:179px }
.Album-Content { top:250px; left:0; right:0;background-color:#00c0ff; position:absolute; height: 179px; transition:top 0.4s linear;
cursor: pointer } 
.Album-Item:hover .Album-Content { top:0}
.Album-Title { color:white; font-size:16px; text-align:center; padding-top:40px; display:block; text-decoration:none }


.Album-Listing-Date {margin-top:6px;margin-bottom: 4px; width:50%; margin-left:15px}


.Album-Location {background-image: url(../Images/Location-Icon-White.png); background-repeat:no-repeat; background-position:left;padding-left:25px; color:white; font-size:14px; margin-right: 25px; text-decoration:none; margin-right:13px; padding-right:15px;padding-top: 18px;
padding-bottom: 4px } 
.Album-Event { background-image: url(../Images/Event-Icon-White.png); background-repeat:no-repeat; background-position:left;padding-left:25px; color:white; font-size:14px; margin-right: 25px; text-decoration:none; margin-right:13px; padding-right:15px;padding-top: 35px;
padding-bottom: 4px  }
.Album-Detail { margin-left:20px ;border-right: 1px solid white;width: 14%;margin-top: 17px;float: left}
.Album-Date {font-size:16px; color:white;padding-top: 15px;padding-right: 50px;float: right;width: 50%}

#ytPlayer{ padding-left:70px;  padding-top:20px;}
.Col1 .pageitem{ display:none}
.Col1 div.pageitem:nth-child(1){ display:block}




@media print {
.header-section,.Col2,.Share-Buttons,.Footer-BG{ display:none}
.Col1{ float:none; width:100%;}
}