/* APC QR Web Site */
/* CSS File */

/* CSS Reset */

html, body, h1, h2, h3, h4, h5, h6, p, ol, ul, li, pre, code, address, variable, form, fieldset, blockquote {
 padding: 0;
 margin: 0;
 font:normal 16px/20px Verdana,Helvetica,sans-serif;
}
table { border-collapse: collapse; border-spacing: 0; }
td, th, caption { font-weight: normal; text-align: left; }
img, fieldset { border: 0; }
ol { padding-left: 1.4em; list-style: decimal; }
ul { padding-left: 1.4em; list-style:square; }
q:before, q:after { content:''; }


/* Common to all pages */
html
{
    background: #00007F;
}

#main
{
    clear:both;
	padding: 10px 10px 10px 10px;
	text-align:center;
    color: #FFFFFF;
}
#main p
{
    text-align:left;
    padding: 0px 0px 20px 120px;
}
#main h3
{
    text-align:center;
    padding: 0px 0px 20px 0px;
    font: bold 120% Verdana, Helvetica, sans-serif;
	color: #FFFFFF;
}
#main-graphic
{
    float:left;
    width:100px;
}
#main .bold
{
    font-weight:bold;
}
#main .courseName
{
    font-weight:bold;
    color: #FFFFBF;
}

#header
{
    position:relative;
    top:0px;
    left:0px;
    height:135px;
	/* background: transparent url('../img/Header-Gradient.png') 0 0 repeat-x; */
	padding: 10px 10px 10px 10px;
}
#header .title
{
    float:left;
    height:105px;
   	text-align: left;
   	padding:25px 0px 0px 20px;
	color: #FFFFFF;
}
#header .title h1
{
	font: bold 140% Verdana, Helvetica, sans-serif;
}
#header .title h2
{
    font: bold 100% Verdana, Helvetica, sans-serif;
}
#header .logo
{
    background: transparent url('../img/RSPA-Logo.png') 0 0 no-repeat;
    float:left;
    width:150px;
    height:135px;
}

#footer 
{
    clear:both;
    text-align:center;
	padding: 30px 10px 10px 10px;
    color: #FFFFFF;
}
#footer p
{
    font: 60% Verdana, Helvetica, sans-serif;
}
#footer .kiosk
{
    font: bold;
    color: #BFBFBF;
}
#videoPreview
{
    clear:both;
    padding: 10px 10px 10px 10px;
    text-align:center;
}
#videoPreview video
{
    width:640px;
    height:480px;
}