/*============== some globally used classes ================*/
/* Using child sector to hide next line from IE because IE can't understand this command*/
body,td,th {
	font-family: verdana;
	font-size: 12px;
}

.left { float: left !important; }
.right { float: right !important; }
.double-margin { padding-bottom: 2em !important; }

.curved {
-moz-border-radius:10px;
-webkit-border-radius:10px;
behavior:url(../phillsmools/border-radius.htc);
}

.tranparent_box1{
filter:alpha(opacity=60);
  /* CSS3 standard */
   opacity:0.6;
 }
 .inlineFull:Link{
	padding:1em;
	width:100%;
	text-decoration: none;
}
.inlineFull {
	margin:0 auto;
	border:#CCC 1px solid;
	padding:1em;
	color: #666666;
	text-decoration: none;
}
.inlineFull:hover {
	background:#EEE;
	text-decoration: none;
}

/*---------- wrapper ---------------------------------------------------------------------------------- wrapper ------*/
#wrapper{
	width:100%;
	margin: 0;
	padding: 0;
}

#wrapper .main{
	width:100%;
	margin: 0;
	padding: 0;
}


/*---------- header --------------------------------------------------------------------------------------------------------- header ------*/
/* .header { position: relative; z-index: 5; overflow: hidden; width: 1100px; margin: 0 auto; } */
#header {
	padding: 1px;
	height: 200px;
	width: 900px;
	z-index: 10;
	/* margin: 0 10% 0 315px;*/
	margin: 0 auto;
	padding: 0;
}

#header h1 {
	overflow: hidden;
	float: left;
	width: 422px;
	height: 130px;
	background: transparent url("../phillsmools/images/pandm-midum.png") no-repeat 0 0;
	text-indent: -99em;
	margin-top: 7px;
}

#header ul { overflow: hidden; float: right; list-style: none; padding: 0 0 0; font-family: "Haptic Regular", "Helvetica", "Arial", sans-serif; font-size: 1.25em; text-transform: lowercase; line-height: 1; }
#header li { float: left; margin-left: -1px; padding-right: 1em; background: transparent url("../phillsmools/images/menu_separator.png") no-repeat 0 40%; }
#header ul a { float: left; color: #fff; padding: 0 0 4px; background: transparent url("../phillsmools/images/menu_item_background.png") no-repeat 200% 200%; }
#header ul a span { position: relative; left: 1em; float: left; padding: 0 1em 2px 0; background: transparent url("../phillsmools/images/menu_item_background.png") no-repeat 200% 200%; line-height: 18px; }
#header ul a span span { position: static; left: 0; float: none; padding: 0; background: transparent; line-height: 1; }
#header ul a:hover { background-position: 0 0; text-decoration: none; }
#header ul a:hover span { background-position: 100% 0; }

/*---------- content ------------------------------------------------------------------------------------------------------ content --------------*/
#content{
	/* margin: 0 10% 0 315px;*/	
	width: 100%;
	padding: 30px 0 20px 0;
	text-align: left;
	margin: 0 auto;
	padding: 0;
}

/*--------- Star div / map ----------------------------------------------------------------------------------------- images/bg_stars.gif */

div.map { position: fixed; left: 0; top: 0; z-index: 1; overflow: visible; width: 5500px; height: 2100px; background: transparent url("../phillsmools/images/map.png") no-repeat 0 0; color: #fff; }
.paddedTbl {
	padding: 4px;
	color: #FFFFFF;
}

div.map p { padding: 0; }

#starfield{
		z-index: -1;
		width: 100%;
		height: 100%;
		text-align: center;
		background: #174868  /* #000 url("images/bg_stars.gif") repeat-x */;
		position: fixed;
		bottom: 0;
		/* for IE */
	  filter:alpha(opacity=70);
	  /* CSS3 standard */
	  opacity:0.7;
	}
	#starfield p{
		padding: 10px;
		font-size: 14px;
		color: #CCC;
		font-family:arial, sans-serif;
	}
	#starfield .stars {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-image: url(../phillsmools/images/bg_stars.gif);
	background-repeat: repeat;
}

/*--------- spacer --------------------------------------------------------------------------------------------------------------------- spacer -------*/
#spacer1{
 background-color:#0A1D2B;
 width: 100%;
 height: 20px;
}

/*--------- Foter-------------------------------------------------------------------------------------------------------------------------- Foter ----------*/
.fotermain{
	height: 250px;
	width: 100%;
	background-color: #0A1D2B;
	background-image: url(../phillsmools/images/foter-mapbg2.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	/* IE  */
	margin-bottom: 0px;
	bottom:0;
}
#fotermain{
	height: 250px;
	width: 100%;
	background-color: #0A1D2B;
	background-image: url(../phillsmools/images/foter-mapbg2.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	/* IE  */
	margin-bottom: 0px;
	bottom:0;
}
#fotermain .text {color: #FFFFFF;
}


#fotermain .foterblock{
	width: 900px;
	padding: 0;
	margin: 0 auto;
}
#fotermain .foterblock div{
  width: 250px;
  float:left;
  padding-top:3px;
}

#fotermain .heading {
	margin: 0;
	padding: 0 0 10px 0;
	text-align: left;
	color: #FFFFFF;
	font-size: 18px;
	font-weight: bold;
}

#fotermain .nav {
	list-style: none;
	width: 200px;
}

	#fotermain .nav li { 
		padding: 0; 
		margin: 0; 
	}

	#fotermain a, 
	#fotermain .nav a:visited {
	color: #ffffff;
	text-decoration: none;
	}

	#fotermain .nav a:hover {
	color: #000000;
	}
.txtSecKey {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 22px;
	color: #003366;
	text-decoration: none;
	font-weight: bold;
	background-color: #E4EAEF;
	padding: 4px;
	border: 2px solid #1A4898;
	text-transform: lowercase;
	text-align: center;
	letter-spacing: 12px;
}