/* Color library:
Yellow: #ffcc00
Navy: #0d0d55
Lightgreys: #cccccc and #eeeeee
DarkGreys: #999999 and #555555
*/ 
body{
     font: 12px/18px Arial, Helvetica, Verdana, sans-serif;
     text-align: center;
     background-image: url(images/mu_bg2.gif);
     background-repeat: repeat-x;
     color: #000;
}
#wrapper{
     position: relative;
     margin: 0px auto;
     width:760px;
     text-align: justify;
     background-color: #fff;
     border: 1px solid #eee;
     min-height: 600px;
}
p {text-align: justify; padding-right: 5px;}
a {
     color: #0D0D55;
     text-decoration: none
}
a:hover{
     color: #ffcc00; 
}
img,
img a{
     border:0;
}
img .left{
float: left;
margin-right: 10px;
}
ul, dd, dl, dt{
     margin: 0;
     padding: 0;
}
li{
     margin: 0;
     list-style-type: none;
}
h2{
    font-size: 20px;
    line-height: 20px;
    font-weight: bold;
    margin: 0 0 10px 0;
    color: #0D0D55;
}
form{
    margin: 0;
}
h3,
#left_col h3{
    width: 100%;
    font-size: 16px;
    line-height: 32px;
    font-weight: bold;
    margin: 0;
    background-color: #FFCC00;
    background-image: url(images/h3_bg.gif);
    background-repeat: repeat-x;
    color: #000;
    text-indent: 10px;
    border-bottom: 5px solid #0D0D55;
}
h4{
    font-size: 16px;
    line-height: 16px;
    font-weight: bold;
    margin: 0 0 10px 0;
    color: #0D0D55;
}
#top,
#content,
#footer {
     postion: relative;
     clear:both;
     width: 760px;
     text-align: left;
}
#top{
     height: 95px;
}
#footer{
     background-color: #eee;
     text-indent: 15px;
}
/* GENERIC FLOATS AND IMAGE PLACEMENTS */
.left{
     float: left;
}
.right{
     float: right;
}
.center{
     text-align: center;
}
.textright{
     text-align: right;
}
.imgright{
     float: right;
     margin-left; 20px;
}
.imgleft{
     float: left;
     margin-right; 20px;
}
/* CUSTOM CLASSES USED IN #TOP */
#topmenu{
position: absolute;
right: 0px;
top: 20px;
padding:0 5px 0 15px;
color: #0D0D55;
line-height: 200%;
}
#topmenu ul{
        margin: 0;
padding: 0;
list-style: none;
}
#topmenu li{
        position: relative;
        display: inline;
        float: left;
        padding: 0 5px;
        border-right: 1px solid #ddd;
        background-color: #eee;
}
#topmenu li:hover{
background-color: #eee;
}
#topmenu li ul {
position: absolute;
left: 0;
top: 0;
display: none;
}
#topmenu li ul a{
        display: block;
text-decoration: none;
background: #eee;
}
#topmenu li:hover ul, 
#topmenu li.over ul { 
display: block; 
        position: relative;
top: 0px;
left: 0px;
        font-size: 12px ;
        line-height: 16px;
        text-align: left;
        list-style-type: disc;
        width: 120px;
        
}
#topmenu li:hover ul li,
#topmenu li.over ul li{
        display:block;
        border: 0px;
        margin: 0;
        padding: 0;
        width: 100%;
        list-style-type: disc;
        background-color: #eee;
}
.logo{
position: absolute;
left: 15px;
top: 5px;
}
/* LEFT COLUMN ITEMS */
/* NOTE: the left column uses an unordered list to manage boxes */
/* the structure is li, h3, form/p */
#left_col{
        float:left;
        margin: 10px 0 0 0;
        width: 185px;
        padding: 0 0 0 15px;
        color: #000;
}
#leftcol_items{
       margin: 0;
       padding: 0;
}
#leftcol_items li{
       width: 100%;
       margin: 0 0 10px 0;
}
#leftcol_items li p,
#leftcol_items li div,
#leftcol_items li form{
       margin: 0;
       border: 1px solid #ccc;
       padding: 5px;
}
/* RIGHT COLUMN CONTENT ITEMS */
#right_col{
        margin-top: 10px;
        float:right;
        width: 523px;
        padding: 0 15px;
        color: #000;
}
/* ICON LINKS effects home page */
#menuitem {
position: relative;
padding: 5px 0;
border-top: 1px solid #ccc;            
        border-bottom: 1px solid #ccc; 
background-color:#fff;
        height: 250px;
        margin-bottom: 20px;
}
#menuitem li{
        display: inline;
        width: 33%;
        min-width: 33%;
        float: left;
}
#menuitem a {
display:inline;
padding:0;
text-decoration:none;
color:#555;
background:#fff;
}
#menuitem a:hover {
background: transparent;
text-decoration: none;
}
#menuitem a .item {
display:none;
}
#menuitem a:hover .item {
display:inline;
position:absolute;
top:140px;
left: 0;
padding: 0;
        width: 500px;
        text-align: justify;
        
}
/* Industry News */
.indnews{
       height: 200px;
       overflow: auto; 
       margin-bottom: 20px;
}
/* MU News from WordPress */
.munews-item{
         text-align: left;
}
/* Article Sytles for Newsletter */
.widecolumn{
        margin-top: 10px;
        float:left;
        width: 730px;
        padding: 0 15px;
        color: #000;
}
.widecolumn .right{
       margin-left: 15px;
       float: right;
}
.widecolumn li {
       list-style-type: circle;
       margin-left: 20px;
}