//js to go in document.ready, I couldn't get all the text to show without that min height, not sure if max height is actually needed.
$("#overlay-content").modal({overlayClose:true, minHeight:550, maxHeight:1050,opacity:80});




<!-- HTML for window -->
    <div id="overlay-content">
        <h2>Profile Page Changes</h2>
        <p>Your profie has received some major functional and design changes with the goal of giving you a better looking, more personalized profile that can serve as a central place for your professional links and information. Here are some highlights of the changes:</p>
        <ul>
            <li>Redesigned to be more polished</li>
            <li>You can describe yourself; be as short or long as you like.</li>
            <li>New profile widgets allow you to enter a wide range of info from RSS to free text entry.</li>
            <li>You can easily add, edit drag to reorder and delete the widgets</li>
            <li>Be sure to use the Positions widget to add <em>all</em> of your CUNY positions.</li>
            
        </ul>
        <p>Close this message and click the <strong>Edit</strong> button to get started.For tutorials and more information on the changes visit <a href="sss">This page</a></p>
        <p>Comments are always welcome. Email us at <a href="mailto:commons@gc.cuny.edu">commons@gc.cuny.edu</a> or use the orange <b>Give Us Feedback</b> button on the right.</p>
        <div class="clear"></div>
    </div>




 /* CSS Styling  */
    #simplemodal-overlay {
        background-color:#000;
    }

    .simplemodal-wrap{
        /*height:80px;*/
    }
    #simplemodal-container {
        background-color:#333; 
        border:3px solid #444; 
        /*padding:12px;*/

        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;

        width:60%;
        /*height:70%;*/
        margin: 0 auto;

        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }



    #simplemodal-container a.modalCloseImg {
        background:url(images/x.png) no-repeat; /* adjust url as required */
        width:25px;
        height:29px;
        display:inline;
        z-index:4000;
        position:absolute;
        top:-5px;
        right:-10px;
        cursor:pointer;
    }

    .simplemodal-data{
        font-size: 1.1em;
        color:#fff;
        height:100%;
    }

    

    .simplemodal-data h2{
        background-color:#3FC2F3;
        color: #fff;
        padding:1em;
        margin:0 0 1em 0;
        font-family: sans-serif;
        font-size:2em;
        font-weight: 400;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        border-bottom: 1px solid #fff;

    }

    .simplemodal-data p{
        padding:0 2em;
    }
    .simplemodal-data ul{
        margin-left: 2em;
    }

    .simplemodal-data li{
        margin-left: 2em;
    }

    .simplemodal-data ul li{
        margin-left: 2em;
        list-style-type: disc;
        margin-bottom:1em;
    }

    .simplemodal-data strong{
        font-weight: 900;
        color: #70C176;
    }

    .simplemodal-data b{
        font-weight: 900;
        color: #F58D59;
    }