/* CSS Document */ /* typo classes */ body { background-color: #F5F5EE; } h1 { font-size: 140%; font-family: arial, helvetica, sans-serif; margin-top: 0px; margin-bottom: 0px; color: #FFFFFF; font-weight: normal; letter-spacing: 1px; } h2.subheading { font-size: 100%; font-family: arial, helvetica, sans-serif; margin-top: 0px; margin-bottom: 0px; color: #FFFFFF; font-weight: normal; letter-spacing: 1px; } h2 { font-size: 150%; font-family: arial, helvetica, sans-serif; margin-top: 5px; margin-bottom: 7px; color: #000000; font-weight: normal; letter-spacing: 1px; } h3 { font-size: 120%; font-family: arial, helvetica, sans-serif; margin-top: 10px; margin-bottom: 5px; color: #000000; font-weight: normal; } p { font-family: Arial, Helvetica, sans-serif; color: #000000; margin-top: 5px; margin-bottom: 10px; } a.link { font-weight: bold; color : #000000; text-decoration: underline; } a.link:hover { color: #666666; text-decoration: none; } a.icon { margin: 0; padding: 0; width: 100px; color: #cc0000; text-decoration: none; text-align: left; } /* nav bar classes */ .navbar { clear: both; padding: 4px 0; width: 100%; font-size: 80%; font-family: arial, helvetica, sans-serif; color: #ffffff; text-align: center; border-top: solid 1px #000000; border-bottom: solid 1px #000000; background-color: #cc3333; } a.navlink { text-decoration: none; color: #ffffff; } a.navlink:hover { text-decoration: none; color: #000000; } /* Title Banner classes */ .container { width: 770px; margin: 5px auto 0px auto; padding: 0; font-size:80%; } .titleBanner { margin: 0; padding: 0; width: 100%; height: 100px; background-image: url(/images/global/snapshot.jpg); background-repeat: no-repeat; background-position: right top; background-color: #6699CC; } .titletext { clear:both; float: left; padding: 20px 0px 0px 20px; color:#FFFFFF; } .anchorbox { clear: both; padding: 3px 0; margin-bottom: 5px; width: 100%; font-family: arial, helvetica, sans-serif; font-weight: bold; color: #ffffff; text-align: center; border: 1px solid #6699CC; background-color: #6699CC; } a.anchorlink { text-decoration: underline; color: #ffffff; padding-right: 30px; } a.anchorlink:hover { text-decoration: none; color: #333333; } .fullwidth{ clear: both; display: table; width: 100%; padding: 0; font-size: 100%; color: #000000; vertical-align: top; } p.ImgBoxCaption { display: table; clear: both; width: 100%; margin: 0px; padding-left: 1px; font-family: arial, helvetica, sans-serif; font-size:120%; line-height:16px; text-align: left; background-color:#d8d8d8; border-top: 0px solid #F3F0DD; } .ImgBox { clear: both; display: table; width: 100%; margin: 5px 0px; padding: 5px 0 0px 0; font-size: 0.85em; font-family: arial, helvetica, sans-serif; font-weight: bold; color: #000000; text-align: center; border: 1px solid #d8d8d8; background-color: #F3F0DD; } .ImgBoxHalf { float: right; width: 50%; margin: 5px 0 5px 5px; padding: 5px 0 0 0; font-size: 70%; font-family: arial, helvetica, sans-serif; font-weight: bold; color: #000000; text-align: center; border: 1px solid #d8d8d8; background-color: #F3F0DD; } .ImgBoxHalf2 { float: left; width: 50%; margin: 5px 0 5px 5px; padding: 5px 0 0 0; font-size: 70%; font-family: arial, helvetica, sans-serif; font-weight: bold; color: #000000; text-align: center; border: 1px solid #d8d8d8; background-color: #F3F0DD; } .ImgBoxThumb { padding: 3px 10px 20px 5px; margin-bottom: 35px; font-family: Arial, Helvetica, sans-serif; font-size: 100%; border: 1px solid #d8d8d8; background-color: #F3F0DD; float: center; } .ImgBox1 { float: center; } .ImgBox2 { float: left; width: 48%; padding-bottom: 10px; } .ImgBox3 { float: left; width: 25%; padding: 0px 10px; } .TextBox70 { float: left; width: 70%; border-right: 1px dashed #d8d8d8; } .TextBox100 { float: left; padding: 3px 10px 5px 5px; } /* classes for Tasks, links, etc */ .TextBox { clear: both; display: table; width: 100%; margin-bottom:10px; font-family: Arial, Helvetica, sans-serif; color: #000000; border: 1px solid #d8d8d8; background-color: #F3F0DD; } /* classes for image thumbnail*/ .TextBoximg100 { float: left; padding: 3px 10px 5px 5px; } .TextBoximg { clear: both; display: table; width: 100%; margin-bottom:10px; font-family: Arial, Helvetica, sans-serif; font-size: 80%; color: #000000; border: 1px solid #d8d8d8; background-color: #F3F0DD; } .TextBox ol li { font-family: arial, helvetica, sans-serif; padding: 0px 0px 0px 0px; margin: 5px 0px; } /* bullet points */ ul {list-style:url("/images/global/bullet_red.gif") outside;padding:0px 5px 0px 0px;margin:3px 10px 20px 5%;} ol {font-family: arial, helvetica, sans-serif;} /* classes for pop-up boxes */ .functionBut { float: right; margin: 2px 5px 0 0; text-align: right; } img.functionButton { padding: 0px; border: none; vertical-align:middle; } a.functionButton { font-size: 70%; font-weight: bold; color:#CC0000; text-decoration:none; padding-left:5px; padding-right:5px; } a.functionButton:hover { color:#333333; text-decoration:underline; } .transtitle{ clear: both; width: 100%; background-color: #cc3333; } .transtitle H1{ color: #ffffff; font-size: 110%; text-align: left; background-color: #cc3333; padding: 0px 4px; } .transButton { font-size: 70%; font-weight: bold; color:#CC0000; text-decoration:none; padding: 2px 2px; text-align:right; } .transcontent { margin: 0px 4px; } .transRule{ min-height: 5px; background:#6699CC; margin: 0px; } .TextBox ul li {(list-style:url(/images/global/bullet_red.gif) outside; padding:0px 5px 0px 0px; margin:0px 0px 0px 20px } .clearing {clear:both; height:1px; overflow:hidden;} /*thumbnail with media item links*/ div#imgthumb {width: 57%; float: left; margin-bottom: 1em;} div#imgthumb h2 {text-align: right} div#imgthumb h2 span{float: left;} div#imgthumb h2 a{font-size: 0.85em; font-weight: normal; margin-right: 3px;} div#imgthumb ul {list-style:none; margin: 0 8px 0 0; padding: 0;} div#imgthumb ul li {background: url(/images/home-img/flr-hdot.gif) repeat-x top left; padding:10px 0;} div#imgthumb ul li img {float: left; margin:0 8px 2px 0; border: solid 1px #6699CC} div#imgthumb ul li.link {font-weight: normal; padding: 8px 0 8px 0; margin:0;} div#imgthumb ul li.link a{background: url(/images/home-img/flr-bullet.gif) no-repeat 0 4px; padding: 0 0 0 10px; display:block;} div#imgthumb ul li.keylink {font-weight: bold; background: url(/images/home-img/flr-bullet.gif) no-repeat 0 4px; padding: 0 0 0 10px; margin:1em 0;}