﻿/* Common Style */
body {margin:0; padding:0; background:#000 url(../images/bg.jpg) center top no-repeat; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#fff;}
a {text-decoration:underline; outline:none; position:relative}
a:hover {text-decoration:none;}
p, form {margin:0; padding:0;}
input, textarea, select {margin:0; padding:0; outline:none;}
img {border:0 none;}

.lt1 {float:left;}
.rt1 {float:right;}
.clr {clear:both; height:0px; overflow:hidden; visibility:hidden;}

h1{font-size:15px; color:#0090ff; margin:0; padding:0;}
.WhiteText{ color:#fff;}
.Font12B{font-size:12px; font-weight:bold;}
.Font14B{font-size:14px; font-weight:bold;}

.MarLeft10{margin:0 0 0 10px;}
.MarTop20{margin:20px 0 0 0;}


/* Home page Styles */ 
.Container {width:960px; padding:0; margin:0 auto;}
.Header{width:960px; height:109px; float:left;}
.TopLeftMenuContainer{width:960px; margin:28px 0 0 0; float:left;}
.TopLeftMenu{width:420px; float:left;}
.TopRightMenu{width:420px; float:right;}
.TopLeftMenuContainer ul.Left{margin:0; padding:0;}
.TopLeftMenuContainer ul.Left li{margin:0 15px 0 0; padding:0; list-style-type:none; float:left}
.TopLeftMenuContainer ul.Right{margin:0; padding:0;}
.TopLeftMenuContainer ul.Right li{margin:0 0 0 15px; padding:0; list-style-type:none; float:right}

.HomeLatestEvents{float:right;}
.HomeLatestEvents ul{ margin:0; padding:0; list-style-type:none;}
.HomeLatestEvents ul li{ margin:0 0 0 7px; padding:0; float:right;}
.HomeLatestEvents ul li img{ border:1px solid #c59e00;}
.HomeLatestEvents a{color:#fff; text-decoration:none; cursor:pointer}
.HomeLatestEvents a:hover{color:#c59e00;}

a.HomeEvents{ width:136px; height:60px; background:url(../images/home_events.gif) left bottom no-repeat; display:block}
a.HomeEvents:hover{ width:136px; height:120px; background:url(../images/home_events.gif) left top no-repeat; display:block}

a.WhiteLink{text-decoration:underline; outline:none; position:relative;color:White;}
a.WhiteLink:hover{ text-decoration:none;color:White;}


a.Gallery{ width:136px; height:60px; background:url(../images/home_gallery.gif) left bottom no-repeat; display:block}
a.Gallery:hover{ width:136px; height:120px; background:url(../images/home_gallery.gif) left top no-repeat; display:block}

a.Advt{ width:136px; height:60px; background:url(../images/home_advt.gif) left bottom no-repeat; display:block}
a.Advt:hover{ width:136px; height:120px; background:url(../images/home_advt.gif) left top no-repeat; display:block}

a.Contacts{ width:136px; height:60px; background:url(../images/home_contacts.gif) left bottom no-repeat; display:block}
a.Contacts:hover{ width:136px; height:120px; background:url(../images/home_contacts.gif) left top no-repeat; display:block}

a.Register{ width:136px; height:60px; background:url(../images/home_register.gif) left bottom no-repeat; display:block}
a.Register:hover{ width:136px; height:120px; background:url(../images/home_register.gif) left top no-repeat; display:block}

.TopBg{width:960px; height:30px; background:url(../images/top.png) left top no-repeat;}
* html .TopBg {back\ground-color:transparent; back\ground:transparent url(../images/spacer.gif); filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/top.png", sizingMethod="scale"); background-position:top left;}

.MiddleBg{width:900px; padding:0 30px; background:url(../images/middle.png) left top repeat-y;}
* html .MiddleBg {back\ground-color:transparent; back\ground:transparent url(../images/spacer.gif); filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/middle.png", sizingMethod="scale"); background-position:top left;}

.BottomBg{width:960px; height:30px; background:url(../images/bottom.png) left top no-repeat;}
* html .BottomBg {back\ground-color:transparent; back\ground:transparent url(../images/spacer.gif); filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/bottom.png", sizingMethod="scale"); background-position:top left;}

.DropDown{width:158px; border:1px solid #cccccc; color:#1378c6; font-size:11px;}
.DropDown1{border:1px solid #cccccc; color:#1378c6; font-size:11px;}
.SearchBtn{width:24px; height:18px; border:0 none; background:url(../images/search_btn.gif) left top no-repeat; cursor:pointer}

.EventTitle{ background:#0056ae; color:#fff; font-size:13px; font-weight:bold;}
.WhiteTitle{color:#fff; font-size:13px; font-weight:bold;}
tr.BlackBg{background:#000; font-weight:normal }
tr.BlackBg td{border-bottom:1px solid #002a54; border-right:1px solid #002a54;}

.BlueLink{font-size:11px; color:#0274e8; text-decoration:none;}
.BlueLink:hover{color:#c59e00;}

.BlueLinkB{font-size:11px; color:#0274e8; text-decoration:none; font-weight:bold;}
.BlueLinkB:hover{color:#c59e00;}

.WhiteLinkActive{font-size:11px; color:#fff; text-decoration:none; font-weight:bold;}

.WhiteLinkB{font-size:11px; color:#fff; text-decoration:none; font-weight:bold;}
.WhiteLinkB:hover{color:#c59e00;}

.BlueText{font-size:11px; color:#0274e8;}
.TableBorder{border-left:1px solid #002a54;}



/* Latest Events */ 

.BorderRight{ border-right:1px solid #002a54; text-align:center}
.Date{font-size:16px; font-weight:bold; color:#fff;}
.ImgBorder{border:1px solid #004b85;}

/*.PhotoGalBg{width:156px; height:156px; padding:4px; background:url(../images/gallary_photo_bg.gif) left top no-repeat;}*/
.PhotoGalBg{width:156px; height:156px; padding:4px; background:url(../images/photo_thumb_gallary_bg.jpg) left top no-repeat;}
.PhotoBorder{border:1px solid #004b85;}
.LatestPhotoBorder{border:1px solid #5d4902;}
/*.FooterText {font:arial 11 #cccccc;}*/
.FooterText{font-size:11px; color:#cccccc; text-decoration:none; font-family:Arial;}
.FooterText:hover{color:#cccccc;}



/* light box css start */
#lightbox {position:absolute; left:0; width:100%; z-index:5000; text-align:center; line-height:0}
#lightbox a img {border:none}
#outerImageContainer {position:relative; background:#000; width:250px; height:250px; margin:0 auto}
#imageContainer {padding:10px}
#loading {position:absolute; top:40%; left:0%; height:25%; width:100%; text-align:center; line-height:0}
#hoverNav {position:absolute; top:0; left:0; height:100%; width:100%; z-index:10}
#imageContainer > #hoverNav {left:0}
#hoverNav a {outline:none}
#prevLink, #nextLink {width:49%; height:100%; background:transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */ display:block}
#prevLink {left:0; float:left; outline:none}
#nextLink {right:0; float:right; outline:none}
#prevLink:hover, #prevLink:visited:hover {outline:none; background:url(../images/prevlabel.gif) left 50% no-repeat;}
#nextLink:hover, #nextLink:visited:hover {outline:none;background:url(../images/nextlabel.gif) right 50% no-repeat}
#imageDataContainer {font:11px Arial, Verdana, Helvetica, sans-serif; background:#000; margin:0 auto; line-height:1.4em; overflow:auto; width:100%}
#imageData {padding:0 10px; color:#9d9c9c;}
#imageData #imageDetails {width:70%; float:left; text-align:left}
#imageData #caption {font-weight:bold}
#imageData #numberDisplay {display:block; clear:left; padding-bottom:1.0em}
#imageData #bottomNavClose {width:66px; float:right; padding-bottom:0.7em}
#overlay {position:absolute; top:0; left:0; z-index:5000; width:100%; height:500px; background:#333333}
/* light box css end */

.TextBoxBg{ width:228px; height:23px; padding:20px; background:url(../images/textbox_bg.png) left top no-repeat;}
* html .TextBoxBg{background-color:transparent; background:transparent url(../images/spacer.gif); filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/textbox_bg.png", sizingMethod="scale"); background-position:top left;}

.TextAreaBg{ width:228px; height:137px; padding:20px; background:url(../images/textarea_bg.png) left top no-repeat;}
* html .TextAreaBg{background-color:transparent; background:transparent url(../images/spacer.gif); filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/textarea_bg.png", sizingMethod="scale"); background-position:top left;}

.TextBoxSearch{width:180px; border:0 none; color:#1378c6; background:#FFF; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
.TextBox{width:220px; border:0 none; color:#fff; background:#000; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
.TexArea{width:220px; height:137px; border:0 none; color:#fff; background:#000; font-family:Arial, Helvetica, sans-serif; font-size:12px;}

.LoginBtn{ width:102px; height:30px; color:#fff; font-size:12px; border:0 none; background:url(../images/btn_bg.gif) left top no-repeat; cursor:pointer;}
.AdBox{border:1px solid #0056ae; font-size:11px; background:#000;}
.AdBoxTopBg{ background:#0056ae; font-weight:bold;}

.ErrorMessage
{
    /*padding-top:20px;
    padding-left:5px;
	font-size: 25px;*/
    color : Red; 
}

.detailstable td
{
    text-align: left;
}

.SuccessMessage
{
    color : Green; 
}

/*Lightbox css*/
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

/*Lightbox css*/
.texjut
{
	text-align: justify;
	padding-left:25px;
	padding-right:25px;
	padding-top:15px;
}

.texjutP
{
	text-align: justify;
	padding-left:5px;
	padding-right:5px;	
}