/****** Stylesheet for Wassookeag Web site  ******

Version 1.7 by Jon, modified to tweak news spacing. Probably won't look good in IE6.
Includes lots of dead wood.

COLORS

rgb(95, 83, 14) ; /* Gold.
rgb(120, 100, 45) ; /* Faded gold. 
rgb(190, 163, 28) ; /* Light-gold. 
rgb(211, 208, 193) ; /* Palest-gold.
(not used directly, but approximates background gradient).
rgb(75, 92, 92) ; /* Blue-gray. 
rgb( 83%, 84%, 83% ) ; /* Pale gray-gold.
color: rgb(255, 140, 0) ; /* Bright-gold. (unused) */

/* ________ Main Page Styles________ */
body {
    background-color:  rgb(75, 92, 92) ;
	text-align: center;
	min-width: 750px;
}
body, div {
    font-family: Gill Sans, Arial ;
    font-size: 16px;
    color:  rgb(95, 83, 14) ;
}
#main-body {
	text-align: left;
	position: relative;
	width: 750px ;
	height: 780px ;
	margin: 0 auto ;
}
.main-body-a {
    background-image: url(../media/gradient_gold@m.png) ;
}
.main-body-b {
    background-image: url(../media/gradient_green@m.png) ;
}
.main-body-c {
    background-image: url(../media/gradient_turquoise@m.png) ;
}
.main-body-d {
    background-image: url(../media/gradient_purple@m.png) ;
}
a {
    color:  rgb(95, 83, 14) ;
}
a:hover {
    color:  white ;
}
.activemail {
	margin-left: 5em ;
}
img {
    float: left ;
    margin-right: 1em ;
    margin-bottom: 1em ;
}
/* __________ Logo  _________*/
#watermark-container,
#logo {
	height: 95px ;
}
#logo {
	position: absolute ;
	width: 350px ;
	left: 30px ;
	top: 10px ;
	z-index: 100000 ;
}
#watermark {
    position: absolute ;
    top: 0px ;
    left: 350px ;
    width: 400px ;
    height: 500px ;
    background-repeat: no-repeat ;
    opacity: .30 ;
    filter: alpha(opacity=30) ;
}
.watermark-a {
	background-image: url(../media/nautilus_feathered@m.png) ;
}
.watermark-b {
	background-image: url(../media/fern_feathered@m.png) ;
	left: 210px !important ;
	width: 600px  !important ;
}
.watermark-c {
	background-image: url(../media/quadrifoglia_feathered@m.gif) ;
	opacity: .20 !important ;
    filter: alpha(opacity=20) !important ;
}
.watermark-d {
	left: 350px !important ;
	background-image: url(../media/galaxy_feathered3@m.png) ;
}

/* ________MENU ITEM HIGHLIGHTS________ */
.global-nav, .global-nav-shadow  {
    position: absolute ;
    height: 25px ;
    width: 750px ;
}
.global-nav-shadow { /* Only needed bec IE expands global-nav background color incorrectly. */
    background-color: rgb(95, 83, 14) ;
}
.nav-menu-block {
    position: relative;
    float: left ;
    width: 23% ;
    font-size: 14px ;
    margin-top: 0px ;
    margin-left: 2% ;
    color: red ;
    background-color: rgb(95, 83, 14) ;
    z-index: 100 ;
    opacity: .50 ;
    filter: alpha(opacity=50) ;
    text-align: center ;
}
#navMenu0 {
    margin-left: 0px ;
}
/* All menu items. */
.menulink-bachelor-unselected,
.menulink-bachelor-selected,
.menulink-parent-collapsed-unselected,
.menulink-parent-collapsed-selected,
.menulink-parent-expanded-unselected,
.menulink-parent-expanded-selected,
.menulink-child-selected,
.menulink-child-unselected {
    margin-bottom: 2px ;
    padding: 2px ;
}
/* Top-level items. */
.menulink-bachelor-unselected,
.menulink-bachelor-selected,
.menulink-parent-collapsed-unselected,
.menulink-parent-collapsed-selected,
.menulink-parent-expanded-unselected,
.menulink-parent-expanded-selected {
}
/* Unselected top-level items. */
.menulink-bachelor-unselected,
.menulink-parent-collapsed-unselected,
.menulink-parent-expanded-unselected {
    color: white ;
    font-weight: bold ;
}
/* Selected items. */
.menulink-bachelor-selected,
.menulink-parent-collapsed-selected,
.menulink-parent-expanded-selected {
    color: white ;
    font-weight: bold ;
}
    /* Child items. */
    .menulink-child-unselected {
        margin-left: 20px ;
        font-weight: bold ;
        color: white ;
    } 
    .menulink-child-selected {
        margin-left: 20px ;
        font-weight: bold ;
    }
/* ________Content Styles________ */
#content-container, #splash-only {
    position: absolute ;
    left: 50px ;
    top: 160px ;
    width: 90% ;
}
    #description-container {
        position: relative;
        float: left ;
        top: 0px ;
        left: 0px ;
        width: 100% ;
        font-size: 12px ;
    }
        #description-container div {
            position: absolute ;
            display: none;	
            font-family:  Gill Sans, Arial ;
            color: rgb(95, 83, 14) ;
            font-size: 14px ;
        }
            #description-container div p {
                margin: 10px 0px ;
            }
            #description-container div span {
                position: absolute ;
                left: 300px ;
            }
            #description-container div li {
                margin-left: 20px ;
                margin-top: 10px ;
            }
            #description-container #logo {
                position: relative ;
                display: block ;
                width: 100% ;
                /* height: 100% ; */
                overflow: none ;
            }
            .description-container div .image-prominent {
                width: 80% ;
                float: right ;
            }
            .description-container div .image-double {
                float: left ;
                margin: 0px 5px 10px 0px ;
            }
            .description-container div .image-small {
                width: 200px ;
                height: 200px ;
            }
            .description-container div .list-prominent {
                font-size: 28px ;
            }
            .content-column {
                position: relative ;
                float: left ;
                width: 40% ;
            }
        .description-container div .heading {
            font-size: 14px;
            margin-bottom: 10px;
        }
.label {
    padding: 5px;
    margin-top: 10px;
    background-color: rgb(98%,100%,70%); 
    font-size: 12px;
}
.content-caption { /* currently the caption style */
    position: relative;
    margin-top: 20px;
    display: block;
    font-size: 12px;
}
/* News Styles in Main Page */
#newsHeading {
    position: relative; 
    z-index:300;
    visibility: visible;
    font-weight: bold;
    font-size: 14px;
    color: rgb(190, 163, 28) ; /* Light-gold. */
	margin-left: 3px ;
}
.newsFrame {
    position:relative; 
    z-index:300;
    visibility: visible;
	height: 250px ;
	width: 300px ;
	overflow: -moz-scrollbars-vertical; 
	overflow-y:scroll;
	overflow-x:hidden ;
}
/* News Styles in News Page */
#news { /* body id */
	background-color: rgb( 83%, 84%, 83% ) ; /* Pale gray-gold. */
	width: 284px ;
	box-sizing: content-box ;
}
	.newsItem {
		width: 270px ;
		margin: 0px 3px 10px 0px;
		border: 1px solid rgb(120, 100, 45) ; /* Faded gold.*/
		font-weight: normal;
		text-align: left ;
/*		box-sizing: content-box ;*/
	}
		.newsItemHeadline {
			background-color: rgb(120, 100, 45) ; /* Faded gold.*/
			font-size: 12px;
			color: white;
			padding: 0px 3px 2px 3px ;
/*			box-sizing: content-box ;*/
		}
		.newsItemStory {
			font-size: 12px;
			color: rgb(95, 83, 14) ; /* Gold.*/
			padding: 1em .7em 0 .7em;
/*			box-sizing: content-box ;*/
		}
			.newsItemStory p {
				margin-bottom: 4px ;
			}
			p.newsItemDate {
				text-align: right ;
				margin: -.8em 0 -1em 0 ;
				font-size: .8em ;
			}