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

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

/*
preferred colors

#215e21   hunter green

#00ff00   lime
#56cf00   

#00210f   

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

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

body {
  top:			0;
  left:			0;
  margin-top:		0;
  margin-left:		0;
  padding:		0;
  width:		1000px;
  height:		580px;	
  font-family:		helvetica, arial, sans-serif;
  font-size:		14px;
  color:		#215e21;
}

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

div#logo {
  position:		absolute;
  top:			0;
  left:			0;
  margin:		0;
  padding:		0;
  height:		100px;
  width:		150px;
  background:		url(../images/logo.gif) center no-repeat;
}

div#pagetitle {
  position:		absolute;
  top:			0;
  left:			150px;
  margin-top:		10px;
  padding:		0;
  height:		100px;
  width:		850px;
  background:		transparent;
  color:		#215e21;
  font-size:		30px;
  text-align:		center;
}

div#content {
  position:		absolute;
  top:			100px;
  left:			0;
  height:		480px;
  width:		1000px;
  background:		url(../images/page_bg.gif) no-repeat;
}

div#sidemenu {
  position:		absolute;
  top:			30px;
  left:			5px;
  margin:		0;
  padding:		0;
  height:		auto;
  width:		90px;
  z-index:		100;
}

div#maincontent {
  position:		absolute;
  top:			0;
  left:			150px;
  height:		480px;
  width:		800px;
  font-size:		14px;
  text-align:		center;
  background:		url(../images/content_bg.gif) center top;
  overflow:		auto;
}

div#footer {
  position:		absolute;
  top:			480px;
  left:			0;
  margin:		0;
  padding:		0;
  height:		30px;
  width:		1000px;
  font-size:		11px;
  font-weight:		700;
  text-align:		center;
  color:		#ffffff;
  background:		url(../images/footer_bg.gif) repeat-x;
}

div#notice {
  position:		absolute;
  top:			400px;
  left:			30px;
  height:		80px;
  width:		90px;
  background:		transparent;
  padding:		0;
  margin:		0;
  border:		0;
  text-align:		center;
  color:		#006400;
  font-size:		14px;
}

div#raf {
  position:		absolute;
  top:			160px;
  left:			10px;
  height:		220px;
  width:		120px;
  background:		#ffffff;
  padding:		5px;
  margin:		0;
  border:		0;
  font-size:		10px;
  text-align:		left;
}