/******************************************************************************
 *
 * UW-Whitewater Base CSS
 * Author: Brad Westness
 *
 *****************************************************************************/

/* Eric Meyer's CSS Reset - http://meyerweb.com/eric/tools/css/reset/ */
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}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}

/* CSS Utility Classes */
.pad-0{padding:0}
.pad-5{padding:5px}
.pad-10{padding:10px}
.pad-25{padding:25px}
.pad-horizontal-5{padding:0 5px}
.pad-horizontal-10{padding:0 10px}
.pad-horizontal-25{padding:0 25px}
.pad-vertical-5{padding:5px 0}
.pad-vertical-10{padding:10px 0}
.pad-vertical-25{padding:25px 0}
.bg-white{background-color:#fff}
.text-size-small{font-size:77%}
.text-size-normal{font-size:93%}
.text-size-medium{font-size:123.1%}
.text-size-large{font-size:167%}
.uppercase{text-transform:uppercase}
.lowercase{text-transform:lowercase}
.capitalize{text-transform:capitalize}
.white{color:#fff}
.orange{color:#c05017}
.light-gray{color:#999}
.medium-gray{color:#666}
.dark-gray{color:#333}
.black{color:#000}
.brown{color:#5e5734}
.purple{color:#4a3365}
.border-0 {border:0 none}
.border-1 {border:1px solid}
.border-2 {border:2px solid}
.float-left {float:left;}
.float-right {float:right;}
hr.dashed { border-color: #ccc; border-style: dashed; border-width: 0 0 1px 0; }

/* >> The Magnificent CLEARFIX << */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
.clearfix { display: block; }

/* ====== ACCESSIBILITY MENU ====== */

ul.offset, .offset { position : absolute; top : -9000px; left : -9000px; z-index : 9; }
ul.offset a:focus, ul.offset a:active { position : absolute; top : 9010px; left : 9010px; background-color : #5D7F91; color : #fff; padding : 5px; font-weight : bold; font-size: 14px; border : 2px solid #fff; width : 6em; z-index : 9; }


/* ====== Base Elements ====== */
body {
  font-family: Arial, sans-serif;
  background:#422d5c;
  text-align:center;
}
a {
  text-decoration:none;
}
a:hover {
  text-decoration:underline;
}
h1, h2, h3, h4, h5, h6 {
  font-family: "PT Sans", Candara, "Trebuchet MS", Verdana, sans-serif;
  font-weight:bold;
  text-transform:uppercase;
  display:block;
  clear:left;
  width:100%;
}

h1 {
  margin-bottom:10px;
}

  h1.image {
    font-size:40px;
    text-transform:capitalize;
    letter-spacing:-1px;
    /*color:#5D7F91;*/
    color:white;
    text-shadow:#222 1px 1px 3px;
  }
  h1.image span {
    display:block;
    padding:6px 40px;
  }

h2, h2 a { color:#331e54; }

h3, h3 a { color:#a05324; font-size: 120%; }

/* ====== Site-wide classes ====== */
.uww1k {
  margin:0 auto;
  width:1000px;
  padding:0 20px;
  text-align:left;
}

/*====== Site-wide elements ====== */

#uwwBar {
  display:block;
  width:100%;
  height:30px;
  background:#171717;
  border-bottom:1px solid #626262;
  font-size:12px;
}
  #uwwBar a {
    color:#fefefe;
  }
  #uwwLandingNav {
    text-transform:uppercase;
    font-weight:bold;
    letter-spacing:1px;
    padding-top:10px;
  }
    #uwwLandingNav li {
      display:inline;
      padding-right:10px;
    }
  #uwwTools {
    display:block;
    width:auto;
    float:right;
    text-align:right;
    padding-top:5px;
  }
 #uwwShortcuts {
      display:block;
      float:left;
      width:109px;
      height:18px;
      margin:0 10px 0 0;
      padding:0;
      color:#575f69;
      background:#ffffff url('http://www.uww.edu/prebuilt/cls/math/img/uwwShortcuts-bg.jpg') 0 0 no-repeat;
    }
      #uwwShortcuts select {
        width:109px;
        height:18px;
        margin:0;
        padding:0;
        opacity:0;
        color:#575f69;
        cursor:pointer;
      }
      #uwwShortcuts option {
        cursor:pointer;
      }
    #uwwSearch {
      display:block;
      float:left;
      margin:0;
      padding:0;
    }
        #uwwSearch label {
                display: none;
        }
      #uwwSearch #uwwSearchQuery {
        display:block;
        float:left;
        height:16px;
        color:#575f69;
        margin:0 3px 0 0;
        padding:0;
      }
      #uwwSearch #uwwSearchSubmit {
        display:block;
        float:left;
        height:18px;
        width:20px;
        border:none;
        background:url('http://www.uww.edu/prebuitl/cls/math/img/uwwSearchSubmit-bg.jpg') 0 0 no-repeat;
        font-size:0;
        margin:1px 0 0 0;
        padding:0;
        cursor:pointer;
      }
#uwwBody {
  background:#ffffff url('http://www.uww.edu/prebuilt/css/uww/img/uwwBody-bg.jpg') 0 0 repeat-x;
}
  #uwwHeader {
    display:block;
    padding:20px 0 10px 0;
  }
  #uwwHeader a {
    color:#fefefe;
  }
    #uwwLogo {
       height: 60px;
    }
      #uwwLogo img {
        display:inline;
        vertical-align:middle;
        margin-right:10px;
      }
 #uwwResources {
      display:block;
      clear:right;
      float:right;
      font-size:12px;
      margin-bottom:20px;
    }
      #uwwResources li {
        display:inline;
        margin-left:10px;
                text-transform: capitalize;
      }
    #uwwAudienceNav {
      display:block;
      clear:right;
      float:right;
      font-size:18px;
      padding:0;
      margin-top:10px;
          text-transform: capitalize;
    }
      #uwwAudienceNav li {
        display:inline;
        margin:10px 0 0 20px;
        padding:10px 0 10px 20px;
        border-left:1px solid #665779;
                text-transform: capitalize;
      }
      #uwwAudienceNav li:first-child {
        border:none;
      }

  #uwwTopShadow {
    display:block;
    clear:both;
    float:none;
    height:14px;
    margin:0 -20px 0 -20px;
    background:url("http://www.uww.edu/prebuilt/css/uww/img/uwwTopShadow-bg.png") center bottom no-repeat;
  }

/* ====== Section Navigaton ====== */
#sectionNavigation {
  font-family: Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
  background:#5d7f91;
  font-size:15px;
}
#sectionNavigation a {
  text-transform:uppercase;
  color:#ffffff;
}
#sectionNavigation ul {
/*  width:100%; */
  text-align:left;
  padding:10px 0;
}
#sectionNavigation li {
  display:inline;
  padding:5px 10px;
}


/* ====== Main Page Content ===== */
 #uwwPage {
    display:block;
    clear:both;
    margin:0 -20px 0 -20px;
    padding:10px 30px;
    background:url("http://www.uww.edu/prebuilt/css/uww/img/uwwPage-bg.png") center top repeat-y;
    overflow:hidden;
  }
    #uwwTicker {
      background:url("http://www.uww.edu/prebuilt/css/uww/img/newsFeed-bg.jpg") 0 0 no-repeat;
      width:770px;
      height:44px;
      margin-bottom:20px;
      padding:0 10px;
      font-size:12px;
    }
      #uwwTicker a {
        color:#44687d;
      }
      #uwwTicker h2 {
        font-family: Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans-serif;
        line-height:16px;
        margin-top:5px;
        background:none;
        width:75px;
        float:left;
        text-transform:capitalize;
        font-weight:bold;
        font-size:14px;
      }
      #uwwTicker h2, #uwwTicker h2 a {
        color:#a05324;
      }
      #uwwTicker .items {
        display:block;
        float:left;
        width:660px;
        height:40px;
        margin-left:20px;
        padding:0;
        overflow:hidden;
      }
      #uwwTicker .items div {
        float:left;
        width:30%;
        margin:5px 10px 0 0;
        padding:0 10px 0 0;
      }
      #uwwTicker .item {
        width:200px;
        height:13px;
        overflow:hidden;
      }
      #uwwTicker .item span {
        padding:0;
        margin:0;
      }
        #uwwTicker .item span.date {
          color:#666666;
        }
      #uwwTicker span.prev {
        float:left;
      }
      #uwwTicker span.more {
        float:right;
      }
 #content {
      color:#000000;
      font-size:12px;
      line-height:185%;
    }
      #content h2 {
        font-size:16px;
        text-transform:uppercase;
        color:#331e54;
        margin:0 0 10px 0;
        min-height:26px;
      }
      #content h2 a {
        color:#331e54;
      }
      #content a {
        color:#44687d;
        font-weight:bold;
      }
      #content ul + p { clear: both; padding-top: 10px; }
      #content ol {
        padding-left:20px;
        list-style-type:decimal;
      }
      #content li {
        margin-left:10px;
      }
      #content ul {
        display:block;
        float:left;
        margin-left:10px;
        list-style:none;
        list-style-image:url("http://www.uww.edu/prebuilt/css/uww/img/list-arrow-bg.png");
        list-style-position:outside;
        white-space:normal;
        word-wrap:break-word;
      }
          #content ol li ul { float: none; }
      #content p {
        margin-bottom:10px;
      }
      #content img {
        float:left;
        margin-bottom:5px;
      }
          #content .gadget tbody tr:first-child { display: none; }
          #content .gadget div { border: 0 !important; }
      #contentLeft {
        float:left;
        width:47%;
        margin-right:3%;
      }
      #contentRight {
        float:left;
        width:47%;
      }
      #content .spotlight, #content .video, #content .contentBlock {
        display:block;
        clear:left;
        margin-bottom:10px;
        overflow:hidden;
      }
 #content .video {
        dislay:block;
        width:100%;
        max-width:365px;
        height:auto;
        max-height:200px;
        padding:0;
        overflow:hidden;
      }
        #content .video a, #content .video img {
          dislay:block;
          width:100%;
          max-width:365px;
          height:auto;
          max-height:200px;
          padding:0;
        }
        #content .flowplayer {
          display:block;
          float:none;
          width:365px;
          height:200px;
          padding:0;
          overflow:hidden;
        }


  #uwwBottomShadow {
    display:block;
    clear:both;
    float:none;
    height:14px;
    padding-bottom:10px;
    margin:0 -20px 0 -20px;
    background:url("http://www.uww.edu/prebuilt/css/uww/img/uwwBottomShadow-bg.png") center top no-repeat;
  }

#uwwFooter {
  font-size:11px;
  color:#fefefe;
  padding-top:0;
  padding-bottom:20px;
  background:url("http://www.uww.edu/prebuilt/css/uww/img/tile_footer.gif") repeat-x;
}
#uwwFooter a {
  color:#fefefe;
  text-decoration: underline;
}
  #uwwFooterLinks {
    margin-bottom:10px;
  }
  #uwwFooterLinks li {
    float: left;
        line-height: 10px;
    margin-right:10px;
        margin-bottom: 6px;
    padding-right:10px;
    border-right:1px solid #665779;
    text-transform:capitalize;
  }
  #uwwFooterLinks li:last-child {
    border:none;
  }

 .list {font-size: small; border-style: solid; border-width: 1px; border-color: #ffffff;
    padding-left: 5px; margin: 5px; border-spacing: 0px
 }

ul.tabs
{
display: table;
margin: 10px;
padding: 0;
list-style: none;
position: relative;
color: #fff;
}

ul.tabs li
{
margin: 0;
padding: 10px;
list-style: none;
display: table-cell;
float: left;
position: relative;

}

ul.tabs a
{
position: relative;
display: block;
color: #fff; font-size:17px;
}

/* dropdowns
*************************/

ul.dropdown
{
margin: 0;
padding: 0;
display: block;
position: absolute;
z-index: 999;
top: 100%;
width: 250px;
display: none;
left: 0;
background: #422d5c;
border-bottom: 1px solid #ffffff;
}

ul.dropdown ul.dropdown
{
top: 0;
left: 95%;
}

ul.dropdown li
{
margin: 0;
padding: 0;
float: none;
position: relative;
list-style: none;
display: block;
border-bottom: 1px solid #ffffff;
}

ul.dropdown li a
{
display: block;
color: #fff;
font-size:17px;
padding: 10px;
text-indent: 10px;
}