/* CSS for Animato.com, July 2010 */

body { background-color: #acacac; color: #222222; margin: 0px; padding-top: 0px; background-image: url(/images/bgtile.jpg); background-repeat: repeat-x; background-position: top left; }

* { font-family: Arial, Calibri, Geneva, 'Lucida Sans', 'Bitstream Vera Sans', sans-serif; }

a { text-decoration: none; }
a:link { color: #cc092f; }
a:visited { color: #872639; }  
a:active { color: #f50634; } 
a:hover { color: #f50634; }

/*--------------------- Restyled HTML Tags ------------------------*/
b { letter-spacing: 0.2px;  }
blockquote {  margin: 0 30px 10px 30px; }
h1 { font-size: 15px; font-weight: normal; line-height: 23px; color: #111111; margin: 0 0 10px 0; padding: 0px; } /* 1st paragraph on every page */
h2 { font-size: 15px; font-weight: bold; color: #cc092f; margin-bottom: 5px; } /* subheaders */
h3 { font-size: 13px; font-weight: bold; color: #cc092f; margin: 0 0 10px 0; } /* used only on the benefits page */
h4 { font-size: 18px; font-weight: normal; color: #cc092f; margin: 0 0 0 0; } /* leadership page only */
h5 { font-size: 14px; font-weight: normal; color: #cc092f; margin: 0 0 5px 0; } /* leadership page only */
/* h6 - see animato-home.css */
img { border: 0px; padding: 0px; margin: 0px; }
p { margin: 0 0 10px 0; }
sup { font-size: 10px; }
td { font-size: 13px; line-height: 22px; }

/*--------------------- List Items ------------------------*/
ul { border: 0px; margin-top: 2px; list-style-type: square; }
ol { border: 0px; margin-top: 2px; list-style-type: decimal; }
li { line-height: 22px; padding-bottom: 4px; list-style-position: outside; }
li.indent1 { list-style-type: disc; }
li.indent2 { list-style-type: circle; }

/*--------------------- Animotion ------------------------*/
.anm { color: #000000; font-style: normal; font-weight: bold; }
.redi { color: #ff0000; font-style: normal; font-weight: bold; }
.otion { color: #000000; font-style: italic; font-weight: bold; }
.ethod { color: #000000; font-style: normal; font-weight: bold; }
/* 
AniMotion coding:
<span class="anm">An</span><span class="redi">i</span><span class="anm">M</span><span class="otion">otion</span>
AniMethod coding:
<span class="anm">An</span><span class="redi">i</span><span class="anm">M</span><span class="ethod">ethod</span>
*/

/*--------------------- Misc Markup ------------------------*/
.nobr { white-space: nowrap; } /* prevents hyphenated words from breaking at the end of line */
.small { font-size: 11px; } 
.photo-right { float: right; margin: 10px 0 10px 20px; }
h4.newsheadline { font-size: 18px; font-weight: normal; color: #cc092f; margin: 0 0 10px 0; }

/*--------------------- Structural Elements ------------------------*/
#masthead { height: 96px; width: 920px; margin: 0 auto 0 auto; }
#interior { margin: 0 auto 0 auto; background-color: #ffffff; }
#interior td { vertical-align: top; }
#shadow-left { width: 10px; background-image: url(/images/int-shadow-left-tile.gif); background-repeat: repeat-y; background-position: top left; }
#shadow-right { width: 10px; background-image: url(/images/int-shadow-right-tile.gif); background-repeat: repeat-y; background-position: top left; }
#content-margins { padding: 50px 55px 30px 0; } 
div.column-a { float: left; width: 230px; margin-right: 60px; }
div.column-b { float: left; width: 230px; }
table#benefits td { vertical-align: top; padding: 3px; }
table#animotion td { vertical-align: top; width: 50%; padding: 3px; }
table#news td { vertical-align: top; padding: 3px; }
table#events td { vertical-align: top; padding: 3px; }
table#idmgt td { vertical-align: top; padding: 3px; }
#jobopeningsform { }


/*--------------------- Sidebar Navigation ------------------------*/
#sidebar-nav { width: 250px; margin: 10px 0 0 0; }
.sb { text-decoration: none; font-weight: bold; font-size: 12px; letter-spacing: 0.4px; }
ul li.sb { list-style-type: none; border-bottom: 1px solid #cccccc; }
ul li.sb-last { list-style-type: none;  }
a.sb:link { color: #666666; }
a.sb:visited { color: #666666; }
a.sb:active { color: #000000; } 
a.sb:hover { color: #000000; }


/*--------------------- Footer ------------------------*/
#footer { background-image: url(/images/animato-footer.gif); background-repeat: no-repeat; background-position: top left; height: 100px; width: 920px; margin: 0 auto 0 auto; }
#footer-nav { text-align: right; padding: 12px 35px 0 0; }
#copyright  { font-size: 9px; font-weight: normal; text-align: center; color: #515151; padding: 24px 0 0 0; font-family: Verdana, Arial, Calibri, Geneva, 'Lucida Sans', 'Bitstream Vera Sans', sans-serif; }
.pipe { font-size: 9px; color: #eeeeee; padding: 0 5px 0 5px; }
.fn { font-size: 10px; letter-spacing: 0.1em; text-decoration: none; }
a.fn:link { color: #cccccc; }
a.fn:visited { color: #cccccc; }
a.fn:active { color: #ffffff; } 
a.fn:hover { color: #ffffff; }