@charset "UTF-8";
/* Arketi Default CSS Document */
/* BASE CSS Reset */
/* Items here are the default starting point and can be modified and removed to adjust for any specific project */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
font-family:Arial, Helvetica, sans-serif;
color:#333333;
}
html {
height:100%;
}
body {
height:100%;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
/* remember to define focus styles! */
:focus {
outline: 0;
}
/* remember to highlight inserts somehow! */
ins {
text-decoration: none;
}
del {
text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: collapse; border-spacing: 0;
}
/* General Global Settings */
/* Settings carried throughout the site and used as standards */
ul {list-style:none outside none;}
/* Global DIV and Container Settings */
/* Divs and containers used on the whole site */
#navContainer { background:url(../images/common/topNav-Bkg_home.png) repeat-x bottom; position:relative; height:180px; width:100%; z-index:10000;}
#header {position:relative; width:940px; margin-left:auto; margin-right:auto; padding:10px; height:180px; margin-top:-90px;}
#mainNav {position:absolute; bottom:37px;}
#footer { width:100%; background:url(../images/common/footerBkg.png); height:80px; z-index:1; position:relative;}
#footercontent { width:940px; margin-left:auto; margin-right:auto; color:#FFFFFF !important; font-size:11px; padding-top:20px;}
#socialLogos { background:url(../images/common/tag-icons.png); padding:8px 10px 8px 15px; display:inline-block; position:absolute; right:10px;}
#search { font-size:11px; position:absolute;right:7px; bottom:90px;}
/* Homepage DIV and Container Settings */
/* Divs and containers used on the homepage only */
#homecontent{width:409px; float:right;}
#homecontent h1 { color:#ffffff; line-height:1.5em; font-size:16px; font-weight:normal; margin-left:18px;}
#videoBox{ position:absolute; top:150px; background-image:url(../images/common/videoBKG.png); background-position:bottom left; background-repeat:no-repeat; padding:0 0 22px 20px;}
#seoText {width:450px; font-size:11px; color:#ffffff; float:left; margin-top:250px;}
/* Subpage DIV and Container Settings */
/* Divs and containers used on subpages only */
#mainContent { width:940px;margin-top:-12px; padding:0px 10px 0 10px; z-index:1; position:relative; margin-left:auto; margin-right:auto;}
#content {background:url(../images/common/inside_content_bkg.png); padding:20px 10px 10px 20px; font-size:80%}
#sidebar { float:left; width:180px;}
#contentArea { float:right; width:710px;}
#sidebarNavigation { background:#86b90d; width:165px; padding:10px 3px 5px 5px; margin-bottom:50px;}
#sidebarQuote { color:#08387a; font-style:italic; font-size:16px; padding-bottom:30px; line-height:1.5em;}
#sponsors {width:175px; height:71px; float:right; margin:0 0 30px 30px; background:url(../images/common/sponsorsBKG.png) no-repeat; padding:20px 0 20px 10px;}
#wrappera {
background-color:#666;
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto 0px; /* -44px being the size of the footer */
}
/* CTA Settings */
/* Divs, containers and other elements used in Calls to action */
/* Navigation Settings */
/* Divs, containers and other elements used in the main site navigation */
#navlist { float: left; padding: 0; }
#mainNav li {display:inline;}
#mainNav li a {background:url(../images/navigation/tag-soti-nav.gif) no-repeat; float:left; height:0; overflow:hidden; padding-top:37px;}
/*Default states*/
#mainNav li#nav_1 a { width:91px; background-position: 0 0;}
#mainNav li#nav_2 a { width:109px; background-position: -91px 0;}
#mainNav li#nav_3 a { width:147px; background-position: -200px 0;}
#mainNav li#nav_4 a { width:148px; background-position: -347px 0;}
#mainNav li#nav_5 a { width:140px; background-position: -495px 0;}
#mainNav li#nav_6 a { width:142px; background-position: -635px 0;}
#mainNav li#nav_7 a { width:81px; background-position: -777px 0;}
#mainNav li#nav_8 a { width:82px; background-position: -858px 0;}
/*Hover states*/
#mainNav li#nav_1 a:hover { background-position: 0 -37px;}
#mainNav li#nav_2 a:hover { background-position: -91px -37px;}
#mainNav li#nav_3 a:hover { background-position: -200px -37px;}
#mainNav li#nav_4 a:hover { background-position: -347px -37px;}
#mainNav li#nav_5 a:hover { background-position: -495px -37px;}
#mainNav li#nav_6 a:hover { background-position: -635px -37px;}
#mainNav li#nav_7 a:hover { background-position: -777px -37px;}
#mainNav li#nav_8 a:hover { background-position: -858px -37px;}
/*Active states*/
#mainNav li#nav_1 a.active { width:91px; background-position: 0 -37px;}
#mainNav li#nav_2 a.active { width:109px; background-position: -91px -37px;}
#mainNav li#nav_3 a.active { width:147px; background-position: -200px -37px;}
#mainNav li#nav_4 a.active { width:148px; background-position: -347px -37px;}
#mainNav li#nav_5 a.active { width:140px; background-position: -495px -37px;}
#mainNav li#nav_6 a.active { width:142px; background-position: -635px -37px;}
#mainNav li#nav_7 a.active { width:81px; background-position: -777px -37px;}
#mainNav li#nav_8 a.active { width:82px; background-position: -858px -37px;}
#sidebarNavigation li {background:url(../images/common/sidebar_li_background.gif) no-repeat bottom; padding:1px 5px 3px 20px; margin-bottom:10px; color:#ffffff;}
#sidebarNavigation li a {color:#ffffff; text-decoration:none;}
#sidebarNavigation li a:hover {color:#000000;}
#search a { color:#333333; text-decoration:none;}
#search a:hover {text-decoration:underline;}
#footer a { color:#ffffff; text-decoration:none;}
#footer a:hover {text-decoration:underline;}
#infofor { float: left; padding: 0; position:absolute; top:37px; }
#infofor li {display:inline;}
#infofor li a {background: url(../images/common/TAG-SOIR-Home-slider-Nav.gif) no-repeat; float:left; height:0; overflow:hidden; padding-top:27px; width:235px}
/*Default states*/
#infofor li#sn1 a {background-position: 0 0;}
#infofor li#sn2 a {background-position: -235px 0;}
#infofor li#sn3 a {background-position: -470px 0;}
#infofor li#sn4 a {background-position: -705px 0;}
/*Hover states*/
#infofor li#sn1 a:hover { background-position: 0 -27px;}
#infofor li#sn2 a:hover { background-position: -235px -27px;}
#infofor li#sn3 a:hover { background-position: -470px -27px;}
#infofor li#sn4 a:hover { background-position: -705px -27px;}
#infoTab {cursor:pointer; background-image:url(../images/common/infoFortab.jpg); width:123px; height:22px; position:absolute; top:90px;}
#infoTab:hover {background-position:0 -22px;}
#infoTab.clicked {cursor:pointer; background-image:url(../images/common/infoFortab.jpg); width:123px; height:22px; position:absolute; top:90px;background-position:0 -44px;}
#infoTab.clicked:hover {background-position:0 -66px;}
/* Link Settings */
/* Header, footer and any link needing special treatment */
/* Type styles */
/* Headings, type treatments and other typography standards */
#contentArea h1 {color:#2295de; font-size:22px; font-weight:normal; background:url(../images/common/subsection_h1_bkg.gif) bottom left no-repeat; padding:0px 0px 3px 20px; margin-bottom:20px;}
#contentArea h2 {color:#2295de; font-size:13px;}
#contentArea p {padding-bottom:20px;}
#footercontent p {color:#ffffff; padding-bottom:10px;}
/* Image Settings */
/* Image stylings, borders, spacing and other ![]()
standards */
.tag_graph {background:url(../images/common/image_background.gif) bottom left no-repeat; padding:0px 0px 13px 13px;}
/* Form Settings */
/* Form stylings, borders, spacing and other