@import url("architecture.css");body     { font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #339; background-image: none; margin: 0; padding: 0; z-index: 0; width: 100%; min-width: 100% }p, h4, h1, pre  { font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none }#header h1 a, .thumbnail a { text-decoration: none; border: 0; outline-style: none }h4 /*     This is the style for the intro paragraph on rita's inside pages.     */      { font-size: 16px; font-weight: bold; line-height: 24px; text-align: justify }h5   { color: #fff; font-size: 18px; font-weight: bold; line-height: 24px; background-color: transparent; text-align: justify; word-spacing: normal; margin-top: -5px; border-top: 1px dashed #ffd700; border-bottom: medium none #ffd700 }a  { text-decoration: none; border: 0 }a img {border-style:none}#content { background-color: #1c3a88; background-image: none; top: 0; left: 0; width: 100%; height: 100%; min-height: 100%; float: left; voice-family: inherit  }html>body #content { height: auto }#header    { background-color: #1c3a88; background-image: url("../images/ritaintrobackgrounddk.jpg"); background-repeat: no-repeat; background-position: right 100%; margin: 0; padding: 0; position: relative; z-index: 1; width: 100%; height: 128px; overflow: hidden; border-bottom: 1.5px dotted #cf0 }#maincenter { color: #cf0; padding-top: 0; position: relative; width: 68%; height: 100%; float: left; overflow: visible; border-right: 1px solid #cf0; border-left: 6px solid #6c3 }#mainleft   { text-align: right; padding-top: 125px; padding-right: 2px; position: relative; left: 0; width: 15%; height: auto; float: left; overflow: hidden }#header h1 /*  this is the type at the top of the page, cropped at bottom  */      { color: #cf0; font-size: 28px; letter-spacing: 0.07em; padding: 0; margin: 0; position: absolute; left: 0; top: 100px; z-index: 2;}  /* hide-from-IE5/Mac hack \*/ ? top: auto; bottom: 0; ? /* end hack */}#header h1 a:visited { color: #cf0 }#header h1 a:hover { color: #c39 }#header h1 a { color: #cf0 }#mainleft h1 /*  category heading (graphic design, web design, etc)  */      { color: #cf0; font-size: 24px; line-height: 16px; text-align: left; text-indent: -1em; padding-left: 1em }#mainleft h1 a  { color: #cf0 }#mainleft h1 a:visited { color: #cf0 }#mainleft h1 a:hover { color: #61ed00 }#mainleft h2 /*  sub categories for graphic design  */   { color: #c0c; font-size: 14px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 0.65em; text-align: right; letter-spacing: 0.13em; margin-top: 2em; margin-right: 0; position: relative; overflow: visible }#mainleft h2 a { color: #c0c }#mainleft h2 a:visited { color: #c0c }#mainleft h2 a:hover { color: #cf0 }#mainright  /* placeholder for future information-not used yet, if page needs 3rd column, needs adjustment */ { background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; padding-top: 150px; padding-left: 0.5%; position: relative; width: 0; height: auto; float: left }#footer { background-color: #61ed00; background-image: none; background-position: 100% 0; width: 100%; clear: both; border-top: medium dotted #c39 }#layout    /* background for image and caption */ { background-color: #005; background-repeat: repeat-x; background-position: 100% 0; padding-bottom: 10px; position: relative; width: 100%; min-height: 100%; float: left }#navigation { color: #227; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: center }#caption   { color: #ecebd7; font-size: 14px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 18px; text-align: justify; word-spacing: 2px; letter-spacing: 1px; visibility: visible; margin-top: 10px; margin-right: 5px; position: relative; width: 55%; float: right; vertical-align: middle }#enlargement  /* for vertical image with caption next to it */  { margin: 10px 0 50px 20px; position: relative; top: 20px; width: 30%; float: left }#enlargementalt  /* for square image, this allows for caption on the side rather than underneath  */   { margin: 10px 0 50px 10px; position: relative; top: 20px; width: 60%; float: left }#enlargementalt1 /* for second square image stacked */  { margin: 10px 0 50px 10px; position: relative; top: 20px; width: 60%; float: left }#enlargementalt1a  /* for 3rd stacked image */ { margin: 10px 0 50px 10px; position: relative; top: 20px; width: 60%; float: left; }#enlargementalt2 /* centered image full width */    { background-position: center 0; text-align: center; margin-top: 10px; position: relative; width: 100% }.floatright { float: right; }.floatleft { float: left; }#thumbnails  { color: #fff; font-size: 10px; font-family: Verdana, Helvetica, sans-serif; background-color: #000; background-position: 0 center; visibility: visible; padding-top: 2px; padding-bottom: 2px; position: relative; width: 100%; float: left; vertical-align: middle; border-top: 2px dashed #cf0; border-bottom: 2px dashed #ffd700 }body #captionalt /*  for caption to side of pic  */  { color: #ecebd7; font-size: 14px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 18px; text-align: left; word-spacing: 2px; letter-spacing: 1px; visibility: visible; margin-top: 50px; margin-right: 5px; position: relative; width: 35%; float: right; vertical-align: middle }body #captionalt1  { color: #ecebd7; font-size: 14px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 18px; text-align: left; word-spacing: 2px; letter-spacing: 1px; visibility: visible; margin-top: 50px; margin-right: 5px; position: relative; width: 35%; float: right; vertical-align: middle }body #captionalt2 { color: #ecebd7; font-size: 14px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 18px; text-align: left; word-spacing: 2px; letter-spacing: 1px; visibility: visible; margin-top: 50px; margin-right: 5px; position: relative; width: 35%; float: right; vertical-align: middle; }.h1active  { color: #6c3 }.navigation-separators { color: #c39 }.activesubsection   { color: #6c3; font-size: 16px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-align: right; word-spacing: 2px; letter-spacing: 1px; position: relative; top: -2em }.noleftturnlogo    { color: #1c3a88; background-color: #6c3; word-spacing: 2px; letter-spacing: 2px; padding-right: 0.5em; position: relative; left: -1em }.captions   { color: #ecebd7; font-size: 14px; text-align: justify }.captionalt /* for narrower measures, unjustified caption */   { text-align: left; vertical-align: middle }