@charset "UTF-8";
/* CSS Document */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* Main */

body{
	background-color:#CCC;
	text-align:center;
	font-family:Helvetica, Arial, sans-serif;
	height:100%;
	margin:10px 0 0 0;
	padding:0;
	text-align:left;
	font-size:14px;
	line-height:20px;
	color:#000;
}

#wrapper{
position:relative;
width:800px;
margin:0 auto;
}

#masthead{
position:relative;
float:left;
width:800px;
}

#subhead{
position:relative;
float:left;
width:800px;
background-image:url(../images/header-redbar-bg.jpg);
background-repeat:no-repeat;
height:50px;
color:#FFF;
text-align:center;
font-size:22px;
line-height:50px;
font-weight:bold;
}

#subhead sup{
font-size:60%;
vertical-align:super;
}

#main{
position:relative;
float:left;
width:800px;
background-color:#FFF;
padding:0 0 10px 0;
}

#left{
position:relative;
float:left;
width:470px;
padding:20px 0 0 20px;
}

#left #header{
width:470px;
float:left;
position:relative;
}

#left #main{
width:450px;
float:left;
position:relative;
padding:10px 10px 10px 10px;
}

#left #main sup{
font-size:80%;
vertical-align:super;
}

#left #main ul{
padding:1em 1em 0 2em;
}

#left #main ul li{
padding-bottom:.5em;
list-style-type:disc;
}

#left #main ul li strong{
font-weight:bold;
}

#left #main p a:link{
color:#870C1E;
font-weight:bold;
}

#left #main p a:visited{
color:#870C1E;
font-weight:bold;
}

#left #main p a:hover{
color:#FFF;
background-color:#870C1E;
font-weight:bold;
text-decoration:none;
}

#right{
position:relative;
float:left;
width:261px;
padding:20px 20px 0 29px;
}

#right #video{
position:relative;
float:left;
width:261px;
}

#right #main{
position:relative;
float:left;
width:241px;
background-image:url(../images/grey-gradient.jpg);
background-repeat:no-repeat;
text-align:center;
padding:20px 10px 10px 10px;
}

#right #main h1{
padding:0 0 .5em 0;
font-weight:bold;
color:#880C1E;
font-size:26px;
}

#right #main p strong{
font-weight:bold;
}

#right #main h2{
padding:.5em 0 .5em 0;
font-weight:bold;
color:#880C1E;
font-size:22px;
}

#right #seeitinaction{
position:relative;
float:left;
width:261px;
}

#footer{
background-color:#666666;
position:relative;
float:left;
width:760px;
text-align:center;
color:#FFF;
font-size:11px;
line-height:17px;
padding:20px 20px 10px 20px;
border-bottom:1px solid #FFF;
}

#footer p{
padding:0 0 .5em 0;
}

#footer p a:link{
color:#FFF;
}

#footer p a:visited{
color:#FFF;
}

#footer p a:hover{
color:#000;
text-decoration:none;
background-color:#FFF;
}

#footer sup{
font-size:80%;
vertical-align:super;
}

#seo{
background-color:#666666;
position:relative;
float:left;
width:760px;
color:#FFF;
font-size:11px;
line-height:17px;
padding:20px 20px 20px 20px;
}

#seo sup{
font-size:80%;
vertical-align:super;
}

#seo p{
padding:.5em 0 .5em 0;
}

#seo p strong{
font-weight:bold;
font-size:12px;
line-height:18px;
}

#seo ol{
padding: 1em 1em 0 2em;
}

#seo ol li{
padding-bottom:.5em;
list-style-type:decimal;
}