* {
	margin: 0px;
	padding: 0px;
    font-size:14px;
}

html
{
	height: 100%;
}

body {
	height: 100%;
	
	background-color:#F1F1F1;
	/*color: #85859c;*/
	font-family: tahoma, arial, sans-serif;
	font-size: 14px;	
	width:100%;	
	margin: 0;
    padding: 0;
}



/*a {
	color: #85859c;
	text-decoration: underline;
	text-align: center;
}

a:hover {
	color: #69699c;
}

span {
	display: none;
}

img {
	border: none;
}

p {
	margin: 10px 0px 5px;
	text-align: justify;
	line-height: 14px;
}*/

.clearthis {
	margin : 0px;
	height : 1px;
	clear : both;
	float : none;
	font-size : 1px;
	line-height : 0px;
	overflow : hidden;
}

#container {
	margin: 0px auto;
	width: 99%;
	height:100%;
	border-color: #9e9ec3;
	border-width: 0px 1px 1px;
	border-style: solid;
}

/*input  {
	padding-left: 2px;
	background-color: #fff;
	color:black;
	font-family: tahoma, arial, sans-serif;
	font-size: 12px;
	text-align:left;
}
input button {
	padding-left: 2px;
	
	color:black;
	font-family: tahoma, arial, sans-serif;
	font-size: 12px;
	text-align:center;
}
}*/


/* Page Header */

#page_header {
	width: 100%;
	height: 96px;
	color: #05345A;		
	
   background: url('../img/header.jpg') repeat-x 0px 0px;
	overflow: hidden;
	
}

#page_header a {
	color: #fff;
	text-decoration: none;
}

#page_header a:hover {
	color: #e1e1e1;
}

#page_heading {
	width: 107px;
	height: 113px;	
	float: left;
}

#page_heading h1 {
	height: 52px;
	background: url('images/company_name.jpg') no-repeat 56px 36px;
	float: left;
	
}

#page_heading h2 {
	width: 190px;
	height: 16px;
	background: url('images/company_punchline.jpg') no-repeat 56px 2px;
	float: left;
	clear: both;
	
}

#page_headerlinks {
	padding-right: 20px;
	padding-top: 25px;
	width: 275px;
	float: right;
	text-align: left;
	word-spacing: -1px;
}

#page_headerlinks ul {
	list-style-type: none;	
}

#page_headerlinks li {
	padding: 0px 10px 0px 9px;
	float: left;
	list-style-type: none;
	background: url('images/header_toplinks_div.gif') no-repeat 100% 2px;
}

#page_headerlinks li.last {
	padding-right: 0px;
	background: none;
}

#page_headersearch {
	/*padding-right: 30px;*/
	
	float: right;
	clear: right;
	/*width: 180px;*/
	text-align: left;
	word-spacing: -1px;
	overflow : hidden;
}

#page_headersearch h3 {
	float: left;
	font-weight: bold;
	font-size: 12px;
}

#page_headersearch form {
	padding-left: 3px;
	float: left;
}

#page_headersearch input {
	margin-top: 1px;
	padding-left: 2px;
	width: 158px;
	height: 14px;
	float: left;
	border: none;
}

#page_headersearch input.button {
	padding: 0px;
	margin-top: 0px;
	margin-left: 5px;
	width: 34px;
	height: 16px;
	background-color: transparent;
	float: left;
}


/* Main Navigation Menu */



ul#page_menu,#page_menu ul{
margin:0;
background-color: #055fa7;
padding:0;/*set both to zero to remove browser inconsistencies*/
list-style-type:none;/*get rid of bullet points*/
height:40px/*just to avoid some possible float issues*/
}

#page_menu li{
float:left;/*float the li element so the menu's horizontal...*/
width:150px;/*...and set the width*/
position:relative;
/*white-space: nowrap;*/
display:inline-block;
zoom: 1;
 *display: inline;   
}

#page_menu li a{

	display:block;
    margin-right : 1px;
    line-height:30px;
	width: 150px;
	height: 40px; 		
	background-color: #055fa7;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	color:white;
 text-decoration:none;
border:1px solid white;
  
}





#page_menu li a:hover{
color:white;/*change the text colour on :hover*/
background-color:#2a4890;
}

#page_menu li ul
{

display:none;/*hide the dropdown*/
position:absolute;/*position it absolutely..*/
left:0;/*...align the left edge with the left edge of the parent li...*/
top:41px;/*...and 32px down from the top - 30px height + 2px for the border*/
   zoom: 1;
    *display: inline;
}




#page_menu li:hover ul {
display:block;/*display the ul when the parent li is hovered*/

}


#page_menu li ul a{
background-color: #055fa7;/*give the dropdown a different background colour*/
width:214px;
}




/* Left Sidebar : Categories */

#categories {
	margin-bottom: 1px;
	padding: 1px 1px 1px 0px;
	border-color: #9e9ec3;
	border-width: 1px 1px 1px 0px;
	border-style: solid;
	text-align: center;
}

#categories_header {
	margin-bottom: 2px;
	width: 127px;
	height: 20px;
	background-color: #9e9ec3;
	overflow: hidden;
}

#categories_header h2 {
	margin-top: 3px;
	margin-left: 5px;
	color: #fff;
	font-size: 10px;
	font-weight: bold;
}

#categories ul {
	margin: 0px auto;
	width: 120px;
	list-style-type: none;
}

#categories li {
	width: 120px;
	height: 21px;
	list-style-type: none;
	text-align: left;
	border-bottom: #b6b6d2 1px solid;
	float: left;
}

#categories li.last {
	border: none;
}

#categories li a {
	margin-top: 4px;
	margin-left: 6px;
	display: block;
	color: #7575a9;
	text-decoration: none;
}

#categories li a:hover {
	color: #56567c;
}




/* Main Content Area */

#main_content {
	
	width: 100%;
	text-align: center;
	min-height:510px;
	max-height:100%;	
	float: left;
	background-color:#efebeb;
	
}

#main_content .h_divider {
	margin-bottom: 2px;
	height: 1px;
	background-color: #c2c2cd;
	overflow: hidden;
}



.info {
color: #00529B;
background-color: #BDE5F8;
width:400px;
}


.info1 {
color: #00529B;
background-color: #F6CECE;
width:400px;
}

/* Sub Items Descriptions */

.sub_items {
	margin-bottom: 2px;
	margin-top: 5px;
	width: 644px;
	background: url('images/item_sub_background.gif') repeat-y 0px 0px;
	text-align: justify;
}

.sub_left {
	padding-left: 5px;
	width: 300px;
	float: left;
}

.sub_right {
	padding-right: 15px;
	width: 315px;
	float: right;
}




/* Page Footer */

#page_footer {
	width: 100%;
	color:#fff;	
	text-align:center;
	
	background-color:#055fa7;
}

/* css for form inputs */


#text
{
float:left;
width:100px;
}

/*CSS for dropdown box*/
select
{
width: 200px;
height: 20px;
border-radius: 3px;
border: 1px solid #CCC;
font-weight: 200;
font-size: 12px;
font-family: Verdana;
-moz-box-shadow:    1px 1px 8px #CCC;
  -webkit-box-shadow: 1px 1px 8px #CCC;
  box-shadow:         1px 1px 8px #CCC;

 -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;

    display: inline-block;

}
/*select: hover
{
width: 200px;
height: 10px;
border-radius: 3px;
border: 1px solid #CCC;
font-weight: 200;
font-size: 15px;
font-family: Verdana;
box-shadow: 1px 1px 5px #CCC;
}*/

/*CSS for input textbox and password*/

input[type='text'], input[type='password']
{
width: 200px;
height: 20px;

border: 1px solid #CCC;

font-weight: 200;
font-size: 12px;
font-family: Verdana;
-moz-box-shadow:    1px 1px 8px #CCC;
-webkit-box-shadow: 1px 1px 8px #CCC;
box-shadow: 1px 1px 8px #CCC;

 -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
border-radius: 5px;
 
  

    
}

/*input[type='text']:hover, input[type='password']:hover
{
width: 200px;
height: 29px;
border-radius: 3px;
border: 1px solid #aaa;
padding: 8px;
font-weight: 200;
font-size: 15px;
font-family: Verdana;
box-shadow: 1px 1px 5px #CCC;
}*/

/*CSS for textarea*/

textarea
{
width: 200px;
height: 90px;
border-radius: 3px;
border: 1px solid #CCC;
padding: 8px;
font-weight: 200;
font-size: 15px;
font-family: Verdana;
box-shadow: 1px 1px 5px #CCC;
}


/*input type for submit button*/

input[type='submit']
{
width: auto;
height: 34px;
background-color:#055fa7;
-moz-border-radius: 0px;
 border-radius: 10px;
    border:solid 1px #CCC;
    padding:5px;

color:#fff;
}
input[type='submit']:hover
{
width: auto;
height: 34px;
border: 0px solid Maroon;
background-color:#00688B;
color:#fff;
}
table {
    border-collapse: separate;
    border-spacing: 0;
}
table 
{
    border: 0px solid white ;
    border-radius: 0px;
    -moz-border-radius: 15px;
border-spacing:5px 5px;
    
   
}

.gridview{
    background-color:#fff;
   
   padding:2px;
   margin:2% auto;
   
   
}
.gridview a{
  margin:auto 1%;
    border-radius:50%;
      background-color:#444;
      padding:5px 10px 5px 10px;
      color:#fff;
      text-decoration:none;
      -o-box-shadow:1px 1px 1px #111;
      -moz-box-shadow:1px 1px 1px #111;
      -webkit-box-shadow:1px 1px 1px #111;
      box-shadow:1px 1px 1px #111;
     
}
.gridview a:hover{
    background-color:#1e8d12;
    color:#fff;
}
.gridview span{
    background-color:#ae2676;
    color:#fff;
     -o-box-shadow:1px 1px 1px #111;
      -moz-box-shadow:1px 1px 1px #111;
      -webkit-box-shadow:1px 1px 1px #111;
      box-shadow:1px 1px 1px #111;

    border-radius:50%;
    padding:5px 10px 5px 10px;
}