body
{
    background-color: #3f5475;
    font-family: Arial,Helvetica,sans-serif;
    margin: 0;
    padding: 0;
    min-width: 700px;
}

#header
{
    background-image: url('../images/top_bg.gif');
    height: 44px;
    border-bottom: 1px solid white;
    min-width: 700px; /* sets min-width value for all standards-compliant browsers */
}

#headermbs
{
    background-image: url('../images/mbs_logo.jpg');
    height: 43px;
    width: 137px;
    position: absolute;
    top: 0px;
    right: 5%;
    background-repeat: no-repeat;
    border: 0px;
    cursor: pointer;
}

#header #title
{
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}

#header h1
{
    margin: 0px;
    font-size: 36px;
    line-height: 44px;
    font-style: normal;
    font-weight: normal;
    color: white;
    letter-spacing: 0em;
}



#navbar
{
    height: 20px;
    background-image: url('../images/menu_bg.gif');
    background-color: black;
    background-repeat: repeat-x;
    min-width: 700px; /* sets min-width value for all standards-compliant browsers */
}

#navbar ul
{
    margin: 0px;
    padding: 0px;
    list-style: none;
    height: 20px;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}

#navbar ul li
{
    display: block;
    width: auto;
    float: left;
    height: 20px;
    line-height: 20px;

    font-size: 12px;
    font-weight: bold;
    color: white;
    list-style: none;
}

#navbar ul li.right
{
    float: right;
}

#navbar ul li a
{
    display: block;
    width: auto;
    padding-left: 14px;
    padding-right: 14px;
    color: white;
    text-decoration: none;
}

#navbar ul li a:hover, #navbar ul li.active a
{
    background-color: white;
    background-image: url('../images/menu_bg_hover.gif');
    color: black;
}

#shadow
{
    position: absolute;
    width: 100%;
    left: 0px;
    top: 65px;
    /*background-image: none;*/ /*url('../images/shadow.png');*/
    border-top: 2px ridge;
    /*_background-image: none;*/
    /*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/theme/1002/images/shadow.png',sizingMethod='scale');*/
}

#body
{
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    border-left: 2px solid #2f3753;
    border-right: 2px solid #2f3753;
    background-color: white;
    padding-top: 1px;
    background-image: url('../images/sidebar.gif');
    background-repeat: repeat-y;
    background-position: left;
    min-width: 700px;
}

#sidebar
{
    font-size: 13px;
    width: 200px;
    padding: 8px 10px 16px 10px;
    float: left;
}

#sidebar h2
{
    margin: 8px 0px 2px 0px;
    font-size: 12px;
    border-bottom: 1px solid black;
}

#sidebar ul.tree
{
    clear: both;
    margin-top: 8px;
}

#sidebar ul.tree, #sidebar ul.tree ul
{
    /*background-image: url(../images/sidebar_list_bg.gif);
    background-position: 3px 2px;*/
    list-style: none;
    margin-left: 0;
    padding-left: 0;
}

#sidebar ul.tree ul
{

}

#sidebar ul.tree li
{
    margin-top: 6px;
    margin-bottom: 6px;

}

#sidebar ul.tree ul li
{
    font-size: 12px;
    padding-left: 18px;
    /*background-image: url(../images/h_dotted.gif);
    background-repeat: no-repeat;
    background-position: 4px 6px;*/
}

#sidebar ul.tree ul ul /*li:last-child*/, #sidebar ul.tree li.last
{
    /*background-image: url(../images/h_dotted_last.gif);
    background-position: 0px 6px;*/
}

#sidebar ul.tree li a
{
    padding-left: 12px;
    background-image: url('../images/sidebar_link_unread.gif');
    background-repeat: no-repeat;
    background-position: left center;
    color: #2e3753;
    font-weight: bold;
    text-decoration: none;
}

#sidebar ul.tree li a:hover
{
    background-image: url('../images/sidebar_link_hover.gif');
    text-decoration: underline;
}

#sidebar ul.tree li .activeitem
{
    background-image: url('../images/sidebar_link_read.gif');
    color: black;
}

#sidebar ul.tree li.menugroup
{
    padding-bottom: 1px;
}

#sidebar span.menutitle
{
    font-weight: bold;
    font-size: 12px;
}

/*.flickr-thumbnail, .flickr-pullout {
    float: left;
        background: url('../images/flickr_shadow.gif') no-repeat bottom right;
    margin: 5px 0px 0px 6px;
    padding: 0px 0px 0px 0px;
    display: block;
    width: auto;
    _position: relative;
    }

.flickr-thumbnail img, .flickr-pullout img {
         background-color: #fff;
     border: 1px solid #a9a9a9;
     display: block;
     margin: -5px 5px 5px -5px;
     padding: 4px;
     position: relative;
    }

.flickr-thumbnail img:hover, .flickr-thumbnail:hover img, .flickr-pullout:hover img {
    background-color: #ccd;
}

.flickr-pullout
{
    margin: 13px 3px 3px 14px;
    background-image: url('../images/flickr_shadow_white.gif');

}*/

#content
{
    padding: 0px 20px 20px 20px;
    margin-left: 220px;
}

#content h2
{
    font-style: italic;
    border-bottom: 1px solid black;
    margin-top: 20px;
    margin-bottom: 2px;
    font-size: 19px;
}

#content h4
{
    font-size: 15px;
}

#content .date
{
    float: right;
}

#content .postedBy
{
    float: left;
}

#content .meta
{
    height: 1em;
}

#content p
{
    text-indent: 0em;
    line-height: 1.3;
    text-align: left;
    margin-bottom: 1.4em;
}

#content a
{
    color: #3366BB;
}

.comments
{
    border-top: 1px dotted #666666;
    border-bottom: 1px dotted #666666;
    padding: 4px;
    text-align: right;
    margin-bottom: 2em;
    background-image: url('../images/comment_edit.gif');
    background-repeat: no-repeat;
    background-position: center left;
}

#footer
{
    font-size: 12px;
    clear: both;
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: center;
    border-top: 1px solid #b0b0b0;
    border-bottom: 1px solid #b0b0b0;
    background-color: #eaeaea;
    color: #b0b0b0;

}

/* Form elements */
input, textarea
{
    font-family: Verdana, "Lucida Grande", sans-serif;
    font-size: 11px;
    padding: 2px;
    background-color: #eaeaea;
    border: 1px solid #333333;
}

input:focus, textarea:focus
{
    background-color: #f9e089;
}

button
{
    border: 3px double #999999;
    border-top-color: #CCCCCC;
    border-left-color: #CCCCCC;
    padding: 3px 10px 3px 10px;
    background-color: #FFFFFF;
    background-image: url('../images/button_bg.gif');
    background-repeat: repeat-x;
    color: #333333;
    font-size: 11px;
    font-weight: bold;
    font-family: Verdana, "Lucida Grande", sans-serif;
}

/*button:focus
{
    -moz-border-bottom-colors: #999999 #738fb3 #999999;
    -moz-border-right-colors: #999999 #738fb3 #999999;
    -moz-border-top-colors: #CCCCCC #738fb3 #CCCCCC;
    -moz-border-left-colors: #CCCCCC #738fb3 #CCCCCC;
}

button:active
{
    border: 3px double #CCCCCC;
    border-top-color: #999999;
    border-left-color: #999999;
    -moz-border-bottom-colors: #999999 #738fb3 #999999;
    -moz-border-right-colors: #999999 #738fb3 #999999;
    -moz-border-top-colors: #CCCCCC #738fb3 #CCCCCC;
    -moz-border-left-colors: #CCCCCC #738fb3 #CCCCCC;

    padding: 4px 9px 2px 11px;
}

form.sheet fieldset
{
    border: 1px solid #3f5475;
    padding: 12px;
    display: block;
}

form.sheet fieldset legend
{
    background-color: #3f5475;
    padding: 4px 6px 4px 6px;
    color: white;
    font-weight: bold;
    _margin-bottom: 12px;
}

form.sheet label
{
    display: block;

    width: 20%;
    float: left;
    margin-bottom: 10px;
    padding-right: 2%;

    margin-right: 1%;
    _margin-right: 0;
    text-align: right;
}

form.sheet input, form.sheet textarea
{
    display: block;
    _margin-left: -7%;*/ /* fixes a wacky IE bug */
    /*width: 75%;
    float: left;
    margin-bottom: 10px;
}

form.sheet br
{
    clear: left;
}

form.sheet button
{
    float: right;

    margin-left: 14px;
}*/

/* End of form elements */

/* blockquote styles */
blockquote
{
    background-color: #dbffd1;
    border-top: 1px dotted #a1d97e;
    /*_border-top: 1px solid #a1d97e;*/ /* dotting looks bad in IE, revert to solid */
    border-bottom: 1px dotted #a1d97e;
    /*_border-bottom: 1px solid #a1d97e;*/ /* dotting looks bad in IE, revert to solid */
    padding: 12px;
    padding-left: 36px;
    margin-right: 5%;
    margin-left: 5%;
    background-image: url('../images/blockquote.gif');
    background-repeat: no-repeat;
    background-position: top left;
}

blockquote.info, blockquote.error, blockquote.allgood
{
    background-position: 10px center;
}

blockquote.info
{
    background-image: url('../images/blockquote_info.gif');
}

blockquote.error
{
    background-image: url('../images/blockquote_error.gif');
    background-color: #ffded5;
    border-top: 1px dotted #d99d80;

    border-bottom: 1px dotted #d99d80;
}

blockquote.allgood
{
    background-image: url('../images/blockquote_allgood.gif');
}

blockquote p, #content blockquote p
{
    margin: 0px;
    text-indent: 0px;
}

/* end of blockquote styles */


.right
{
    float: right;
}

#content a[href^="http://"],
#content a[href^="http://"]
{
    background: transparent url('../images/arrow_105.gif') no-repeat scroll right center;
    padding-right: 13px;
}

.breadcrumb
{
    font-size: 12px;
    float: right;
    font-weight: bold;
}

.alignright
{
    text-align: right;
}

.highlightitem
{
    background-color: #F9E089;
}





/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.underlinemenu{
font-weight: bold;
width: 100%;
}

.underlinemenu ul{
padding: 6px 0 7px 0; /*6px should equal top padding of "ul li a" below, 7px should equal bottom padding + bottom border of "ul li a" below*/
margin: 0;
text-align: left; /*//set value to "left", "center", or "right"*/
}

.underlinemenu ul li{
display: inline;
}

.underlinemenu ul li a{
color: #494949;
padding: 6px 3px 4px 3px; /*top padding is 6px, bottom padding is 4px*/
margin-right: 20px; /*spacing between each menu link*/
text-decoration: none;
border-bottom: 3px solid gray; /*bottom border is 3px*/
}

.underlinemenu ul li a:hover, .underlinemenu ul li a.selected{
border-bottom-color: black;
color: black !important;
background: #ddd;
}







.balloonstyle{
position:absolute;
top: -500px;
left: 0;
padding: 5px;
visibility: hidden;
border:1px solid black;
font:normal 12px Verdana;
line-height: 18px;
z-index: 100;
background-color: white;
width: 200px;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
/*filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135,Strength=5);*/
}

#arrowhead{
z-index: 99;
position:absolute;
top: -500px;
left: 0;
visibility: hidden;
}