html {font-size: 12pt;}

body {
    font-size: 1em;
	background: url('../images/background.png') repeat;
}



#wrapper {
    width: 960px;
	margin-left: auto;
    margin-right: auto;
	border: 1px solid #666666;
	border-radius: 5px;
	padding: 15px;
	background: url('../images/starbackground.png') repeat #ffffff;
	color: #333333;
	font-family: sans-serif;
	font-size: 1em;
}



.grid-container {
    display: grid;
    grid-gap: 10px;
    grid-template-columns: 1fr 1fr 3fr 3fr;
    grid-template-rows: auto;
    grid-template-areas:    'logo logo header header'
                            'leftNavigation content content content'
                            'bottomNavigation bottomNavigation bottomNavigation bottomNavigation'
                            'footer footer footer footer';
}



.logo {
    grid-area: logo;
}

.header {
	grid-area: header;
    text-align: right;
	}



.leftNavigation {
    grid-area: leftNavigation;
    padding: 10px;
	border-right: thin dotted #003399;
	margin-right: 20px;
	width: 175px;
	background: url('../images/starbackground.png') repeat #ffffff;
}

    .leftNavigation div {
        text-align: center;
	    margin-bottom: 5px;
    }

    .leftNavigation img {
	    float: left;
	    border-right: solid 1px #003399;
	    border-bottom: solid 1px #003399;
	    border-radius: 0px 0px 3px 0px;
    }

    .leftNavigation a {
	    display: block;
	    font-size: 1em;
	    padding: 3px;
	    border: 1pt solid #ffffff;
	    border-radius: 3px;
	    text-decoration: none;
    }

    .leftNavigation a:hover {
    	border: 1pt solid #003399;
    }

    .navExternal {
        margin-top: 5px;
        padding-top: 5px;
        border-top: 1px dotted #999999;
        padding-bottom: 5px;
        border-bottom: 1px dotted #999999;
    }

    .linkSubText {
        display: block;
        font-size: .75em;
    }





.content {
	grid-area: content;
}

    h1 {
    	margin: 25px auto 35px auto;
    	color: #6a2a78;
    	font-size: 2em;
    	text-shadow: 3px 3px 3px #999999;
    	border-bottom: 1px solid #666666;
    }

    h2 {
        text-align: left;
    	width: 90%;
	    font-size: 1.75em;
	    font-weight: normal;
	    border-bottom: 1px solid #666666;
    }

    p {
    font-size: 1em;
    }



.bottomNavigation {
	grid-area: bottomNavigation;
    text-align: center;
}

    .bottomNavigation a {
    	margin: 4px;
    	padding: 2px;
    	font-size: .8em;
    	text-decoration: none;
    	white-space: nowrap;
    }

  

.footer {
    grid-area: footer;
    font-size: .66em;
    border-top: 1px solid #333333;
    margin-top: 10px;
    padding-top: 10px;
}



.small {font-size: .66em;}

.medium {font-size: 1.1em;}

.large {font-size: 1.5em;}

.center {text-align: center;}

.red {color: #ff0000;}

.italic {font-style: italic;}

.bold {font-weight: bold;}



img.toTop {
position: fixed;
bottom: 20px;
right: 20px;
background-color: #ffffff;
border: 2px solid #000000;
border-radius: 10px;
display: none;
}

img.picRule {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
    width: 100%;
    height: auto;
    }

img.photo {
	padding: 1px;
	color: #ffffff;
	border: 1px solid #009ED6;
	border-radius: 2px;
}



a:hover {
	color: #003399;
	background-color: #ffff00;
}



strong {
	font-weight: bold;
	font-family: serif;
}



ul {
	list-style-image: url('../images/icons/listItem.png');
}



section {
margin-bottom: 25px;
}



ul.boardOfDirectors {
	text-align: center;
 	list-style-image: url('../images/icons/yellowStar.png');
}

    ul.boardOfDirectors li {
	    margin-left: auto;
	    margin-right: auto;
	    width: 50%;
	    border-bottom: 1px dotted #003399;
	    border-right: 1px dotted #003399;
	    border-radius: 3px;
	    margin-bottom: 15px;
    }



div.headline {
	margin-top: 40px;
	padding: 10px;
	text-align: center;
	border: 1px solid #ddd;
	border-radius: 10px 10px 0px 0px;
	border-bottom-style: none;
	background: url("../images/newspaper.png") #ddd repeat;
	box-shadow: 5px 5px 5px #888888;
}


    div.headline a {
    	font-family: "Times New Roman", serif;
    	font-size: 1.33em;
	    color: #000000;
	    font-weight: bold;
	    text-decoration: none;
    }



div.link {
    margin-bottom: 25px;
    text-align: center;
}

div.video {
    margin-bottom: 25px;
    text-align: center;
}

.download {
    margin-bottom: 25px;
    text-align: center;
}



q {
    display:  block;
    width: 75%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 40px;
}

cite {
	display:  block;
	text-align: right;
    font-size: .8em;
    margin-bottom: 25px;
}



figure {
    margin: 10px;
}

    figcaption {
	    font-size: .66em;
	    font-family: sans-serif;
    }

    figure img {
	    border: 1px solid #000000;
    }

    figcaption img {
	    border: none;
    }




article {
	margin-bottom: 50px;
	border: 1px solid #ddd;
	border-radius: 3px;
	padding: 15px;
	color: #000000;
	background-color: #eee;
	box-shadow: 5px 5px 5px #888888;
}

    article h3 {
	    font-family: "Times New Roman", serif;
	    font-size: 1.5em;
	    text-align: center;
	    margin-top: 0px;
	    margin-bottom: 10px;
    }

    article h4 {
	    font-family: "Times New Roman", serif;
	    font-size: 1.25em;
	    text-align: center;
	    margin-top: 0px;
    }

    article p {
	    font-family: "Times New Roman", serif;
	    text-align: justify;
	    font-size: 1.2em;
    }