/* 960 Grid System ~ Core CSS. Learn more ~ http://960.gs/ Licensed under GPL and MIT. */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, 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; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

*:focus { outline: 0; }

body { line-height: 1em; color: black; background: #fff; }

ol, ul { list-style: none; }

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

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

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

img a { border: none; }

.fl { float: left; }

.fr { float: right; }

body { background-color: #F2ECD7; margin-left: 1px; margin-top: 1px; }

#wrap { margin-left: auto; margin-right: auto; width: 960px; padding: 0; }
#wrap .grid_1, #wrap .grid_2, #wrap .grid_3, #wrap .grid_4, #wrap .grid_5, #wrap .grid_6, #wrap .grid_7, #wrap .grid_8, #wrap .grid_9, #wrap .grid_10, #wrap .grid_11, #wrap .grid_12, #wrap .grid_13, #wrap .grid_14, #wrap .grid_15, #wrap .grid_16 { display: inline; float: left; margin-left: 10px; margin-right: 10px; }
#wrap .grid_1 { width: 40px; }
#wrap .grid_2 { width: 100px; }
#wrap .grid_3 { width: 160px; }
#wrap .grid_4 { width: 220px; }
#wrap .grid_5 { width: 280px; }
#wrap .grid_6 { width: 340px; }
#wrap .grid_7 { width: 400px; }
#wrap .grid_8 { width: 460px; }
#wrap .grid_9 { width: 520px; }
#wrap .grid_10 { width: 580px; }
#wrap .grid_11 { width: 640px; }
#wrap .grid_12 { width: 700px; }
#wrap .grid_13 { width: 760px; }
#wrap .grid_14 { width: 820px; }
#wrap .grid_15 { width: 880px; }
#wrap .grid_16 { width: 940px; }
#wrap .prefix_1 { padding-left: 60px; }
#wrap .prefix_2 { padding-left: 120px; }
#wrap .prefix_3 { padding-left: 180px; }
#wrap .prefix_4 { padding-left: 240px; }
#wrap .prefix_5 { padding-left: 300px; }
#wrap .prefix_6 { padding-left: 360px; }
#wrap .prefix_7 { padding-left: 420px; }
#wrap .prefix_8 { padding-left: 480px; }
#wrap .prefix_9 { padding-left: 540px; }
#wrap .prefix_10 { padding-left: 600px; }
#wrap .prefix_11 { padding-left: 660px; }
#wrap .prefix_12 { padding-left: 720px; }
#wrap .prefix_13 { padding-left: 780px; }
#wrap .prefix_14 { padding-left: 840px; }
#wrap .prefix_15 { padding-left: 900px; }
#wrap .suffix_1 { padding-right: 60px; }
#wrap .suffix_2 { padding-right: 120px; }
#wrap .suffix_3 { padding-right: 180px; }
#wrap .suffix_4 { padding-right: 240px; }
#wrap .suffix_5 { padding-right: 300px; }
#wrap .suffix_6 { padding-right: 360px; }
#wrap .suffix_7 { padding-right: 420px; }
#wrap .suffix_8 { padding-right: 480px; }
#wrap .suffix_9 { padding-right: 540px; }
#wrap .suffix_10 { padding-right: 600px; }
#wrap .suffix_11 { padding-right: 660px; }
#wrap .suffix_12 { padding-right: 720px; }
#wrap .suffix_13 { padding-right: 780px; }
#wrap .suffix_14 { padding-right: 840px; }
#wrap .suffix_15 { padding-right: 900px; }
#wrap .alpha { margin-left: 0; }
#wrap .omega { margin-right: 0; }

#hd { display: inline; float: left; margin-left: 10px; margin-right: 10px; width: 940px; margin-left: 0; margin-right: 0; height: 175px; background: #000; color: #fff; }
#hd #ucc-logo { float: left; width: 130px; background: #000; text-align: center; margin-top: 5px; margin-left: 5px; }
#hd #ucc-logo img { margin-left: 20px; text-align: center; border: none; }
#hd #title { float: left; width: 450px; margin-left: 100px; text-align: center; height: 148px; margin-top: 0; }
#hd #godspeak { float: right; width: 147px; background: #000; text-align: center; margin-right: 5px; padding: 5px 5px 0 0; }
#hd #godspeak img { border: none; }
#hd #hd-border { display: inline; float: left; margin-left: 10px; margin-right: 10px; width: 940px; margin-left: 0; margin-right: 0; height: 30px; background-color: #f2ecd7; clear: both; }

#bd { display: inline; float: left; margin-left: 10px; margin-right: 10px; width: 940px; margin-left: 0; margin-right: 0; background: url(../images/bg-background.png) repeat-y #f2ecd7; /* :background-color #f2ecd7 */ }
#bd #sidecol1 { display: inline; float: left; margin-left: 10px; margin-right: 10px; width: 160px; margin-left: 0; margin-right: 0; float: left; background-color: #000; text-align: center; color: #fff; }
#bd #twelvestep { width: 110px; background-color: #ddd; padding: 5px; text-align: center; font-style: bold; margin-left: auto; margin-right: auto; margin-bottom: 10px; }
#bd #main { display: inline; float: left; margin-left: 10px; margin-right: 10px; width: 760px; margin-left: 0; margin-right: 0; float: right; background: #fff; margin-right: 0; padding-right: 0; padding-left: 0; }
#bd #main #photorotator { margin-left: 10px; margin-right: 5px; width: 400px; text-align: center; }
#bd #main #home-video { margin-left: 10px; width: 400px; text-align: center; }
#bd #main #home-video table tr td { text-align: center; }
#bd #main #home-video img { margin-left: 10px; margin-right: 10px; clear: both; }
#bd #main #events { width: 450px; margin: 0; text-align: center; }
#bd #main #events a { position: inline; background-color: #ccc; height: 30px; width: 150px; padding: 10px; font-size: 14px; line-height: 28px; display: block; text-align: center; margin-left: auto; margin-right: auto; margin-bottom: 50px; color: #000; border: 4px solid #ddd; }
#bd #main .content { margin-left: 5px; margin-right: 5px; }

.floatbox { float: right; margin-left: 5px; margin-bottom: 5px; padding: 4px; margin-right: 0; }

#ft { display: inline; float: left; margin-left: 10px; margin-right: 10px; width: 940px; margin-top: 0; padding-top: 10px; background-color: #f2ecd7; margin-left: 0; margin-right: 0; }