/* =typography
-------------------------------*/
@import url("typography.css");


body {
    background: #f7f7f7;
}

a {
    color:#de680e;
}

a:hover {
    text-decoration: none;
}

/* =container
-------------------------------*/
#container {
    width: 880px;
    margin: 0 auto;
    background: #fff;
    padding: 0 20px 0 20px;
}

/* =branding
-------------------------------*/

#banner {
    position:relative;
}

#banner #intro {
    width: 308px;
    height: 185px; /* image height is 235px */
    background:#EC008C;
    float: left;
    padding: 40px 25px 0 25px;
    margin: 75px 0 0 0;
}

#banner #intro a {
    color: #fff;
}

#banner img {
    float: left;
	margin-top:65px;
	/* outline:solid red 1px; */
}

#banner #intro p {
    color: #fff;
    font-size: 0.9em;
	width:280px;
	margin:15px 10px;
    line-height:160%;
/*    font-weight: bold; */
}

/* =nav-primary
-------------------------------*/
#nav-primary {
    position: absolute;
    z-index: 10;
    width: 880px;
/*    margin-top: 8px; */
    background:#fff;
    padding-top:8px;
}

#nav-primary img {
    float: left;
}

#nav-primary ul {
    float:left;
    width: 880px;
    background:#f6f6f6;
    border-bottom: 5px solid #de680e;
    list-style: none;
    margin: 0;
    padding: 0;
}

#nav-primary ul li {
    float:left;

}

#nav-primary ul li a {
    display:block;
    padding: 6px 12px 5px 12px ;
    background:#f6f6f6 url(primary-nav-bg.jpg) 100% 3px no-repeat;
    color:#666666;
    text-decoration:none;
    font-size: 1em;
}


/* =DROP DOWNS */
#nav-primary ul ul li {
	list-style-type:none;
}

#nav-primary ul li ul {
    display: none;
    width:160px;
    position: absolute;
    border: 1px solid #ccc;
    border-top:none;
    background:#fff;

}

#nav-primary ul li:hover ul, #nav-primary ul li.over ul {
    display: block;
}

#nav-primary ul li ul li {
    float: none;
    width: 4em;
    position: relative;
}

#nav-primary ul li ul li a {
    width:120px;
    background:#fff url(goldfish.gif) 4px 50% no-repeat;
    padding: 8px 20px ;
	line-height:1em;
}

#nav-primary ul li ul li a:hover {
    background:#f6f6f6 url(goldfish-over.gif) 2px 50% no-repeat;
    color: #000;
}

/* =nav-secondary
-------------------------------*/
#content .nav-secondary {
    float: left;
    width: 140px;
    margin: 0;
    padding: 0;
    list-style: none;
    border-bottom: 1px solid #ddd;
}

#content .nav-secondary li {
    border-top: 1px solid #ddd;
    margin: 0;
    border-bottom: 1px solid #fff;
}

#content .nav-secondary a {
    display: block;
    text-decoration: none;
    background: #eee;
    color: #333;
    border-top: 1px solid #fff;
    padding: 5px 10px;
    width: 120px;
}

#content .nav-secondary li a:hover {
    background: #666;
    color: #fff;
}

#content .nav-secondary li.active a, #content .nav-secondary li.active a:hover {
    background: #ec008c;
    color: #fff;
}

/* =nav-breadcrumb
-------------------------------*/
#nav-breadcrumb {
    float: left;
    width: 920px;
    margin: 10px 0;
    padding: 0;
    list-style: none;
    border: 1px solid #fff;
}

#nav-breadcrumb li {
    float: left;
    background: url(breadcrumb-divider.gif) 0 50% no-repeat;
    padding: 0 6px 0 11px;
}

#nav-breadcrumb li.first-item {
    background: none;
}

/* =content
-------------------------------*/
#content, #content-primary, #content-secondary {
    float: left;
}

#content-primary {
	width: 880px;
}

body.two-col #content-primary {
    width: 433px;
    margin: 0 10px;
    padding: 0 10px;
    display: inline;
}

body.two-col #content-secondary {
    width: 304px;
}

body.contact #content-primary {
	width: 700px;
}
body.contact #content-secondary {
	display: none;
}

/* =footer
-------------------------------*/

#site-info {
    clear: left;
    width: 880px;
    float:left;
    border-top:1px solid #de680e;
    margin:31px 0 20px 0;
    font-size: 0.95em;
}

#site-info #copyright {color:#333;
    padding-left:10px;
    padding-top:9px;
    float:left;
}

#site-info .credit {
    color:#333;
    padding-right:10px;
    padding-top:9px;
    float:right;
}