/***********************************************/
/* cssSalaries.css                              */
/* Contains all styles and classes used for salary comp */
/***********************************************/

/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 

.body{
	font-family: Arial,sans-serif;
	color: #333333;
	line-height: 1.166;	
	width:100%;
	height:auto;
}

 
a{
	color: #006699;
	text-decoration: none;
}

a:link{
	color: #006699;
	text-decoration: none;
}

a:visited{
	color: #006699;
	text-decoration: none;
}

a:hover{
	color: #006699;
	text-decoration: underline;
}

h1{
 font-family: Verdana,Arial,sans-serif;
 font-size: 110%;
 color: #01567B;
 margin: 0px;
 padding: 0px;
}

h2{
 font-family: Arial,sans-serif;
 font-size: 114%;
 color: #006699;
 margin: 0px;
 padding: 0px;
}

h3{
 font-family: Arial,sans-serif;
 font-size: 100%;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}

quotation{
	font-family: Arial, sans-serif;
	font-size: 100%;
	font-weight: bold;
	color: #333366;
	font-style: italic;
}

refereename{
	font-family: Arial, sans-serif;
	font-size: 100%;
	font-weight: normal;
	color: #333366;
	font-style: normal;
}


/***********************************************/
/* Layout Divs                                 */
/***********************************************/

#masthead{
	left:0px;
	top:0px;
	width:100%;
	z-index:1;
}

#spinfo{
	position:absolute;
	left:366px;
	top:70px;
 	z-index:200;	
	width: 900px;

}

#splogo{


    float:right;
	padding: 0px 150px 0px 0px;
 	z-index:200;	
	width: 320px;
}


.question{
  float: left;
  width: 100%;
  padding-left: 20px;
}


.content{
  float: left;
  width: 55%;
  padding-left: 20px;
}


/*************** #pageName styles **************/

#pageName{
	position:absolute;
	left:20px;
	top:75px;
 font-family: Arial,sans-serif;
 font-size: 100%;
 font-weight: bold;
 z-index:100;
 color: #FFFFFF;
	margin: 0px;
	padding: 0px 0px 0px 30px;
}



/************** .story styles *****************/

.story{
	clear: both;
	padding: 10px 0px 0px 10px;
	font-size: 100%;
}

.story p{
	padding: 0px 0px 10px 0px;
}



/*********** left hand photo and quote float ****/

#lh_float_col {
	float:left;
	left:1px;
	top:0px;
	border: 2px solid #01567B;
	width:301px;
	background: #ffffff;
	padding: 3px 5px 3px 5px;
}

#righthandcol{
	float: right;
	top: 200px;
	width: 30%;
}



/* Show only to IE PC \*/
* html .boxhead h2 {height: 1%;} /* For IE 5 PC */

.sidebox {
	margin: 0 auto; /* center for now */
	width: 17em; /* ems so it will grow */
	background: url(/pix/styles/sbbody-r.gif) no-repeat right bottom;
	font-size: 100%;
}
.boxhead {
	background: url(/pix/styles/sbhead-r-blue.gif) no-repeat top right;
	margin: 0;
	padding: 0;
	text-align: center;
}
.boxhead h2 {
	background: url(/pix/styles/sbhead-l-blue.gif) no-repeat top left;
	margin: 0;
	padding: 22px 30px 5px;
	color: white; 
	font-weight: bold; 
	font-size: 1.2em; 
	line-height: 1em;
	text-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* Safari-only, but cool */
}
.boxbody {
	background: url(/pix/styles/sbbody-l.gif) no-repeat bottom left;
	margin: 0;
	padding: 5px 30px 31px;
}



/* ================================================================ 
Stu Nichols Menu

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/variable_dl.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
#menu {list-style-type:none; 
margin: 3px 0 0px 2px; /* settings for this demo olnly */
padding:0;}

#menu li {display:block; float:left; position:relative; z-index:100; margin-right:1px;}
#menu li span {display:block; z-index:100; background:#01567B; padding: 5px 10px;font-size:1.1em;}
#menu li a, #menu li a:visited {display:block; padding:0;}

#menu dl {position:absolute; top:0; left:0; margin: 0; padding: 0; background: url(/html/transparency.gif);z-index:100;}
#menu dt {background: #01567B; margin:0; font-size: 1.1em; border-bottom:1px solid #fff; float:left; border-right:1px solid #fff;z-index:100;}
#menu dd {display:none; background: transparent; border-bottom:1px solid #7BACD7; clear:left; margin:0; padding:0; color: #fff; font-size: 1em; text-align:left;z-index:100;}

#menu dt a, #menu dt a:visited {display:block; color:#fff; padding: 5px 10px; text-decoration:none;z-index:100;}
#menu dd a, #menu dd a:visited {background:#01567B; color:#fff; text-decoration:none; display:block; padding: 5px 10px;z-index:100;}

#menu li a:hover {border:0;}

#menu li:hover dd, #menu li a:hover dd {display:block;z-index:100;}
#menu li:hover dl, #menu li a:hover dl {border-bottom:2px solid #7BACD7;z-index:100;}
#menu li:hover dt a, #menu li a:hover dt a, #menu dd a:hover {background: #7BACD7; color:#01567B;z-index:100;}


#mainpage {
	position:absolute;
	left:-2px;
	top:109px;
	width:100%;

}


#masthead-01 {
	position:absolute;
	left:0px;
	top:0px;
	width:308px;
	height:108px;
	background: #01567B;
}

#masthead-02 {
	position:absolute;
	left:308px;
	top:0px;
	width:58px;
	height:108px;
	background: #01567B;
}

#masthead-03 {
	position:absolute;
	left:366px;
	top:0px;
	width:914px;
	height:60px;
	background: #01567B;
}

#masthead-04 {
	position:absolute;
	left:366px;
	top:60px;
	width:914px;
	height:10px;
	
}

#masthead-05 {
	position:absolute;
	left:366px;
	top:70px;
	width:914px;
	height:37px;
	background: #01567B;
}



.quotation {
	font-size: 80%;
	font-style: italic;
	font-weight: bold;
}

.normaltext {font-size: 100%}

.normaltextbold {font-size: 100%;
			font-weight:bold;
			}

.smalltext {
	font-size: 80%;
}

.smalltextbold {font-size: 80%;
			font-weight:bold;
			}

.floatright { float: right; }

.redtext {
	font-size: 90%;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
	color: #FF0000;
}

/*  FOOTER layout  */
div.footerbox {
	float:left;   
	clear: none;
	background:url(/pix/footer_image_03.gif) repeat right bottom ;
	border: 0;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 28px;
	line-height:28px;

	font-family: Arial, Helvetica, sans-serif;
	font-size: 60%;
	font-style: normal;
	font-weight: bold;
	color: #FFFFFF;
	vertical-align: middle;

}

.footerbox a {

	color: #FFFFFF;

}

#footer_part_1 {
	float:left;
	width:320px;
	height:28px;
	text-align:center;
	background:url(/pix/footer_image_01.gif) no-repeat right bottom;

}

#footer_part_2 {
	float:left;
	width:70px;
	height:28px;
	background:url(/pix/footer_image_02.gif) no-repeat right bottom;
	vertical-align:middle;

}

.paleshading {
	background: #ece9d8;
	}
.paleshading1 {
	background: #D2DFE3;

	}

div.listbase {
	clear: none;
	background: none;
	border: none;
	color: #000000;
	margin: 0;
	padding: 0;
	width: 100%;
	display: inline;
}
	
div.listrow {
	display: block;
	border: none;
	width:400px;
	height: auto;
	margin: 0 0 0 0;
	padding: 0;
	font-size: 88%;
}

listrow paleshading {
	background: #ece9d8;
}

listrow paleshading1 {
	background: #D2DFE3;
}

div.list_col_1 {
	clear: none;
	display:inline;
	float:left;
	margin: 0 0 0 0;
	border: 1px solid #01567B;
	width:200px;
	padding: 0;
}

div.list_col_2 {
	clear: none;
	display:inline;
	float:left;
	margin: 0 0 0 0;
	border: 1px solid #01567B;
	width:75px;
	padding: 0;
}
div.list_col_3 {
	clear: none;
	display:inline;
	float:left;
	margin: 0 0 0 0;
	border: 1px solid #01567B;
	width:60px;
	padding: 0;
}

div.feedbackcell {
	border: 1px solid #01567B;
	width:100%;
	margin: 1px 1px 1px 1px;
	padding: 3px 3px 3px 3px;
	font-size: 88%;

}

.feedback_text {
	font-size: 100%;
	font-style: italic;
	font-weight: bold;
}

.project_list1 {
	display:inline;
	float:left;
	background: #ece9d8;
	margin: 2px 2px 2px 2px;
	border: 1px solid #01567B;
	width:45%;
	padding: 2px 2px 2px 2px;
}


.team_list1 {
	display:inline;
	float:left;
	background: #ece9d8;
	margin: 2px 2px 2px 2px;
	border: 1px solid #01567B;
	width:85%;
	padding: 2px 2px 2px 2px;
}