@charset "UTF-8";
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* Reset Complete */

/* Broad section formatting */
body{
    background-color: hsla(240, 1%, 37%, 1.0);
    font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
    font-size: 16px;
}

#wrapper{
	width: 94%;
    max-width: 960px;
    margin: 0 auto;
}

.eMailMsg{
	background: hsla(203, 74%, 67%, 1.0);
	color: hsla(203, 74%, 0%, .8);
}

header, nav, section, article, aside, figure, footer{
    display: block;
}
.floatRight{
    float: right;
}
.floatLeft{
    float: left;
}
.clearBoth{
    clear: both;
}

a{
    text-decoration: none;
}
    a:link{
        color: hsla( 203, 74%, 67%, 1.0);
    }
    a:visited{
        color: hsla(120, 25%, 59%, 1.0);
    }
    a:hover{
        color: hsla( 203, 74%, 67%, 1.0);
        text-shadow: .1em .1em .1em black;
    }
    a:active{
        color: hsla(120, 25%, 59%, 1.0);
    }

hr{
    color: hsla(0, 0%, 95%, 1.0);
	margin: 0 auto;
	margin-bottom: 5px;
	width: 95%;
}

/* Headings and text editing */
h1, h2, h3, h4, h5, h6{
    color: hsla( 203, 74%, 67%, 1.0);
    font-family: "Modern Antiqua", "Book Antiqua", Palatino, serif;
    padding: 5px 0px;
}
    h1{
        font-size: 125%;
    }
    h2{
        font-size: 120%;
    }
    h3{
        font-size: 110%;
    }
    h4{
        font-size: 90%;
    }

p, ol, ul{
    color: hsla(0, 0%, 0%, 1.0);
}

/* Begin edits for the header section */
header{
    min-height: 75px;
}
    header img{
        background: hsla(0, 0%, 95%, 1.0);
        border-left: solid #41aef2 .5em;
        border-bottom-right-radius: 10px;
        border-top-right-radius: 10px;
        height: 75px;
        float: left;
        padding: 3px
    }
	
    #messageSpaceHeader{
        font-size: 80%;
        float: left;
        margin: 3px;
        padding: 25px 7px 2px 7px;
        width: 270px;
    }
        #messageSpaceHeader p{
			color: hsla(0, 0%, 100%, 1.0);
		}
		#messageSpaceHeader span{
            font-size: 75%;
        }
		
    #adSpaceHeader{
        height: 60px;
        float: left;
        margin: 3px;
        padding: 2px;
        width: 468px;
    }
	
/* Begin edits for navigation effects */
nav{
	min-height: 30px;
    padding: 10px 0 0 0;
    text-align: center;
}
    nav ul li{
        float: left;
        margin: 0 10px;
        position: relative;
        width: auto;
    }
        nav ul li.currentMenuItem span.active{
            background-image:url(../images/ActiveMarker.png);
            height: 7px;
            position: absolute;
                    bottom: 0;
            width: 15px;
            z-index: 15;
        }
        
        nav ul li a{
            display: block;
            padding: 8px 10px;
            text-decoration: none;
            width: auto;
        }

        nav ul li ul{
            background-color: hsla(0, 0%, 95%, .8);
            border-radius: 5px;
            border-left: 5px solid #ccc;
            border-right: 5px solid #ccc;
            display: none;
            position: absolute;
            z-index: 5;
        }
            nav ul li ul li{
                border-bottom: 1px solid #333;
                float: none;
                margin: 0;
                width: 150px;
            }
            nav ul li:hover ul{
                display: block;
            }

/* Begin edits for the wrapper main content area */
#content{
    margin: 0 auto;
	width: 98%;
}
    #content article{
		margin: 0 0 5px 0;
		height: auto;
		position: relative;
	}
		#content article h2{
			text-align: center;
		}
	
        #content article #slideShowNav{
            font-family: 'Modern Antiqua', 'Book Antiqua', serif;
            height: 19px;
            position: relative;
            width: 100%;
            z-index: 100;
        }
            #content article #slideShowNav .prev{
                background-image: url(../images/prevbtn.jpg);
                cursor: pointer;
                float: left;
                height: 25px;
                width: 75px;
            }
            #content article #slideShowNav .next{
                    background-image: url(../images/nextbtn.jpg);
                    cursor: pointer;
                    float: right;
                    height: 25px;
                    width: 75px;
                }

        #content article #images{
			height: 300px;
            float: left;
            margin: 0 auto;
            max-width: 85%;
            overflow: hidden;
		}
			#content article #images img{
				height: 100%;
			}
		
        #content article #imageWriteUp{
            border-left: solid .1em hsla( 203, 74%, 67%, 1.0);
            border-right: solid .1em hsla( 203, 74%, 67%, 1.0);
            border-radius: 5px;
            float: right;
            margin: 0 auto 5px auto;
            max-height: 320px;
            max-width: 10%;
            overflow: auto;
            padding: 5px 10px;
        }
            #content article #imageWriteUp h5{
				text-align: center;
			}
			#content article #imageWriteUp p{
				font-style: italic;
				font-size: .9em;
				margin-bottom: 1em;
				text-align: center;
			}
			#content article #imageWriteUp ul{
                line-height: 1.2em;
                margin-bottom: .7em;
                font-size: .8em;
            }
        
		#content article #thumbnails{
			height: 70px;
			overflow: auto;
            width: 100%;
		}
			#content article #thumbnails .slider{
				width: 1000px;
			}
			#content article #thumbnails .thumb{
				float: left;
				cursor: pointer;
			}
			#content article #thumbnails img{
				border-radius: 5px;
				height: 50px;
				margin: 0 5px;
			}
			
	
	#content section{
		background-color: hsla(0, 0%, 95%, 1.0);
        border-radius: 10px;
        line-height: 125%;
        margin: 0 auto;
        min-height: 370px;
        padding: 0 10px;
		position: relative;
	}
		#content section #miniMe{
			margin: 5px 10px 5px 5px;
		}
			#content section img#miniMe{
				height: 300px;
			}
        #content section p, ol, ul{
            list-style-color: hsla( 203, 74%, 67%, 1.0);
        }
		#content section p{
			line-height: 1.5em;
			margin-bottom: 1em;
		}
			#content section p.bigLtr:first-letter{
				color: hsla( 203, 74%, 67%, 1.0);
				font-family: 'Modern Antiqua', 'Book Antiqua', serif;
				font-size: 150%;
				font-style: italic;
				margin: 0 3px 0 0;
			}
		#content aside{
			padding-bottom: 10px;
		}
            #content aside .columnSection{
                border-left: .5em solid hsla(203, 74%, 67%, 1.0);
				column-count: 3;
                column-gap: 2.5em;
                column-rule: .5em solid hsla(203, 74%, 67%, 1.0);
                    -webkit-column-count: 3;
                    -webkit-column-gap: 2.5em;
                    -webkit-column-rule: .5em solid hsla(203, 74%, 67%, 1.0);
                    -moz-column-count: 3;
                    -moz-column-gap: 2.5;
                    -moz-column-rule: .5em solid hsla(203, 74%, 67%, 1.0);
                margin: 0 1em;
                padding: 0 .3em;
            }
				#content aside .columnSection ul{
					break-after: column;
						-webkit-break-after: column;
						-moz-break-after: column;
				}
			
            #content aside .indentedList{
                list-style-type: square;
                padding: 0 5% 1% 5%;
            }
    
        #content section #leftIntroArticle{
            padding: 10px;
            height: auto;
            width: 70%;
        }
        
        #content section #rightNewsSection{
            border: 1px solid hsla( 203, 74%, 67%, 1.0);
            border-radius: 5px;
            height: auto;
			margin: 5px 0;
            padding: 5px;
            width: 25%;
        }
            #content section #rightNewsSection h2{
                text-align: center;
            }
        
        #content section #photoIntroArticle{
            border-right: 1px solid hsla( 203, 74%, 67%, 1.0);
            border-radius: 5px;
            float: left;
            font-size: 80%;
            height: 356px;
			margin-top: -182px;
            padding: 5px;
			position: absolute;
				top: 50%;
            width: 20%;
        }
            #content section #photoIntroArticle h3{
                text-align: center;
            }
        
        #content section #photosetWriteUp{
            height: auto;
            float: right;
            padding: 5px 0;
            width: 77%;
        }
            #content section #photosetWriteUp h2{
                text-indent: 30px;
            }
            #content section #photosetWriteUp #photosetMap{
                border-left: 1px solid hsla( 203, 74%, 67%, 1.0);
                border-bottom: 1px solid hsla( 203, 74%, 67%, 1.0);
                border-radius: 5px;
                float: right;
                height: 300px;
				margin: 0 0 10px 10px;
                width: 300px;
            }
                #content section #photosetWriteUp #photosetMap h4{
                    text-indent: 2em;
                }

/* Begin edits for the footer articles - right & left */
footer{
    min-height: 125px;
}
    footer h3{
        color: hsla(0, 0%, 100%, 1.0);
        text-indent: 2em;
    }
    footer h4{
        color: hsla(0, 0%, 100%, 1.0);
        text-align: center;
    }
    
    #designCredit{
        float: right;
        font-size: 80%;
        line-height: 150%;
        text-align: center;
        width: 20%;
    }
		footer #designCredit p{
			color: hsla(0, 0%, 100%, 1.0);
		}
        footer #designCredit img{
            width: 70%;
        }
    
    #leftFooter{
        float: left;
        width: 35%;
    }
        footer #leftFooter img{
            height: 25px;
            width: 30px;
        }

        #leftFooter ul{
            color: hsla(0, 0%, 100%, 1.0);
            line-height: 125%;
            padding: 3px 5px 3px 20px;
        }
            #leftFooter ul li{
                list-style-type: square;
                list-style-position: inside;
            }
		
    #rightFooter{
        float: right;
        width: 45%;
    }
        #rightFooter form{
            background: hsla(0, 0%, 95%, 1.0);
            border-radius: 5px;
            min-width: 128px;
            padding: 5px;
        }
            #rightFooter form label{
                clear: left;
                display: block;
                float: left;
                font-weight: bold;
                margin: 0 20px 15px 0;
                text-align: right;
                width: 70px;
            }
            #rightFooter form input[type=submit]{
                display: block;
                margin: 0 auto;
            }