@media all {
  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, 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-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
  :focus { outline: 0; }
  a { text-decoration: none; }
  a:hover { text-decoration: underline; }
  a.button:hover { text-decoration: none; }
  ol, ul { list-style: none; }
  table { border-collapse: separate; border-spacing: 0; }
  caption, th, td { text-align: left; font-weight: normal; }
  blockquote:before, blockquote:after, q:before, q:after { content: ""; }
  blockquote, q { quotes: "" ""; }
  a img { border: 0; }
  input, select { font-family: inherit; font-size: inherit; }
  form { margin: 0; padding: 0; }
  th, td { vertical-align: middle; }

  p { margin: 1em 0; }
}
@font-face {
    font-family: 'Netto';
    src: url('../media/fonts/NettoWeb.eot');
    src: url('../media/fonts/NettoWeb.eot?#iefix') format('embedded-opentype'),
         url('../media/fonts/NettoWeb.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'NettoLight';
    src: url('../media/fonts/NettoWeb-Light.eot');
    src: url('../media/fonts/NettoWeb-Light.eot?#iefix') format('embedded-opentype'),
         url('../media/fonts/NettoWeb-Light.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'NettoBold';
    src: url('../media/fonts/NettoWeb-Bold.eot');
    src: url('../media/fonts/NettoWeb-Bold.eot?#iefix') format('embedded-opentype'),
         url('../media/fonts/NettoWeb-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

body { font-size: 62.5%; background-image: url('../media/shared/phoenix.jpg'), url('../media/shared/phoenix.jpg'); background-repeat: no-repeat; background-position: 5% 15em, 95% 15em; padding: 9px 0; font-family:  arial, "Netto", sans-serif; color: #444; }
div.w { width: 97.7em; margin: 0 auto; position: relative; }
.sizeup { font-size: 1.5em; }
#content { background: #fff; min-height: 58em; width: 97.7em; margin: 0 auto 20px auto; border: solid #fff; border-width: 10px 6px; }
div.columns { width: 100%; overflow: hidden; }
div.column { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; float: left; padding: 0 1em 0 0; }
.onethird { width: 33.3%; margin-right: 10px;}
.twothirds { width: 66.6%; }
.half { width: 50%; }
.onequarter { width: 25%; }
.threequarters { width: 75%; }
.marginin {margin: 0 0 20px 60px;}

.la { text-align: left; }
.ca { text-align: center; }
.ra { text-align: right; }
.clear { clear: both; height: 0; overflow: hidden; }
.fl { float: left; }
.fr { float: right; }
.rm { margin-right: 1em; }
.tm { margin-top: 1em; }
.bm { margin-bottom: 1em; }
.lm { margin-left: 1em; }

h1, h2, h3 { font-family: "NettoBold"; color: #005da6; }
.blue { color: #005da6; }
h1 { font-size: 2.2em; }
h2 { font-size: 1.8em; }
h3 { font-size: 1.3em; }
a { color: #005da6; text-decoration: none; }
a:hover { text-decoration: underline; }

.stripes { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAEAQMAAACTPww9AAAAAXNSR0IArs4c6QAAAAZQTFRFAAAA5ejpRT+IvAAAAAF0Uk5TAEDm2GYAAAABYktHRACIBR1IAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH2wUWBRUUIhsx/QAAABp0RVh0Q29tbWVudABEaWdpdGFsIEZpbmVyeS9SUlCYT+wRAAAAEElEQVQI12MQYFBgcGBoAAACWADxfYADLwAAAABJRU5ErkJggg%3D%3D) repeat; }

p:first-child { margin-top: 0; }

ul.bullets { list-style-type: disc; }
ul.bullets li { color: #005da6; margin: 0 0 0 1.5em; }
ul.bullets li span { color: #444; }

.testingimg {float: left; margin-right: 10px;}
#flashbanner { width: 975px; height: 460px;  border: 1px solid #bbb; padding-top: 50px ; overflow: hidden; position: relative; }
#flashbanner a { position: absolute; left: 0; top: 0; }
#newsheader { background: #ccc; margin: 0.5em 0 0 0; }
#newsheader h2 { color: #666; text-align: center; font-size: 1.6em; padding: 0.1em 0; }
.newsitem { font-size: 0.87em; }
#scroller { width: 100%; overflow: hidden; }.onethird {margin: 0px;}
#header { background: #005ca5; color: #fff; height: 9.3em; min-height: 93px; }
#logo { display: block; position: absolute; left: 3px; top: 18px; height: 55px; width: 150px; }

#loginarea { background: #ccc; position: absolute; width: 18.8em; height: 3.3em;  right: 0; top: 2.4em; text-align: center; line-height: 3.3em; -moz-border-radius: 0.2em; -webkit-border-radius: 0.2em; border-radius: 0.2em; }
#loginarea a { display: block; color: #666; font-size: 1.4em; text-decoration: none; }
#loginform { position: absolute; display: none; }
#mainmenu { position: absolute; left: 206px; top: 3.4em; position: relative; float: left; }
#mainmenu a { font-family: "NettoBold", arial, sans-serif; text-transform: uppercase; font-size: 1.4em; }
#mainmenu li { float: left; border-right: 1px solid #004c89; margin-right: 1em; padding-right: 1em; }
#mainmenu li:last-child { border: 0; padding-right: 0; margin-right: 0; }
#mainmenu li a { color: #fff; } 
#mainmenu li.current a { text-decoration: underline; }
#mainmenu li.current li a { text-decoration: none; }
#mainmenu li.current li a:hover { text-decoration: underline; }
#mainmenu ul { background: #005ca5; display: none; position: absolute; top: 99%; left: 0; width: 100%; }
#mainmenu li.current ul { display: block; }
#mainmenu li:hover ul { display: block; z-index: 2; }
#mainmenu li:hover > a { text-decoration: underline; }
#mainmenu ul li a { padding: 0.4em 0; text-transform: none; font-size: 1.1em; display: inline-block; }
#loginform { background: #f4f4f4; width: 18.8em; padding: 1em; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; color: #444; text-align: left; position: absolute; z-index: 999; -moz-box-shadow: 0 3px 5px #333; -webkit-box-shadow: 0 3px 5px #333; box-shadow: 0 3px 5px #333; position: relative; }
#loginform .small { font-size: 0.7em; }
#loginform a:hover { text-decoration: underline; }
#loginform input { border: 1px solid #ababab; color: #999; padding: 0.5em; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; }
#loginform div { line-height: 1.2; }
#loginform button { border: 0; background: 0; color: #005ca5; font-family: "NettoBold", arial, sans-serif; text-transform: uppercase; cursor: pointer; margin: 0; font-size: 1.2em; }
#loginform button::-moz-focus-inner { border: 0; padding: 0; }
#loginform div.topmargin { margin: 1em 0 0 0; }
#footer { color: #fff; padding: 1.7em 0; font-family: "NettoLight", arial, sans-serif; }
#footer a { color: #fff; }
.footerbg {
  background: rgb(0,54,97); /* Old browsers */
  background: -moz-linear-gradient(top, rgb(0,54,97) 0%, rgb(0,82,147) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(0,54,97)), color-stop(100%,rgb(0,82,147))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgb(0,54,97) 0%,rgb(0,82,147) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgb(0,54,97) 0%,rgb(0,82,147) 100%); /* Opera11.10+ */
  background: -ms-linear-gradient(top, rgb(0,54,97) 0%,rgb(0,82,147) 100%); /* IE10+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003661', endColorstr='#005293',GradientType=0 ); /* IE6-9 */
  background: linear-gradient(top, rgb(0,54,97) 0%,rgb(0,82,147) 100%); /* W3C */
}

#footer ul li { border-bottom: 1px dotted #97d1ff; }
#footer ul li:last-child, #footer ul li.sub { border: none; }
#footer ul li.sub a { font-family: "NettoLight", arial, sans-serif; }
/*
  root element for the scrollable.
  when scrolling occurs this element stays still.
*/
.scrollable {

  /* required settings */
  position:relative;
  overflow:hidden;
  width: 96em;
  height: 120px;
}

/*
  root element for scrollable items. Must be absolutely positioned
  and it should have a extremely large width to accomodate scrollable items.
  it's enough that you set the width and height for the root element and
  not for this element.
*/
.scrollable .items {
  /* this cannot be too large */
  width:20000em;
  position:absolute;
  clear:both;
}

.scrollable .item {
  float: left;
  height: 120px;
  line-height: 120px;
  width: 22em;
  text-align: center;
}

/* single scrollable item */
.scrollable img {
  margin:20px 5px 20px 21px;
  vertical-align: middle;
}

/* active item */
.scrollable .active {
  border:2px solid #000;
  position:relative;
  cursor:default;
}
/* Skitter styles */
.box_skitter {position:relative;width:800px;height:300px;background:#fff;}
.box_skitter ul {display:none;}
.box_skitter .container_skitter {overflow:hidden;position:relative;}
.box_skitter .image {overflow:hidden;}
.box_skitter .image img {display:none;}

.box_skitter .box_clone {position:absolute;top:0;left:0;width:100px;overflow:hidden;display:none;z-index:20;}
.box_skitter .box_clone img {position:absolute;top:0;left:0;z-index:20;}

.box_skitter .prev_button {position:absolute;top:50%;left:35px;z-index:100;width:42px;height:42px;overflow:hidden;text-indent:-9999em;margin-top:-25px;background:url(../images/prev.png) no-repeat left top;}
.box_skitter .next_button {position:absolute;top:50%;right:35px;z-index:100;width:42px;height:42px;overflow:hidden;text-indent:-9999em;margin-top:-25px;background:url(../images/next.png) no-repeat left top;}

.box_skitter .info_slide {position:absolute;top:15px;left:15px;z-index:100;background:#000;color:#fff;font:bold 11px arial;padding:5px 0 5px 5px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;opacity:0.75;}
.box_skitter .info_slide .image_number {background:#333;float:left;padding:2px 10px;margin:0 5px 0 0;cursor:pointer;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;}
.box_skitter .info_slide .image_number_select {background:#cc0000;float:left;padding:2px 10px;margin:0 5px 0 0;}

.box_skitter .container_thumbs {position:relative;overflow:hidden;height:50px;}
.box_skitter .info_slide_thumb {-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;overflow:hidden;height:45px;top:auto;bottom:-5px;left:-5px;padding:5px;opacity:1.0;}
.box_skitter .info_slide_thumb .image_number {overflow:hidden;width:70px;height:40px;position:relative;}
.box_skitter .info_slide_thumb .image_number img {position:absolute;top:-50px;left:-50px}

.box_skitter .box_scroll_thumbs {padding:0 10px;}
.box_skitter .box_scroll_thumbs .scroll_thumbs {position:absolute;bottom:60px;left:50px;background:#ccc;background:-moz-linear-gradient(-90deg, #555, #fff);background:-webkit-gradient(linear, left top, left bottom, from(#555), to(#fff));width:200px;height:10px;overflow:hidden;text-indent:-9999em;z-index:101;-moz-border-radius:20px;-webkit-border-radius:20px;border-radius:20px;cursor:pointer;border:1px solid #333;}

.box_skitter .info_slide_dots {position:absolute;bottom:-40px;z-index:100;padding:5px 0 5px 5px;-moz-border-radius:50px;-webkit-border-radius:50px;border-radius:50px;}
.box_skitter .info_slide_dots .image_number {background:#333;float:left;margin:0 5px 0 0;cursor:pointer;-moz-border-radius:50px;-webkit-border-radius:50px;border-radius:50px;width:18px;height:18px;text-indent:-9999em;overflow:hidden;}
.box_skitter .info_slide_dots .image_number_select {background:#cc0000;float:left;margin:0 5px 0 0;}

.box_skitter .label_skitter {z-index:150;position:absolute;bottom:0px;left:0px;display:none;}

.loading {position:absolute; top:50%; right:50%; z-index:10000; margin:-16px -16px;color:#fff;text-indent:-9999em;overflow:hidden;background:url(../images/ajax-loader.gif) no-repeat left top;width:32px;height:32px;}

/**
 * Example for dimenions:
 */
.box_skitter_large {width:800px;height:410px;margin: auto;}
.box_skitter_small {width:200px;height:200px;}