/* =========== MAIN LAYOUT CLASS DEFINITION =========== */

body {
    font-family:verdana,helvetica,arial,sans;
    font-size:10pt;
    margin:0;
	text-align: center;
}

div.logo {
    width:220px;
    height:130px;
    background:#036;
    float:left;
}

div.graphic {
    margin-left:220px;
    width:560px;
    height:130px;
    background:#036;
}

div.container,
div.homepagecontainer {
    max-width:790px;
    width:790px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
}      

div.hack {
    background:#39C url(/images/bg.hack.gif);
}

div.header {
    
}

div.leftcolumn {
    float:left;
    width:220px;
    margin:0;
    background:#0099CC;
    position:relative;
}    

div.rightcolumn {
    padding:1em 0 1em 1em;
    width:560px;
    margin-left:220px;
}

/* little boxout on the right, technically a third column! */
div.rightcolumn2 {
    margin:1.5em 0 0 630px;
    width:150px;
    font-size:9pt;
}

div.dev {
    background:#f00;
    color:fff;
    font-weight:bold;
    padding:0.5em;
}

/* =========== FOOTER TEMPLATE STYLES =========== */

div.footer {
    clear:left;
    margin:2em 0 0 0;
    padding:0.5em;
    text-align:center;
    border-top:1px solid #999;
    font-size:8pt;
    background:none;
}


div.homefooter {
    clear:left;
    margin:0;
    padding:0.5em;
    text-align:center;
    font-size:8pt;
    background:none;
}

div.footer a,
div.homefooter a {
    text-decoration:none;
    color:#999;
}

div.footer a:hover,
div.homefooter a:hover  {
    text-decoration:underline;
}

div.footer ul,
div.homefooter ul {
    list-style-type:none;
}

div.footer li,
div.homefooter li {
    display:inline;
    margin-right:1em;
}

div.row {
    border-bottom:1px solid #ddd;
    padding:1em;
    line-height:1.5em;
}

/* =========== CLASSES USED TO DEFINE THE NAVIGATION STYLING =========== */

.boxout {
    background:#eee;
    padding:1em;
    margin-bottom:1em;
    border:1px solid #ddd;
}

ul.nav {
    width:220px;
    height:600px;
    background:#0099CC url(/images/bg.nav.gradient.gif) top left repeat;
    list-style-type:none;
    margin:0;
    padding:0;
}

ul.subnav {
    width:100%;
    list-style-type:none;
    margin:1em 0 0 1em;
    padding:0;
    text-transform:none;
        /* moved to JS in common.header.tpl */     
    /* display:none; */
}

li.section {
    color:white;
    text-transform:uppercase;
    padding:1em 3em 1em 1em;
    border-top:1px solid white;
    background:url(/images/icon.arrow.white.right.gif) 200px 1.1em no-repeat;
    font-weight:bold;
    }

li.lastsection {
    border-bottom:1px solid white;
}

li.open {
    background:url(/images/icon.arrow.white.down.gif) 200px 1.2em no-repeat;
}

li.subsection {
    margin-bottom:0.5em;
}

li.section a,
li.subsection a {
    text-decoration:none;
    color:white;
}

li.section a:hover,
li.subsection a:hover {
    text-decoration:underline;
    color:white;
}

/* =========== FORM STYLES ==================== */

label {
    margin-bottom:0.25em;
    display:block;
}    

label.inline {
    display:inline;
}

label.initial {
    margin-top:1em;
    color:#333;
}

select.select {
    display:block;
    margin-bottom:1em;
}

input.radio {
    margin-left:1em;
}

input.text {
    font-family:verdana,helvetica,arial,sans;
    font-size:9pt;   
    margin-bottom:1em;
    width:20em;
}

input.submit {
    font-size:10pt;
    background:#09C;
    color:white;
    font-weight:bold;
    border-top:1px solid #3ff;
    border-right:1px solid #036;
    border-bottom:1px solid #036;
    border-left:1px solid #3ff;
    padding:0.25em;    
}

input.submit:hover {
    font-size:10pt;
    background:#09C;
    color:white;
    font-weight:bold;
    border-top:1px solid #036;
    border-right:1px solid #3ff;
    border-bottom:1px solid #3ff;
    border-left:1px solid #036;
    padding:0.25em;
    cursor:pointer;    
}

/* =========== OTHER STYLES ==================== */

a {
    color:#039;
}

a:hover {
    color:#39c;
}

.hidden {
    display:none;
}

h2 {font-size:10pt;padding:0.5em;text-transform:uppercase;color:white;font-weight:bold;background:#09C;margin:0;}

h3,
h4 {
    font-size:10pt;
    color:#333;
    margin:0 0 1em 0;
}

/* ADDITIONAL
h3 {
    background:#eee;
    padding:0.5em;
} */



p {
    max-width:40em;
    line-height:1.5em;
    color:#333;
}

p.intro {
    font-weight:bold;
    color:#000;
}

kbd {
    font-family:courier;
    border-top:2px solid #ccc;
    border-left:3px solid #bbb;
    border-right:4px solid #aaa;
    border-bottom:5px solid #888;
    padding:5px 3px;
    white-space:nowrap;
    color:#000;
    background:#eee;
}

span.error {
    font-size:8pt;
    font-weight:bold;
    color:#000;
    display:block;
    text-indent:1.75em;
    background:#ddd url(/images/icon.exclamation.gif) 0.25em 0.25em no-repeat;
    border:1px solid #ccc;
    padding:0.5em;
    margin-bottom:0.5em;    
}

p.error {
    color:#39C;
}

a img {
	border:none;
}

img.icon {
    margin-right:0.5em;
    vertical-align:middle;
}

/* =========== used for marking up required edits - delete when live =========== */

.edit {
	color:red;
}

/* =========== */

dt {
	background:url("/images/bullet.arrow.blue.large.gif") no-repeat;
}

dt a {
	display:block;
	background:url("/images/bg.faq.backtotop.gif") top right no-repeat;
	font-weight:bold;
	color:#39c;
	border-bottom:1px solid #39c;
	text-decoration:none;
	padding:0 90px 5px 2.5em;
}

dd {
	margin:0 0 2.5em 2.5em;
}

acronym {
	border-bottom:1px dotted #ccc;
	cursor:help;
}

strong {
	color:39c;
}

.fontNormal {
	font-weight:normal;
}

.logos td,
.logos th {
	padding-right:10px;
	padding-bottom:5px;
}
	
table.around td {
	padding:1.25em;
    border-bottom:1px solid #ddd;
}

td, th {
    font-size:10pt;
}

th {
	text-align:left;
}

.photography img {
	border:1px solid #09c;
	margin:3px;
}

.faqs {
	list-style-type:none;
}

.faqs li {
	padding:0.3em;
	background:url("/images/bullet.arrow.blue.large.gif") center left no-repeat;
	padding-left:1em;
    line-height:1.5em;
    
}

.faqs a {
	color:#39c;
    font-size: 9pt;
}

ul {
    color:#333;
    line-height:1.5em;
}    

#rightcolumn ul, ol {
	margin-bottom:0.5em;
}

.pdf {
	background:url("/images/icon.pdf.sml.gif") center left no-repeat;
	padding:2px 0 2px 22px;
}

.nomargin {
    margin:0;
}

small.medium {
    font-size:9pt;
}

hr {border:1px solid #ddd;}

/* Hides from IE-mac \*/
* html .floatholder {height: 1%;}
/* End hide from IE-mac */