/*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, Tahoma, sans-serif;
/*background-color: #dad8c5; */
background-image:url(images/bg/bg2.jpg);
text-align: center; /*** Centers the design in old IE versions ***/
}
body {
font-size: 70%;
}
p {padding: 7px 0 7px 0;}

a {
color: #000099;
}
a:hover{
color: #0000FF;
text-decoration: none;
}

hr {
color: #fff;
	background-color: #fff;
	border: 2px dotted #CCC;
	border-style:none none dotted;
}

h1, h2, h3, h4, h5 {
font-weight: bold;
padding-bottom: 0px;
}
h1 {
font-size: 2em;
}
h2 {
font-size: 1.4em;
}
h3 {
font-size: 1.3em;
}
h1 a, #header h2{
color: #fff;
}
.clear { clear: both; }
#mainContainer {
width: 816px;
margin: 0 auto; /*** Centers the design ***/
min-height: 300px;
background:#dad8c5;
background-image:url(images/bg/body2.gif);
text-align: left; /*** Because we centered the text in body we have to move the text back to left aligning ***/
}
* html #mainContainer {
height: 300px; /*** IE doesn't support min-height, but instead it handles height as min-height so we need to hack the height ***/
}


#mainContainerf {
width: 816px;
margin: 0 auto; /*** Centers the design ***/
min-height: 300px;
background:#dad8c5;
background-image:url(images/bg/bodyf2.gif);
text-align: left; /*** Because we centered the text in body we have to move the text back to left aligning ***/
}
* html #mainContainerf {
height: 300px; /*** IE doesn't support min-height, but instead it handles height as min-height so we need to hack the height ***/
}
/**************************
HEADER
**************************/
#header {
/*background: #000099;*/
background-image:url(images/bg/header2.gif);
height:158px;
padding-top:0px;
/*padding: 10px*/
}


#viewcart {
	position:relative;
	top: 10px;
	right: 30px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
}

#viewcart a{
	color:#000000;
	text-decoration:none;
}

#viewcart a:hover {
	text-decoration:underline;
}


/*COMPANY NAME IN HEADER*/
#companyname {
	position:relative;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 36px;
	font-weight: bold;
	margin-top:50px;
	margin-left:40px;
	left: 0px;
	top: 0px;
}
/*MENU IN HEADER*/
#menu{
	position:relative;
	bottom: -17px;
	right: 30px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
}
#menu a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	/*color:#a85106;*/
	color:#a85106;
	text-decoration:none;
}
#menu a:hover{
	text-decoration:underline;
}
/**************************
CONTENT AND COLUMNS
**************************/
.outer {
margin-top: 20px; /*** We need to add some space for our top menu ***/
padding-left: 196px;  
}
* html .outer {
/*** No need for hacking IE on this layout ***/
}
.inner {
width: 624px; /*** 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: 816px;
/*margin-left: -165px; /*** Same length as .outer padding-left but with negative value ***/
margin-left: -196px;
}
* html .float-wrap {
/*** No need for hacking IE on this layout ***/
}
#content {
float: left;
/*width: 655px;*/
width:622px;
background: #fff;
background-image:url(images/bg/body_l2.gif);
}


* html #content {
position: relative; /*** IE needs this  ***/
}
.contentWrap {
padding: 5px;
padding-left:40px;
}
.contentWrap ol, .contentWrap ul {
margin: 3px 0 5px 35px;
}
.contentWrap li {
padding-bottom: 2px;
}

/**************************
CONTENT AND COLUMNS FULL
**************************/
.outerf {
margin-top: 20px; /*** We need to add some space for our top menu ***/
}
* html .outerf {
/*** No need for hacking IE on this layout ***/
}
.innerf {
/*** No need to do anything with a one column solution ***/
}
* html .innerf {
/***  And therefor no need for hacking IE either ***/
}
/*** 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-wrapf {
float: left;

}
* html .float-wrapf {
/*** No need for hacking IE on this layout ***/
}
#contentf {
float: left;
width: 816px;
background: #fff;
background-image:url(images/bg/bodyf2.gif);
}
* html #contentf {
position: relative;  /*** IE needs this  ***/
}
.contentWrapf {

padding: 5px;
padding-left:40px;
padding-right:40px;

}
.contentWrapf ol, .contentWrapf ul {
margin: 3px 0 5px 35px;
}
.contentWrapf li {
padding-bottom: 2px;
}

.contentWrapf2 {

padding: 0;

}
/**************************
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. 
***/
#right_menu {
float: right;
/*width: 150px;*/
width:194px;
/*background: #fcc; */
background-image:url(images/bg/body_r2.gif);
min-height: 250px;
/*padding: 5px;*/
}
* html #right_menu {
position: relative; /*** IE needs this  ***/
height: 250px;
}

.right_menuWrap {
padding:5px;
padding-left:8px;
padding-right:50px;
}

#right_menu ul {
list-style:circle;
/*list-style: none;*/
padding-bottom: 4px;
padding-left:18px;
}
#right_menu li {
padding-bottom: 2px;
}

#right_menu a {
color: #a85106;
text-decoration:none;
}

#right_menu a:hover{
color: #a85106;
text-decoration:underline;
}

/*************************
RIGHT COLUMN
**************************/
#content_top {
margin: -20px 0 0 -816px; /*** Move the right column so it takes the positon as a top menu ***/
float: left; 
width: 816px;
/*background: #cfc;*/
background-image:url(images/bg/body_t2.gif);
/*padding: 5px;*/
height: 23px;
}
* html #content_top {
position: relative;  /*** IE needs this  ***/
}
#content_top ul {
list-style: none;
}
#content_top li {
display: inline;
padding-right: 15px;
}


#content_topf {
margin: -20px 0 0 -816px; /*** Move the right column so it takes the positon as a top menu ***/
float: left; 
width: 816px;
/*background: #cfc;*/
background-image:url(images/bg/body_tf2.gif);
/*padding: 5px;*/
height: 23px;
}
* html #content_topf {
position: relative;  /*** IE needs this  ***/
}
#content_topf ul {
list-style: none;
}
#content_topf li {
display: inline;
padding-right: 15px;
}


#content_topflat {
margin: -20px 0 0 -820px; /*** Move the right column so it takes the positon as a top menu ***/
float: left; 
width: 820px;
/*background: #cfc;*/

/*padding: 5px;*/
height: 0px;
}
/**************************
FOOTER
**************************/
#footer {
width: 816px;
height:52px;
margin: 0 auto;
margin-top:-12px; /*hack fix*/
text-align: center;
/*background-color: yellow;*/
background-image:url(images/bg/footer2.gif);
}

#footer a {
color:#ffffff;
text-decoration:none;
}

#footer a:hover {
text-decoration:underline;
}

#footer p {
color:#ffffff;
}

#content_bottom {
width: 816px;
height:25px;
margin: 0 auto;
text-align: center;
/*background-color:#9933CC;*/
background-image:url(images/bg/body_b2.gif);
}

#content_bottomf {
width: 816px;
height:25px;
margin: 0 auto;
text-align: center;
/*background-color:#9933CC;*/
background-image:url(images/bg/body_bf2.gif);
}



#tlink_header {
	padding-bottom:6px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
		color:#908567;
}

#tlink_header a {
	text-decoration:none;
		color:#908567;
}

#tlink_header a:hover {
	text-decoration:underline;
}

#tlink_headerline{
padding-bottom:0px;
width: 100%;
border-top: 2px solid #908567; /*Brown color theme*/ 
background: transparent;
}

#footnotes {
	padding-top:10px;
	font-size: 60%;
}