/****** Stylesheet for Cross-Cultural Partnership Web site  ******

Version 1.4 by Jon Ippolito.
Modified to update for Connected Knowledge 2.
Includes lots of dead wood.

COLORS
Gold rgb(95, 83, 14)
Light-gold  rgb(95, 83, 14)
Blue-gray rgb(75, 92, 92)

/* ________ 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: 14px;
    color:  rgb(95, 83, 14) ;
}
#main-body {
	text-align: left;
	position: relative;
	width: 750px ;
	height: 850px ;
	margin: 0 auto ;
}
.main-body-a {
    background-image: url(../media/gradient_turquoise@m.png) ;
}
.main-body-b {
    background-image: url(../media/gradient_green@m.png) ;
}
.main-body-c {
    background-image: url(../media/gradient_purple2@m.png) ;
}
.main-body-d {
    background-image: url(../media/gradient_gold@m.png) ;
}
a {
    /*color:  rgb(95, 83, 14) ;*/
    color: steelblue !important ;
	text-decoration: none ;
}
a:hover {
    text-decoration: underline ;
}
img {
    float: left ;
    margin-right: 1em ;
    margin-bottom: 1em ;
}
ul, li {
    margin: .5em 0em .5em -.2em ;
}
h3 {
	text-align: center ;
	margin-top: -.2em ;
	margin-bottom: -.2em ;
}
h4 {
	margin-bottom: -.5em ;
}
blockquote p {
	line-height: .9em ;
}
/* __________ Logo  _________*/
#logo {
	position: relative ;
	height: 95px ;
	background-image: url(../media/partn_logo_plain@m.png) ;
	background-repeat: no-repeat ;
	background-position: 15px 15px ;
	z-index: 10 ;
	cursor: pointer ;
}
#watermark {
    position: absolute ;
    top: 0px ;
    left: 350px ;
    width: 400px ;
    height: 500px ;
    background-repeat: no-repeat ;
}
.watermark-a {
	background-image: url(../media/feather_ring_tra@m.png) ;
	opacity: .20 !important ;
    filter: alpha(opacity=20) !important ;
	background-position: -20px -60px ;
}
.watermark-b {
	background-image: url(../media/sagebrush2@m.png) ;
	left: 50px ;
	background-position: 0px -70px ;
	/*background-position: 50px -70px ;*/
}
.watermark-c {
	left: 70px ;
	background-position: 0px -50px ;
	/*background-position: 70px -50px ;*/
	background-image: url(../media/wabanaki_transform_wat4@m.png) ;
	/*opacity: .75 !important ;
	filter: alpha(opacity=75) !important ;*/
}
.watermark-d {
	background-image: url(../media/montoya_drum_tra@m.png) ;
	background-position: -70px -30px ;
}
	#print-link {
		position: absolute ;
		top: 20px ;
		left: 650px ;
		font-size: 13px ;
		font-weight: bold ;
		z-index: 100000;
	}
/* ________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________ */
#splash-only {
	top: 100px ;
}
	.splash-image-container {
		position: relative ;
		height: 100px ;
	}
		.splash-column {
			position: absolute ;
			width: 45% ;
		}
		.splash-text {
			position: relative ;
			width: 40% ;
			margin-top: 0em ;
			font-family: georgia ;
			font-style: italic ;
			color: steelblue ;
			font-size: 1.2em ;
			font-weight: bold ;
			text-align: center ;
		}
#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 ; */
    }
        /*Following is same as class="description".*/
		#description-container>div {
            position: absolute ;
            display: none;	
            font-family:  Gill Sans, Arial ;
            color: rgb(95, 83, 14) ;
            font-size: 14px ;
        }
            #description-container div p, .caption {
                margin: 10px 0px ;
            }
			.caption {
				font-size: 11px ;
			}
            #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;
        }
	#content-methods-templates {
		width: 646px ;
		margin-top: 120px ;
		left: -50px ;
/*		height: 1700px ;*/
		padding: 0 50px ;
		background-image: url(../media/gradient_green@m.png) ;
	}
		.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;
		}
/* ________Toggle Styles________ */
.content-toggler, .content-toggler-over {
    padding: .05em;
    color: steelblue !important ;
	font-size:  14px ;
	font-style: italic ;
}
.content-toggler-over {
    cursor: pointer;
	text-decoration: underline ;
}
.content-expanded {
    clear: both;
    padding: 5px;
    display: none;
	background-color: ivory ; /*palegoldenrod ;*/
	font-size: 12px ;
}
/* ________Template frame Styles________ */
.template-frame {
/*	border: ivory dotted 2px ;*/
	overflow-x: hidden ; 
	width: 100% ; 
	height: 500px; 
}