body {
	margin: 0px;
	padding: 0px;
	background-attachment: fixed;
	font-family: verdana;
	font-size: 12px;
}

#container {
	position: relative;
	width: 994px;
	margin: 0px auto;
	text-align: left;
	background-color: white;
	padding-top: 0px;
	z-index: 2;
	min-height: 1000px;
}

/*----------------------------------------------------------------------------*/

/*-----------------------		header styles		--------------------------*/

/*----------------------------------------------------------------------------*/
#header {
	height: 115px;
	background-color: blue;
	position: fixed;
	z-index: 3;
	top: 0px;
	margin-left: 0px;
	width: 994px;
	order: solid 1px;
}
#header h1 {
	margin: 0px;
	padding-top: 10px;
	font-family: ale and wenches BB;
}
header span {
	background: url(../images/underline.png);
	display: block;
	width: 100px;
	height: 24px;
}
#header .companyName {
	isplay: none;
}

#header .headerHomeButton{
	display:block;
	background:transparent;
	width:163px;
	height:86px;
	margin-top:18px;
	margin-left:35px;
}
/*----------------------------------------------------------------------------*/

/*-----------------------		section styles		--------------------------*/

/*----------------------------------------------------------------------------*/
.section {
	position: relative;
	width: 700px;
	width: 714px;
	margin-left: 150px;
	background: white;
	isplay: none;
	op: 200px;
}
.section h1 {
	font-size: 16px;
	padding-top: 5px;
	padding-left: 5px;
}
.section .sectionContent {
	position: relative;
	background-color: green;
	padding: 0px 30px 10px 30px;
}

/* ---	I need some space at the top to accommodate the page header	--- */
.firstSection {
	padding-top: 100px;
}
/* ---	I need some space at the bottom to accommodate the page footer	--- */
.lastSection {
	padding-bottom: 120px;
}


/*----------------------------------------------------------------------------*/

/*-----------------------		footer styles		--------------------------*/

/*----------------------------------------------------------------------------*/
#footer {
	position: fixed;
	bottom: 0px;
	width: 994px;
	text-align: center;
	font-size: 9px;
	line-height: 12px; 
	height: 18px;
	background-color: #2b7d8b;
	z-index: 25;
}
#footer h1 {
	display: none;
}
#footer table {
	width: 100%;
	border-collapse: collapse; 
}
#footer td {
	text-transform: uppercase;
	font-size: 8px;
	letter-spacing: 2px;
	padding: 3px 10px 3px 10px;
	padding: 3px 0px;
	border-style: none;
	width: 247px;
}
#footer a {
	text-decoration: none;
	color: #737373;
	display: block;
	ackground-color: #fff;
}
#footer a:hover, #footer a:active {
	color:#000
}

#footer .spacer {
	width: 1px;
	background-color: #004A80;
	padding: 0px;
	margin: 0px;
}
#footer .spacer span {
	display: none;
}

#leftBorder, .leftBorder {
	position: absolute;
	top: 0px;
	left: 10px;
	height: 100%;
	width: 18px;
	display:none;
}

#rightBorder, .rightBorder {
	position: absolute;
	top: 0px;
	right: 10px;
	height: 100%;
	width: 18px;
	display:none;
}
#topBorder, .topBorder {
	loat: right;
	height: 10px;
	width: 650px;
	position: absolute;
	top: 10px;
	display:none;
}
#bottomBorder, .bottomBorder {
	loat: right;
	height: 10px;
	width: 650px;
	position: absolute;
	bottom: 10px;
	display:none;
}

/*----------------------------------------------------------------------------*/

/*-----------------------		menu styles			--------------------------*/

/*----------------------------------------------------------------------------*/


	/* the left margin is derived from the contentWidth - the width of this menu
		minus the left offset of the menu1 - the width of the borders (don't
		forget to add both sides).*/
#menu1 {
	width: 130px;
	height: 100%;
	position: fixed;
	top: 115px;
	margin-left: 864px;
	background-color: blue;
	isplay:none;
	min-height: 2000px;
}
#menu1 div {
	ackground: url(../images/but_main_nav.png) no-repeat top left;
	eight: 500px;
	width: 100%;
}

/* ---	deal with the menu description - default is to hide it ---	*/
#menu1 a .description {
	display:none;
}

/* ---	deal with the menu heading ---	*/

#menu1 span { /* this style has to be before #menu1heading */
	ackground: white url(../images/vertical_line.png) top left;
	isplay: none;
	height: 50px;
}
#menu1 .menuHeading {
	font-size: 50%;
	isplay: none;
	display: block;
}
#menu1 h1 {	
	background-color: red;
	height: 20px;
	padding: 0px;
	margin: 3px;
}

#menu1 a {
	text-decoration: none;
	color: #f9f0bd;
	text-align: left;
	height: 27px;
	vertical-align: middle;
	padding-top: 5px;
	padding-left: 7px;
	display: block;
	font-weight: bold;
}
#menu1 a:hover {
	color: white;
	background: transparent url(../images/but_menu1_over.png) no-repeat;
}
#menu1 a:active {
	color: #0c458b;
	background: transparent url(../images/but_menu1_click.png) no-repeat;
}

#menu1 .spacer {
	background-color: green;
	display: none;
}

/* -----	configure the menu borders	----- */
#menu1 .leftBorder, #menu1 .rightBorder, #menu1 .topBorder, #menu1 .bottomBorder {
	display: none;
}

/* ---	leftMenus is a contatiner for the 2 menus on the left.  This container
		will make it difficult to change the look of the menus only through css,
		but considering we are not planning on making drastic changes, and the
		creation of the menus will be in a php file, I am OK with this solution	*/
#leftMenus {
	position: fixed;
	top: 115px;
	width: 150px;
	height: 100%;
	margin-left: 0px;
	ackground-color: black;
	color: white;
	z-index: 4;
	isplay: none;
}
	/* the left margin is derived from the contentWidth - the width of this menu
		minus the left offset of the menu1 - the width of the borders (don't
		forget to add both sides).*/
#menu2 {
	width: 100%;
	height: 100%;
	background-color: blue;
	padding-top: 20px;
}
#menu2 div.menuContainer {
	ackground: url(../images/but_main_nav.png) no-repeat top left;
	width: 100%;
}
/* ---	deal with the menu heading ---	*/

#menu2 span { /* this style has to be before #menu1heading */
	display: none;
	background-color: purple;
}
#menu2 .menuHeading {
	font-size: 50%;
	display: block;
	height: 100%;
}
#menu2 h1 {	
	background-color: red;
	height: 20px;
	padding: 0px;
	margin: 3px;
}

#menu2 a {
	text-decoration: none;
	color: #f9f0bd;
	text-align: left;
	vertical-align: middle;
	padding-top: 2px;
	padding-left: 7px;
	display: block;
	margin-left: 10px;
}

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

#menu2 .spacer {
	background-color: green;
	display: none;
}

/* -----	configure the menu borders	----- */
#menu2 .leftBorder, #menu2 .rightBorder, #menu2 .topBorder, #menu2 .bottomBorder {
	display: none;
}

#menuLogin {
	color:black;
	font-size:10px;
	padding-top: 2px;
	padding-left: 14px;
	text-align: left;
	vertical-align: middle;
}

#menuLogin input{
	font-size:10px;
}

/*----------------------------------------------------------------------------*/

/*-----------------------		search styles		--------------------------*/

/*----------------------------------------------------------------------------*/
#search {
	width: 130px;
	height: 50px;
	position: fixed;
	top: 225px;
	margin-left: 864px;
	background-color: cyan;
	isplay:none;
}
#search input {
	width: 90%;
	width: 120px;
	margin: 3px auto;
	display: block;
}
#search #keys {
	font-size: 10px;
	height: 13px;
}
#search a {
	text-decoration: none;
	color: white;
	float: right;
	margin: 1px 16px 1px 1px;
	font-weight: bold;
	padding: 1px 3px;
	font-size: 10px;
}
#search a:hover {
	border: solid 1px;
	margin: 0px 15px 0px 0px;
}
#search br {
	display: none;
}

/*----------------------------------------------------------------------------*/

/*-----------------------		ad space styles		--------------------------*/

/*----------------------------------------------------------------------------*/

#adSpace1 {
	width: 130px;
	position: fixed;
	ottom: 18px;
	top: 305px;
	z-index: 20;
	margin-left: 864px;
	ackground-color: yellow;
	eight: 100px;
}
#adSpace1 a, #adSpace1 img {
	border: none;
}
#adSpace1 div {
	padding: 2px;
	margin: 0px auto;
	position: relative;
	top: 0px;
}
#adSpace2 {
	width: 714px;
	position: fixed;
	bottom: 18px;	
	margin-left: 150px;
	ackground-color: red;
	background-color: #fff;
	height: 66px;
}
#adSpace2 div div {
	float: left;
	padding: 3px 2px;
}


/*----------------------------------------------------------------------------*/

/*-----------------------		form styles		--------------------------*/

/*----------------------------------------------------------------------------*/
.required{
	font-weight:bold;
}

.errors li{
	color:red;
}


/*----------------------------------------------------------------------------*/

/*-----------------------		register styles		--------------------------*/

/*----------------------------------------------------------------------------*/
.but_register {
	display:block;
	width: 162px;
	height: 36px;
	border:none;
	text-decoration:none;
	background-image:url("../images/but_register_default.png");
}

.but_register:hover {
	background-image:url("../images/but_register_over.png");
}