@import url(reset.css);
@import url(text.css);
@import url(960.css);
@import url(scratch.css);

/* header styles */
#header {
    width: 960px;
    height: 196px;
    background-image: url(/images/graceBanner.jpg);
}
#header a {
    display: block;
    width: 860px;
    height: 180px;
}
#header span {
    display: none;
}


/* navigation styles */
#nav {
    height: 46px;
    background-image: url(/images/mainNavBkgrd.jpg);
}
#nav li {
}
#nav ul, #nav ul li {
    padding: 0;
    margin: 0;
    list-style: none;
    z-index: 100;
    line-height: 36px;
}
#nav ul ul {
    background-color: #fff;
	background-image: url(/images/navDropBkgrd.png);
	background-repeat: repeat-x;
	width: 200px !important;
    padding: 0.1em;
}
#nav li {
    float: left;
    width: 96px;
    text-align: center;
}
#nav li a {
    display: block;
    width: 96px;
    color: #333;
    text-decoration: none;
}
#nav li li {
    text-align: left;
    width: 200px;
}
#nav li li a {
    width: 192px;
    padding: 0 4px;
}
#nav li a:hover {
    background: url(/images/mainNav_buttonBkgrd.png) no-repeat 0px 50%;
}
#nav li a.active {
    background: url(/images/youarehere_button.png) no-repeat 0px 50%;
}
#nav li li a:hover {
    background: none;
    background-color: #c2c0f1;
}
#nav ul li ul {
    position: absolute;
    width: 96px;
    left: -999em;
}
#nav ul li:hover ul ul, #nav ul li.sfhover ul ul {
    left: -999em;
}

#nav ul li ul ul {
    margin: -36px 0 0 180px;
}
#nav ul li:hover ul, #nav ul li.sfhover ul, #nav ul li li:hover ul, #nav ul li li.sfhover ul {
    left: auto;
    box-shadow: 2px 2px 5px #000;
    border-radius: 0 0 4px 4px;
    -moz-box-shadow: 2px 2px 5px #000;
    -moz-border-radius: 0 0 4px 4px;
    -webkit-box-shadow: 2px 2px 5px #000;
    -webkit-border-radius: 0 0 4px 4px;
}
#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul {
    left: auto;
}

/* portals styles */
#portals {
    background-image: url(/images/threePortalsBkgrd.jpg);
    height: 265px;
    z-index: 10;
}
.portal_1 {
    width: 200px;
    padding: 5px 0px 0px 5px;
    line-height: 1.3em;
    height: 86px;
}
.portal_2 {
    width: 185px;
    margin: 6px 0 0;
    padding: 5px 0px 0px 5px;
    line-height: 1.5em;
    height: 86px;
}
.portal_3 {
    padding: 5px 0px 0px 5px;
    margin-top: 1px;
    width: 185px;
    line-height: 1.3em;
    height: 86px;
}
.portalHeader {
    font-weight: bold;
    letter-spacing: 0.12em;
}
#carousel {
    z-index: 10;
}

/* content section styles */
#content_section {
    margin-top: 1em;
}

/* content styles */
#sidebar h1, #content h1, #sidebar h2, #content h2, #sidebar h3, #content h3, #sidebar h4, #content h4, #sidebar h5, #content h5, #sidebar h6, #content h6, #sidebar p, #content p {
    margin-bottom: 1em;
}
#sidebar ul, #content ul {
	margin: 1em 0 1em 2.5em !important;
	padding-left: 0;
}
.content_wrapper {
    border: 1px solid #aeaeae;
    background-color: #eaeaea;
    padding: 10px;
    border-radius: 0 0 10px 10px;
    -moz-border-radius: 0 0 10px 10px;
    -webkit-border-radius: 0 0 10px 10px;
}

/* footer styles */
#footer {
    width: 960px;
    background-image: url(/images/footerBkgrd.jpg);
    background-repeat: no-repeat;
    background-color: #C1BFF0;
    padding: 0px;
    height: 250px;
    margin-top: 20px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding-top: 1em;
    font-size: 0.9em;
}
#footer li {
    list-style: none;
    padding-bottom: 0.25em;
}
#footer a {
    text-decoration: underline;
    color: #333;
}