/*All the fonts used anywhere on the site should be in verdana*/
p, h1, h2, h3, h4, h5, h6, blockquote {
font-family: verdana;
}

/*All normal paragraph text is sized here:*/
p {
font-size: .8em;
}

/*** Images that are links should not get borders ***/
a img {
border: none;
background-color: #fff;
}

/* All text should be 10 pixels from the left */
p,h1,h2,h3,h4,h5,h6,blockquote {
margin-left: 10px;
}


/*Text links, except those in the menu, should all behave the same way: underlined black text (whether visited or not) green background when hovered over. (h1 does not return a green background because it is used for the banner image)*/
p a:link,h1 a:link,h2 a:link,h3 a:link,h4 a:link,h5 a:link,h6 a:link {
color: #000;
}
p a:visited,h1 a:visited,h2 a:visited,h3 a:visited,h4 a:visited,h5 a:visited,h6 a:visited {
color: #000;
}
p a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover {
color: #000;
background: rgb(188, 220, 151);
}

/****Three divs that are on every page: Banner, menu, and footer*****/
/*****banner*****/
banner {
position: absolute;
top: 0px;
left 0px;
}

#banner h1 {
margin: 0;
}

/**************** menu coding *****************/
#navcontainer {
position: absolute;
top: 106px;
left: 0px;
width: 200px;
margin: 0 auto;
padding: 0;
font-family: verdana;
font-size: 12px;
text-align: center;
background: transparent;
}

ul#navlist
{
text-align: left;
padding: 0;
margin: 0 auto;
width: 200px;
}

ul#navlist li
{
display: block;
margin: 0;
padding: 0;
border-top: 2px solid #fff;
}

ul#navlist li a
{
display: block;
width: 190px;
padding: 0.5em 10px 0.5em 27px;
color: black;
text-decoration: none;
background-color: rgb(140, 198, 62);
background-image: url(buttonbackground.jpg);
background-repeat: repeat-x;
background-position: center;
}

li.mainitem
{
font-weight:bold;
}

ul#navlist li#active a
{
background: rgb(188, 220, 151);
color: black;
}

ul#navlist li a:hover, ul#navlist li#active a:hover
{
color: black;
background: rgb(188, 220, 151);
border-color: #aaab9c #fff #fff #ccc;
}

.navtext {
margin: 0;
width: 190px;
background: rgb(140, 198, 62);
padding: 3px 10px 2px 27px;
text-align:left;
}

h4.navtext {
width: 190px;
border-top: 2px solid #fff;
font-size: .98em;
}

p.navtext {
width: 190px;
padding: 0 10px 15px 27px;
}

/*The footer. It has to live inside the "frontcenter" div or the "content" div*/
#footer {
border-top: 1px solid rgb(140, 198, 62);
margin: 15px 10px 20px 10px;
padding-top: 2px;
}

p.fineprint {
font-size: .6em;
font-weight: normal;
margin-top: 0;
}

p.finefineprint {
font-size: .3em;
font-weight: normal;
margin-top: 0;
}

/*******Content page divs and styles -- Every page but front page***/
#content, #contentlist {
position: absolute;
padding-top: 12px;
top: 108px;
left: 233px;
background: #ffffff;
}

#contentlist h5 {
margin-bottom: 0;
}

#contentlist p {
margin-top: 0;
margin-bottom: 0;
}

p.byline {
font: italic small-caps 900 .65em verdana;
}

/*****Front page divs and div-specific styles******/
/*The grey sidebar on the right*/

#rightsidebar {
padding: 5px;
padding-top: 12px;
position: absolute;
top: 108px;
left: 536px;
width: 216px;
background-color: rgb(209, 210, 212);
}

#rightsidebar h4 {
font-size: .85em;
margin-top: 9px;
letter-spacing: .1em;
margin-bottom: 2px;
}

#rightsidebar h5 {
font-size: .7em;
}

#rightsidebar h6 {
padding-top: 10px;
margin-bottom: 0;
border-top: 1px solid white;
width: 100%;
}

#rightsidebar p {
margin-top: 0px;
margin-bottom: 0px;
font-size: .7em;
}

p.more {
text-align: right;
margin-right: 10px;
margin-top: 0px;
}

/*The center section on the front page*/
#frontcenter {
position: absolute;
padding-top: 12px;
top: 108px;
left: 233px;
background: #ffffff;
width: 298px;
}

#frontcenter p{
margin-left: 13px;
margin-right: 13px;
margin-top: 8px;
font-size: .72em;
}


/***The styles that work with the RSS feed from JTO on the JTO news page***/
/* table container for feed news */
.fd_bordertable {
background-color: white;
padding: 0;
margin-left:10px;
}

.fd_bordertable {
background-color: transparent;
padding: 0;
margin-left:10px;
}


/* table container for feed news */
.fd_maintable { border-width: 0; background: transparent }

/* The style below is a bit of a hack so that the title of the feed ("Alcohol, Tobacco  and Other Drugs News") is hidden using -1000px letter spacing and a font color that matches the background color. Down the road, a better option would be to edit an RSS feed that didn't send the feed title, but I didn't want to spend a lot of time on this. This method works well enough -- MW*/
.fd_header {
        padding: 0px;
        font-color: #d1d2d4);
        text-align: left; vertical-align: top;
        font-size: 1pt;
        letter-spacing: -1000px;
}

/* header title link (leading to rss) */
.fd_headerlink, .fd_headerlink:visited, .fd_headerlink:hover {
        font-family: verdana; font-size: 1pt; font-weight: bold;
        color: #d1d2d4; text-decoration: none;
}

/* item link properties, such as text-decoration and etc */
.fd_itemlink { color: black; text-decoration: underline; font-weight:bold;}
.fd_itemlink:visited { color: black; text-decoration: underline }
.fd_itemlink:hover { color: black; text-decoration: underline; background-color: rgb(188, 220, 151);
}

/* item descriptions */
.fd_itemcell {
        padding: 0;
        padding-bottom: 10px;
        color: black;
        font-family: verdana; font-size: .8em;


}

/* item post date */
.fd_postdate {
        color: #000000; font-style: italic; font-size: x-small;
}



/*The div that holds everything and keeps it in the center; The funky width thing (\width and w\idth are for Internet Explorer's problems with rendering widths correctly*/
#container {
width: 760px;
\width: 780px;
w\idth: 760px;
margin-left: auto;
margin-right: auto;
position: relative;
}