﻿@charset "UTF-8";
/*
Description: Global CSS Properties, apply to all section
Author: Abdur Rahman
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
@import url('reset.css');


/* =1 Global
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
HTML,BODY,TD,H1,H2,H3,H4,OL,UL,DL,LI,DT,DD {font-family:arial,helvetica,sans-serif;}
HTML,BODY,TD,CODE,KBD,TT,OL,UL,DL,LI,DT,DD {font-size:12px;}
body, p, input, textarea, select, div, span, a {
	/*font:95%/140% 'helvetica neue',sans-serif;*/	
	color:#525250;
} 
body {	vertical-align: top; background:#fff;}
.floatRight { float: right;}
.floatLeft {	float: left;}
.align-left {	text-align: left;}
.align-right {	text-align: right;}
.align-center {	text-align:center;}
.justify {	text-align:justify;}
.hide {	display: none;}
.clear {	clear: both;}
.bold {	font-weight:bold;}
.italic {	font-style:italic;}
.underline {	border-bottom:1px solid;}
.highlight {	background:#ffc;}
img.centered {	display: block;	margin-left: auto;	margin-right: auto;}
img.alignleft {	float:left;	margin:4px 10px 4px 0;}
img.alignright {	float:right;	margin:4px 0 4px 10px;}
img a{ cursor:pointer;}
.clearfix:after { content: ".";	display: block;	clear: both;	visibility: hidden;	line-height: 0;	height: 0;}
.clearfix {	display: block;}
html[xmlns] .clearfix {	display: block;}
* html .clearfix { height: 1%;}
.panding {color:#000; font-size:11px; }
img { cursor:pointer;}
/* =2 Links
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
a { text-decoration:none; }
a.linkBold { font-size:11pt; font-weight:bold; } 
a.linkBold:hover { } 
a.readMore {  color:#ff3300; font-weight:normal; padding:5px 8px; font-size:11px; text-align:right; background:url(../images/gb-left-menu-arrow.png) no-repeat left;} 
a.readMore:hover {color:#FF9E00; } 

/* =3 Headings
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
h1, h2, h3, h4, h5, h6 { font: bolder 14pt tahoma, Helvetica, sans-serif; color:#ED1F25;}
h1 { font-size:13pt; } 
h2 { font-size:15pt; color:#008624; } 
h3, h3 a {  font-size:10pt; font-weight:bolder; }
h4 { font-size:11pt; } 
/* =4 Header
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
.centerDiv { margin:0px; width:100%; padding:0px;} 
.header-content { height:200px; background:url(../images/gb-header-bg.jpg) repeat-x 0px 0px; margin:0px; clear:both; padding:0px;}
.header { height:200px; width:98%; margin:auto; padding:0px;background:url(../images/gb-top-map.jpg) no-repeat 0px 0px;}
.logo { background:url(../images/admin-logo.png) repeat-x 0px 0px;width:300px; height:89px; left:0px; top:0px;position:relative; float:left;  } 
.welcome_top { font-size:12px; color:#fff; font-weight:normal;}
.top-nav {width:75%; float:right; }
.top-nav ul { color:#000000; list-style:none;}
.top-nav ul li { color:#000000; list-style:none;float:left;background:url(../images/top-menu-sep.jpg) no-repeat 0px 1px; }
.top-nav ul li a { color:#000000; font-weight:bold; padding:0px 5px 0px 10px; letter-spacing:1px;}
.top-nav ul li a:hover{ color:#ff6600;}

.home-menu {width:160px; float:right; }
.home-menu ul { color:#000000; list-style:none;}
.home-menu ul li { color:#000000; list-style:none;float:left;background:url(../images/top-menu-sep1.jpg) no-repeat 0px 3px; }
.home-menu ul li a { color:#000000; font-weight:normal; padding:0px 5px 0px 10px; font-size:11px;}
.home-menu ul li a:hover{ color:#ff6600;}

.slogan { position:relative; top:33px; left:150px; padding:5px; width:330px; height:32px; float:left; } 
.topContainer {background:url(../images/page-title-bg.jpg) repeat-x left top; height:47px;  } 
.topContainerBody {width:980px; margin:auto; }
.topContainerBody h2 {background:url(../images/icon-01.jpg) no-repeat left; padding-left:20px; color:#DE5C02; font-size:18px; font-weight:normal;}

/* left menu
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
.bodyContainer {min-height:400px;clear:both; padding:0px; margin:auto; width:985px;}
.left-menu-list { width:180px; border:1px solid #9B9797; background:#D3DA98; padding:10px; margin-bottom:8px;}
.left-menu-list h2 { font-size:15px; font-weight:bold; color:#014523; padding-left:10px;}
.left-menu-list ul { width:160px; list-style:none; padding-left:10px; padding-top:10px;}
.left-menu-list ul li { background:url(../images/gb-left-menu-line.png) repeat-x  left bottom; line-height:20px;}
.left-menu-list ul li a { background:url(../images/gb-left-menu-arrow.png) no-repeat 0px 0px; padding-left:15px; color:#850000; font-weight:bold; font-size:11px;}
.left-menu-list ul li a:hover { color:#FF3300;}
.left-advis {width:200px; border:1px solid #9B9797; background:#fff;margin-bottom:8px; height:60px; text-align:center; vertical-align:middle; font-weight:bold;}
.right-advis {width:200px; border:1px solid #9B9797; background:#fff; float:right; right:0px; margin-bottom:8px; height:60px; text-align:center; vertical-align:middle; font-weight:bold;}
.content-holder {width:525px; border:1px solid #9B9797;margin-bottom:8px; padding:10px; background:#f7f7f7 url(../images/all-page-bar.jpg) no-repeat top left;}
.content-holder h2 { font-size:14px; font-weight:bold; color:#990302; padding-left:10px; margin-bottom:10px; margin-top:0px; padding-top:0px;}
.important-holder {width:248px; border:1px solid #9B9797;margin-bottom:8px; padding:10px; background:#F6F7E9;}
.important-holder h2 { font-size:14px; font-weight:bold; color:#990302; padding-left:10px; margin-bottom:10px; text-align:left;}
ul.important-link li{ list-style:none; padding-left:10px;}
ul.important-link li a {background:url(../images/gb-left-menu-arrow.png) no-repeat 0px 0px; padding-left:13px; color:#1C6603; font-weight:bold; font-size:11px;}
ul.important-link li a:hover {color:#FF3300;}
ul.dlist1 li a { color:#3F2F00;}
/*---------------------------------Data Grid--------------------*/
table.datagrid  {border-bottom:1px solid #e5e5e5;border-left:1px solid #e5e5e5;border-right:1px solid #e5e5e5;}
table.datagrid tr  {background:#fff; border-bottom:0px solid #e5e5e5;height:30px;}
table.datagrid tr.altrow  {background:#F3F3F3 url(../images/datagrid-bg.jpg) 0 0 repeat-x; border-bottom:0px solid #e5e5e5;height:30px;}
table.datagrid tr th {background:#fff url(../images/th-bg.jpg) repeat-x left top;; border-bottom:0px solid #e5e5e5;height:50px;border-right:1px solid #e5e5e5; font-size:14px;}
table.datagrid tr td { border-right:1px solid #e5e5e5; padding-left:10px; height:40px; font-size:13px;}
div.datagrid-listing { background:#FFF9C9; padding:5px; border:1px solid #e5e5e5; margin-bottom:10px; height:30px; margin-top:5px;}
div.datagrid-listing table tr td { font-weight:bold;}
table.datagrid img { cursor:pointer;}

/*------------------------------------Search Design--------------------*/

/* =7 Form
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/

div.error { display: none; }
input, select, textarea {	padding:0px;border:1px solid #FB6E6E; }
input:focus { border: 1px dotted #EE6565; }
input.error { border: 1px dotted red; }
.button {  font-size:11pt; font-weight:bold; padding:5px; }
input {border:1px solid #FB6E6E;background:#fff; height:24px;}

/* =8 Extra
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/

.noborder { border:none;}
.nopadding { padding:0px;}
.nomargin { margin:0px;}

.spacer .block{
	clear:both; 
	font-size:0; 
	line-height:0;
}
.w99 .block {
	width: 100%;
}
.w49 .block {
	width: 50%;
}
.w33 .block {
	width: 33.3%;
}
.w24 .block {
	width: 25%;
}
/* =9 Footer
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
.footerContainer { background:url(../images/gb-footer-bg.jpg) top left repeat-x; padding:0px; margin:0px; height:299px; width:100%; clear:both; } 
.footer {width:96%; margin:auto; color:#000;} 
.footer .copy {float:right;padding:0px; margin:0px; line-height:15px; color:#AE0303; }
.footer .nav {  list-style:none; left:0px; }
.footer .nav li { float:left;padding:0px 8px 0px 0px;}
.footer .nav li a {color:#AE0303; font-weight:bold;}
.footer .nav li a:hover { color:#ff6600;}
table.distlist tr td a { background:url(../images/gb-star-list.jpg) no-repeat 0px 3px; color:#3F2F00; font-weight:bold; padding-left:10px; padding-right:12px; font-size:11px;}
table.distlist tr td a:hover { color:#FF0000;}
div.search-people { border:1px solid #C13000; padding:10px; margin:0px; width:260px; background:#E5E7C8;}

/*
    anythingSlider v1.2
    
    By Chris Coyier: http://css-tricks.com
    with major improvements by Doug Neiner: http://pixelgraphics.us/
    based on work by Remy Sharp: http://jqueryfordesigners.com/
*/

.gbvolunteer { margin:0px 10px 5px 10px;}
.gbvolunteer h2 { font-size:12px; margin-bottom:10px;}
.gbvolunteer h2 a { text-decoration:none; color:#009F00;}
.gbvolunteer h2 a:hover { text-decoration:none; color:#0033CC;}
.gbvolunteer h2 { font-size:12px; margin-bottom:10px;}
.gbvolunteer img { margin-right:8px; float:left;}
.gbvolunteer p { text-align:right;}
.gbvolunteer a { text-align:right; color:#FF0000;}
.gbvolunteer a:hover {  color:#3399FF}
.news-holder {width:200px; border:1px solid #9B9797;background:#E7F1E9;height:200px; float:right;}
.anythingSlider                         { width: 200px; height: 240px; position: relative; }
.anythingSlider .wrapper                { width: 200px;  height: 240px;position: absolute; top:0px; left: 0; background:url(../images/news-hi-top.jpg) no-repeat 0px 0px; }
                                  /* Width below is max for Opera */
.anythingSlider .wrapper ul             { width: 32700px; list-style: none; position: absolute; top:40px; left: 0; }
.anythingSlider ul li                   { display: block; float: left; padding: 0; width: 200px; margin:0px; }
.anythingSlider .arrow                  { display: block; height: 15px; width: 9px; background: url(../images/news-hi-arrow.jpg) no-repeat 0 0; text-indent: -9999px; position: absolute; top: 180px; cursor: pointer; }
.anythingSlider .forward                { background-position: 0 0; right:80px; }
.anythingSlider .back                   { background-position: -9px 0; left:80px; }
/*.anythingSlider .forward:hover          { background-position: 0 -200px; }
.anythingSlider .back:hover             { background-position: -67px -200px; }
*/
#thumbNav                               { position: relative; top: 220px; text-align: center; width:120px; left:200px;}
#thumbNav a                             { color: black; font: 10px; display: inline-block; padding: 2px 4px; height: 14px; margin: 0 2px 0 0; background: #919F1A; text-align: center; }
#thumbNav a:hover                       { background-image: none; background:#99CC00; }
#thumbNav a.cur                         { background: #e0a213; }

#start-stop                             {color: white; padding: 2px 5px; width: 40px; text-align: center; position: absolute; right: 0px; top: 5px; font-weight:bold; }
#start-stop.playing                     { color:#FF0000; }
#start-stop:hover                       { background-image: none; color:#FFCC00;}

/*
  Prevents
*/
.anythingSlider .wrapper ul ul          { position: static; margin: 0; background: none; overflow: visible; width: auto; border: 0; }
.anythingSlider .wrapper ul ul li       { float: none; height: auto; width: auto; background: none; }

/* new style adding from now */

.noRecord                               {font-family: Arial, Helvetica, sans-serif;font-size: 13px;line-height: 23px;color: #FF0000;font-weight: bold;background-color: #FCFCFC;border: 1px outset #CCCCCC;text-indent: 3px;text-transform: uppercase;}  

.pageSubHeader                           {font-family: Arial, Helvetica, sans-serif;font-size: 12px;font-weight: bold;background-color: #F9F9F9;color: #6A6AB5;line-height: 20px;letter-spacing: 1px;}
.pageingHeader                           {font-family: Arial, Helvetica, sans-serif;font-size: 12px;color: #303061;letter-spacing: 1px;
	text-decoration: none;line-height: 18px;font-weight: bold;border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #DBDBDB;background-color: #F3F3F3;}
.pageingHeader a                         {font-family: Arial, Helvetica, sans-serif;font-size: 12px;color: #303061;letter-spacing: 1px;text-decoration: underline;font-weight: bold;}
.pageingHeader a:hover                   {font-family: Arial, Helvetica, sans-serif;font-size: 12px;color: #303061;letter-spacing: 1px;text-decoration: none;font-weight: bold;}
.pageingData                             {font-family: Arial, Helvetica, sans-serif;font-size: 12px;color: #333333;letter-spacing: 1px;text-decoration: none;border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #EAEAEA;background-color: #FBFBFB;border-right-width: 1px;
border-right-style: solid;border-right-color: #EAEAEA;}
.pageingData a                           {font-family: Arial, Helvetica, sans-serif;font-size: 12px;color: #303061;letter-spacing: 1px;text-decoration: underline;font-weight: bold;}
.pageingData a:hover                     {font-family: Arial, Helvetica, sans-serif;font-size: 12px;color: #303061;letter-spacing: 1px;text-decoration: none;font-weight: bold;}
.pageing {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	letter-spacing: 1px;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #EAEAEA;
	background-color: #F9F9F9;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #EAEAEA;
}
.pageing select{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	text-decoration: none;
}
.pageing a {
	color: #970000;
	text-decoration: underline;
	font-weight: bold;
}
.pageing a:hover {
	color: #970000;
	text-decoration: none;
	font-weight: bold;
}
.msg {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FF0000;
	text-decoration: none;
	background-color: #FFFFFF;
	letter-spacing: 1px;
}
.lefttext{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	   color: #005B28;
	font-weight: bold;
	text-decoration: none;
	text-align:right;
}
.forget{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
}
.forget a{
	color:#FF0000;
	text-decoration: none;
}

.forget a:hover{
	color:#005B28;
	text-decoration: underline;
}

 
.dlist{
		font-family:Verdana, Arial, Helvetica, sans-serif;
        font-size: 11px;
}
 
.dlist li{
		font-weight:bold;
        padding-left:0px;
        line-height:15px;
		text-indent:10px;
}

.dlist li a{
        color:#006600;
        text-decoration:none;
}

.dlist li a:hover{
        color:#CC3300;
        text-decoration:underline;
}

.head_box{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	letter-spacing:3px;
	color:#00A400;
	padding:3px 0px 3px 0px;
	border:2px solid #DBDBB7;
}
.head_box_menu{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	letter-spacing:1px;
	padding:3px 0px 3px 0px;
	border:1px solid #DBDBB7;
}
.head_box_menu a{
	color:#993300;
	text-decoration:none;
}
.head_box_menu a:hover{
	color:#00B000;
	text-decoration:none;
}

.link_menu{
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#FF3300;
font-size:11px;
font-weight:bold;
background:#D3DA98;
height:26px;
border:1px solid #CCCCCC;
padding:10px 0px 2px 0px;
}


.link_menu a{
color:#850000;
text-decoration:none;
}

.link_menu a:hover{
color:#FF3300;
text-decoration:underline;
}

.divrow_left{
	   font-family:Verdana, Arial, Helvetica, sans-serif;
	   font-size:11px;
	   color: #005B28;
	   font-weight:bold;
	   text-align:right;
	   padding:5px 2px 2px 0px;
       }
	   
.divrow_middle{
	   font-family:Verdana, Arial, Helvetica, sans-serif;
	   font-size:12px;
	   font-weight:bold;
	   text-align:center;
	   padding:5px 0px 2px 0px;
       }
	   
.divrow_right{
	   font-family:Verdana, Arial, Helvetica, sans-serif;
	   font-size:11px;
	   font-weight:bold;
	   text-align:left;
	   padding:5px 2px 2px 0px;
       }
.divrow_head{
	   font-family:Verdana, Arial, Helvetica, sans-serif;
	   font-size:14px;
	   font-weight:bold;
	    color:#B33A00;
	   text-align: left;
	   padding:5px 10px 3px 10px;
	   float:left;
       }
	   
.news_title {
	font-weight:bold;
	font-size:14px;
	color:#2779B1;
	padding:10px 0px 10px 5px;
	}
	   
.news_title a{
	color:#2779B1;
	text-decoration:none;
	}
	   
.news_title a:hover{
	color:#0033CC;
	text-decoration:underline;
	}
.fpheader {
	color: #000066;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	text-transform: none;
	text-decoration: none;
	vertical-align: super;
	white-space: normal;
	background-image: url(images/psbanner.jpg);
	background-repeat: repeat-x;
	line-height: 24px;
}

