/*
   file: layout.css
   usage: style sheet for page layout
   created: October 12, 2009
   author: Calvin Chan
   copyright: Total Website Solutions Inc
*/

/*******************************/
/*** --- Layout Elements --- ***/
/*******************************/

/*
preferred colors

#006400   darkgreen
#43cd80   seagreen

other colors used
#4b0082   indigo
#912cee   purple
#ffff00   yellow
#ffffff   white
#000000   black

base font size: 16 px;

*/

html {
  height:		100%;
  margin-bottom:	1px;
}

body {
  top:			0;
  left:			0;
  width:		100%;
  margin:		0;
}

div#mainbody {
  position:		relative;
  top:			0;
  left:			0;
  width:		980px;
  margin:		0;
  background:		#ffffff;
  font-size:		16px;
  font-family:		Arial, Helvetica, sans-serif;
}

div#header {
  position:		absolute;
  top:			0;
  left:			0;
  height:		120px;
  width:		980px;
  background:		url(../images/header_bg.gif) repeat-x;
  padding:		0;
  margin:		0;
}

div#logo {
  position:		absolute;
  top:			0;
  left:			20px;
  height:		110px;
  height:		100px;
  width:		101px;
  margin-top:		10px;
  padding:		0;
  background:		url(../images/logo.gif);
}

div#title {
  position:		absolute;
  top:			0;
  left:			100px;
  height:		40px;
  width:		770px;
  margin-top:		-10px;
  padding:		0;
  text-align:		center;
  font-size:		32px;
  font-weight:		900;
  color:		#000000;
}

div#affiliation {
  position:		absolute;
  top:			40px;
  left:			100px;
  height:		80px;
  width:		770px;
  margin-top:		-10px;
  font-size:		11px;
  text-align:		center;
}

div#c_flag {
  position:		relative;
  top:			0;
  left:			890px;
  height:		60px;
  height:		50px;
  width:		70px;
  margin-top:		0;
  margin-left:		-20px;
  padding:		0;
  text-align:		center;
}

div#p_flag {
  position:		relative;
  top:			10px;
  left:			890px;
  height:		40px;
  width:		70px;
  margin-top:		-10px;
  margin-left:		-20px;
  text-align:		center;
}

div#topmenu {
  position:		absolute;
  top:			120px;
  left:			0;
  height:		25px;
  width:		980px;
  margin-top:		0;
  margin-left:		0;
  background:		#006400; /*darkgreen*/
  z-index:		100;
}

div#menuh-container {
  position:		relative;
  top:			0;
  left:			0;
  height:		25px;
  width:		520px;
}

div#login {
  position:		absolute;
  top:			0px;
  left:			520px;
  height:		25px;
  width:		460px;
  margin-top:		-2px;
  margin-right:		10px;
  padding:		0px;
  text-align:		right;
  font-size:		10px;
  color:		#ffffff;
}

div#content {
  position:		absolute;
  top:			150px;
  left:			0;
  min-height:		340px;
  width:		980px;
  background:		#ffffff;
}

div#maincontent {
  position:		relative;
  min-height:		200px;
  width:		100%;
  font-size:		16px;
  background:		#ffffff;
  overflow:		auto;
}

div#footer {
  position:		relative;
  height:		40px;
  width:		980px;
  padding-top:		0;
  background:		#006400; /*darkgreen*/
  font-size:		11px;
  font-weight:		500;
  text-align:		center;
  color:		#ffffff;
}

div#wof {
  position:		relative;
  top: 			10px;
  min-height:		120px;
  width:		978px;
  background:		#ffffff;
  text-align:		center;
  float: 		left;
}

div#wof_menu {
  position:		absolute;
  top:			0;
  left:			0;
  min-height:		100px;
  width:		120px;
  background:		#ffffff;
  text-align:		center;
  overflow:		auto;
}

div#wof_disp {
  position:		absolute;
  top:			0;
  left:			120px;
  min-height:		100px;
  width:		840px;
  background:		#ffffff;
  text-align:		center;
  overflow:		auto;
}

/*

div# {
  position:		;
  top:			;
  left:			;
  height:		;
  width:		;
  background:		;
  text-align:		;
}
*/