/* ------------------------------ Important Styles------------------------------ */
        html, body  { padding:0; margin:0; background-color: #ebebeb; height: auto; }

        #web { margin: 0px auto; margin-top: 20px; width: 800px; background: #ebebeb; height: auto; }
        
        .contentarea { height: auto; min-height:350px; display: block; border: solid 1px black; background: #ffffff; width: 760px; padding: 20px; }
        .contentareanav { min-height:700px; height: auto; display: block; border: solid 1px black; border-top: 0px; background: white; width: 800px; }
        
        .borderheight { height: 100%; min-height: 700px; }
        .border { float:right; border-left: solid 1px black; padding: 0px; }
        
        .generalpagewidth { width: 589px; }
/* ------------------------------ General Styles ------------------------------ */
        
        a:link { color: #0155a7; text-decoration: underline; }
        a:visited { color:#203883; text-decoration: underline; }
        a:hover { color:#FF0000; text-decoration: underline; }
        a:active { color:#716a6a; text-decoration: underline; }
        
        .button { color: #000; background: url(/images/textboxbackground.jpg) repeat left; border: solid 1px black; }
        
        .homebullet
        {
            background: url(/Images/arrow.gif) no-repeat 0 .3em;
            padding-left: 1em;
            margin-bottom: 15px;         
        }
        
        .textbox
        {
            border: solid 1px #A6B8C6;
            background: url(/images/textboxbackground.jpg) repeat left;
            padding: 2px;
        }

        .popup
        {
            z-index: 10000;
            width: 200px; height: 75px; position: absolute; 
            top: 10px; left: 10px; 
            background: #fffaaa; border: solid 1px black; 
            font-family: Verdana;
            font-size: 10px;
            font-weight: normal;
            padding: 10px;
            text-align: center;
        }          

/* ------------------------------ Font styles ------------------------------ */

        .normal10 { font-family: Verdana, Arial; font-size: 10px; font-weight: normal; }
        
        .normal10B { font-family: Verdana, Arial; font-size: 10px; font-weight: bold; }
        
        .normal { font-family: Verdana, Arial; font-size: 12px; font-weight: normal; }

        .normalB { font-family: Verdana, Arial; font-size: 12px; font-weight: bold; }
        
        .normal14 { font-family: Verdana, Arial; font-size: 14px; font-weight: normal; }
        
        .normal14B { font-family: Verdana, Arial; font-size: 14px; font-weight: bold; }
        
        .header { font-family: Verdana, Arial; font-size: 16px; font-weight: bold; color: #000; }
		
/* ------------------------------ Top Nav ------------------------------ */

        #banner 
        {
            width: 100%;
            background: white;
            height: 105px;
            border: solid 1px black;
        }
        
        #cemlogo 
        {
            float: left;
            width:174px;
            height:95px;
            padding:0px;
            margin:5px;
            background:
            url(/Images/logoCEM.gif) no-repeat bottom;
        }
        #cemlogo a 
        {
            float: left;
            height: 90px;
            width:174px;
            padding:0px;
            margin-left: 1px;
            text-decoration: none; }
        #cemlogo a i { visibility: hidden; }
        
        .smallnav
        {
            float:right; background: url(/Images/miscbar.jpg) no-repeat top;
            width: 225px; height: 20px; vertical-align: sub; padding-top: 4px; word-spacing: 3em;
        }

        #welcomestrip
        {
            text-align: left;
            width:800px; height:15px; margin: 0 auto;
            border-left: solid 1px black; border-right: solid 1px black; border-bottom: solid 1px black;
            font-family: Verdana, arial;
            font-size: 10px;
            color: White;
            background-color: #929292;
        }
        
        .breadcrumbstrip
        {
            float: none;
            height:15px; margin: 0 auto;
            border-left: solid 0px black; border-right: solid 0px black; border-bottom: solid 1px black;
            font-family: Verdana, arial; font-size: 10px; color: #000;
            background-color: #ebebeb;
        }

/* ------------------------------ Hovers ------------------------------ */ 

        a.login
        {
            display: block;
            background-color: transparent;
            background-image: url(/Images/login.gif);
            background-repeat: no-repeat;
            width: 100px;
            height: 18px;
            margin: 0px auto;
            padding: 6px 0 3px 0;
            text-align: center;
            text-decoration: none;
            color: #000;
            font-size: 12px;
            font-family: Verdana;
            font-weight: bold;
            border: solid 0px black;          
        }

        a.login:hover
        {
            background-position: 0 -27px;
        }
        
        a.login-grey
        {
            display: block;
            background-color: transparent;
            background-image: url(/Images/login-grey.gif);
            background-repeat: no-repeat;
            width: 100px;
            height: 18px;
            margin: 0px auto;
            padding: 6px 0 3px 0;
            text-align: center;
            text-decoration: none;
            color: #000;
            font-size: 12px;
            font-family: Verdana;
            font-weight: bold;
            border: solid 0px black;          
        }

        a.login-grey:hover
        {
            background-position: 0 -27px;
        }        
        
        a.delete
        {
            display: block;
            float: left;
            background-color: transparent;
            background-image: url(/Images/delete.gif);
            background-repeat: no-repeat;
            width: 15px;
            height: 15px;
        }

        a.delete:hover
        {
            background-position: 0 -15px;
        }
        
        a.add
        {
            display: block;
            float: left;
            background-color: transparent;
            background-image: url(/Images/add.gif);
            background-repeat: no-repeat;
            width: 15px;
            height: 15px;
            z-index: 0;
        }

        a.add:hover
        {
            background-position: 0 -14px;z-index: 0;
        }
        
        
        a.reply
        {
            display: block;
            float: left;
            background-color: transparent;
            background-image: url(/Images/reply.gif);
            background-repeat: no-repeat;
            width: 100px;
            height: 25px;
        }

        a.reply:hover
        {
            background-position: 0 -28px;
        }
        
        .hoverbox
        {
            padding: 10px;
            background: #ebebeb;
            border: solid 1px #929292;
        }