/* PAGE LAYOUT */
/* Default font size is 16px */
/* Assign default font settings */

html{ font-size: 100%; } /* IE correction */
body { margin: 0px 50%; padding: 0px;
	font-family: "Lucida Grande", "Lucida Sans Unicode",
		Trebuchet MS, Tahoma, Arial, sans-serif;
	font-size: 1em; line-height: 1em; background-color: #ECF6F9; }
body a { color: #0080FF; text-decoration: none; }

/* GLOBAL HOLDER */
#holder_global { width: 800px; float: left;
	margin-left: -420px; padding: 0px 20px;
	background-color: #FFFFFF; }
	
/* TODO: background does not serve any real purpose
   though white box needs to span to floor */
#background { float: left; background: #FFFFFF; }

/* HEADER AND MENU */
#topheader { float: left; width: 800px; height: 100px; margin-bottom: 25px; position: relative; }
#logo { float: left; width: 200px; height: 100px; }
#menu { float: right; width: 590px; height: 40px;
	margin-top: 30px; padding-right: 10px; line-height: 40px;
	background-image: url('/images/Header.png'); background-repeat: no-repeat;
	text-align: right; font-size: 0.75em; color: #FFFFFF; }
#menu a { line-height: 30px; font-weight: bold; color: #FFFFFF; padding: 5px; }

#menu_links { float: right; }
#menu_links .button { float: left; height: 40px; }
#menu_links .button > a { line-height: 40px; }


/* TODO get rid of position: absolute */
#submenu { float: right; width: 600px; height: 30px; text-align: right; font-size: 0.75em; color: #808080; }
#submenu a { font: 0.75em; line-height: 30px; font-weight: bold; padding: 3px; }
.menu_head { position: absolute; visibility: hidden; border: solid 1px #C9D7F1; }
.menu_subhead { position: absolute; visibility: hidden; border: solid 1px #C9D7F1; width: 152px; margin: -2px 0px 0px -155px; }
.menu_cell { width: 150px; background-color: #F5F5F5; border: solid 1px #C9D7F1; text-align: left; }


#about_us a { font-weight: normal; color: #666666; }
#branding a { font-weight: normal; color: #666666; }
#recruitment a { font-weight: normal; color: #666666; }

/* SIDE MENU */
#sidebar { float: left; width: 200px; min-height: 300px }
#sidebar .menu { float: left; width: 138px; height: 38px;
	margin: 0px 50px 10px 0px; padding: 5px;
	font-size: 0.75em; border: solid 1px #C9D7F1; color: #666666;
	background-color: #FFFFFF; background-image: url('/images/sidemenu_tab.bmp'); background-repeat: repeat-x }

/* MAIN PAGE AND BANNER */
#page { float: left; width: 548px; min-height: 325px; padding: 25px; border: solid 1px #C9D7F1; 
	background-color: #F5F5F5; background-image: url('/images/page_top.bmp'); background-repeat: repeat-x }
#page_account { float: left; width: 648px; min-height: 300px; margin-left: 50px; padding: 25px; border: solid 1px #C9D7F1 }
#banner { float: left; width: 548px; margin: 30px -25px 50px -25px; padding: 0px 25px; background: #B0CFE0; }
#people { float: left; width: 0px; height: 0px; }
#people > div { float: left; width: 125px; height: 200px; margin-top: -110px;
	background-image: url('/images/business_people.gif'); background-repeat: no-repeat; }

/* FOOTER AND SUBFOOTER */
#footer{ float: left; width: 778px;
	margin: 25px auto 0px auto;
	padding: 10px; background-color: #FFFF99;
	border: solid 1px #FFCC66;
	font-size: 0.75em; text-align: center; color: #999999; }
#footer a { padding: 5px; color: #FFFFFF; }
#subfooter { float: left; width: 800px; height: 30px; line-height: 30px;
	margin: 0px auto; padding-bottom: 10px; background-color: #FFFFFF;
	font-size: 0.625em; text-align: right; color: #999999; }
#subfooter a { color: #0080FF; }

/* PAGE DIVS */

.page_box { float: left; width: 538px;
	margin: 0px -25px; padding: 0px 30px;
	background-color: #FFFFFF; }

.banner { width: 538px; height: 40px; line-height: 40px;
	margin: 0px -30px 20px -30px; padding: 0px 30px;
	background-color: #999999; color: #FFFFFF; }

/* DIV IMAGES */

/* 0.6875em => 11px */
.panel { float:left; width: 131px; height: 95px; text-align: center;
	font-size: 0.6875em; color: #FFFFFF;
	margin-bottom: 30px; margin-left: auto; margin-right: auto;
	padding-top: 5px; padding-bottom: 5px; padding-left: 7px; padding-right: 12px;
	background-repeat: no-repeat; text-decoration:none }

.tick { width: 20px; height: 20px;
	background-image: url('/images/tick.gif'); background-repeat:no-repeat }


/* FORM */
.form { border: solid 1px #FFCC66; background-color: #FFFF99; }



#accountpage{ float:left; width: 750px; margin-left: 30px }


/* Bullet Points */
li { margin-left: 15px }

/*Table style*/
tr.d0 td { background-color: #FDEEF4; color: black }
tr.d1 td { background-color: #C6DEFF; color: black }
tr.d2 td { background-color: #E55451; color: black }

/* Hyperlink styles */

.link a:link {text-decoration: none;}
.link a:visited {text-decoration: none;}
.link a:active {text-decoration: none;}
.link a:hover {text-decoration: none;}

#footer a { color: #999999; text-decoration: none }




/* TEXT STYLES */

/* 1.125em => 18px; 2.778 => 50px */
.titletext { float: left; text-align: center;
	width: 373px; min-height: 2.778em; line-height: 2.778em;
	margin: 0px 0px 0px 150px; padding: 0px 25px;
	font-size: 1.125em; color: #3273A0;
}

.subtitle {
	font-size: 1.5em;
	font-weight: bold;
	color: #CC0000;
	text-align: left;
}

.bodytext {
	float: left;
	font-size: 0.7em;
	color: #666666;
	text-align: left;
	line-height: 2em;
}

.title_conquest {
	font-size: 20px;
	color: #FFFFFF;
	font-weight: bold;
	margin-bottom: 20px;
	padding: 15px
}