/* ReTiSoft.ca CSS style */
@import url("table.css");

html {
     overflow: -moz-scrollbars-vertical;
     overflow: scroll;
}

body {
  font: 11px/ 165% 'Lucida Grande', Verdana, Helvetica, sans-serif;
  color: #434343;
  margin: 0 0 0 0;
  padding: 0;
  text-align: center;
  background-color: #dadada;
}

/* Layout */
#main {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
  border: 1px solid #cacaca;
  background-color: #ffffff;
  width: 930px;
  overflow: hidden;
}

#topbar {
  margin-left: auto;
  margin-right: auto;
  background-image: url("../images/top-bar.png");
  background-repeat: no-repeat;
  width: 870px;
  height: 32px;
  padding: 0px 15px 0px 15px;
}

#logobar {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 5px;
  width: 900px;
}

#logobar img {
  float: left;
  padding: 0px;
  margin:0px;
}

#wrap {
  width: 900px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
  overflow:hidden;
}

#left {
  width: 220px;
  float: left;
  padding-top: 5px;
}

#right {
  width: 680px;
  float: left;
  padding-top: 5px;
}

.margin {
  margin: 0px 5px 0px 5px;
}

.toplinks {
  padding-top: 6px;
  margin:0px;
}

/* Links */
p a:link, table a:link {
  color: #e02721;
  text-decoration: none
}

p a:visited , table a:visited{
  color: #e02721;
  text-decoration: none
}

p a:active, table a:active {
  text-decoration: none
}

p a:hover, table a:hover {
  text-decoration: underline;
}

#right ul li a{
  color: #e02721;
  text-decoration: none;
}

#right ul li a:active{
  text-decoration: noen;
}

#right ul li a:visited{
  text-decoration: noen;
}

#right ul li a:hover{
  text-decoration: underline;
}

#right ul {
  padding: 0px 0px 0px 0px;
  margin: 5px 0px 5px 20px;
}

#right ul li {
  margin: 0px 0px 0px 10px;
  padding: 0px 0px 0px 5px;
}

#right ol {
  text-align: left;
  padding: 0px 0px 0px 0px;
  margin: 5px 0px 5px 50px;
}

#right ol li {
  margin: 0px 0px 0px 10px;
  padding: 0px 0px 0px 5px;
}

h3 {
  margin: 5px 10px 0px 10px;
  padding: 0px 0px 0px 5px;
  font-size: 11px;
}



.selected {
  color: #e02721;
  background-color: #a85757;
}



.left {
  float: left;
}

.right {
  float: right;
}

.left-align {
  text-align: left;
}

.right-align {
  text-align: right;
}

a.image-link  img{
	border: 1px solid #cacaca;
	padding: 4px;
	margin: 0px 5px 5px 0px;
}

a.no-deco  img{
	border: 0px;
	padding: 0px;
	margin: 0px 0px 0px 0px;
}

img.bordered{
	border: 1px solid #cacaca;
	padding: 4px;
	margin: 0px 5px 5px 0px;
}

a.image-link:hover  img {	
	background-color: #dfdfdf;
}

#topbar a {
  font-size: 11px;
  color: #efefef;
  text-decoration: none;
}

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

/* Elements */
#banner {
  padding: 0px;
  margin: 0px;
  text-align: left;
}

.image {
  float: left;
}

#pageheader {
  padding: 0px;
  margin: 0px;
  text-align: left;
  height: 160px;
}

#footer {
  clear: both;
  float: middle;
  border-top: 1px solid #dcdcdc;
  color: #777777;
  margin: 10px 10px 15px 10px;
  padding: 10px 10px 25px 10px;
}

/* Types */
.header {
  color: #d5302b;
  font: 12px/ 165% 'Lucida Grande', Verdana, Helvetica, sans-serif;
  font-weight: bold;
  padding: 3px 10px 3px 10px;
  text-align: left;
  border-style: solid;
  border-width: 1px;
  border-color: #c1c1c1;
  background-color: #f5f5f5;
  text-align: left;
  padding: 3px 10px 3px 10px;
}

.content_header {
  color: #d5302b;
  font: 12px/ 165% 'Lucida Grande', Verdana, Helvetica, sans-serif;
  font-weight: bold;
  text-align: left;
  background-color: #ededed;
  text-align: left;
  margin: 2px 2px 2px 2px;
  padding: 2px 10px 2px 10px;
}

.content {
  text-align: left;
  line-height: 17px;
  text-align: left;
  border-style: solid;
  border-width: 1px;
  border-color: #c1c1c1;
  background-color: #fbfbfb;
  margin-top: 15px;	
  margin-bottom: 15px;
  overflow: hidden;
}

.content-two {
  text-align: left;
  line-height: 17px;
  text-align: left;
  border-style: none;
  border-width: 0px;
  margin-top: 15px;	
  margin-bottom: 15px;
  overflow: hidden;
}

.three-column {
  float: left;  
  margin: 0px;
  padding: 0px;
  width: 32%;
}

.three-column-helper {
  float: left;
  margin: 0px;
  padding: 0px;
  width: 1.98%;
}

.two-column {
  float: left;  
  margin: 0px;
  padding: 0px;
  width: 50%;
}

.center {

  text-align:center;
  float: center;
}


p {
  margin: 5px 5px 5px 5px;
  line-height: 17px;
  text-align: left;
  padding: 10px 5px 5px 15px;
}

.searchbox {
  text-align: right;
  padding: 0px 0px 0px 0px;
  width: 300px;
}

.boxform {
  margin: 10px 0px 10px 0px;
  text-align: left;
  padding: 15px 25px 25px 25px;
  border: 1px solid #cacaca;
  background: #F8F8F8;
  text-align: left;
}

form p {
  border-bottom: 1px solid #E6E6E6;
  margin: 0;
  color: #666666;
}

label {
  font-weight: bold;
  color: #666666;
}

#search input,select,textarea {
  padding: 3px;
  color: #6A6969;
  border-width: 1px;
  border-style: solid;
  border-color: #D4D4D4 #EBEBEB #EBEBEB #D4D4D4;
  font: 11px 'Lucida Grande', Verdana, Helvetica, sans-serif;
}

#search input.button {
  font: bold 12px Arial, Sans-serif;
  height: 22px;
  padding: 2px 2px;
  margin: 0;
  color: #FFF;
  background: #db6f6f;
  border-width: 1px;
  border-style: solid;
  border-color: #de8f8f #bd3737 #bd3737 #de8f8f;
}

input,select,textarea {
  margin: 4px 0;
  padding: 5px;
  color: #6A6969;
  border-width: 1px;
  border-style: solid;
  border-color: #D4D4D4 #EBEBEB #EBEBEB #D4D4D4;
  font: 11px 'Lucida Grande', Verdana, Helvetica, sans-serif;
}

input:focus,select:focus,textarea:focus {
  color: #a85757;
  background: #fae6e6;
}

#name,#email,#message,#website {
  width: 380px;
}

input.button {
  font: bold 12px Arial, Sans-serif;
  height: 25px;
  margin: 0;
  padding: 2px 3px;
  color: #FFF;
  background: #db6f6f;
  border-width: 1px;
  border-style: solid;
  border-color: #de8f8f #bd3737 #bd3737 #de8f8f;
}