/* Styles for default page layout */
body {
        font-family:arial, sans-serif;
        font-size:76%;
        background:#8F939C;
        color:#000;
        margin:0;
        padding:0;
}

a {
        font-weight:normal;
        text-decoration:none;
        color:#45a0f0;
}

a:hover {
        text-decoration:underline;
}

#body {
	position:absolute;
	top:0;
	z-index:2;
        margin:0 auto;
	_margin-top:-15px;
	padding:0 60px;
	background:#fff;
	width:752px;
}

#bg_container {
	width:874px;
	height:auto;
	position:relative;
	margin:0 auto;
	padding:0;
}


#pre1, #pre2 {
	position:absolute;
	left:0;
	width:60px;
	height:800px;
	z-index:0;
        background:url("http://cdn.digitalcity.com/aimweb/leftrail.jpg") #8F939C top left repeat-y;
}

#pre2 {
	left:auto;
	right:0;
	margin-left:788px;
        background:url("http://cdn.digitalcity.com/aimweb/rightrail.jpg") #8F939C top right repeat-y;
}


h3 {
        font-size:18px;
        font-family:Arial;
        color:#F30;
        margin:0;
        padding:2px 0;
}


h4 {
        font-size:15px;
        color:#828282;
        margin-bottom:5px;
}

h4.top {
        margin-top:0;
}

p.example {
        margin:2px 0 2px 5px;
        color:#828282;
}

#topAd {
        margin:12px;
}

#header {
        width:100%;
        height:72px;
        margin:0;
        background:url("http://cdn.digitalcity.com/aimweb/headertile.gif") repeat top left;
}

#header h1 {
        float:left;
        background:url("http://cdn.digitalcity.com/aimweb/aimbrand_com.gif") no-repeat top left;
	width:160px;
	height:72px;
	margin:0;
}

#header h1 em {
	display:none;
}

#header a {
        color:#000;
        text-decoration:none;
        font-weight:normal;
}

.siteNav {
        float:right;
        text-align:right;
        margin:5px 10px;
}

#contentsFrame {
        background:url("http://cdn.digitalcity.com/aimweb/promo.jpg") #fff top left no-repeat;
        margin:0;
        padding:0;
	width:100%;
}

#contentsFrame h2 {
        font-size:20px;
        color:#6b9600;
        padding:10px 15px;
        margin:0;
}

/********  MENU NAV STYLES *******************/
    #menu {
        width:752px;
        height:31px;
        font:normal bold 12px arial;
        background:#000 url('http://cdn.aim.com/i/redesign/navButton_unSelected.gif') repeat-x top left;
        border-top:1px solid #fff;
        border-bottom:1px solid #fff;
        margin:0px;
    }

#menu a {
	font-weight:bold;
}

    #menu ul {
		padding:0px;
        margin:0px;
        list-style-type:none;
    }
    #menu li {
        float:left;
        position:relative;
        background:url('http://cdn.aim.com/i/redesign/navButton_divider.gif') no-repeat top right;
        margin:0px;
        z-index: 500;
    }

    #menu li a, #menu li a:visited {
        float:left;
        display:block;
        text-decoration:none;
        color:#d1d0d5;
        padding:8px 16px 0px 12px;
        _padding:8px 22px 0px 12px;
        height:23px;
        margin:0px;
        background:url('http://cdn.aim.com/i/redesign/nav_arrow.gif') no-repeat 95% 50%;
        _background:url('http://cdn.aim.com/i/redesign/nav_arrow.gif') no-repeat 90% 50%;
    }

    #menu li ul {
        display: none;
    }


    #menu li:hover {
        width:auto;
    }

    #menu li.unSelected a{
        margin-right:10px;
	_margin-right:0;
    }

    #menu li.selected{
        background:url('http://cdn.aim.com/i/redesign/navButton_selected.gif') repeat-x top left;
        margin:0px;
    }

    #menu li.unSelectedMain a, #menu li.unSelectedMain a:visited, #menu li.selectedMain a, #menu li.selectedMain a:visited {
        margin:0px;
        padding:8px 12px 0px 12px;
        background:url('');
    }


    #menu ul li.unSelectedMain a:hover {
        color:#fff;
        margin:0px;
    }

    #menu li.selected a {
        font:normal bold 12px arial;
        text-decoration:none;
        color:#fff;
        margin:0px;
        background:url('http://cdn.aim.com/i/redesign/nav_arrowW.gif') no-repeat 95% 50%;
        _background:url('http://cdn.aim.com/i/redesign/nav_arrowW.gif') no-repeat 90% 50%;
    }

    #menu li a.menuIE:hover {
      border-color:#000;
      color:#fff;
      background:url('http://cdn.aim.com/i/redesign/nav_arrowW.gif') no-repeat 95% 50%;
      _background:url('http://cdn.aim.com/i/redesign/nav_arrowW.gif') no-repeat 90% 50%;
    }


#menu li.unSelectedMain a.menuIE:hover {
	background:url('');
}


    /* specific to non IE browsers */
    #menu ul li:hover ul {
        display:block;
        position:absolute;
        top:30px;
        margin-top:1px;
        left:0px;
        width:138px;
        border:1px solid #7e7e7e;
    }

    #menu ul li:hover ul li ul {
        display: none;
    }

    #menu ul li:hover ul li a, #menu ul li:hover ul li a:visited {
        display:block;
        background:#fff;
        color:#45a0f0;
        font-weight:normal;
        height:auto;
        line-height:15px;
        padding:4px 8px;
        width:122px;
        border-top:1px solid #bababa;
	margin-right:-5px;
    }

    #menu ul li:hover ul li a:hover {
        color:#45a0f0;
        background-color: #e4fda4;
    }

    #menu ul li:hover ul li:hover ul {
        display:block;
        position:absolute;
        left:137px;
        top:-1px;
    }


    /* specific to IE5.5 and IE6 browsers */
    #menu ul li.over ul {
        display:block;
        position:absolute;
        top:31px;
        left:0px;
        background:#fff;
        border:1px solid #7e7e7e;
        font:normal 12px arial;
        width:154px;
        _width:131px;
    }

    #menu ul li.over ul li a, #menu ul li.over ul li a:visited {
        display:block;
        background:#fff;
        color:#45a0f0;
        font-weight:normal;
        height:15px;
        padding:4px 8px;
        width:154px;
        _width:131px;
        border-top:1px solid #bababa;
    }

    #menu ul li.over ul li a ul {
        visibility:hidden;
        position:absolute;
        height:0px;
        width:0px;
    }

    #menu ul li.over ul li a:hover {
        color:#45a0f0;
        background:#e4fda4;
    }

    #menu ul li.over ul li a:hover ul {
        visibility:visible;
        position:absolute;
        top:0px;
        left:153px;
    }

/********  FOOTER STYLES *******************/
    #footer {
        text-align:center;
        width:752px;
        margin:0;
    }

    #footer .links {
        background-color: #fff;
        font: normal 12px arial;
        padding:15px 0px;
    }

    #footer .copy {
        color: #696969;
        font: normal 10px arial;
    }



