/* HTML Elements */

a { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#2c9ea3; 
	text-decoration:none;
}
a:hover { color:#e30278; text-decoration:underline;}
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px; 
	color: #041B41;
	margin:0px;margin-top:2px;margin-bottom: 5px; 
	background-image:url('../images/layout/body_bg.gif');
}

h1 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding: 5px; font-size: 15px; color: #382A1F;
	text-align:center;
}
h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-left:0px;
	font-size: 14px;
	color:#e30278;
	margin-bottom:0px;
	text-align:left;
}
h3 {
	font-family: Arial, Helvetica, sans-serif;
	padding-left: 5px; font-size: 11px; color:#456789; 
}
h4 {
    font-family:Verdana, Arial, Helvetica, sans-serif;
	padding: 5px; font-size: 10px; color: #456789;
}

li { line-height:20px; }
p {
	padding-left: 5px; padding-right: 5px; line-height: 18px; 
	text-align:justify;
}

input { border:1px solid #97B9E9; }
textarea { border:1px solid #97B9E9; }
select {
	border:1px solid #97B9E9;
	font-weight:bold;
	line-height:18px;
	height:20px;
	font-family:Arial, Helvetica, sans-serif;
}

/* Style for Globle Header */
#main_wrapper {
	width:1000px;
	margin:auto;	
}
#globleheader {
        background-image:url('../images/layout/gb_bg.gif');
        height:20px;
        margin-bottom:2px;
}

/* Style for Top Banner */
#topBanner {
        background:url('../images/layout/layout_bg.gif') repeat-x;
        height:120px;
        border:0px solid #000000;
}

/* Style By ID - Common elements in all pages */

#tblBody{
	margin:0; padding:0; border:0;
	border-left:#000000 2px solid;
    border-top:#000000 1px solid;
	border-right:#000000 2px solid;
	border-bottom:#000000 1px solid;
}

/* Layout Table */
#tblLayout {
	margin-top:2px;
	margin-bottom:10px;
	background-image:url('./../images/layout/layout_bg.gif');
	background-color:#FFFFFF;
	background-repeat: repeat-x;
}

#copyright{
    text-align:center; 
	vertical-align:middle;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
    color:#041B41;
	line-height:18px;
}


#copyright a{
        color:#2E044C;
}

#copyright a:hover{
        color:#222222;
        text-decoration:none;
        font-weight:bold;
}

.about {
	font-size:110%;
	text-align:justify;
}

#bottomMenu{
	background-color:#c1eaec;
	text-align:center; 
    font-size:11px;
	vertical-align:middle;
	font-family:Verdana, Arial, Helvetica, sans-serif;
    line-height:18px;
    margin-bottom:1px;
}

#bottomMenu a {
	color:#09767b;
}

#bottomMenu a:hover {
	color:#e30278;
	text-decoration:none;
}

#leftcontent{
	
	text-align:center;
    vertical-align:top;
    padding:0px;
}
	
#maincontent{
	width: 100%; 
	vertical-align:top;
	background-repeat: repeat-y;
	padding:2px;
}

#rightcontent{
    text-align:center;
	vertical-align:top;
    padding:0px;
}
	
.middlebar{
	/*background-color:#FFFFFF;*/
}
	
#sitemapUl {
	margin:0;
	text-indent:0;
	text-align:left;
	padding-left:150px;
	list-style-image: url('../images/bullet.gif');
	line-height:30px;
	vertical-align:middle; padding-right:0; padding-top:0; padding-bottom:0
}
	#sitemapUl li{
		line-height:30px;
	}
	.sitemapUl li a {
		color:#EEDDEE;
	}

.divFeedbackStatus {
	font-family: Arial, sans-serif;
	font-size: 12px;
	background-color:#333333;
}

.divFeedbackStatus i{
	font-weight:normal;
	font-style:normal;
	padding:3px 15px 3px 15px;
	border:1px solid #AFBFFF;
}

.tblForm{
	padding:2px;
	margin:0px;
	border:1px solid #02845B;
	font-family: Arial, sans-serif;
	font-size:12px;
	color:#382A1F;
}

.tblForm tr td {
	background:#70FED1;
}

.tdFormHead{
	font-weight:bold;
	padding-top:12px;
	padding-bottom:4px;
	font-size:14px;
	color:#456789;
}
.tdFormHead2{
	font-weight:bold;
	padding-top:4px;
	padding-bottom:4px;
	font-size:13px;
	color:#456789;
}

.trHigh{
	height:33px;
}

/* Styles for Admin Pages */

.adminHead {
	padding:0;
	font-family:Verdana, Tahoma, sans-serif;
	font-size:18px;
	font-weight:bold;
	color:orange;
	text-decoration:underline;
	text-align:center;
	line-height:18px;
}

#adminTable {
	width:96%;
	font-family:Verdana, Tahoma, sans-serif;
	font-size:11px;
}
#adminTable td {
	vertical-align:top;
	text-align:left;
	padding:7px 1px 7px 1px;; margin:0; 
}
#adminTable th {
	vertical-align:bottom;
	text-align:left;
	padding:7px 1px 7px 1px;; margin:0; 
}

.sepBar {
        border:1px solid #000000;
        display:block;
}

.statWarning{
        color:red;
        width:90%;
        font-size:90%
}

.paraText{
        text-align:justify; 
}


.date{
        text-align:right;
        padding-right:20px;
        margin:0px;
}

#menu{
	/*background-image:url('../images/layout/menu_bg.gif');*/
	background-image:url('../images/menu_bg.gif');
	line-height:40px;
}
	#menu tr td{
		padding:0px;
		text-align:center;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:115%;
		font-weight:bold;
	}
	#menu tr td.last{
		border-bottom:0px;
	}
	
	#menu tr td a{
		background-image:url('../images/menu.gif');
		width:100px;
		color:#FFFFFF;
		display:block;
	}
	
	#menu tr td a:hover{
		font-size:110%;
		background-image:url('../images/menu_ro.gif');
		text-decoration:none;
	}


/* footer style */
#footer {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
        color: #09767b;
        line-height:40px;
        vertical-align:middle;
}

#m1, #m2, #m3, #l, #r {
	background-image:url('../images/layout/footer_m.gif');
}

.box {
	border:1px solid #2c9ea3;
}
	.boxHead{
		background-color:#2c9ea3;
		padding:3px;
		font-size:110%;
		font-weight:bold;
		color:#FFFFFF;
	}
	
/* Styles for Grid */	
.grid {
	text-align:left;
	background-color:#ffffff;
}

.gridHeader {
	vertical-align:middle;
	text-align:left;
	border:1px solid #cccccc;
	background-color:#cccccc;
	background-image:url('./../images/layout/header_bg.gif');
}

.gridRow {
	background-color:#FFFFFF;
}

.gridRow1 {
	background-color:#E5F1FB;
}

.gridRow2 {
	background-color:#FFFFFF;
}

.gridData {
	vertical-align:top;
	text-align:left;
}

.gridNavi {
	background-color:#BBD1E8;
}

/* Styles for Box */
.box {
	margin-bottom:0px;
	border-left:1px solid #2c9ea3;
	border-right:1px solid #2c9ea3;
}

.boxHeader {
	text-align:left;
	height:32px;
	background-color:#2c9ea3;
	color:#ffffff;
	font-size:110%;
	font-weight:bold;
	background-image:url('./../images/layout/header_bg.gif');
}

.boxBody {

}
.boxMoreLink {
	text-align:right;
	background-color:#BBD1E8;
	padding:1px;
}

#vipView {
	border:1px solid #000000;
	background: #FEEEB4;
}

#vipImage {
	
}

.vipName {
	font-size:12px;
	padding-bottom:10px;
}

#glrView {
	border:2px solid #AF6301;
	background:#FDDDB3;
}

#glrTitle {
	padding:3px;
	font-size:110%;
	font-weight:bold;
	text-align:center;
}

#glrImage {
	text-align:center;
}

#glrText {
	text-align:center;
}

.subLink {
	list-style-type:none;
	line-height:18px;
	font-size:110%;
	font-weight:bold;
	margin-left:0px;
	padding-left:10px;
	text-align:left;
}

.subLink li a {
	color: #2D2801;
}

.newsHeading {
	margin-top:2px;
	margin-left:5px;
	text-align:left;
	list-style-type:none;
	padding-left:10px;	
	font-size:110%;
}
.newsHeading li {	
	border-bottom:1px dashed #dddddd;
}
.bullet{
	line-height:30px;
	list-style-image:url(../images/arrow.gif);	
}
.newsHeading li p {
	font-size:8pt;
	text-align:justify;
	padding:0px 10px 0 10px;;
}
.newsDisplay {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:justify;	
	padding:2px;
	margin-top:10px;
	margin-bottom:10px;
}
.newsDisplay p{
	font-size:8pt;
	text-align:junstify;
}

/* Quick Browse under the full view images */
ul.quickBrowse { 
	float: left; 
	width: 500px; 
	overflow: visible; 
}
ul.quickBrowse li { 
	display: inline; 
}
ul.quickBrowse li a, ul.quickBrowse li a:visited { 
	z-index: 0; 
	position: relative; 
	white-space: normal; 
	float: left; 
	display: inline; 
	width: 80px; 
	overflow: hidden; 
}
ul.quickBrowse li a:hover { 
	overflow: visible; 
	z-index: 99; 
	display: block; 
}
ul.quickBrowse li a:hover img {
	width: 60px; 
	position: absolute; 
	top: -25%; 
	left: 0; 
	margin: 0 0 0 -30px; 
	border: 5px solid #333; 	
}
.more {
	font-family: verdana;
	font-size: 9px;
	color: #e30278;
	font-weight: bold
}
.date_text{
	font-family: verdana;
	font-size: 9px;
	color: #a3a2a3;
}


/********** tab css *******************/
.tab {
	margin: 3px;
	margin-top: 2px;
	margin-bottom: 8px;
}

.tabHeadActive {
	background-image: url('../images/tab-back1.gif');
	background-color: #FFF;
	border: 1px solid #AFBDC6;
	color: #C32D00;
	font-weight: bold;
	font-family: verdana;
	font-size: 11px;
	text-decoration: none;
	cursor: pointer;
	/*border-bottom: 1px solid #FFFFFF;*/
}

.tabHeadInActive {
	background-image: url('../images/tab-back2.gif');
	border: 1px solid #AFBDC6;
	background-color: #ffffff;
	color: #003366;
	font-weight: bold;
	font-family: verdana;
	font-size: 11px;
	text-decoration: none;
	cursor: pointer;
	border-bottom: 1px solid #AFBDC6;
}

.tabSpace {
	border-bottom: 1px solid rgb(175, 189, 198);
	font-size: 2px;
}

.tabBodyActive {
	visibility: visible;
	display: block;
	border: 0px solid #AFBDC6;
	border-top: 0px none;
}

.tabBodyInActive {
	visibility: hidden;
	display: none;
	border: 1px solid #AFBDC6;
	border-top: 0px none;
} 

div.pagination {
	padding: 3px;
	margin: 3px;
	text-align: right;
}

div.pagination a {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #AAAADD;
	
	text-decoration: none; /* no underline */
	color: #2c9ea3;
}
div.pagination a:hover, div.pagination a:active {
	border: 1px solid #2c9ea3;
	color: #e30278;
}
div.pagination span.current {
	padding: 2px 5px 2px 5px;
	margin: 2px;
		border: 1px solid #2c9ea3;
		
		font-weight: bold;
		background-color: #2c9ea3;
		color: #FFF;
	}
	div.pagination span.disabled {
		padding: 2px 5px 2px 5px;
		margin: 2px;
		border: 1px solid #EEE;
	
		color: #DDD;
	}
.date_box {
	width:600px;
	margin:10px;
	padding:10px;
	overflow:hidden;
	background:#2c9ea3;
}
.date_inner{
	width:200px;
	height:275px;
	float:left;
	background:#ffffff;
}
.date_box_head{
	background:#3b5998;
	height:26px;
	font-family:Comic Sans MS;
	color:#ffffff;
	font-size:16px;	
	font-weight:bold;
}
#facebook{
	width:380px;	
	height:275px;
	float:right;
	overflow:hidden;
	background:#ffffff;
}