* /*Set's border, padding and margin to 0 for all values*/
{
  padding: 0;
  margin: 0;
  border: 0;
}

body, html {
	color: #000;
	font-family: verdana, arial, san-serif;
	background: #48494B url("../images/bg-repeat.jpg") top center repeat-y; 
	text-align: center; /*** Centers the design in old IE versions ***/
}

body {
  font-size: 75%;
}

p {
  padding: 7px 0 7px 0;
}

a {
  color: #00f;
}

a:hover{
  color: #00f;
  text-decoration: none;
}

h1, h2, h3 {
  font-weight: bold;
  padding: 10px 0;
}

h1 {
  font-size: 2em;
  padding: 15px 0;
}

h2 {
  font-size: 1.4em;
}
h3 {
  font-size: 1.3em;
}

h1 a{
  color: #fff;
}

.clear { clear: both; }

#bgContainer {
  width: 1008px;
  margin: 0 auto; /*** Centers the design ***/
  background: url("../images/background.jpg") top center no-repeat; 
}

#mainContainer {
  width: 824px;
  margin: 0 auto; /*** Centers the design ***/
  min-height: 500px;
  background: transparent; 
  text-align: left; /*** Because we centered the text in body we have to move the text back to left aligning ***/
}
* html #mainContainer {
  height: 500px; /*** IE doesn't support min-height, but instead it handles height as min-height so we need to hack the height ***/
}

/**************************
HEADER
**************************/
#header {
  margin-top: 0; /*** Make some space for the header menu ***/
  background: #48494B;
  padding: 0;
  height: 42px;
}
/**************************
CONTENT AND COLUMNS
**************************/
.outer {
  padding-left: 137px;  
}
* html .outer {
/*** No need for hacking IE on this layout ***/
}
.inner {
  width: 687px; /*** This width is for non-IE browsers. Mozilla makes this necessary. Be sure to check your layout in different browsers if you changes this value. Especially IE7 seems to create a horisontal scroll if this value is set too large ***/
}

* html .inner {
  width: 100%;
}
/*** div.inner is wider than its container, div.outer, and so overlaps to the right, pushing
div.right into the proper position. IE expands div.outer instead, requiring a Tan hack to avoid 
blowing the layout apart. IE gets the original 100% width as in the Livingstone layout.
***/
.float-wrap {
  float: left;
  width: 824px;
  margin-left: -137px; /*** Same length as .outer padding-left but with negative value ***/
}

* html .float-wrap {
/*** No need for hacking IE on this layout ***/
}

#content {
  float: right;
  width: 687px;
  background: #F3F0DF;
}

* html #content {
  position: relative; /*** IE needs this  ***/
}

.contentWrap{
  padding: 10px;
}

#header-image {
  margin: -10px 0 0 -10px;
}

.contentWrap ol, .contentWrap ul {
  margin: 3px 0 5px 35px;
}

.contentWrap li {
  padding-bottom: 2px;
}
/**************************
LEFT COLUMN
**************************/
/*** div.left is in div.float-wrap, and when div.float-wrap is neg margined to the left, 
div.left is carried over into the proper position. 
***/
#left {
  float: left;
  width: 137px;
  background: transparent;
  min-height: 250px;
  padding: 0;
}
* html #left {
position: relative; /*** IE needs this or the contents won't show outside the parent container. ***/
height: 250px;
}

/*************************
RIGHT COLUMN
**************************/
#right {
margin: -60px 0 0 -824px; /*** Moves the right column to the top of the page. This is now our top menu above the header ***/
float: left; 
width: 814px;
background: transparent;
/*background: #9C9C9C;*/
padding: 5px;
height: 15px;
}
* html #right {
position: relative; /*** IE needs this. ***/
margin-top: -25px; /***Since IE is threating padding different than other browsers we need to move it a little bit more ***/
}
#right ul {
float: right;
list-style: none;
}
#right li {
display: inline; /*** Making the links horisontal aligned ***/
padding-right: 15px;
}
/**************************
FOOTER
**************************/
#footer {
  width: 830px;
  margin: 0 auto; /*** Since the footer is outside the #mainContainer we also need to center the footer ***/
  text-align: center;
	color: #FFF701;
	background: #48494B;
	padding-bottom: 20px;
}

#footer div {
	border-bottom: 3px solid red;
	padding: 10px;
	margin-bottom: 32px;
}

/* Footer Links */
#footer ul {
	text-align : center;
	display:inline;
	list-style: none;
	padding: 0;
	margin: 0;
}

#footer ul li {
	position: relative;
	font-size: 11px;
	display:inline;
}


#footer ul li a, #footer ul li a:visited {
	color: #fff;
	text-decoration: none;
	padding: 3px 10px;
}

#footer ul li a:hover, #footer ul li a:active {
	background: #48494B;
	color: #97C4D9;
	padding: 3px 10px;
	text-decoration: underline;
}

ul#footer li:hover{
	padding: 3px 10px;
	background: #2C7001;
  color: #FFF701;
}


#topmenu {
  height: 39px;
}

#topmenu ul {
	text-align : right;
	display:block;
	list-style: none;
	padding: 10px;
	margin: 0;
}

#topmenu ul li {
	position: relative;
	display:inline;
	font-size: 11px;
}

#topmenu ul li a, #topmenu ul li a:visited {
	color: #fff;
	padding: 5px;
	text-decoration: none;
}

#topmenu ul li a:hover, #topmenu ul li a:active {
	background: #48494B;
	color: #97C4D9;
	padding: 8px 5px;
	font-size: 11px;
	text-decoration: underline;
}

ul#topmenu li:hover{
	padding: 8px 5px;
	background: #2C7001;
  color: #FFF701;
}

ul#sidemenu {
	text-align : left;
	display:block;
	list-style: none;
	padding: 0;
	margin: 0;
	border: 0;
	background: #C8E5F3;
	color: #999999;
	font-weight: bold;
  opacity: 0.8; 
  filter: alpha(opacity=80);
	border-top: 1px solid #A7AA7C;
}

ul#sidemenu ul {
	padding: 0;
}

ul#sidemenu li {
	position: relative;
	display:block;
	padding: 7px 3px;
	color: #999999;
	font-weight: bold;
	font-size: 12px;
	border-bottom: 1px solid #A7AA7C;
}

ul#sidemenu li a, ul#sidemenu li a:visited {
	padding: 7px 3px;
  color: #FFF701;
	text-decoration: none;
	color: #555555;
}

ul#sidemenu li a:hover, ul#sidemenu li a:active {
	padding: 7px 3px;
	background: #B1C8D3;
  color: #555555;
}

ul#sidemenu li:hover{
	padding: 7px 3px;
	background: #B1C8D3;
  color: #555555;
}

img.space {
 margin: 5px;
 padding: 5px;
 border:0;
}

#logo {
 padding: 0;
 border:0;
 margin:0;
}

table.listing tr { border:1px silver solid; vertical-align:top;}
table.listing td { border:1px silver solid; vertical-align:top; padding:10px;}

/* Forms */
fieldset { 
  border:0;
  margin:0;
  padding:0; 
}
label { 
  display:block; 
  margin:10px 4px 0 0 ;
}
input.text, textarea { 
  width:300px; 
  font-size:12px; 
  color:#000;
  padding: 2px;
  margin-bottom:10px;
  border: 2px solid #ccc; 
}
input.submit { 
  padding:5px;
  margin: 5px;
  font-weight:bold; 
  border: 2px solid #ccc; 
}	
input.radio { 
  border:0;
  margin:0;
  padding:0;
  font-weight:bold; 
}	
select { 
  border: 2px solid #ccc;
}	
span.errmsg {
  color:#ff0000; 
  font-weight:normal;
}