html,body,form {
	margin:0;
	padding:0;
	height:100%; /* needed for container min-height */
	font: normal 9pt Verdana;
	background-color: #fdf9ee;
}

/* Links */
    a, a:link { color: #0073ae; }
    a:active { color: Black; }
    a:visited { color: #333; }
    a:hover { color: #eeb94a; }
    a, a:active, a:visited, a:hover { text-decoration: none; }

/* Headers */
    H1 { color: #0073ae; font-size: 16pt; font-weight: normal; padding: 0px; margin: 3px 0; }
    H2 { color: #eeb94a; font-size: 12pt; font-weight: bold; padding: 0px; margin: 3px 0; }
    H3 { color: #000; font-size: 10pt; font-weight: bold; padding: 0px; margin: 3px 0; }

/* Main Colors */
    .blue { color: #0073ae; }
    .yellow { color: #eeb94a; }

/* HTML/Tags */
    .line { height: 1px; background-color: #eeb94a; margin: 4px 0; }
    .clear { clear: both; }
    img { border: none; }
    .middle { vertical-align:middle; padding-right: 2px; }
    .webPageImg {float:right; padding:10px;}
    .subheading { font-weight:bold;}
    
/* FRAME */
    div#container {
	    position:relative; /* needed for footer positioning*/
	    margin:0 auto; /* center, not in IE5 */
	    width:924px;
	    background: #FFF url(/framework/pics/bg_mid.png) repeat-y;
	    height:auto !important; /* real browsers */
	    height:100%; /* IE6: treaded as min-height*/
	    min-height:100%; /* real browsers */
    }
    div#menu, div#flash, div#content, div#footer {
        width: 902px; margin-left: 11px; }
    div#menu 
    {
        border-left: solid 2px white;
        border-right: solid 2px white;
        border-bottom: solid 1px white;
        height: 39px;
        background: #abd9f5 url(/framework/pics/bg_menu.png) repeat-x;
        width: 898px;
    }
    div#flash { height: 178px; }
    div#content { background: #FFFFFF url(/framework/pics/bg_content.png) repeat-x; }

/* Menu */
    #menu .container 
    {
        padding: 10px 3px 0 0;
        float: right;
    }
    #menu .tab, #menu .active
    {
        background-repeat: no-repeat;
        height: 29px;
        width: 120px;
        float: left;
        margin: 0 3px 0 3px;
        text-align: center;
        line-height: 29px;
        cursor: pointer;
    }
    #menu .tab 
    {
        background-image: url(/framework/pics/bg_tab.png);
        color: White;
    }
    #menu .active
    {
        background-image: url(/framework/pics/bg_tab_active.png);
    }

/* Middle Content */
    .middleContent
    {
        width: 875px;
        padding: 15px;
    }
    .middleContent .left
    {
        width: 605px;
        padding-right: 10px;
    }
    .middleContent .right
    {
        width: 230px;
        padding-left: 5px;
    }

/* Right Column */
    .RC { width: 230px; }
    .RC .head
    {
        background: #eeb94a url(/framework/pics/bg_rc_head.png) repeat-x;    
        height: 28px;
        line-height: 35px;
        font: normal 16pt Verdana;
        color: #363636;
        text-indent: 5px;
        padding-top: 4px;
        border-bottom: solid 2px white;
    }
    .RC .body
    {
        background: #0073ae url(/framework/pics/bg_rc_foot.png) repeat-x bottom;
        padding: 5px 7px 12px 7px;
        color: #e3e3e3;
    }

/* Footer */
    #footer { height: auto; }
    #footer .head  
    {
        height: 35px; 
        background: #0073ae url(/framework/pics/bg_footer.png) repeat-x;
    }
    #footer .head .tab
    {
        color: White;
        font: bold 16px Verdana;
        line-height: 35px;
        text-align: center;
        height: 35px; 
        width: 136px;
        background: #0073ae url(/framework/pics/bg_footer_tab.png) no-repeat; 
    }
    #footer .body
    {
        text-align: center;
        background-color: #eeb94a;
        border-top: solid 2px white;
        height: 200px;
    }
    #footer .body a:hover { color: Black; }
    #footer .foot
    {
        background-image: url(/framework/pics/bg_footer_foot.png);
        height: 8px;
    }
    /* Footer box */
        #footer .box .head, #footer .box .foot
        {
            height: 3px;
            width: 204px;
            background-repeat: no-repeat;
        }
        #footer .box { margin: 10px 0 10px 17px; float: left; }
        #footer .box .head { background-image: url(/framework/pics/bg_footerbox_head.png); }
        #footer .box .foot { background-image: url(/framework/pics/bg_footerbox_foot.png); }
        #footer .box .body  
        {
            background-color: #abdbf6;
            width: 198px; 
            height: 175px;
            border: solid 3px white; 
            border-top: none; 
            border-bottom: none; 
            overflow: hidden; 
        }
        #footer .box .body .content a:hover { color: Black; }
        #footer .box .body .content
        {
            padding: 5px;
            color: #3b3b3b;    
        }
        
/* Courses */
    #courses { width: 400px; }
    #courses .L { width: 200px; }
    #courses .R { }
    #courses .head { background-color: gray; color: #FFF; font-size: 10pt; font-weight: bold; }
    #courses .body { background-color: #f1f1f1; }