/* CSS Document - COop*/

body { 
background:#fff;
color:#000; 
font-family: arial, helvetica, sans-serif;
font-size:62.5%;
margin: 0; 
padding:0;
min-width: 1015px; 
}

#frame { 
position:absolute;
top:0;
width: 1015px;
margin: 0;
padding:0;
float:left;
}

/*skiplinks for access keys*/
#skiplinks {display:none;}

#skiplinks li { 
display: inline; 
margin: 0;
padding: 0;
list-style-type: none; 
} 

#skiplinks a { 
position: absolute;
top: 0;
left: 20px;
width: 0px;
height: 0;
z-index: 1000;
background-color: #fff;
color: #dc2a1a;
font-weight: bold;
font-size: 1em !important;
overflow: hidden;
} 

#skiplinks a:active { 
position: absolute;
margin: 0;
padding:6px;
width: auto;
height: auto;
border-top-width: 0px;
border-left-width: 0;
border-bottom-width: 0;
overflow: visible; 
border-right-width: 0; 
font-size: 0.6em;
} 

hr.hide { display: none;}

/* header */

#header { 
position:relative;
top:0;
width: 1015px;
padding:0;
margin: 0;
}

#headflash { 
position: relative;
width: 699px;
margin: 0;
padding:0;
float:left;
display:none;
}

#logo { 
position: relative;
width: 316px;
margin:0;
padding:0;
float:right;
}

#logo img {
float: right;
margin: 25px 25px 0 0;
border:none;
display:none;
}

#logo h1, #logo .alttext  {
font-size:3.0em;
float:right;
margin: 25px 0 0 0;
padding:0;
font-family: "arial narrow", helvetica, sans-serif;
font-weight:normal;
display:block;
color:#0c1967;
background:#fff;
}

#logo a {
background:#fff;
color:#000;
text-decoration:none;
}

/* main nav */
#navframe { /* This div is needed to deal with the box model issue on height */
width: 1015px;
height: 33px;
background:#fff;
color:#000;
padding:0;
margin:0;
}

#navcontainer { 
width: 824px;
height: 33px;
background: #fff;
color: #000;
float:left;
}

#navcontainer ul{
display: inline;
list-style-type: none;
padding: 0;
margin: 0;
float: left;
}

#navcontainer li { 
display: inline;
list-style-type: none;
}

#navcontainer ul li a {
font-family: "arial narrow", helvetica, sans-serif;
font-size:14px;
font-weight:normal;
background: #fff;
color: #000;
padding:0 0 0 20px;
margin:-2px 0 0 0;
text-decoration:none;
float: left;
}

#navcontainer ul li a:hover {
text-decoration:underline;
}

#navcontainer li a.current {
text-decoration:underline;
}

#help { 
width: 191px;
height: 33px;
background: none;
color: #fff;
float:left;
}

#help ul{
display: inline;
list-style-type: none;
padding: 0;
margin: 0;
float: left;
}

#help li { 
display: inline;
list-style-type: none;
}

#help li#textonly { 
display:none;
}

#help li#showimages { 
display: inline;
list-style-type: none;
}

#help ul li a {
font-family: "arial narrow", helvetica, sans-serif;
font-size:11px;
font-weight:normal;
background: #fff;
color: #000;
padding:0 16px 0 0;
text-decoration:none;
float: left;
}

#help ul li a:hover {
text-decoration:underline;
}

#help li a.current {
text-decoration:underline;
}

/*breadcrumb*/

#breadcrumb { 
position: relative;
width: 1015px;
height:20px;
background:#fff;
color:#666;
margin:0;
padding:5px 0 6px 0;
float:left;
border-top:2px solid #000;
}

#breadcrumb ul {
margin: 0 0 0 185px;
padding: 0;
}

#breadcrumb ul li {	
padding: 0 6px 0 0;
margin: 0;
display: inline;

}	

#breadcrumb  a, body#bd-home #breadcrumb  a {
padding: 0 0 0 6px;
margin: 0 0 0 0;
display: inline;
color:#666;
background:#fff;
text-decoration: none;
}

#breadcrumb  a:hover {
display: inline;
text-decoration: underline;
}	

#breadcrumb ul li.current {
text-decoration: underline;
background:#fff;
color:#666;
}


/* maincontainer -----------*/
#maincontainer { 
position: relative;
width: 1015px;
padding:0;
float:left;
}

/* HOME subnav -----------*/
#lefthome { 
position: relative;
width: 160px;
padding:0;
margin:0;
float:left;
}

p {
background:#fff;
color:#0c1967;
font-size:1.2em;
padding:0;
margin:7px 5px 15px 20px;
}

#lefthome ul {
background: #fff;
color: #002868;
width:131px;
margin:0;
padding:0 0 20px 20px;
list-style-type: none; 
}

#lefthome li {	
font-size: 1.1em;
padding:0 0 0 0;
margin: 0 0 7px 0;
display: block;
line-height:13px;
}

#lefthome li a {
text-decoration:none;
color: #000;
background-color: #fff;
font-weight:normal;
}

#lefthome li a:hover {
text-decoration:underline;
}

/* sub nav -----------*/

#left{ 
position: relative;
width: 160px;
padding:0;
margin:0;
float:left;
}

#left ul {
background:#fff;
color: #333;
padding:0 0 20px 10px;
margin:0;
list-style-type: none; 
}

#left li, #lefthome li {	
font-size: 1.4em;
padding:0;
margin: 0;
line-height: 20px;
display: block;
}

#left li a {
text-decoration:none;
color: #333;
background-color: #fff;
font-weight:normal;
}

#left li a:hover {
text-decoration:underline;
}

#left li a.current {
font-family: arial narrow, helvetica, sans-serif;
text-decoration:none;
color: #0c1967;
background-color: #fff;
font-weight:normal;
}

#left li#food  a.current{
font-family: arial, helvetica, sans-serif;
text-decoration:none;
color: #1a7567;
background-color: #fff;
font-weight:bold;
}

#left ul ul {
margin:8px 0;
padding:0;
list-style-type: none; 
border:none;
width:100%;
}

#left ul li ul li {
background:#fff;
color: #002868;
margin:0;
padding:0 0 5px 7px;
list-style-type: none; 
}

#left ul li ul li a{
text-decoration:none;
color: #002868;
background-color: #fff;
font-weight:normal;
}

#left ul li ul li a:hover, #left ul li ul li a.current {
text-decoration:none;
color: #e93c16;
background-color: #fff;
}

/*content copy*/

#copy { 
position: relative;
width: 667px;
padding:0;
float:left;
}

#copy h1, #leftSitemap h1{
font-family: arial narrow, helvetica, sans-serif;
font-size:2.6em;
margin:0 20px 15px 25px;
color:#0c1967;
background:#fff;
font-weight: normal;
display:block;
}

body#bd-food #copy h1{
background:#fff;
color:#1a7567;
}

#copy h2 {
font-weight: bold;
display:block;
font-size:1.3em;
margin:0 0 0 25px;
padding:0 39px 0 0;
line-height:20px;
color:#0c1967;
background:#fff;
}

#copy h2.home {
font-weight: bold;
display:block;
font-size:1.3em;
margin:0 0 0 25px;
padding:0 300px 0 0;
line-height:20px;
color:#0c1967;
background:#fff;
}

#copy p {
margin:8px 39px 8px 25px;
padding:0;
color:#000;
background:#fff;
font-size:1.2em;
line-height:18px;
}

#copy img.home {
float:right;
vertical-align:bottom;
margin:0 35px 0 80px;
padding:0;
}

#copy img {
display:none;
}

#copy a {
background:#fff;
color:#000;
text-decoration:underline;
}

#copy a:hover {
background:#fff;
color:#666;
text-decoration:underline;
}

/* flash movies */

object, embed {
display:none;
}

#flashowen img, #flashdebbie img {
display:none;
}

/* sitemap  -----------------------*/

#leftSitemap {
position: relative;
width: 667px;
padding:0;
float:left;
}

#leftSitemap h4  {
font-weight: bold;
font-size: 1.3em;
line-height: 1.4em;
margin: 0px 34px 5px 25px;
padding:3px 0 3px 3px;
background:#0c1967;
color:#fff;
}

#leftSitemap div.smCol {
width:600px;
margin:0;
padding:0;
float:left;
}

#leftSitemap div.smLfCol {
width:300px;
float:left;
}

#leftSitemap div.smRtCol {
width:200px;
float:left;
}

#leftSitemap ul.bulletSub{ 
margin: 0 0 20px 25px;
padding: 0;
list-style-type: none; 
width:200px;
} 

#leftSitemap .bulletSub li { 
list-style-image:url(../images/breadbullet.gif);
margin:5px 22px 5px 15px;
padding:0;
list-style-type: none; 
font-size:1.2em;
}

#leftSitemap .bulletSub li a {
font-weight:normal;
background:#fff;
color:#000;
text-decoration:underline;
}

#leftSitemap .bulletSub li a:hover {
font-weight:normal;
background:#fff;
color:#666;
text-decoration:underline;
}

#leftSitemap ul.bulletThird{ 
margin: 6px 0 6px 18px;
padding: 0;
list-style-type: none; 
width:150px;
} 

#leftSitemap .bulletThird li { 
list-style-image:url(../images/bullettwo.gif);
margin:0 22px 5px 2px;
padding:0;
list-style-type: none; 
font-size:100%;
}

#leftSitemap .bulletThird li a {
font-weight:normal;
background:#fff;
color:#000;
text-decoration:underline;
}

#leftSitemap .bulletThird li a:hover {
font-weight:normal;
background:#fff;
color:#666;
text-decoration:underline;
}

/*rightside pics*/

#pic { 
position: relative;
width: 188px;
padding:0;
float:left;
}

#pic ul.banners { 
display: block;
float: left;
list-style-type: none; 
margin: 0; 
padding: 0;
border:none;
} 

#pic li.banners { 
display: block;
list-style-type: none; 
padding:0;
margin:0;
} 

#pic img {display:none;}

#pic .alttext {display:block;}

#pic ul.banners { 
margin: 0;
padding:0;
list-style-type: none; 
width:160px;
} 

#pic ul li.banners { 
font-size:1.2em;
margin: 0;
padding:0 0 8px 10px;
text-indent:0px;
list-style-type: none;
width:100%;
} 


#pic li.banners a {
text-decoration:none;
font-size: 1.1em;
color: #333;
background-color: #fff;
font-weight:normal;
font-family: "Arial Narrow", helvetica, sans-serif;
}

#pic li.banners a:hover {
text-decoration:underline;
}

/* footer -----------*/

#foot { 
position: relative;
width: 1015px;
height:50px;
margin: 15px 0 0 0;
padding:0;
color:#000;
background:#fff;
float:left;
border-top:1px solid #000;
}

#foot ul {
position: relative;
padding: 15px 0 0 10px;
margin: 0;
list-style: none;
}

#foot li {	
position: relative;
padding: 0;
margin: 0 0 7px 0;
display: inline;
}

#foot a {
font-size:1.1em;
color:#000;
background:#fff;
font-weight:normal;
text-decoration: none;
}

#foot a:hover {
text-decoration: underline;
}	

#foot p {
position: relative;
font-size:1.1em;
color:#000;
background:#fff;
padding:0 0 20px 0;
margin:6px 0 0 10px;
}
