/*
 Screen style    
 Site: ICS
*/
body { font-size: 75%; background: url(../images/bg/body.gif) repeat-x; padding: 0 0 20px 0; }

/* Image replacement */
.ir { font-size: 1em; margin: 0; overflow: hidden; position: relative; }
.ir span { background-repeat: no-repeat; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1; }
.ir a { cursor: pointer; display: block; height: 100%; width: 100%; }

/* Auto clearing floats */
#nav:after, #top:after, #wrapper:after, #footer:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }

/* sIFR */
/* These are standard sIFR styles... do not modify */
.sIFR-flash { margin: 0; visibility: visible !important; }
.sIFR-replaced { visibility: visible !important; }
span.sIFR-alternate { display: block; height: 0; left: 0; overflow: hidden; position: absolute; top: 0; width: 0; }
/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] { display: none !important; }

.sIFR-hasFlash #top .left h2.sifr { font-size: 24px; line-height: 26px; visibility: hidden; }

/* Header */
#header { height: 103px; position: relative; width: 804px; margin: 0 auto; }
#accessibility { display: none; }
#logo { width: 236px; height: 65px; position: absolute; top: 23px; left: 0; }
#logo span { background-image: url(../images/text/logo.gif); }
#call { position: absolute; top: 40px; right: 0; width: 161px; height: 36px; }
#call span { background-image: url(../images/text/call.gif); }

/* Navigation */
#nav-wrapper { background: url(../images/bg/nav-wrapper.gif) repeat-x; }
#nav { width: 801px; padding: 1px 1px 0 4px; margin: 0 auto; background: url(../images/bg/nav-sep.gif) left center no-repeat; }
.home #nav { background: none; }
#nav li { float: left; }
#nav a { display: block; padding: 6px 4px 8px 3px; background: url(../images/bg/nav-sep.gif) right center no-repeat; color: #666; text-align: center; text-decoration: none; line-height: 1.3; position: relative; }
#nav a:hover { color: #0177BF; }
#nav a.current { background: #fff url(../images/bg/nav-hover.gif) right top no-repeat; color: #666; border-left: 1px solid #D0D0D0; margin-left: -1px; }
#nav .nav1 a { width: 70px; }
#nav .nav2 a { width: 88px; }
#nav .nav3 a { width: 180px; }
#nav .nav4 a { width: 105px; }
#nav .nav5 a { width: 73px; }
#nav .nav6 a { width: 68px; }
#nav .nav7 a { width: 80px; }
#nav .nav8 a { width: 78px; }

/* Navigation dropdown */
#nav li li a { padding: 5px; background: #fff; text-align: left; position: static; width: 190px !important; border-bottom: 1px solid #D0D0D0; }
#nav li ul { left: -999em; position: absolute; width: 200px; border-left: 1px solid #D0D0D0; border-right: 1px solid #D0D0D0; margin-left: -1px; }
#nav li.hover ul { left: auto; }

/* Top */
#top-wrapper { background: #003366; color: #fff; margin-bottom: 29px; clear: both; }
#top { width: 804px; margin: 0 auto; }
#top .left { float: left; width: 260px; padding-top: 30px; }
#top .left h2 { color: #fff; margin: 0 0 12px 0; line-height: 1.3; }
#top .left h2.one-line { margin-bottom: 45px; }
#top .left .subtitle { color: #ccc; margin: 0; line-height: 1.5; }
#top .left ul { margin: 10px 0 0 -1px; }
#top .left li { float: left; }
#top .left li img { display: block; }
#top .decorative { float: left; margin-left: 17px; display: block; }

/* Top: Home page */
.home #top-wrapper { border-bottom: 5px solid #FFCC33; margin-bottom: 20px; }
.home #top .left { padding-top: 33px; width: 217px; }
.home #top .left h2 { width: 215px; height: 58px; margin-bottom: 17px; }
.home #top .left h2 span { background-image: url(../images/text/home-title.gif); }
.home #top .decorative { margin-left: 36px; }
.home #top .right { float: left; width: 193px; padding: 38px 29px 5px 28px; min-height: 194px; line-height: 1.67; background: #0177BF; color: #fff; font-weight: bold; margin: 0; }
.home #top .right strong { font-size: 1.17em; }

/* Wrapper */
#wrapper { width: 800px; margin: 0 auto; padding: 0 4px 60px 0; }
.home #wrapper { padding: 0 0 37px 4px; }

/* Content */
#content { float: left; width: 519px; }
#content a:hover { background-color: #0177BF; color: #fff; text-decoration: none; }
#content ul { margin: 0.5em 0 1.5em 0; }
#content li { margin-bottom: 0.5em; padding-left: 20px; background: url(../images/bg/tick.gif) 0 6px no-repeat; line-height: 1.5; }
#content ul.sitemap, #content ul.privacy { margin: 0 0 2em 0; list-style: none; }
#content ul.sitemap li, #content ul.privacy li { background: none; padding: 0; }
#content ul.sitemap li ul { margin: 0.5em 0 0 17px; list-style: none; }
#content blockquote { border: 1px solid #ccc; background: #F6F6F6; padding: 15px 20px; margin-top: 30px; }
#content blockquote p.author { margin: 0; font-style: italic; }

#sidebar blockquote { border: 1px solid #ccc; background: #F6F6F6; padding: 15px 20px; margin-top: 30px; }
#sidebar blockquote p.author { margin: 0; font-style: italic; }

/* Content: Home */
.home #content { float: none; width: auto; }

/* Columns: Home page */
.home-col { float: left; width: 250px; }
.home-col img { display: block; margin-bottom: 15px; border: 1px solid #ccc; }
.home-col p { margin: 0; line-height: 1.5; }
.home-col-middle { margin: 0 24px 0 25px; }

/* Sidebar */
#sidebar { float: right; width: 250px; }
#sidebar img.solution { border: 1px solid #ccc; display: block; margin-bottom: 18px; }
#sidebar img.learnsafe { display: block; margin-bottom: 18px; }
#sidebar p.intro { color: #0177BF; font-size: 1em; font-style: italic; line-height: 2.0; }
#sidebar p.author { font-style: italic; font-size: 0.92em; }
#sidebar h4 { margin-bottom: 0; }
#sidebar ul { list-style: disc; margin: 0 0 0 17px; }
#sidebar a:hover { background-color: #0177BF; color: #fff; text-decoration: none; }
#sidebar a.current { text-decoration: none; }

/* Contact form */
.contact-form input, .contact-form textarea { border: 1px solid #ccc; width: 320px; }
.contact-form input.checkbox, .contact-form .contact-send input { border: none; width: auto; vertical-align: middle; }
.contact-form td p { margin: 5px 0; }
.contact-form td p.first { margin: 0; }
.contact-send { margin-top: 20px; }
.contact-form .label { width: 130px; }
.contact-form .top { vertical-align: top; }
.contact-form select { width: 320px; }

/* Footer wrapper */
#footer-wrapper { background: url(../images/bg/footer-wrapper.gif) repeat-x; clear: both; }

/* Footer */
#footer { font-size: 0.92em; padding: 18px 16px 16px 4px; width: 784px; margin: 0 auto; line-height: 1.63; }
#footer a { color: #666; }
#footer a:hover { background: #666; color: #fff; text-decoration: none; }
#footer h3 { color: #003366; margin: 0 0 0.2em 0; font-size: 1.09em; font-weight: normal; }
#footer p { margin: 0; }

/* vCard */
#footer .vcard { float: left; width: 510px; }
#footer .vcard strong { color: #003366; font-weight: normal; }
#footer .vcard .tel { margin-right: 18px; }
#footer .vcard .email { text-decoration: none; }
#footer .vcard ul { margin-top: 4px; }
#footer .vcard li { float: left; margin-right: 18px; }

/* Join form */
#footer form { float: right; width: 237px; line-height: 1.45; }
#footer form .inputs { margin-top: 6px; }
#footer form input { margin: 0; vertical-align: middle; background: #fff; } 
#footer form input.text { border: 1px solid #666; padding: 2px 3px; margin-right: 1px; width: 120px; }