@charset "utf-8";

/* CSS Document */



/*reset browsers' default settings*/

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, fieldset, form, label, legend, table, caption, tbody, tfoot, thead {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}

body {line-height:1.2;}

caption, th, td {text-align:left;font-weight:normal;}

blockquote:before, blockquote:after, q:before, q:after {content:"";}

blockquote, q {quotes:"" "";}

a img {border:none;}



/* typography */

body {font-size:16px;color:#000000;background:#fff;font-family:Arial, Helvetica, sans-serif;}

h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}

p { color:#666666 margin:0 0 .7em;}

p img {float:right; margin:0; padding:0;}

p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}

a:focus, a:hover {color:#999999;}

a {color:#0030ff;text-decoration:underline;}

blockquote {margin:1.5em;color:#666;font-style:italic;}

bold {font-weight:bold;}

em, dfn {font-style:italic;}

dfn {font-weight:bold;}

sup, sub {line-height:0;}

abbr, acronym {border-bottom:1px dotted #666;}

address {margin:.25em 0 1.5em;font-style:italic; font-size:12px; color:#333333;}

del {color:#666;}

pre, code {margin:1.5em 0;white-space:pre;}

pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}

ul {list-style-type:disc;}

ol {list-style-type:decimal;}

dl {margin:0 0 1.5em 0;}

dl dt {font-weight:bold;}

dd {margin-left:1.5em;}

table {width:100%;}

th {font-weight:bold;background:#C3D9FF;}

th, td {padding:5; margin:0;}

tr.even td {background:#E5ECF9;}

tfoot {font-style:italic;}

caption {background:#eee;}

.small {font-size:.75em;}

.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}

.hide {display:none;}

.quiet {color:#666;}

.loud {color:#000;}

.highlight {background:#ff0;}

.added {background:#060;color:#fff;}

.removed {background:#900;color:#fff;}

.first {margin-left:0;padding-left:0;}

.last {margin-right:0;padding-right:0;}

.top {margin-top:0;padding-top:0;}

.bottom {margin-bottom:0;padding-bottom:0;}

.center{text-align:center;}

.bold{font-weight:bold;}

.divider{height:1px; background-color:#FFCC00; margin:30px 0px 30px 0px;}

.yellow{color:#FFCC00; font-size:.96em;}

.blocker{width:740px; float:left;}



/* ================== custom ================== */



#content, body, p, h1, h2, h3, h4, h5, h6, li, ul, ul li, ol, ol li{

text-align:left;

}

li{

margin-bottom:8px;

}

html{

}

body{

width:100%;

background-image:url(/images/loa/simpleologyHtmlBG.jpg);

background-repeat:repeat-x;

background-color:#cccccc;

}

#wrapper{

width:970px;

/*

position:absolute;

left:50%;

margin-left:-485px;

*/

}

#header{

width:970px;

height:89px;

background-image:url(/images/loa/simpleologyHead.png);

background-repeat:no-repeat;

float:left;

}

#header h1{

position:absolute;

left:99999;

top:99999;

visibility:hidden;

}

#content{

width:850px;

background-image:url(/images/loa/simpleologyContentBG.png);

background-repeat:repeat-y;

padding:30px 60px 30px 60px;

float:left;

}

#headContent{

width:650px;

float:left;

margin:0px 100px 30px 100px;

}

.youtube{

width:400px;

float:left;

}

.leftContent{

width:400px;

float:left;

}

.register{

width:368px;

background-color:#c5d7f1;

border:#afc7e9 2px solid;

padding:10px 15px 10px 15px;

float:right;

}

.banner{

width:364px;

height:67px;

background-image:url(/images/loa/3flatBroke-Banner.gif);

background-repeat:no-repeat;

}

.loavideo3banner{

width:364px;

height:67px;

background-image:url(/images/loa/loavideo3Banner.gif);

background-repeat:no-repeat;

}



.banner_newsplit {

width:364px;

height:90px;

background-image:url(/images/loa/new-Banner.gif);

background-repeat:no-repeat;



}



.banner_ryanlee {

width:364px;

height:90px;

background-image:url(/images/loa/ryanlee_Banner.gif);

background-repeat:no-repeat;



}

.regBox{

width:324px;

background-color:#c5d7f1;

padding:0px 20px 10px 20px;

font-size:12px;

border-bottom:#15496a 2px solid;

}

.formInput{

margin-left:15px;

}

#footer{

width:970px;

height:50px;

background-image:url(/images/loa/simpleologyFooterBG.png);

background-repeat:no-repeat;

float:left;

}

.smallCenter{

font-size:.95em;

text-align:center;

font-style:italic;

}

.footerText{

width:970px;

margin-top:10px;

float:left;

}

.footerText, .footerText a{

color:#668dbe;

font-size:11px;

text-decoration:none;

}

.footerText a:hover{

color:#CC0000;

}

.copyright{

font-size:12px;

text-align:center;

margin-top:20px;

}