/* CSS generated by SiteManager at 11:09am 13/05/2011 - do not edit this file directly */ /* GLOBAL STYLES ----------------------------------------------------------------------------------------------------------------------------- */ body { background: #FFF15F url(/templatefiles/footprint-bg.jpg) no-repeat top right; font: 80% Arial, Verdana, Times, serif; text-align: center; color: #333; padding: 0; margin: 0;} hr { height: 1px; background-color: #505052; color: #505052; border: 0; margin: 15px 0; } form, table { background: transparent; font-size: 1.0em; color: #505052; border-collapse: collapse; } .tablestyle { border-collapse: collapse; } .tablestyle td, .tablestyle th { vertical-align: top; padding: 5px 5px 5px 0; text-align:left; } .tableborder td, .tableborder th { vertical-align: top; padding: 5px; border: 1px solid #e8e8e8; } .widthwrapper { width: 100%; } .padding { padding: 20px; } .right { float: right; } .left { float: left; } .center { text-align:center; } .clear { width: 0; height: 0; overflow: hidden; visibility: hidden; display: block; float: none; clear: both; background: none; font-size: 0; list-style: none; padding: 0; border: 0; margin:0; } .imgright { float:right; margin-left:10px; margin-bottom:10px; } .hidden { display:none; } legend { color:#22C2EC; } #accessibility { display: none; } .highlight { background:#454543; padding:15px 25px; color:#fff; border:none; } .notifySuccess { color:#000; } /* HEADINGS ----------------------------------------------------------------------------------------------------------------------------- */ h1 { font: bold 2em Arial, Verdana, Times, serif; text-align: left; margin: 15px 0 15px; color:#333; border-bottom:1px solid #666; padding:0 0 5px; } h2 { font: normal 1.5em Arial, Verdana, Times, serif; text-align: left; margin: 10px 0; color:#333; } h3 { font: bold 1.1em Arial, Verdana, Times, serif; text-align: left; margin: 10px 0; color:#333; } /* TEXT ----------------------------------------------------------------------------------------------------------------------------- */ p { font-size: 1.0em; line-height: 1.5em; text-align:left; margin: 1em 0; } .alignleft p { text-align: left; } li { font-size: 1.0em; line-height: 1.5em; margin: 1.2em 0; } ul { margin:0; padding:0 0 0 20px; overflow:auto; } .smalltext { font-size: 0.85em; } .largetext { font-size: 1.3em; } /* LINKS ----------------------------------------------------------------------------------------------------------------------------- */ a:link, a:visited { text-decoration: none; color: #22C2EC; } a:hover, a:active { color: #22C2EC; text-decoration:underline; } h2 a:link, h2 a:visited { text-decoration: none; } h2 a:hover, h2 a:active { color: #505052; text-decoration:underline; } h3 a:link, h3 a:visited { text-decoration: none; } h3 a:hover, h3 a:active { color: #22C2EC; text-decoration:underline; } /* IMAGES ----------------------------------------------------------------------------------------------------------------------------- */ img { border: 0; } /* LAYOUT ----------------------------------------------------------------------------------------------------------------------------- */ #container { width: 987px; min-height: 100%; height: auto; text-align: left; padding: 0; margin: 0 auto; position:relative; } /* margin-bottom to match #clearfooter */ * html #container { height: 100%; } #contentwrapper { margin: 0 auto 0; padding:10px 35px 20px 0; overflow:auto; background:transparent url(/templatefiles/white-bg.png) repeat-y right; } #logo { position:absolute; top:31px; left:0; } /* HEADER ----------------------------------------------------------------------------------------------------------------------------- */ #header { width:987px; height: 80px; position: relative; background: transparent url(/templatefiles/white-bg-top.png) no-repeat bottom right; margin-bottom: 0; color:#fff; } #header #search { position:absolute; top:36px; right:20px; } #header #search .taosTextField { width:166px!important; height:16px; padding:5px 3px; font-size:1em; vertical-align:top; border:1px solid #E1E1E1; } #header #search .button { width:28px; margin:0 0 0 5px; padding:6px 3px 5px; background:#505052 url(/templatefiles/magnifying.gif) no-repeat 0 3px; height:28px; color:#fff; vertical-align:top; border:none; } #header #search label { font-size:1.2em; line-height:27px; margin-right:7px; } #searchresults { } #searchresults .taosSearchMatch { background-color:#99C901; } /* CONTENT ----------------------------------------------------------------------------------------------------------------------------- */ #content { padding: 0; margin: 10px 0 100px 207px; } .fullwidth { margin-left: 0; } .noleftcol #content { margin-left:0; } .norightcol #content { margin-right:0; } .fullwidth-image { width:100%; text-align:center; } .fullwidth-image img { margin:0 auto; } .last { margin-right: 0; } .breadcrumb { margin:0 0 15px; font-size:0.9em; } #newsmenu { } #newsmenu h3 { } #newsmenu p { } #newsmenu a, #newsmenu a:visited { } #newsmenu a:hover, #newsmenu a:active { } #newsmenu h3 a, #newsmenu h3 a:visited { } #newsmenu h3 a:hover , #newsmenu h3 a:active { } .teammember { overflow:auto; } /* Sub-Page Image Menu -----------------------------------------------------------------------------------------------------------------------------*/ .homeblock { float:left; height:128px; margin:0 25px 20px 0; overflow:hidden; position:relative; width:188px; } .homeblock a, .homeblock a:visited { font-weight:bold; color:#505052; display:block; } .homeblock a:hover, .homeblock a:active { color:#22C2EC; } .homeblock .link-highlight { display:block; height:28px; position:absolute; bottom:0; left:0; width:172px; background:transparent url(/templatefiles/trans-bg.png); padding:10px 8px 8px; } /* SIDECOL ----------------------------------------------------------------------------------------------------------------------------- */ #sidecol { width: 185px; min-height: 40px; float: left; padding: 0; margin:-20px 0 0; } #sidecol #nav { padding: 0; margin: 90px 0 0 0; overflow:hidden; } #sidecol #nav li { list-style-type: none; margin: 0 0 4px 0; } #sidecol #nav li a, #sidecol #nav li a:visited { display: block; background: #505052; color: #fff; padding: 7px 12px; margin: 0; font-size:1.4em; font-weight:bold; } #sidecol #nav li a:hover, #sidecol #nav li a:active { color: #00B9E9; text-decoration:none; } #sidecol #nav ul li.selectedoption a, #sidecol #nav ul li.selectedoption a:visited, #sidecol #nav ul li.selectedoption a:active, #sidecol #nav ul li.selectedoption a:hover { color: #00B9E9; } #sidecol #nav li ul { background:#F1EEC6; font-size: 0.8em; color: #B2C733; padding: 5px 14px; margin: 4px 0 0; overflow:hidden; } #sidecol #nav li ul li { background:none; font-weight: normal; line-height: 1.4em; padding: 0; border-top: 1px dotted #4C4A40; margin: 0; font-size:0.8em; } #sidecol #nav li ul li a, #sidecol #nav li ul li a:visited { background:transparent; font-weight: bold; color: #505052; padding:6px 0; margin: 0; } #sidecol #nav li ul li:first-child { border:none; } #sidecol #nav li ul li a:hover, #sidecol #nav li ul li a:active { color: #22C2EC; text-decoration:none; } #sidecol #nav ul ul { padding:0; margin:0; overflow:hidden; } #sidecol #nav ul ul li { padding:0 0 0 14px; margin:0; background:transparent url(/templatefiles/subnav-bullet.gif) no-repeat 0 11px; border:none; font-size:1em; font-weight:normal; font-size:1.2em; } #sidecol #nav ul ul li a, #sidecol #nav ul ul li a:visited { padding:4px 0; margin:0; color: #505052!important; } #sidecol #nav ul ul li a:hover, #sidecol #nav ul ul li a:active { padding:4px 0; margin:0; color: #00B9E9!important; } #sidecol #nav ul ul li.selectedoption a, #sidecol #nav ul ul li.selectedoption a:visited, #sidecol #nav ul ul li.selectedoption a:active, #sidecol #nav ul ul li.selectedoption a:hover { color: #00B9E9!important; } /* SUBCONTENT ----------------------------------------------------------------------------------------------------------------------------- */ .subcontent { float:right; margin:0 0 10px 10px; width:230px; } .subcontent img { padding-bottom:5px; background:url(/templatefiles/image-shadow.png) no-repeat bottom center; } .subcontent.left { float:left; margin:0 10px 10px 0; } /* CONTENT FOOTER ----------------------------------------------------------------------------------------------------------------------------- */ #content-footer { font-family:Arial; background:url(/templatefiles/dotted-border.gif) repeat-x top; border-bottom:1px solid #C5C7CA; padding:15px 5px; overflow:auto; position:absolute; left:205px; right:35px; bottom:15px; } .clear-content-footer { clear:both; height:85px; } #content-footer p { margin:0; padding:0; } #content-footer ul { padding: 0; margin: 0; overflow:visible; width:230px; } #content-footer li { list-style-type: none; margin: 0; } #content-footer li a, #content-footer li a:visited { color: #707070; padding: 0; margin: 0 15px 0 0; font-weight:bold; float:left; } #content-footer li a:hover, #content-footer li a:active { color: #00B9E9; text-decoration:none; } #footer-address { position:absolute; top:7px; left:260px; } #footer-contact { float:right; margin-right:20px; } #content-footer .footer-menu { width:320px; } #content-footer #twitter { position:absolute; left:0px; bottom:10px; } #content-footer #twitter-logo { margin-right:8px; vertical-align:middle; } /* FOOTER ----------------------------------------------------------------------------------------------------------------------------- */ #footer { margin: 0 auto; width:987px; overflow:auto; position:relative; background:url(/templatefiles/white-bg-bottom.png) no-repeat top right; } #footer p { text-align: right; margin: 18px 15px; color:#333; } #footer a:link, #footer a:visited { color:#333; text-decoration:underline; } #footer a:hover, #footer a:active { color: #00B9E9; } /* SEARCH -----------------------------------------------------------------------------------------------------------------------------*/ .taosSearchResults a, .taosSearchResults a:visited { color:#333; } .taosSearchResults a:hover, .taosSearchResults a:active { color:#22C2EC; } /* HOME ----------------------------------------------------------------------------------------------------------------------------- */ #home h1 { border:none; padding:0; font-size:1.7em; } #home h2 { font-weight:bold; } #home #leftcol { width:230px; float:left; margin:0 25px 0 0; } #home #leftcol p { font-size:1.2em; font-style:italic; font-weight:bold; color:#333; margin:5px 0 } #home #leftcol .box { background:#E9E8E8; padding:10px 17px; } #home #leftcol .box h2 { margin:0; font-weight:bold; font-size:1.5em; } #home #leftcol .box h3 { font-weight:bold; font-size:1.5em; } #home #leftcol .box hr { background:#49474C url(/templatefiles/dotted-grey-border.gif) repeat-x; color:#49474C; } #home #leftcol .box p { color:#666; font-style:normal; font-weight:normal; } #home #leftcol .box input { margin-bottom:10px; } #home #leftcol .box .button { background:#FC9B02; border:none; color:#fff; padding:5px; font-weight:bold; font-size:1em; margin:0; } #home #rightcol { margin-left:255px; } #home #rightcol img { /*background:url(/templatefiles/large-image-shadow.png) no-repeat bottom center; padding-bottom:16px;*/ margin:0; padding:0; position:relative; } #home #rightcol .shadow { width:480px; background:url(/templatefiles/large-image-shadow.png) no-repeat bottom center; padding:0 0 13px; margin:0; position:relative; } #home .quote { position:relative; margin:20px 0 20px; } #home .quote .quote-top { width:64px; height:49px; background:url(/templatefiles/quote-top.jpg) no-repeat top left; position:absolute; top:-10px; left:-15px; z-index:1; } #home .quote .quote-bottom { width:64px; height:49px; background:url(/templatefiles/quote-bottom.jpg) no-repeat top left; position:absolute; bottom:-10px; right:15px; z-index:2; } #home .quote p { z-index:10; position:relative; } #home .quote h2 { z-index:3; position:relative; } #home #countdown { } #home #countdown .date { padding:5px 7px 6px 14px; color:#fff; font-weight:bold; height:20px; display:block; float:left; font-size:1.1em; } #home #countdown .days { background:url(/templatefiles/countdown-date-long.jpg) no-repeat top left; width:61px; margin-right:5px; } #home #countdown .hours { background:url(/templatefiles/countdown-date-short.jpg) no-repeat top left; width:40px; } #home #countdown .minutes { background:url(/templatefiles/countdown-date-short.jpg) no-repeat top left; width:40px; } #home #countdown .seconds { background:url(/templatefiles/countdown-date-short.jpg) no-repeat top left; width:40px; } #home #newsmenu { } #home #newsmenu h3 { } #home #newsmenu h3 a, #home #newsmenu h3 a:visited { color:#333; } #home #newsmenu h3 a:hover, #home #newsmenu h3 a:active { color:#22C2EC; }