body {
	margin:0;
	background:#373737;
	text-align:center;
}

a {outline:none;}

/* Start header */

#header {
	margin:auto;
	width:980px;
	height:147px;
	border-bottom:4px solid #9E1212;
}
 
#header a {
  display:block;
  line-height:147px;
} 

/* End header, start main */

#wrapper {
  width:980px;
  margin:auto;
  overflow:hidden;
  background:url(Images/main-bg.jpg) repeat-y;
  border-top:2px solid black;
  border-bottom:2px solid black;
}

/* Start left column */

#leftcolumn {
  width:160px;
  float:left;
  background:black;
  color:gainsboro;
}

#leftcolumn p {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:13px;
}

#leftcolumn a {color:gainsboro; text-decoration:underline;}
#leftcolumn a:hover {text-decoration:none}
#leftcolumn a:visited {color:gainsboro;}

#leftNav {
	float: left; 
	width: 140px; 
	padding: 20px 0 0 10px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	text-align:left;
}

#leftNav .header {
	float:left; 
	width:140px; 
	height:32px;
	padding-top:4px;
	padding-bottom:6px;
	background:url(Images/leftMenu_header_bg.bmp) repeat-x; 
	text-align:center; color:gainsboro; 
	font-size:13px; 
	font-style:italic;
	font-family:sans-serif;	
	font-weight:bold;	
}

#leftNav ul {
	margin:0px; 
	padding:0px;
	width:140px;
}

#leftNav ul li {
	margin:0px; 
	padding:0px; 
	font-size:11px; 
	height:24px; 
	width:140px; 
	color:gainsboro; 
	float:left; 
	list-style-type:none;
	background:black; 
}

#leftNav ul li a {
	text-decoration:none;
	padding-top:5px; 
	height:19px; 
	width:140px; 
	text-indent:14px; 
	background:black; 
	color:gainsboro; 
	list-style-type:none; 
	position:absolute;
}

#leftNav ul li a:hover {
	font-weight:bold; 
	padding-top:5px; 
	height:19px; 
	border-left:1px solid #9E1212;
}

#leftcolumn img {
  margin: 30px 0;
}

.leftcolumnbanner {
  width: 130px;
  border-bottom:4px solid #9E1212;
}

/* End left column, start right column */
  
#rightcolumn {
	padding:20px 0;
	text-align:center;
	width:160px;
	float:right;
	background:gray;
}

#rightcolumn h4,h3 {
	margin:0 0 20px;
	padding:0 10px;
	font:bold .9em verdana,arial,sans-serif;
}

#screenshots p {
	width:120px;
	margin:5px auto 15px;
	font-size:.75em;
	font-family:sans-serif;
}

.rightcolumntext {
	margin:0 auto;
	width:120px;
	padding:0;
	font-family:sans-serif;
	font-size:0.7em;
	font-weight:normal;
	color:gainsboro;
	background:black;
	border:1px solid black;
}

.rightcolumntext a {color:gainsboro; text-decoration:underline; font-weight:normal;}
.rightcolumntext a:hover {text-decoration:none}

.dykbody {
	margin:0 auto;
	padding:10px 0;
	border-top:1px dashed #9E1212;
	border-bottom:1px dashed #9E1212;
}

.dyk {
	width:100px;
	margin:0 auto;
	text-align:center;
}

.dyk p {
	margin:20px 0;
}

ul.dyklist {
	margin-left:-25px;
}

.divide {
	margin:22px auto 20px;
}

/* End right column, start center column */

#center {
	width:630px;
	margin:0 15px;
	padding-bottom:30px;
	float:left;
	background:gainsboro;
	text-align:justify;
	font:.8em/1.3em verdana,arial,sans-serif;
}

.breadcrumb {
	margin-top:15px;
}

button {
	margin:10px 20px;
	background:#9E1212;
	font-family: verdana, sans-serif;
	color:gainsboro;
	border-color:#B74E4E;
	cursor:pointer;
	padding: 3px;
	line-height:1em;
}

.btn2 {
	width:200px;
}

.btn3 {
	width:150px;
}

.btn4 {
	width:375px;
}

.example {
	margin:30px;
	padding:10px;
	background:lightgray;
	text-align:justify;
	border-left:1px solid #9E1212;
}

.quote {
	align:center;
	width:550px;
	margin:30px 0 30px 30px;
	background:lightgray;
	font-style:italic;
	padding:10px;
}

#center h1 {
	margin:20px 0 15px;
	font:bold 1.5em "trebuchet ms",arial,sans-serif;
	padding:10px 10px 10px 0;
	border-bottom:1px solid #9E1212;
}

#center h2 {
	font:normal 1.4em "trebuchet ms",arial,sans-serif;
	margin:10px 0 10px;
	padding:8px 8px 8px 0;
	border-bottom:1px dotted #9E1212
}

#center h3 {
	font:bold 1.1em verdana,arial,sans-serif;
	margin:0 0 5px;
	padding:5px 5px 5px 0;
}

#center h4, h5, h6 {
	font:bold 1em verdana,arial,sans-serif;
	margin:0;
}

#center p {
	clear:both;
	margin-bottom:0 20px;
}

.floatright {
	float:right;
	margin:0 0 0px 15px;
}

.image {
	margin:30px auto;
}

.caption {
	font-style:italic;
	font-size:90%;
	padding:5px;
}

.centered {
	margin:0 auto;
	text-align:center;
}

.ad {
	padding:10px;
	background:lightgrey;
	border:1px dotted #9E1212;
}

#center ul {
	margin-right:30px;
}

#checklist {
	list-style-type:none;
	padding:0;
	margin:0;
}

#checklist li {
	background:url(Images/checkmark_small.png) no-repeat;
	background-position:0 .1em;
	padding-left:2.5em;
	margin-left:15px;
}

#center p a,#center li a,#sub a,.link a,.example a,.ad a,.caption a,.breadcrumb a:hover {color:#9E1212; text-decoration:none;}
#center p a:hover,#center li a:hover, #sub a:hover,.link a:hover,.example a:hover,.ad a:hover,.caption a:hover,.breadcrumb a {color:#9E1212; text-decoration:underline;}
#center p a:visited,#center p a:visited,#sub a:visited,.link a:visited,.example a:visited,.ad a:visited,.caption a:visited {color:#775454;}
.breadcrumb a:visited {color:#9E1212}
#center a[name] {text-decoration:inherit; color:black; background:inherit}
#center a[name] :hover {text-decoration:inherit; color:inherit; background:inherit}
#center a h2,h3 {color:black}

.index {
	margin-top:0;
}

.handslist {
	padding:1em 1em 1em 3em;
	margin:12px 40px 20px 40px;
	border-top:1px solid #9E1212;
	border-bottom:1px solid #9E1212;
	font-weight:bold;
	color:#9E1212
}

.handslist p {
	margin:.5em;
	color:black;
}

.ol1, .ol2 {
	margin:0;
	font:italic 1em "trebuchet ms",arial,sans-serif;
	font-weight:bold;
	color:#9E1212;
}

.ol1 {
	border-top:1px solid #9E1212;
	border-bottom:1px solid #9E1212;
	padding:20px 20px 0 3em;
}

.ol2 {
	padding:5px 20px 0px 3em;
}

.ol1 p, .ol2 p {
	font:normal 100% verdana,sans-serif;
	color:black;
}

#sub {
	text-align:center;
	font-size:80%;
}

/* End center column, start footer */

#footer {
  margin:auto;
  width:980px;
  padding:10px 0;
  clear:both;
  background:black;
  border-top:4px solid #9E1212;
  color:gainsboro;
}

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


<!--[if lte IE 7]>
body {
	word-wrap:break-word;
}

#center {
	float:left;
	display:inline;
	background:gainsboro;
}

#wrapper {
	display:inline-block;
	background:url(Images/main-bg.jpg) repeat-y;
}

<![endif]-->