/* Code for making a full height layout */
* {
	padding: 0;
	margin: 0;
}
html, body {
	height: 100%;
}
/* fixes IE6 */
* html #container {
	height: 100%;
}
#container {
	min-height: 100%;
}
/* end full height layout code */

body {
}

div, table, tr, th, td, form, img {
	border: 0px;
	margin: 0px;
	padding: 0px;
}

h1, h2, h3, h4, h5, h6, p, ul, ol, li, div {
	position: relative; /* fixes issue in IE6 when headers some times disappear */
}

/* header styles */

h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
}

/* a styles */

a {
	text-decoration: none;
}

/* p styles */

p {
	margin: 10px 0 10px 0;
}

/* hr styles */

hr {
	border: 0;
	clear: both;
	margin: 5px 0 10px 0;
	padding: 5px 0 7px 0;
}

/* list styles */

ul, ol {
	margin: 0px;
	padding: 10px;
}
li {
	padding: 0;
	margin: 5px;
}

/*********************/
/* appearance styles */
/*********************/


/*--------------*/
/* color styles */
/*--------------*/

/* background-color styles */
body {
	background-color: #9AECFB;
}
#main {
	background-color: #EAFBFB;
}

/* border styles */
hr {
	border-bottom: 2px solid #CEE6A2;
}
#main {
	border: 2px solid #94C53F;
}

/* color styles */
body {
	color: #424200;
}
h1, h1 a,
h3, h3 a,
h5, h5 a,
a,
#main a
{
	color: #0054A6;
}
h2, h2 a, #main h2 a,
h4, h4 a, #main h4 a,
h6, h6 a, #main h6 a
{
	color: #006F3A;
}

/*------------------*/
/* font/text styles */
/*------------------*/

/* font styles */

body div, table, tr, th, td, form, img,
#webdevelopment
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
}
h1 {
	font-size: 200%;
}
h2 {
	font-size: 180%;
}
h3 {
	font-size: 160%;
}
h4 {
	font-size: 140%;
}
h5 {
	font-size: 120%;
}
h6 {
	font-size: 100%;
}


/* letter styles */

/* text styles */

#page div,
#page div#webdevelopment 
{
	text-align: left;
}
#page {
	text-align: center;
}
#page div#header_top
{
	text-align: right;
}


/*****************/
/* layout styles */
/*****************/

body#frontend {
	background-image: url(../images/bg_top.jpg);
	background-position: top center;
	background-repeat: no-repeat;
}

#container {
	background-image: url(../images/bg_bottom.jpg);
	background-position: bottom center;
	background-repeat: no-repeat;
	width: 1000px;
}

#header_logo {
	float: left;
	height: 118px; /* 135px (total height) - 17px */
	padding: 17px 0 0 15px; 
	text-align: left;
	width: 270px; /* 285px (total width) */
}

#login {
	font-weight: bold;
	float: right;
	padding: 10px;
	text-align: right;
	width: 695px; /* 715px (total width) - 10px (padding right) - 10px (padding left) */
}

#page {
	clear: both;
	margin-top: -6px;
	padding: 0 53px 70px 53px;
	width: 894px; /* 1000px (total width) - 53px (margin right) - 53px (margin left) */
}
#main {
/*
height: 711px; /* temp height = 751px (total height) - 20px (padding top) - 20px (padding bottom) */
	padding: 20px;
	width: 850px; /* 1000px (total width) - 2px (border right) - 2px (border left) - 20px (padding right) - 20px (padding left) */
}

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

#header {
}

/*-------------*/
/* main styles */
/*-------------*/

#main {
}

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

#footer {
}

#webdevelopment {
	padding-top: 2px;
}