/* Reset */
html,body {height:100%;}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
body { line-height: 18px; background: #fff;}
table { border-collapse: collapse; border-spacing: 0; }
caption, th, td { text-align: left; font-weight:400; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
a img { border: none; }
input,textarea { margin: 0; }

/* Removes Firefox imposed outline */
a { outline: none; }

/* Clearing floats without extra markup  */
.clear { display: inline-block; }
.clear:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html .clear { height: 1%; }
.clear { display: block; }


body { font-size:12px; background: url("../images/bg1.gif") repeat-x top left #3b3b3b;}

/* Default fonts and colors. */
body,h1,h2,h3,h4,h5,h6,p,ul,ol,dl,input,textarea { font-family: Verdana, Arial, Helvetica, sans-serif }


/* Headings
-------------------------------------------------------------- */

/* h1,h2,h3,h4,h5,h6 { font-weight: bold; } */

h1 { float:left; display:block; font-size: 40px; line-height: 1; margin-bottom: 5px; }
h2 { font-size: 20px; line-height: 1; margin-bottom: 5px;}
h3 { font-size: 16px; line-height: 1; margin-bottom: 13px; }
h4 { font-size: 13px; line-height: 1; margin-bottom: 16px; }
h5 { font-size: 10px; margin-bottom: 1; }


h2.subhead { font-size: 40px; line-height: 1; height:80px; margin: 0; padding:30px 0; color: #fff; text-align: center; border-bottom: 2px dotted #fff; }

/* Text elements
-------------------------------------------------------------- */

p { margin: 0 0 20px; }

ul, ol { margin: 0 20px 20px 20px; }
ul { list-style-type: circle; }
ol { list-style-type: decimal; }

dl { margin: 0 0 20px 0; }
dl dt { font-weight: bold; }
dl dd { margin-left: 20px; }

abbr, acronym { border-bottom: 1px dotted #000; }
address { margin-top: 20px; font-style: italic; }
del { color: #000; }

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

blockquote { margin: 20px; }
strong { font-weight: bold; }
em, dfn { font-style: italic; }
dfn { font-weight: bold; }
pre, code { margin: 20px 0; white-space: pre; }
pre, code, tt { font: 13px monospace; line-height: 20px; } 
tt { display: block; margin: 13px 0; line-height: 20px; }



/* Some default classes
-------------------------------------------------------------- */

.small { font-size: 10px; margin-bottom: 24px; line-height: 24px; }
.large { font-size: 16px; line-height: 33px; margin-bottom: 16; }
.quiet { color: #999; }

.hide { display: none; }
.highlight { background: #ffc; }

.top { margin-top: 0; padding-top: 0; }
.bottom { margin-bottom: 0; padding-bottom: 0; }
.caption {font-size: 11px;line-height:14px; font-style:oblique;}

label { font-weight: bold; }

/* Fieldsets */
fieldset { padding: 18px; margin: 0 0 20px 0; border: 1px solid #ddd; background:#eee;}
legend { padding: 0 5px; font-weight: bold; font-size: 16px; }
/* Textareas */
textarea { margin: 7px 7px 0 0; }
textarea { padding: 5px; }

/* hForm
-------------------------------------------------------------- */
form.hform p { margin: 0 0 7px; }
form.hform p label { float: left; width: 80px; }

form.hform p input { width: 150px; }
form.hform p select { width: 150px; }

form.hform p input.button { width: auto; }
form.hform p input.checkbox { width: auto; }
form.hform p input.radio { width: auto; }
form.hform p textarea { width: auto; font-size: 12px;}


form.hform p.checkbox { margin-left: 100px; }
form.hform p.checkbox label { float: none; }
form.hform p.checkbox input { width: auto; }


/* vForm
-------------------------------------------------------------- */
form.vform {width:100%;}
form.vform p { margin: 0 0 13px; }
form.vform p label { display: block; font-size:13px; width:auto;}

form.vform p input { width: 400px; border-color:#B7B7B7 #E8E8E8 #E8E8E8 #B7B7B7; border-style:solid; border-width:1px; padding:5px; font-size:13px;}
form.vform p textarea { width: 400px; border-color:#B7B7B7 #E8E8E8 #E8E8E8 #B7B7B7; border-style:solid; border-width:1px; padding:5px; font-size:13px;}
form.vform p select { width: 400px; }

form.vform p input.button { width: auto; border-color:#B7B7B7 #E8E8E8 #E8E8E8 #B7B7B7;border-style:solid;border-width:1px;font-size:13px;background:#fff;}

form.vform p.checkbox label { display: inline; }



/*****************************************************************************
scalable Inman Flash Replacement (sIFR) version 3.

Copyright 2006 Ð 2008 Mark Wubben, <http://novemberborn.net/>

Older versions:
* IFR by Shaun Inman
* sIFR 1.0 by Mike Davidson, Shaun Inman and Tomas Jogin
* sIFR 2.0 by Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben

See also <http://novemberborn.net/sifr3> and <http://wiki.novemberborn.net/sifr3>.

This software is licensed and provided under the CC-GNU LGPL.
See <http://creativecommons.org/licenses/LGPL/2.1/>
*****************************************************************************/

@media screen {
  .sIFR-flash {
    visibility: visible !important;
    margin: 0;
    padding: 0;
  }
  
  .sIFR-replaced, .sIFR-ignore {
    visibility: visible !important;
  }
  
  .sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
  }
  
  .sIFR-replaced div.sIFR-fixfocus {
    margin: 0pt; 
    padding: 0pt; 
    overflow: auto; 
    letter-spacing: 0px; 
    float: none;
  }

}

@media print {
  .sIFR-flash {
    display    : none !important;
    height     : 0;
    width      : 0;
    position   : absolute;
    overflow   : hidden;
  }
  
  .sIFR-alternate {
    visibility : visible !important;
    display    : block   !important;
    position   : static  !important;
    left       : auto    !important;
    top        : auto    !important;
    width      : auto    !important;
    height     : auto    !important;
  }
}

@media screen {

  	.sIFR-active h2,
    .sIFR-active h3
	{
    visibility: hidden;
    }


    .sIFR-active h2 {
    font-size: 24px;
	line-height: 1em;
	margin: 0;
	padding: 0;
    }

	.sIFR-active h3 {
    font-size: 20px;
	line-height: 1em;
	margin: 0;
	padding: 0;
    }


    
}

/* Page Wrapper
-------------------------------------------------------------- */

#wrapper { position:relative; margin: 0 auto; height:auto !important; height:100%; min-height:100%; width: 950px; background-color: #fff;}


/* Header
-------------------------------------------------------------- */


#header {margin-bottom:20px; padding-bottom:10px; border-bottom: #eee 1px solid;}
#header .back {float:right; width:162px; height:54px; margin-right: 70px; background: url("../images/backbutton.png") no-repeat top left;}
#header .back a {display: block; width: 100%; height: 100%; text-indent: -9999px;}


/* Logo
-------------------------------------------------------------- */
#logo { display: block; float:left; width:159px; height:59px; background: url("../images/rja_logo.gif") no-repeat top left; }
#logo a {display: block; width: 100%; height: 100%; text-indent: -9999px;}

/* Steps
-------------------------------------------------------------- */

#steps { background-color:#eee; margin-bottom:20px;} 
#steps ul {margin:0; padding:0; list-style: none;}
#steps ul li {float:left; line-height:40px; margin-left: 40px; font-size:14px; color:#666;}
#steps ul li.selected {float:left; margin-left: 30px; font-size:14px; font-weight:bold; color:#ff0000;}


/* General Layout
-------------------------------------------------------------- */

#body { padding:20px 40px 60px 40px;}

#content { float: left; width: 600px; margin-right: 35px; }

#sidebar { float: left; width: 235px; margin:0;}



/* Footer
-------------------------------------------------------------- */
#footer { position:absolute; width:950px; background-color:#000; bottom:0;}
#footer p { color: #fff; padding:5px 0 0 40px;}



/* Image Styles
-------------------------------------------------------------- */

.imgleft { float:left; margin-right:20px;}




