/*Date of this CSS sheet is 6-25-07*/
/* 
================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/basic_dd.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* remove the bullets, padding and margins from the lists */

.menu ul{
list-style-type:none;
padding:0;
margin:0;
}
/* make the top level links horizontal and position relative so that we can position the sub level */
.menu li{
float:left;
position:relative;
z-index: 100;
}

/* use the table to position the dropdown list */
.menu table{
float:left;
position:relative;
border-collapse:collapse;
z-index:80;
left: -1px;
top:0px;
}

/* style all the links */
.menu a, .menu :visited {
display:block;
font-family: "Arial", "Verdana", "Helvetica";
font-size:14px;
font-weight: normal;
width:124px;
padding:7px 0;
color:#FFFFFF;
background:#990000;
text-decoration:none;
margin-right:1px;
text-align:center;
}
/* style the links hover */
.menu :hover{
color: #000000;
background:#FFFFFF;
}

/* hide the sub level links */
.menu ul ul {
visibility:hidden;
position:absolute;
width:124px;
height:0;
}
/* make the sub level visible on hover list or link */
.menu ul li:hover ul,
.menu ul a:hover ul{
visibility:visible;
}

/*End of menu css coding*/

/*This defines the font family and sizes and alignment for headline and paragraph fonts*/

h1 {font-family: "Times Roman";
font-size: 24px; padding-top: 0 0 5;
}

h2 {font-family: "Arial", "Verdana", "Helvetica";
font-size: 18px;
}

/*This defines the paragraph font*/
p {font-family: "Verdana", "Arial", "Helvetica", san-serif; font-size:14px; line-height:135%; margin-bottom: 0px; padding-left: 8px}

ul {
font-family: "Arial", "Verdana", "Helvetica";
font-size: 14px;
line-height: 135%;
}



/*body position*/
body { margin: 25px auto auto 25px; 
		text-align: center}

#page-wrapper {
    width: 750px;
    margin: 0 auto;
    text-align: left;
    }

/*This line keeps the banner image from being affected by the 'margin' properties that add space around images in the page */

div#banner img{margin-right: 0;
background-image: URL(none);
}


.banner {background-image: url(siteicons/bodbanner2.jpg); background-repeat: no-repeat; background-position: left; name: #top width: 750; height: 163;margin: 4px 0px;  }


/*This puts gray shading behind the text in the Out-Takes box, and adds 5px of padding to the right side of the text*/
p#outtakes { 
background-color: #e4e4e4; 
padding-right: 5px;} 

p#outtakes {
text-align: left 
}


/*This controls formatting of the Update banner on the home page*/
p#update {
background-color: #990000;
font-family: verdana, arial, helvetica;
color: #ffffff;
font-size: 16px;
}

/*This controls text alignment, bgcolor, font size/weight of the copyright statement*/
p#copyright {
font-family: verdana, arial, helvetica;
font-size: 14px;
font-weight: normal;
color: #000000;
text-align: right;
}

#footer 
{font-family: arial black, verdana, helvetica;
font-size: 16px;
}

#footer a:link {color: red;}
#footer a:visited {color: gray;}

#crimage {background-image: url(siteicons/crimagetest1.jpg); background-repeat: no-repeat; background-position: left;}


/* This is the headline font and style used in the Out-Takes section*/
h3 {
font-family: "Verdana", "Arial", "helvetica";
font-size: 13px; padding-left: 8px;
line-height: 120%;
color: #960000;
font-style: italic;
text-align: left;
}

/*This defines padding around images.  This is set to "0" on the right to keep from padding the article image.  Need to find a way to control this section so that padding can be applied to images outside of the right sidebar in the article pages. It's set to 10 on the left to add padding to images on the left.  Looks like it may be best to keep thumbnails, etc. on the left. */
img {margin-right: 0px; margin-bottom: 5px; margin-left: 0px;}


/*Defining elements of a table*/
table {
border-color: #000000;
border-collapse: collapse;
}

/*This controls formatting of in-article photos and their captions*/
div.photos {float:left; margin:8px; border:0px}
div.photos p {text-align:left; font-family: serif; font-size: 14px; font-style: italic; margin-top:0.3em;}


</style>