/* body structure */

html, body {margin:0 auto; margin-top: auto; padding: auto; background-image: url(../images/bg.jpg); background-color: #ade7ff; background-repeat: repeat-y; background-position: center; text-align:center; }
	
#container {background-color: #ffffff; margin:0 auto; padding: auto; width:941px;  text-align:left; height: 850px;}

#header {margin: auto; padding: auto; width:931px; height: 156px; background-color: #ffffff;}

/* topcontainer */

.top {margin: auto; padding: auto; width:931px; height: 95px;  background-color: #ffffff; padding-top: 10px; }

.smallblue {
 font-family: Arial;
  font-size: 10px;
  color: #0663c7;
}

.smallwhite {
 font-family: Arial;
  font-size: 12px;
  color: #ffffff;
}

.footer { 
    font-family: Arial; 
     background-color: #6ab5f9;
	color: #ffffff;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	 position: relative;
	font-size: 12px;
	width:941px; 
	height:35px;
	clear: both;
	}
	

#topright {

      float:right;
      
    }

 .rightmenu {

background-color: #066fd1;

    }   
    
    
.toparrow {
   padding-left: 10px;
    padding-right: 5px;
    
    }
    
    
 .btnsearch {

    width: 208px;
     height: 24px;
     vertical-align: middle;
    }   
    
    
    .toplogo {
  float: left;
   padding-left: 10px;
   border: 0px;
    }
    


/* MENU */


.nav li {float:left; margin-right: 26px; list-style: none; text-transform: uppercase; line-height: 39px; background: none; }

.nav a
{
	font-family: Arial, Helvetica, sans-serif;
	color: #ffffff;
	font-size: 14px; 
	text-decoration:none;
	background: none;
}

.nav a:hover {
 border-bottom: solid 2px #a9e5fd; 
  color: #a9e5fd;
}

.smallblack {
	font-family: Arial;
	color: #4e4e4e;
	font-size: 11px;
	text-decoration:none;
	 font-weight: normal;
	}
	
.rightboxbold {
	font-family: Arial;
	color: #000000;
	font-size: 11px;
	text-decoration:none;
	 font-weight: bold;
	}
	
	
.smallblue {
	font-family: Arial;
	color: #066fd1;
	font-size: 11px;
	text-decoration:none;
	}


.blue_title {
	font-family: Arial;
	color: #096ad1;
	font-size: 14px;
	text-decoration:none;
	}


.spacer {
 color: #ffffff;
	}



/* MainZone Content */

.hometitle
{
font-family: Arial;
color: #ffffff;
font-size: 16px;
 margin-top: 5px;
 padding-top: 10px;
 float: right;
 text-align: center;
 background: url(../images/tab_title.jpg);
}


.zonecontent
{
font-family: Arial;
 font-weight: bold;
font-size: 14px;
width:931px;
 text-align: left;
  margin-left: auto;
  margin-right: auto;
}


.zonecontentleft
{
  float: left;
color: #666666;
font-size: 14px;
 width: 732px;
  float: left;
}

.zonecontentright
{
font-family: Arial;
 float: right;
color: #666666;
font-size: 14px;
 width: 187px;
}


.zoneleft
{
 float: left;
font-size: 14px;
 width: 725px;
 padding: 5px 5px 5px 5px;
}

.zonehomeleft
{
 float: left;
font-size: 14px;
 width: 355px;
 padding: 5px 5px 5px 5px;
}


.zonehomeright
{
font-family: Arial;
 float: right;
 font-weight: bold;
color: #666666;
font-size: 14px;
 width: 355px;
  padding: 5px 5px 5px 5px;
}


.title {
    background-image : url(../images/sph_logo_small.jpg);
    background-repeat: repeat-y;
     background-position: left;
    height: 15px;
    font-family: Arial;
	color: #248aee;
	font-size: 14px;
	padding-left: 29px;
     
}

.main_title {
background-image : url(../images/tab_bg.jpg);
    background-repeat: repeat-x;
    background-color: #066fd1;
    height: 18px;
    font-family: Arial;
	color: #ffffff;
	font-size: 14px;
	padding: 5px 5px 5px 5px;
     
}


.body_title {
background-image : url(../images/tab_bg.jpg);
    background-repeat: repeat-x;
    background-color: #066fd1;
    height: 18px;
    font-family: Arial;
	color: #ffffff;
	font-size: 14px;
	 width: 710px;
	padding: 5px 5px 5px 5px;
     
}

.box {
    background-image : url(../images/box_bg.jpg);
    background-repeat: repeat-y;
     background-position: right;
      background-color: #a9e5fd;
     width: 177px;
    font-family: Arial;
	color: #000000;
	font-size: 11px;
	line-height: 16px;
	 padding: 5px 5px 5px 5px;
	
    
}


/*Dropdown MENU */ 

/**************** menu coding *****************/
#menu {
width: 100%;
float: left;
 background-image: url(../images/menu_bg.jpg); 
 height: 38px;
 margin-bottom: 10px;
 margin-top: 10px;
 margin-left: auto;
  margin-right: auto;


}

#menu ul {

list-style: none;
margin: 0;
padding: 0;
width: 110px;
text-align: center;
float: left;
 margin-left: 0px;
  margin-right: 0px;
 
}

#menu a, #menu h2 {
 font-size: 11px;
  font-family: Arial;
    font-weight: normal;
    
display: block;
border-width: 0px;
border-style: solid;
margin: 0;
padding: 2px 4px 0px 4px;
}

#menu h2 {
color: #fff;
text-transform: uppercase;
 margin-top: 10px;

}


#menu a {
   font-family: Arial, Helvetica, sans-serif;
	color: #ffffff;
	text-decoration:none;
	 font-weight: normal;
	  font-style: normal;
	   font-size: 14px;
	  

}

#menu a:hover {
color: #ffffff;
}

#menu li {position: relative;}

#menu ul ul {

position: absolute;
z-index: 500;
text-align: left;
background: #066fd1;
width: 200px;
padding: 2px 2px 2px 2px;
}

#menu ul ul ul {
position: absolute;
top: 0;
left: 100%;
}

div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}




 #menu ul li {float: left; width: 100%;}


body {

font-size: 14px;

}



#menu ul li a {height: 1%;} 



#menu a, #menu h2 {

 font-size: 11px;
  font-family: Arial;
    font-weight: normal;
padding: 2px 4px 0px 4px;
    

}