@charset "UTF-8";

/* --------------BEGIN CSS RESET-------------- */

html, body, div, span, h1, h2, h3, h4, h5, h6, 
p, blockquote, pre, a, abbr, em, img, ins, big,
small, strong, b, u, i, center, 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; vertical-align: baseline; background: transparent; }

body { margin: 0; padding: 0; line-height: 1; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

/* remember to define focus styles! */
:focus { outline: 0; }

/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }

/* --------------END CSS RESET-------------- */


body { background: #3c0502 url(http://www.lambofgodschool.org/cms/images/common/home/home_bg.jpg) repeat-x; color: #000000; font-family: Arial, Helvetica, sans-serif; }
body.bg { background: #3c0502 url(http://www.lambofgodschool.org/cms/images/common/pages_bg.jpg) repeat-x; } 

p { font-size: 0.75em; line-height: 1.3em; margin-bottom: 1.5em; }
h1, h2, h3, h4, h5, h6 { color: #990000; font-family: Arial, Helvetica, sans-serif; font-weight: bold; }

h3 { font-size: 0.75em; line-height: 1.3em; }

#wrapper { margin: 0 auto; width: 980px; padding: 0px; height: auto; }
#mainContent { background: #3C0501 url(http://www.lambofgodschool.org/cms/images/common/home/mainContent_bg.jpg) no-repeat center top; padding: 0px 25px 34px; overflow: hidden; height: auto; width: 930px; margin-right: auto; margin-left: auto; }

#mainContent #box1 { background: #FFFFFF url(http://www.lambofgodschool.org/cms/images/common/content_bg.gif) repeat-y left top; overflow: hidden; }

#mainContent #leftCol1,
#mainContent #leftCol2,
#mainContent #leftCol3,
#mainContent #leftCol4 { width: 554px; height: auto; float: left; padding-left: 24px; padding-right: 30px; }

#mainContent #leftCol1 { background: #3c0501; height: 61px; padding-right: 0px; padding-left: 0px; width: 608px; }
#mainContent #leftCol2 { background: url(http://www.lambofgodschool.org/cms/images/common/callout_bg.jpg) no-repeat; padding-top: 13px; padding-bottom: 18px; }
#mainContent #leftCol2 p { font-size: 16px; line-height: 22px; color: #FFFFFF; margin: 0px; padding: 0px; } 
#mainContent #leftCol3 { padding: 0px; width: 608px; overflow: hidden; height: auto; }
#mainContent #leftCol4 { padding-bottom: 7px; padding-top: 22px; }

#mainContent #rightCol { float: right; width: 260px; background: #FFFFFF url(http://www.lambofgodschool.org/cms/images/common/home/et_cetera.jpg) no-repeat left top; padding: 83px 30px 22px 32px; }
#mainContent #rightCol p { margin-top: 0px; margin-bottom: 0px; }
#mainContent #rightCol h3 { font-size: 0.7em; margin-top: 0px; margin-bottom: 0px; }
#mainContent #rightCol a, a:visited { font-weight: bold; font-size: 93%; color: #000000; }
#mainContent #rightCol a:hover { color: #666666; }

/*INSIDE PAGES - RIGHT COLUMN*/
#mainContent #inRightCol { float: right; width: 286px; background: #FFFFFF url(http://www.lambofgodschool.org/cms/images/common/in_right_col_bg.jpg) repeat-x; padding: 18px 18px 24px; }


#header { background: url(http://www.lambofgodschool.org/cms/images/common/banner_bg.jpg) no-repeat; height: 161px; padding-right: 25px; padding-left: 25px; width: auto; }
#mainNav { background: url(http://www.lambofgodschool.org/cms/images/common/home/nav_bg.jpg) no-repeat; height: 88px; width: auto; padding-right: 25px; padding-left: 25px; }

/*HOME PAGE*/
#homeMast { width: 980px; margin-right: auto; margin-left: auto; height: 527px; background: url(http://www.lambofgodschool.org/cms/images/common/home/homeMast.jpg) no-repeat center top; }
#homeMast_outer { background: #2c0401 url(http://www.lambofgodschool.org/cms/images/common/home/homestage_bg.jpg) no-repeat center; height: auto; border-style: none; margin-right: auto; margin-left: auto; display: block; width: 100%; }

/*INSIDE PAGES MASTHEAD*/
#mast { width: 980px; margin-right: auto; margin-left: auto; height: 141px; background: url(http://www.lambofgodschool.org/cms/images/common/stage_bg.jpg) no-repeat center; }
#mast_outer { background: #1b0200 url(http://www.lambofgodschool.org/cms/images/common/stage_bg.jpg) no-repeat center; height: auto; border-style: none; margin-right: auto; margin-left: auto; display: block; width: 100%; }
#mast p { }


/*FOOTER*/
#footer { background: #000; width: 100%; height: 93px; margin-right: auto; margin-left: auto; padding: 0px; }
#footer #footerNav { height: auto; width: 930px; padding-top: 20px; padding-left: 0px; margin-right: auto; margin-left: auto; }
#footer #footerNav .copyright { color: #FFFFFF; font-size: 0.7em; padding-top: 7px; display: block; width: 100%; height: auto; } 

#footer #footerNav ul { padding: 0px; margin: 0px; }
#footer #footerNav li { display: inline; list-style-type: none; padding-right: 14px; background: url(http://www.lambofgodschool.org/cms/images/common/footerNav_bg.gif) no-repeat right 7px; }
#footer #footerNav li.end { background: url(none); } 
#footer #footerNav a,
#footer #footerNav a:visited { color: #FFFFFF; font-size: 0.75em; font-weight: normal; }
#footer #footerNav a:hover { color: #FF9900; } 

img, img.quotes { border:none; display: block; }
img.quotes { display: inline; }

/* MASTHEAD LOGO & COLUMNS*/
.topCols { position: relative; float: left; left: 0px; width: 100%; height: auto; }
.topCols p { margin: 0px; }
.topCols a, a:visited { font-weight: bold; color: #990000; font-size: 100%; }
.topCols a:hover { color: #666666; } 
.left1,
.left2,
.left3 { position: relative; float: left; height: auto; top: 65px; }

.left1 { left: 0px; width: 286px; height: 161px; background: url(http://www.lambofgodschool.org/cms/images/common/home/masthead_logo.jpg) no-repeat 5px bottom; top: 0px; }
.left2 { width: 180px; left: 0px; }
.left3 { left: 34px; width: 190px; }

.right4 { position: relative; float: right; right: 16px; width: 185px; top: 65px; }

/* USE TO CLEAR FLOATS*/
.clearflt { clear:both; height:0; font-size: 1px; line-height: 0px;}