html, body, div, span, applet, object, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td  { font-size: 100%; background: transparent; margin: 0; padding: 0; vertical-align: baseline; border: 0; outline: none 0 }

body  { color: #333; font: 0.9em/1 Cambria, Georgia, Times, "Times New Roman", serif; background: #b6cdf9; margin: 0 auto; min-width: 770px; max-width: 1200px }

a:link {color:#06c; text-decoration:none;}
a:visited {color:#66c; text-decoration:none;}
a:hover {color:#00c; text-decoration:underline;}
a:focus {color:#00c; outline:1px dashed #999;}
a:active {color:#00c;}

#content a[href*="flickr.com"], #sidebar h2 > a[href*="flickr.com"]    { background: url("../../images/icons/flickr.gif") no-repeat right center; padding-right: 20px }
#content a[href*="flickr.com"] > img[src$="flickr.gif"], #content a[href*="flickr.com"] + img[src$="flickr.gif"] {display:none;}
a[href$=".pdf"]    { background: url("../images/icons/pdf.png") no-repeat right center; padding-right: 20px }
a[href$=".pdf"] > img[src$="pdf.gif"], a[href$=".pdf"] + img[src$="pdf.gif"] {display:none;}

acronym {border-bottom:1px dashed #333;}

big, .large {font-size:1.3em;}
blockquote {background:#eee; border-bottom:.2em solid #ddd; border-left:.3em solid #ddd; margin:0 1em; padding:0 1em;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content:''; content:none;}
blockquote p {font-size:.9em; font-style:italic; margin-bottom:.5em; text-align:left;}
blockquote p + p {font-style:normal; margin:0; text-align:left;}
/*blog styles */
blockquote cite {margin:5px 0 0; display:block;}
blockquote p {font-style:normal; margin:0; text-align:left;}
.box {border:1px solid #999; margin-bottom:1em; min-height:11em; text-align:left; width:49%;}
.box h2 {background:#B6CDF9; border-bottom:1px solid #bbb; font-size:1em; letter-spacing:.3em; margin:0; padding:.2em 0; text-align:center;}
.box ul {list-style-type:none; margin:0 .2em !important;}
.box ul > li {border-bottom:2px solid #fff;}

.calendar {background:#ddd; border:1px solid #ccc; margin-right:.2em; padding-bottom:1em;}
.calendar ul {clear:both;}
.center {text-align:center !important;}
.center p {text-align:center !important; margin:0 auto !important;}
.clear {clear:both;}
.clearleft {clear:left;}
.clearright {clear:right;}

#content {background:#fff; border:1px solid #959596; -moz-border-radius:.5em; border-radius:.5em; color:#333; min-height:290px; margin:0 0 0 200px; text-align:justify;}

#content .caption {background:inherit; font-size:.7em; padding-left:1.44em; padding-right:1.44em;}
#content .caption.left, #content .caption.right {width:302px;}

#content form p {padding:0;}

#content h3 {padding:.6em 2px;}

#content .join {margin-top:0; padding-top:0;}
#content p, #content address, #content dd, #content ol, #content ul {font-size:1em; line-height:1.2; padding:.6em 1em; text-align:justify;}
#content p.smallertext {font-size:.7em; text-align:left;}

#content ul {list-style-type:disc; margin:0 auto 1em 1.5em;}
#content ul ul {list-style-type:circle; padding-right:.4em;}
#content ul > li {line-height:1.2; padding-top:.1em;}

/* clearfix */
#content:after , .clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}

#copyright {clear:both; font-size:.8em; padding:1em 0; text-align:center;}
#copyright a {font-size:.9em; font-weight:bold;}

del {text-decoration:line-through;}
div.left, p.left {float:left;}
div.right, p.right {float:right;}
div.left, div.right, p.left, p.right {overflow:hidden; min-width:282px; width:48%;}
dt {font-weight:bold; padding:1em 1em 0 .4em;}

em {font-style:italic;}
.events {background:#eef; border-left:none; -moz-border-radius:0 0 0 .5em; border-radius:0 0 0 .5em; float:left;}

.facts {background:#052346; border:1px solid #000; -moz-border-radius:0 0 .6em .6em; border-radius:0 0 .6em .6em; color:#fff; float:right; margin:12px 1em 1em 1em; width:250px;}
.facts h2    { color: #fff; font-size: 1.1em; background: #08376e url("../../images/icons/facts-blue-gradient.png") repeat-x left top; text-align: center; letter-spacing: 0.3em; margin: 0; padding: 0.2em 0; border-bottom: 1px solid #000 }
.facts ul {list-style-type:none; margin:.6em .4em;}
.facts ul > li {border-bottom:2px solid #000; font-style:italic; padding:.5em 0;}
#flickr_badge_icon {float:left; margin-right:1px;}
.flickr_badge_image {margin:.2em; padding:0; float:left;} /* Images are wrapped in divs classed "flickr_badge_image" */
.flickr_badge_image img {border:1px solid #aaa; margin:0 ; width:75px; padding:.1em;}
.flickr_badge_image img:hover {border:1px solid #fff;}
#flickr_badge_source {margin:0; padding:0 !important; color:#666 !important;}
#flickr_badge_wrapper {overflow:auto; padding:0;}
#flickr_www {display:block; padding:0 !important; color:#3993ff !important;}
#footer {clear:both; margin:.2em auto; padding:.4em 0; text-align:center; width:430px;}
#footer a:visited {color:#1D1B33;}
form2 {background:#CDDDFA; border:1px solid #dde; -moz-border-radius:.4em; border-radius:.4em; margin-left:1em; padding:0 .6em .6em; width:250px;}
.form { background-color: #cdddfa; margin-left: 1em; padding: 1em; width: 550px }
.form2 { padding: 15px }
.form3 { text-align: left }
h1  { color: #222; font: 700 2.6em "Copperplate Gothic Bold", "Trebuchet MS", "Palatino Linotype", Georgia, serif; text-align: left; letter-spacing: -0.05em; margin: 0; padding-left: 8px }
h1:not(.subtitle) {text-shadow:0 0 1px #3266CC;}
h1.subtitle {color:#333; font-size:1.5em; padding-top:0;}
h2 {color:#222; font-size:1.3em; font-weight:700; margin-left:.5em; padding:.4em .1em .1em; text-align:left;}
h3 {color:#333; font-size:1.1em; font-weight:700; margin:0 1em;}
h4 {font-weight:bold; padding-left:1em;}
#header    { background: url("../images/title.jpg") repeat-x center top; margin: 0 auto; height: 146px; border-right: 1px solid #333; border-bottom: 2px solid #333; border-left: 1px solid #333 }
#header a {display:block; height:146px; text-indent:-999em; width:100%;}
#header h1 {padding-left:0;}
hr {background-color:#b6cdf9; border:0; height:1px;}
hr.clear {height:0; visibility:hidden;}

img.border {border:1px solid #333; text-align:center;}
img.left {float:left; margin:4px 1em 4px 0;}
.img.bottom { vertical-align: bottom }
img.right {float:right; margin:4px 0 4px 1em;}
img[src*="email.php"] {vertical-align:sub;}
input, textarea {background:#f8f8ff; border:1px solid #dde; font-family:inherit; font-size:inherit;}
input:focus, textarea:focus {background:#fff;}
input[type="submit"] {padding:.3em; background:#eee; border:1px solid #ddd;}
input[type="submit"]:hover {background:#ddd; border:1px solid #ccc;}
ins {text-decoration:none;} /* remember to highlight inserts somehow */

label[for="comments"] {display:block; padding-top:1em; text-align:left;}
label[for="name"], label[for="email"], label[for="subject"] {display:block; margin-bottom:.1em; text-align:right;}
label input#name, label input#email, label input#subject {width:11em;}
.news {background:#eec; border-right:0 none; -moz-border-radius:0 0 0 .5em; border-radius:0 0 0 .5em; float:right;}

ol, ul  { list-style: none }
ol > li  { list-style-position: outside }
.oversized > li  { font-stretch: normal; text-align: justify; white-space: normal; margin: 0.6em 0 }
.oversized > li:first-child  { font-stretch: normal; white-space: normal; margin-top: 0 }

p.offset {background:#eee; border:1px solid #ddd; -moz-border-radius:6px; border-radius:6px; padding:120px;}
p.separator    { background: url("../../images/separator.gif") no-repeat center top; margin: 0.4em auto 0 }
p#submission    { font-weight: 700; background: #eef url("../../images/icons/silk/email.png") no-repeat 0.6em center; text-align: left; margin-left: 1em; padding: 1em 1em 1em 2em; position: relative; border: solid 1px #dde }

q {font-style:italic;}

#sidebar {clear:both; float:left; line-height:1.2; margin:0; width:200px;}
#sidebar h2 {color:#000; font-size:1.1em; margin:5px 0 0; padding:0;}
#sidebar p {font-size:.86em; font-style:italic; padding:0 .6em 1em .6em;}
#sidebar ul > li {padding:0 .2em .6em 1em;}
#sidebar > ul > li {list-style:none;}
#sidebar #wabc {background:#660066; border:1px solid #F4EC71; -moz-border-radius:.4em; border-radius:.4em; -moz-box-shadow:1px 1px 5px #000; -webkit-box-shadow:1px 1px 5px #000; box-shadow:1px 1px 5px #000; margin:0 1em 1em 0; padding:.1em 0 .5em;}
#sidebar #wabc a {color:#fff;}
#sidebar #wabc h2 {padding-left:1em;}
#sidebar #wabc hr {background:#F4EC71; height:3px;}
small {font-size:.9em; font-weight:inherit;}
strong {font-size:inherit; font-weight:700;}

table    { background-color: #eee; text-align: left; margin: 8px 0 2px 1em; border-collapse: collapse; border-spacing: 0   }
table.layout {background-color:#FFF; border:0; margin:15px 0 0;}
.layout > tbody td, .layout > tbody th {border:0; padding:0;}
table.strict {table-layout:fixed;}
.striped > tbody > tr:nth-child(even) > td {background-color:#eee;}
td, th {background-color:#FFF; vertical-align:top; padding:2px 5px;}
caption {font-weight:bold; text-align:left; margin:8px 5px 0 5px;}
caption.header {background-color:#4D4D4D; border:1px solid #2F2F2F; color:#FFF; margin:0 0 -15px; text-align:center;}
thead > tr > th {background-color:#052346;}
thead > .level-one > th, thead > .levelOne > th {background-color:#003063;}
thead > .level-two > th, thead > .levelTwo > th {background-color:#052346;}
thead th {font-weight:bold; color:#FFF; border:1px solid #777;}
thead > .level-two > th, thead > .levelTwo > th {color:#FFF;}
thead a, thead a:link, thead a:visited {color:#FFF !important;}
tfoot th, tfoot td {background-color:#003063; border:1px solid #888; border-top:2px solid #666; font-weight:bold;}
tfoot td, tfoot th {color:#FFF; font-size:0.9em;}
tbody > tr {background-color:#FFF;}
.gray-head { font-size: 1.2px; font-family: "Copperplate Gothic Bold", Georgia, serif; background-color: #ccc }
tbody > .altBg > td, tbody > .altBg > th, tbody > .alt-bg > td, tbody > .alt-bg > th {background-color:#efefef;}
tbody td  { border-width: 1px; border-color: #888 }
tbody th {border:1px solid #535353; font-weight:bold;}

table.centered, tr.centered, td.centered, th.centered {text-align:center;}
table.left, tr.left, td.left, th.left {text-align:left;}
table.right, tr.right, td.right, th.right {text-align:right;}

.two-column {-moz-column-count:2; -webkit-column-count:2; column-count:2;}

.twoColumn  { overflow: hidden }
.threeColumn { overflow: hidden }
.twoColumn .leftColumn, .twoColumn .rightColumn {overflow:hidden; width:49%;}
.twoColumn .leftColumn {float:left;}
.twoColumn .leftPrograms                  { background-color: #ccc; background-position: center 0; text-align: center; margin-bottom: 1em; width: 59%; height: 430px; float: left; vertical-align: middle }
.twoColumn .rightPrograms               { color: #fff; font-size: 1em; font-family: Cambria, Georgia, "Times New Roman", serif; line-height: 1.2em; background-color: #4673d0; margin-left: 15px; padding-top: 8px; padding-right: 8px; padding-left: 8px; width: 35%; height: auto; float: left; vertical-align: top }
.threeColumn .leftcolumn       { background-color: #ccc; text-align: center; float: left }
.threeColumn .leftcolumn, .threeColumn .centercolumn, .threeColumn .rightcolumn    { margin: 2px; padding: 5px; width: 31.5%; height: 515px; float: left }
.twoColumn2 { height: 35px; overflow: hidden }
.threeColumn .centercolumn          { background-color: #ccc; text-align: center; float: left }
.threeColumn .rightcolumn          { background-color: #ccc; text-align: center; float: left }
.twoColumn .rightColumn       { float: right }

ul.notices  { list-style: inside }
ul.notices > li  { text-align: left; padding: 0.5em }

.urbanhands {color:#000; font-size:1.4em;}
h5 { color: #000; font-size: 1.5em; font-family: "Copperplate Gothic Bold", "Trebuchet MS", "Palatino Linotype", Georgia, serif; text-indent: 0.4em }
h6   { color: #fff; font-size: 1.5em; font-family: "Copperplate Gothic Bold", "Trebuchet MS", "Palatino Linotype", Georgia, serif }
a.color:active  { color: #fff; font-size: 0.9em; font-family: Cambria, Georgia, Times, "Times New Roman", serif; line-height: 1; text-decoration: underline }
a.colorb:link { color: #fff; font-size: 1.2em; font-family: Georgia; text-decoration: underline }
a.colorb:hover { color: #9dbadb; font-size: 1.2em; font-family: Georgia; text-decoration: underline }
a.colorb:visited { color: #9dbadb; font-size: 1.2em; font-family: Georgia }
a.color:hover   { color: #fff; font-size: 0.9em; font-family: Cambria, Georgia, Times, "Times New Roman", serif; line-height: 1; text-decoration: underline }
a.color:visited  { color: #9dbadb; font-size: 0.9em; font-family: Cambria, Georgia, Times, "Times New Roman", serif; line-height: 1; text-decoration: underline }
a.color:link { color: #fff; font-size: 0.9em; line-height: 1; text-decoration: underline }
#nav { font-size: 1em; margin: 0 auto; padding: 5px 0 0; width: 620px; height: 40px }
#nav > li { background-color: #fff; position: relative; float: left }
#nav > li:hover > ul { display: block }
#nav li { background-color: #fff; border: solid 1px #a2c0f9; -moz-border-radius: 6px; border-radius: 6px }
#nav li:hover  { background-color: #f1f1f2; border-color: #7da7f9 }
#nav li > a { color: #06c; font-weight: bold; background: #fff; text-align: center; display: block; padding: 6px 20px; -moz-border-radius: 6px; border-radius: 6px }
#nav li > a:hover { color: #00c; background: transparent }
#nav ul { font-size: 0.9em; display: none; padding: 0 1em 1em; position: absolute; top: 28px; left: -17px }
#nav ul > li { width: 160px }
#nav ul > li > a { background: transparent; text-align: left; padding-left: 0.4em }
.scholarship      { color: #4673d0; font-size: 1em; font-family: Georgia; text-align: left; margin-bottom: 5px; margin-left: 0.2em; padding: 5px; width: 25%; height: auto; float: left; overflow: hidden; border: solid 8px }
.scholarshipesl { color: #4673d0; font-size: 1em; font-family: Georgia; text-align: left; margin-bottom: 5px; margin-left: 0.2em; padding: 5px; width: 30%; height: 560px; float: left; border: solid 8px }
.video-back { background-image: url("../../images/markese-videob.jpg"); background-repeat: no-repeat; background-position: left bottom; width: auto; height: 800px; border: solid 1px #ccc }
.scholarshiphead { color: #4673d0; font-size: 1em; font-family: "Copperplate Gothic Bold", "Trebuchet MS", "Palatino Linotype", Georgia, serif; line-height: 17px; text-align: left }
.twoColumn2 .leftcolumn2 { color: #4673d0; font-size: 1.5em; font-family: "Copperplate Gothic Bold", "Trebuchet MS", "Palatino Linotype", Georgia, serif; line-height: 17px; margin: 5px; padding: 5px; width: 32%; height: 35px; float: left }
.twoColumn2 .rightcolumn2 { color: #fff; font-size: 1.2em; font-family: Georgia; line-height: 17px; background-color: #3a3295; text-align: center; margin: 5px; padding: 5px; width: 62%; height: 35px; float: left; vertical-align: 50% }
.twoColumn3 .leftcolumn3  { color: #000; font-size: 0.8em; font-family: "Copperplate Gothic Bold", "Trebuchet MS", "Palatino Linotype", Georgia, serif; line-height: 17px; margin: 5px; padding: 5px; width: 50%; height: 35px; float: left }
.twoColumn3 .rightcolumn3  { color: #fff; font-size: 1.2em; font-family: Georgia; line-height: 17px; background-color: #3a3295; text-align: center; margin: 5px; padding: 5px; width: 40%; height: 35px; float: left; vertical-align: 50% }
.twoColumn3 { height: 35px; overflow: hidden }
.threeColumn2 .leftcolumn2 { background-color: #ccc; text-align: center; word-spacing: -1px }
.threeColumn2 .centercolumn2 { background-color: #ccc; text-align: center }
.threeColumn2 .rightcolumn2 { background-color: #ccc; text-align: center; overflow: hidden }
.threeColumn2 .leftcolumn2, .threeColumn2 .centercolumn2, .threeColumn2 .rightcolumn2    { margin: 2px; padding: 5px; width: 21%; height: 573px; float: left }
.twoColumn4 .leftcolumn4 { background-color: #ccc; background-position: 0 top; text-align: center; margin: 5px; padding: 5px; width: 32%; height: 630px; float: left }
.twoColumn4 .rightcolumn4  { background-color: #ccc; background-position: 0 top; text-align: center; margin: 5px; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; width: 32%; height: 630px; float: left }
.twoColumn5 .leftcolumn5  { background-color: #ccc; text-align: center; margin: 5px; padding: 5px; width: 32%; height: 540px; float: left }
.twoColumn5 .rightcolumn5  { background-color: #ccc; text-align: center; margin: 5px; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; width: 32%; height: 540px; float: left }
.oneColumn    { margin: 5px; padding: 8px; width: 97%; float: left }
.oneColumn2     { background-color: #ccc; margin: 5px; padding: 8px; width: 65%; height: 590px; float: left }
.oneColumnesl { background-color: #ccc; margin-top: 5px; margin-bottom: 5px; margin-left: 5px; padding: 8px; width: 60%; height: 560px; float: left }
.oneColumnse { background-color: #ccc; margin: 5px; padding: 8px; width: 65%; height: 545px; float: left }
.button { color: #fff; font-size: 1em; line-height: 1.4em; background-color: #3a3295; text-align: center; margin: 8px; padding: 6px; width: 120px; height: 60px; float: right; vertical-align: top }
.gray-head { font-size: 1.4em; font-family: "Copperplate Gothic Bold", Georgia, serif; background-color: #ccc; padding: 0.3em; height: 20px; vertical-align: middle }
.footnote { color: #fff; font-size: 0.7em; font-family: Georgia, serif }
.image-center { text-align: center }
.image-right { margin-bottom: 10px; margin-left: 10px; float: right }